projects link

index.html

@@ -43,8 +43,9 @@ <h1 class="name"><a href="https://annaylin.com">anna y lin</a></h1>
       <label for="select">select the page you would like to visit:</label>
       <div id="select">
         <button>home</button>
-        <button>about</button>
+        <button>work</button>
         <button>projects</button>
+        <button>about</button>
       </div>
     </div>
     <div id="left">
@@ -60,9 +61,7 @@ <h2>projects</h2>
         <tbody id="projects-table">
         <tr>
           <td>✴︎ <a href="https://annaylin.com/resume/" target="_blank"
-                    title="link to resume">resume</a>, <a
-            href="https://annaylin.com/portfolio/" target="_blank"
-            title="link to work portfolio">portfolio</a></td>
+                    title="link to resume">resume</a>
         </tr>
         </tbody>
         <tbody>

index.js

@@ -116,6 +116,9 @@ window.addEventListener("load", () => {
       case "about":
         elem = right;
         break;
+      case "work":
+        location.href = "https://annaylin.com/portfolio/";
+        break;
       default:
         elem = center;
         break;

portfolio/index.css

@@ -10,7 +10,6 @@ body {
   line-height: 25px;
   max-width: 110px;
   font-weight: 900;
-  margin-bottom: 0.5em;
 }
 
 h1,
@@ -35,11 +34,11 @@ h6 {
 }
 
 #work-table th h3 {
-  margin: 1em 0 0;
+  margin: 0.5em 0 0;
 }
 
 #work-table td:not(.links) a {
-  padding: 0 0 0 0.5em;
+  padding: 0 0 0 0.3em;
 }
 
 #center p, .postscript {

portfolio/index.html

@@ -47,6 +47,7 @@ <h1 class="name"><a href="https://annaylin.com/portfolio">anna y
       <label for="select">select the page you would like to visit:</label>
       <div id="select">
         <button>home</button>
+        <button>projects</button>
         <button>work</button>
         <button>about</button>
       </div>
@@ -66,9 +67,7 @@ <h2>work</h2>
         <tr>
           <td class="links">✴︎ <a href="https://annaylin.com/resume/"
                                   target="_blank"
-                                  title="link to resume">resume</a>, <a
-            href="https://annaylin.com/" target="_blank"
-            title="link to website">website</a>
+                                  title="link to resume">resume</a>
           </td>
         </tr>
         </tbody>

portfolio/index.js

@@ -80,6 +80,9 @@ window.addEventListener("load", () => {
       case "about":
         elem = right;
         break;
+      case "projects":
+        location.href = "https://annaylin.com/";
+        break;
       default:
         elem = center;
         break;