Add scroll icon

r-makarov · Sep 9, 2024 · 72f61f1 · 72f61f1
1 parent 671d644
commit 72f61f1
Show file tree

Hide file tree

Showing 5 changed files with 76 additions and 15 deletions.
diff --git a/css/main.css b/css/main.css
@@ -177,14 +177,19 @@ body .main #summary-section .links {
   padding-bottom: 10px;
 }
 body .main #summary-section .links img {
-  width: 42px;
-  height: 42px;
+  width: 52px;
+  height: 52px;
   border-radius: 50%;
 }
 body .main #summary-section .links a {
   color: tan;
   margin: 5px 5px;
 }
+body .main #summary-section #down-arrow {
+  width: 150px;
+  height: 150px;
+  margin-top: 200px;
+}
 body .main .section {
   margin: 0 0 100px 0px;
   color: white;
@@ -296,16 +301,15 @@ img {
 }
 
 @media only screen and (max-width: 1000px) {
+  #summary-section {
+    padding: 22vh 50px 5vh 20px !important;
+  }
   #summary-section .name-surname {
     font-size: 2.5em !important;
   }
   #summary-section ul {
     font-size: 1em !important;
   }
-  #summary-section .links img {
-    width: 30px !important;
-    height: 30px !important;
-  }
   body {
     text-wrap: wrap;
     word-break: normal;

diff --git a/css/main.css.map b/css/main.css.map
diff --git a/css/main.scss b/css/main.scss
@@ -222,8 +222,8 @@ body {
                 padding-bottom: 10px;
                 // padding-right: 150px;
                 img {
-                    width: 42px;
-                    height: 42px;
+                    width: 52px;
+                    height: 52px;
                     border-radius: 50%;
                 }
 
@@ -232,6 +232,14 @@ body {
                     margin: 5px 5px;
                 }
             }
+
+            #down-arrow {
+                width: 150px;
+                height: 150px;
+                margin-top: 200px;
+                // margin-left: 10px;
+                // align-self: center;
+            }
         }
 
         .section {
@@ -371,18 +379,21 @@ img {
 @media only screen and (max-width: 1000px) {
 
     #summary-section {
+
+        padding: 22vh 50px 5vh 20px !important;
+
         .name-surname {
             font-size: 2.5em !important;
         }
         ul {
             font-size: 1em !important;
         }
-        .links {
-            img {
-                width: 30px !important;
-                height: 30px !important;
-            }
-        }
+        // .links {
+        //     img {
+        //         width: 30px !important;
+        //         height: 30px !important;
+        //     }
+        // }
 
     }
 

diff --git a/index.html b/index.html
@@ -121,6 +121,8 @@
                         );
                     </script>
                 </div>
+
+                <img src="static/images/down-arrow.svg" id="down-arrow"/>
             </div>
 
 

diff --git a/static/images/down-arrow.svg b/static/images/down-arrow.svg