Single-page site redesign with visual fixes

adventures-of-lightcone-1.html

@@ -16,12 +16,22 @@
       <img class="logo-image" src="https://res.cloudinary.com/lesswrong-2-0/image/upload/v1629334277/Lightcone-02_stkgik.svg"/>
       <div>Lightcone Infrastructure</div>
     </a>
-    <a href="https://airtable.com/shrdqS6JXok99f6EX" class="CTA-button-navbar">
-      Work with us
-    </a>
+    <nav class="nav-links">
+      <a href="index.html" class="nav-link">Home</a>
+      <a href="projects.html" class="nav-link">Projects</a>
+      <a href="principles.html" class="nav-link">Principles</a>
+      <a href="team.html" class="nav-link">Team</a>
+      <a href="jobs.html" class="nav-link">Jobs</a>
+      <a href="donate.html" class="nav-link">Donate</a>
+    </nav>
   </div>
   <div class="content-area">
     <section class="story">
+      <nav class="breadcrumbs">
+        <a href="adventures-of-lightcone.html">Adventures</a>
+        <span class="breadcrumb-sep">/</span>
+        <span>Part 1</span>
+      </nav>
       <div class="title-section">
         <p style="font-size: 20px; font-weight: 200;"><em><strong>S</strong>ome</em> TALES <em>and</em> <strong>C</strong>URIOUS</p>
         <p style="font-size: 40px; color:#cc0000">ADVENTURES</p>

adventures-of-lightcone-2.html

@@ -16,12 +16,22 @@
       <img class="logo-image" src="https://res.cloudinary.com/lesswrong-2-0/image/upload/v1629334277/Lightcone-02_stkgik.svg"/>
       <div>Lightcone Infrastructure</div>
     </a>
-    <a href="https://airtable.com/shrdqS6JXok99f6EX" class="CTA-button-navbar">
-      Work with us
-    </a>
+    <nav class="nav-links">
+      <a href="index.html" class="nav-link">Home</a>
+      <a href="projects.html" class="nav-link">Projects</a>
+      <a href="principles.html" class="nav-link">Principles</a>
+      <a href="team.html" class="nav-link">Team</a>
+      <a href="jobs.html" class="nav-link">Jobs</a>
+      <a href="donate.html" class="nav-link">Donate</a>
+    </nav>
   </div>
   <div class="content-area">
     <section class="story">
+      <nav class="breadcrumbs">
+        <a href="adventures-of-lightcone.html">Adventures</a>
+        <span class="breadcrumb-sep">/</span>
+        <span>Part 2</span>
+      </nav>
       <div class="title-section">
         <p style="font-size: 20px; font-weight: 200;"><em><strong>S</strong>ome</em> TALES <em>and</em> <strong>C</strong>URIOUS</p>
         <p style="font-size: 40px; color:#cc0000">ADVENTURES</p>

adventures-of-lightcone-3.html

@@ -16,12 +16,22 @@
       <img class="logo-image" src="https://res.cloudinary.com/lesswrong-2-0/image/upload/v1629334277/Lightcone-02_stkgik.svg"/>
       <div>Lightcone Infrastructure</div>
     </a>
-    <a href="https://airtable.com/shrdqS6JXok99f6EX" class="CTA-button-navbar">
-      Work with us
-    </a>
+    <nav class="nav-links">
+      <a href="index.html" class="nav-link">Home</a>
+      <a href="projects.html" class="nav-link">Projects</a>
+      <a href="principles.html" class="nav-link">Principles</a>
+      <a href="team.html" class="nav-link">Team</a>
+      <a href="jobs.html" class="nav-link">Jobs</a>
+      <a href="donate.html" class="nav-link">Donate</a>
+    </nav>
   </div>
   <div class="content-area">
     <section class="story">
+      <nav class="breadcrumbs">
+        <a href="adventures-of-lightcone.html">Adventures</a>
+        <span class="breadcrumb-sep">/</span>
+        <span>Part 3</span>
+      </nav>
       <div class="title-section">
         <p style="font-size: 20px; font-weight: 200;"><em><strong>S</strong>ome</em> TALES <em>and</em> <strong>C</strong>URIOUS</p>
         <p style="font-size: 40px; color:#cc0000">ADVENTURES</p>

adventures-of-lightcone.html

@@ -15,9 +15,14 @@
       <img class="logo-image" src="https://res.cloudinary.com/lesswrong-2-0/image/upload/v1629334277/Lightcone-02_stkgik.svg"/>
       <div>Lightcone Infrastructure</div>
     </a>
