updated css

elin001 · Oct 22, 2023 · 5545c5b · 5545c5b
1 parent 57e84b0
commit 5545c5b
Show file tree

Hide file tree

Showing 4 changed files with 61 additions and 6 deletions.
diff --git a/about.html b/about.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="https://github.com/elin001/portfolio/blob/main/style.css">
+    <title>Ellie Lin - Visual Journalist</title>
+</head>
+<body>
+    <h1>About</h1>
+<div class="hamburger-menu">
+    <input type="checkbox" id="op" />
+    <div class="lower">
+        <label for="op">
+            <span></span>
+            <span></span>
+            <span></span>
+        </label>
+      </div>
+    <div class="overlay overlay-hugeinc">
+                <label for="op"></label>
+                <nav>
+                    <ul>
+                        <li><a href="https://ellie-lin.com/index.html">Home</a></li>
+                        <li><a href="https://ellie-lin.com/resume.html">Resume</a></li>
+                        <li><a href="https://ellie-lin.com/portfolio.html">Portfolio</a></li>
+                        <li><a href="https://ellie-lin.com/about.html">About</a></li>
+                    </ul>
+                </nav>
+    </div>
+</div>
+</body>
+</html>
diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Ellie Lin - Visual Jounalist</title>
-    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="https://github.com/elin001/portfolio/blob/main/style.css">
     <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100;0,9..40,200;0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;0,9..40,900;0,9..40,1000;1,9..40,100;1,9..40,200;1,9..40,300;1,9..40,400;1,9..40,500;1,9..40,600;1,9..40,700;1,9..40,800;1,9..40,900;1,9..40,1000&display=swap" rel="stylesheet">
     <script type="text/javascript" src="script.js" defer></script>
 </head>

diff --git a/portfolio.html b/portfolio.html
@@ -3,9 +3,31 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="https://github.com/elin001/portfolio/blob/main/style.css">
     <title>Ellie Lin - Visual Journalist</title>
 </head>
 <body>
-
+    <h1>Portfolio</h1>
+<div class="hamburger-menu">
+    <input type="checkbox" id="op" />
+    <div class="lower">
+        <label for="op">
+            <span></span>
+            <span></span>
+            <span></span>
+        </label>
+      </div>
+    <div class="overlay overlay-hugeinc">
+                <label for="op"></label>
+                <nav>
+                    <ul>
+                        <li><a href="https://ellie-lin.com/index.html">Home</a></li>
+                        <li><a href="https://ellie-lin.com/resume.html">Resume</a></li>
+                        <li><a href="https://ellie-lin.com/portfolio.html">Portfolio</a></li>
+                        <li><a href="https://ellie-lin.com/about.html">About</a></li>
+                    </ul>
+                </nav>
+    </div>
+</div>
 </body>
 </html>
diff --git a/resume.html b/resume.html
@@ -23,10 +23,10 @@ <h1>Resume</h1>
                 <label for="op"></label>
                 <nav>
                     <ul>
-                        <li><a href="#">Home</a></li>
-                        <li><a href="#">Resume</a></li>
-                        <li><a href="#">Portfolio</a></li>
-                        <li><a href="#">About</a></li>
+                        <li><a href="https://ellie-lin.com/index.html">Home</a></li>
+                        <li><a href="https://ellie-lin.com/resume.html">Resume</a></li>
+                        <li><a href="https://ellie-lin.com/portfolio.html">Portfolio</a></li>
+                        <li><a href="https://ellie-lin.com/about.html">About</a></li>
                     </ul>
                 </nav>
     </div>