Update navbar to point to my resume

Client-side includes can't come soon enough :-(

9 files changed, 32 insertions, 25 deletions

diff --git a/404.html b/404.html
index fd3ef81..a88c7aa 100644
--- a/404.html
+++ b/404.html
@@ -13,7 +13,7 @@
 		</h1>
 		<nav>
 			<a href="https://j-james.me/about">about</a>
-			<a href="https://j-james.me/projects">projects</a>
+			<a href="https://j-james.me/resume">resume</a>
 			<a href="https://j-james.me/links">links</a>
 			<a href="https://j-james.me/bookshelf">bookshelf</a>
 		</nav>
diff --git a/about.html b/about.html
index 30a091d..a6f3545 100644
--- a/about.html
+++ b/about.html
@@ -14,7 +14,7 @@
 		</h1>
 		<nav>
 			<a href="https://j-james.me/about">about</a>
-			<a href="https://j-james.me/projects">projects</a>
+			<a href="https://j-james.me/resume">resume</a>
 			<a href="https://j-james.me/links">links</a>
 			<a href="https://j-james.me/bookshelf">bookshelf</a>
 		</nav>
diff --git a/bookshelf.html b/bookshelf.html
index 75272b9..007c14e 100644
--- a/bookshelf.html
+++ b/bookshelf.html
@@ -15,7 +15,7 @@
 		</h1>
 		<nav>
 			<a href="https://j-james.me/about">about</a>
-			<a href="https://j-james.me/projects">projects</a>
+			<a href="https://j-james.me/resume">resume</a>
 			<a href="https://j-james.me/links">links</a>
 			<a href="https://j-james.me/bookshelf">bookshelf</a>
 		</nav>
diff --git a/css/resume.css b/css/resume.css
index 30054e8..cc1fe53 100644
--- a/css/resume.css
+++ b/css/resume.css
@@ -6,22 +6,30 @@ body {
     color: #333;
     max-width: 40em;
     margin: 1em auto;
-    padding: 0em 1em;
+    padding: 0 1em;
     border: 1px solid #000;
     box-shadow: -1rem 1rem 0 0 rgba(0, 0, 0, 0.1);
 }
 
+a, a:visited {
+    color: #1455FB;
+    text-decoration: none;
+}
+
 h1, h2, h3, b {
     color: #000;
 }
 
-ul {
-    margin-top: 0;
+h2 {
+    margin-bottom: 0;
 }
 
-a, a:visited {
-    color: #1455FB;
-    text-decoration: none;
+h3 {
+    margin-bottom: 0.5em;
+}
+
+ul {
+    margin-top: 0;
 }
 
 #blurb {
@@ -32,6 +40,10 @@ a, a:visited {
     list-style: none;
 }
 
+#pdf {
+    font-size: 0.5em;
+}
+
 .title {
     display: flex;
     flex-direction: row;
@@ -42,19 +54,11 @@ a, a:visited {
     margin-top: 0;
 }
 
-h2 {
-    margin-bottom: 0;
-}
-
-h3 {
-    margin-bottom: 0.5em;
-}
-
-h2::after {
+/* h2::after {
     content: "";
     width: 100px;
     border-top: 2px solid #333;
-}
+} */
 
 @media screen and (max-width: 700px) {
     /* todo: fix lumping of contact section on the se/seii size */
@@ -65,7 +69,7 @@ h2::after {
 }
 
 @page {
-    /* todo: fit the resume all on one page */
+    /* todo: fit the resume all on one page in firefox */
     size: auto;
     margin: 2mm;
 }
@@ -83,4 +87,7 @@ h2::after {
     b > a::after {
         content: ": " attr(href)
     }
+    #pdf {
+        display: none;
+    }
 }
diff --git a/index.html b/index.html
index f37d317..45d11e8 100644
--- a/index.html
+++ b/index.html
@@ -14,7 +14,7 @@
 		</h1>
 		<nav>
 			<a href="https://j-james.me/about">about</a>
-			<a href="https://j-james.me/projects">projects</a>
+			<a href="https://j-james.me/resume">resume</a>
 			<a href="https://j-james.me/links">links</a>
 			<a href="https://j-james.me/bookshelf">bookshelf</a>
 		</nav>
diff --git a/links.html b/links.html
index ad32fa2..9176f64 100644
--- a/links.html
+++ b/links.html
@@ -14,7 +14,7 @@
 			</h1>
 			<nav>
 				<a href="https://j-james.me/about">about</a>
-				<a href="https://j-james.me/projects">projects</a>
+				<a href="https://j-james.me/resume">resume</a>
 				<a href="https://j-james.me/links">links</a>
 				<a href="https://j-james.me/bookshelf">bookshelf</a>
 			</nav>
diff --git a/posts.html b/posts.html
index 75c9da8..4ab52fa 100644
--- a/posts.html
+++ b/posts.html
@@ -14,7 +14,7 @@
 		</h1>
 		<nav>
 			<a href="https://j-james.me/about">about</a>
-			<a href="https://j-james.me/projects">projects</a>
+			<a href="https://j-james.me/resume">resume</a>
 			<a href="https://j-james.me/links">links</a>
 			<a href="https://j-james.me/bookshelf">bookshelf</a>
 		</nav>
diff --git a/projects.html b/projects.html
index d84e08b..eacc36a 100644
--- a/projects.html
+++ b/projects.html
@@ -14,7 +14,7 @@
 		</h1>
 		<nav>
 			<a href="https://j-james.me/about">about</a>
-			<a href="https://j-james.me/projects">projects</a>
+			<a href="https://j-james.me/resume">resume</a>
 			<a href="https://j-james.me/links">links</a>
 			<a href="https://j-james.me/bookshelf">bookshelf</a>
 		</nav>
diff --git a/resume.html b/resume.html
index 5e956a3..7af33a6 100644
--- a/resume.html
+++ b/resume.html
@@ -12,7 +12,7 @@
 	<section class="title">
 		<!-- this part should be like bilal's -->
 		<div> <!-- weirdly, this doesn't work as a p -->
-			<h1>Justice “JJ” James</h1>
+			<h1>Justice “JJ” James <a id="pdf" href="https://j-james.me/resume.pdf">[pdf]</a></h1>
 			<i id="blurb">I like general mathematics, distributed systems, and Taylor Swift.</i>
 		</div>
 		<ul id="contact">