Merge branch 'master' into dynamic-about

jjanzenn · Mar 23, 2023 · 6196760 · 6196760
2 parents 6ba0514 + 7d1d978
commit 6196760
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 7 deletions.
diff --git a/My project.png b/My project.png
diff --git a/about.html b/about.html
@@ -49,7 +49,7 @@
         </nav>
         <div class="top-bar">
             <div class="logo">
-                <h1><i class="material-icons" style="font-size: 2em;">fullscreen_exit</i></h1>
+                <img src = "My project.png" alt="logo"/>
             </div>
             <div class="search-bar">
                 <input type="text" class="search-bar"></input>

diff --git a/index.html b/index.html
@@ -40,9 +40,7 @@
         </nav>
         <div class="top-bar">
             <div class="logo" id="logo">
-                <h1>
-                    <i class="material-icons" style="font-size: 2em;">fullscreen_exit</i>
-                </h1>
+                    <img src = "My project.png" alt="logo"/>
             </div>
             <div class="search-bar">
                 <input type="text" class="search-bar" id="searchbar"></input>

diff --git a/styles/styles.css b/styles/styles.css
@@ -31,17 +31,25 @@ p {
     height: 80px;
     align-items: center;
     border: 1px solid black;
-    background-color: #c3d0d5;
+    background-color: rgb(226, 232, 238);
 }
 
+.logo img{
+
+    width: 150%; 
+    left: 30px;
+    aspect-ratio: 1; 
+
+ }
+
 .container {
     display: flex;
     margin-top: 80px;
 }
 
 .fixed {
     width: 94px;
-    left: 30px;
+    left: 0px;
     top: 0px;
     margin-top: 80px;
     padding: .5rem .5rem 0;
@@ -59,11 +67,15 @@ p {
 .side-menu-item{
     height: 140px;
     text-decoration: none;
-    display: block;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    transition: .25s ease-in;
 }
 .side-menu-item:hover{
     color: black;
     text-decoration: underline;
+    background-color: rgb(226, 232, 238);
 }
 
 .logo {
@@ -97,3 +109,4 @@ a {
     align-items: center;
     display: block;
  }
+