-    <a href="https://airtable.com/shrdqS6JXok99f6EX" class="CTA-button-navbar">
-      Work with us
-    </a>
+    <nav class="nav-links">
+      <a href="index.html" class="nav-link">Home</a>
+      <a href="projects.html" class="nav-link">Projects</a>
+      <a href="principles.html" class="nav-link">Principles</a>
+      <a href="team.html" class="nav-link">Team</a>
+      <a href="jobs.html" class="nav-link">Jobs</a>
+      <a href="donate.html" class="nav-link">Donate</a>
+    </nav>
   </div>
   <div class="content-area">
     <section class="story">

campus-generalist.html

@@ -15,17 +15,27 @@
 <body>
   <div class="navbar">
     <a href="index.html" class="logo">
-      <img class="logo-image" 
+      <img class="logo-image"
         src="https://res.cloudinary.com/lesswrong-2-0/image/upload/v1629334277/Lightcone-02_stkgik.svg"
       />
       <div>Lightcone Infrastructure</div>
     </a>
-    <a href="./jobs.html" class="CTA-button-navbar">
-      Work with us
-    </a>
+    <nav class="nav-links">
+      <a href="index.html" class="nav-link">Home</a>
+      <a href="projects.html" class="nav-link">Projects</a>
+      <a href="principles.html" class="nav-link">Principles</a>
+      <a href="team.html" class="nav-link">Team</a>
+      <a href="jobs.html" class="nav-link">Jobs</a>
+      <a href="donate.html" class="nav-link">Donate</a>
+    </nav>
   </div>
   <div class="content-area">
     <section class="job-posting">
+      <nav class="breadcrumbs">
+        <a href="jobs.html">Jobs</a>
+        <span class="breadcrumb-sep">/</span>
+        <span>Campus Generalist</span>
+      </nav>
       <h2>Campus Team – Generalist</h2>
       <p>Lightcone Infrastructure is looking for exceptional generalists who want to dedicate themselves to ensuring
         that humanity survives this century. Lightcone Infrastructure is a small early-stage organization with five

donate.html

@@ -1,10 +1,45 @@
-<!DOCTYPE html>
 <html>
-<head>
-    <meta http-equiv="refresh" content="0; url=https://www.every.org/lightcone-infrastructure?suggestedAmounts=50%2C100%2C1000%2C2000%2C10000&theme_color=7faf83&designation=Lightcone+Infrastructure&utm_campaign=donate-link#/donate">
-    <title>Redirecting to Donation Page</title>
-</head>
-<body>
-    <p>If you are not redirected automatically, <a href="https://www.every.org/lightcone-infrastructure?suggestedAmounts=50%2C100%2C1000%2C2000%2C10000&theme_color=7faf83&designation=Lightcone+Infrastructure&utm_campaign=donate-link#/donate">click here</a>.</p>
-</body>
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="reset.css">
+    <link rel="stylesheet" href="styles.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="stylesheet" href="https://use.typekit.net/tlf2euo.css">
+    <link rel="shortcut icon" type="image/jpg" href="https://res.cloudinary.com/lesswrong-2-0/image/upload/a_90/v1629334277/Lightcone-02_stkgik.svg"/>
+    <title>Donate - Lightcone Infrastructure</title>
+  </head>
+  <body>
+    <div class="navbar">
+      <a href="index.html" class="logo">
+        <img class="logo-image"
+          src="https://res.cloudinary.com/lesswrong-2-0/image/upload/v1629334277/Lightcone-02_stkgik.svg"
+        />
+        <div>Lightcone Infrastructure</div>
+      </a>
+      <nav class="nav-links">
+        <a href="index.html" class="nav-link">Home</a>
+        <a href="projects.html" class="nav-link">Projects</a>
+        <a href="principles.html" class="nav-link">Principles</a>
+        <a href="team.html" class="nav-link">Team</a>
+        <a href="jobs.html" class="nav-link">Jobs</a>
+        <a href="donate.html" class="nav-link nav-link--active">Donate</a>
+      </nav>
+    </div>
+    <div class="content-area">
+      <section style="text-align: center; padding: 60px 20px;">
+        <h2>Donate</h2>
+        <p style="margin-top: 20px;">Donate page coming soon.</p>
+        <p style="margin-top: 30px;">
+          <a href="https://www.every.org/lightcone-infrastructure?suggestedAmounts=50%2C100%2C1000%2C2000%2C10000&theme_color=7faf83&designation=Lightcone+Infrastructure&utm_campaign=donate-link#/donate" style="color: #ebba57;">
+            Donate via Every.org
+          </a>
+        </p>
+      </section>
+      <hr>
+      <section>
+        Lightcone Infrastructure is a registered 501(c)3. EIN 92-0861538.
+      </section>
+    </div>
+  </body>
 </html>