From 5bd5e155910ce5885585c62ee2a36f23d3445c34 Mon Sep 17 00:00:00 2001
From: lab-cat <>
Date: Sat, 25 Jun 2022 19:13:06 +0200
Subject: [PATCH] added down-arrow

---
 .gitignore     |  1 +
 web/index.html |  1 +
 web/styles.css | 26 ++++++++++++++++++++++++++
 3 files changed, 28 insertions(+)

diff --git a/.gitignore b/.gitignore
index c666713..0e35c21 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
+.idea/
 web/publish.sh
diff --git a/web/index.html b/web/index.html
index 9fb96c4..848e1a5 100644
--- a/web/index.html
+++ b/web/index.html
@@ -33,6 +33,7 @@
                     View Publications
                 </button>
             </div>
+            <a id="down-arrow" href="#text" ></a>
         </div>
 
         <div id="text">
diff --git a/web/styles.css b/web/styles.css
index f40bb7e..ce081d0 100644
--- a/web/styles.css
+++ b/web/styles.css
@@ -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;