Update mainpage.html

Lin-Yuying · Jan 17, 2025 · ad63822 · ad63822
1 parent 88b7b66
commit ad63822
Showing 1 changed file with 11 additions and 29 deletions.
diff --git a/mainpage.html b/mainpage.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title> Where are you going? </title>
+  <title>Yuying Lin - Navigation</title>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
   <style>
     body {
@@ -16,7 +16,7 @@
       position: fixed;
       top: 0;
       width: 100%;
-      background-color: #333;
+      background-color: #999;
       display: flex;
       justify-content: space-around;
       padding: 10px 0;
@@ -32,7 +32,7 @@
     }
 
     .navbar a:hover {
-      background-color: #555;
+      background-color: #777;
       border-radius: 5px;
     }
 
@@ -46,24 +46,9 @@
       transition: all 0.5s ease;
     }
 
-    #about-me {
+    #about-me, #research, #publications, #teaching {
       background-color: #f1f1f1;
-      color: #999;
-    }
-
-    #research {
-      background-color: #999;
-      color: #999;
-    }
-
-    #publications {
-      background-color: #999;
-      color: #999;
-    }
-
-    #teaching {
-      background-color: #999;
-      color: #666;
+      color: #333;
     }
 
     /* Smooth Scroll Behavior */
@@ -102,23 +87,21 @@
 
   <!-- Sections -->
   <section id="about-me">
-    <h1>About Me</h1>
-    <p>Hello! I'm Yuying Lin, a PhD student at UBC working in evolutionary biology.</p>
+    <h1> Under construction</h1> 
+    <p></p>
   </section>
 
   <section id="research">
-    <h1>Research</h1>
-    <p>My research focuses on sexually antagonistic selection in fish, computational biology, and evolutionary genetics.</p>
+    <h1>Under construction</h1>
   </section>
 
   <section id="publications">
-    <h1>Publications</h1>
-    <p>Explore my academic contributions and published work in reputable journals.</p>
+    <h1>Under construction</h1>
   </section>
 
   <section id="teaching">
-    <h1>Teaching</h1>
-    <p>I am passionate about teaching and mentoring students in biology and bioinformatics.</p>
+    <h1>Under construction</h1>
+
   </section>
 
   <!-- JavaScript -->
@@ -139,4 +122,3 @@ <h1>Teaching</h1>
 
 </body>
 </html>
-