added down-arrow

This commit is contained in:
lab-cat 2022-06-25 19:13:06 +02:00
parent b6893720c7
commit 5bd5e15591
3 changed files with 28 additions and 0 deletions

1
.gitignore vendored
View file

@ -1 +1,2 @@
.idea/
web/publish.sh

View file

@ -33,6 +33,7 @@
View Publications
</button>
</div>
<a id="down-arrow" href="#text" ></a>
</div>
<div id="text">

View file

@ -111,6 +111,32 @@ nav ul li a:hover {color: inherit}
padding: 5px;
}
#down-arrow {
position: absolute;
top: calc(100vh - 60px);
left: calc(50% - 14px);
width: 0;
height: 30px;
border: 2px solid;
border-radius: 2px;
}
#down-arrow:after {
content: " ";
position: absolute;
top: 12px;
left: -10px;
width: 16px;
height: 16px;
border-bottom: 4px solid;
border-right: 4px solid;
border-radius: 4px;
transform: rotateZ(45deg);
}
#down-arrow:link {color: black}
#down-arrow:active {color: black}
#down-arrow:visited {color: black}
#down-arrow:hover {color: black}
/* Text */
#text {
display: flex;