diff --git a/.gitignore b/.gitignore
index 496ee2c..aaeae54 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
-.DS_Store
\ No newline at end of file
+.DS_Store
+values.html
diff --git a/engineering.html b/engineering.html
new file mode 100644
index 0000000..e563e2e
--- /dev/null
+++ b/engineering.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <link rel="stylesheet" href="styles/index.css">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Alex Dean</title>
+</head>
+
+<body>
+    
+    <div class="front-page">
+        <div class="page-navigation">
+            <a href="engineering.html">Engineering</a> <br/>
+        </div>
+    
+        <div class="page-description">
+            <h1>Alex Dean</h1>
+            <a href="index.html">Back</a>
+        
+            <p>What follows is a list of my personal projects. This list is ordered from most to 
+                least recent.</p>
+
+            <ul>
+                <li>
+                    <strong>Generative Documentation & Testing</strong>: NPM package that 
+                    functions as a CLI tool using the GPT 3.5 API to improve your JavaScript and 
+                    TypeScript code. It helps you write better code by automatically generating 
+                    documentation, refactoring code to improve performance and maintainability, 
+                    adding unit tests using Jest, and converting JavaScript code to TypeScript. 
+                    At its peak, the package had about 700 weekly downloads. You can see the 
+                    <a href="https://github.com/alexjdean/type-scriptor">GitHub page</a>.
+                </li>
+                <li>
+                    <strong>Generative Satire</strong>: Automated satirical news site monitoring 
+                    recent events and generating Onion-style articles using LLMs; At its peak, 
+                    the site had a viewership of about 1500 people per week. The application was 
+                    built using a React frontend and a Node.js backend, with articles stored on a 
+                    Firebase Realtime Database and multiple APIs used for image and content 
+                    generation. The site is hosted on Google Cloud. You can see the 
+                    <a href="https://chicagomoontimes.com/">website</a> and 
+                    <a href="https://github.com/alexjdean/chicagomoontimes.com">GitHub page</a>.
+                </li>
+            </ul>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/index.html b/index.html
index 396a267..f633cfa 100644
--- a/index.html
+++ b/index.html
@@ -1,91 +1,34 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
+<head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    
-    <script src="https://kit.fontawesome.com/b68693d78a.js" crossorigin="anonymous"></script>
-
-    <link rel="stylesheet" media="screen" href="https://fontlibrary.org//face/d-din" type="text/css"/>
-    <link rel="stylesheet" href="styles/styles.css">
     <link rel="stylesheet" href="styles/index.css">
-    <link rel="icon" type="image/x-icon" href="images/favicon.ico">
-
-    <title>Home • Alexander Dean</title>
-  </head>
-  
-  <!-- Google tag (gtag.js) -->
-  <script async src="https://www.googletagmanager.com/gtag/js?id=G-NDP03MMWK8"></script>
-  <script>
-    window.dataLayer = window.dataLayer || [];
-    function gtag(){dataLayer.push(arguments);}
-    gtag('js', new Date());
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Alex Dean</title>
+</head>
 
-    gtag('config', 'G-NDP03MMWK8');
-  </script>
-  
-  <body>
-    <nav class="navigation">
-      <div class="menu" id="myMenu">
-        <a class="name" href="index.html">Alexander <br> Dean</a><br>
-        
-        <!-- Routes displayed in navigation bar -->
-        <!-- <a class="route" href="software.html">Software</a><br>
-        <a class="route" href="research.html">Research</a><br> -->
-        <!-- <a class="route" href="democracy.html">Democracy</a> -->
-
-        <!-- <a href="javascript:void(0);" class="display-bars" onclick="triggerMenu()">
-          <i class="fa fa-bars"></i>
-        </a> -->
-      </div>
-      
-      <!-- Social icons displayed only on desktop footer, hidden on mobile -->
-      <footer class="desktop-footer">
-        <a href="https://github.com/alexjdean"><i class="social-icon fa-brands fa-github"></i></a>
-        <a href="https://www.linkedin.com/in/alex-j-dean"><i class="social-icon fa-brands fa-linkedin"></i></a>
-        <a href="https://scholar.google.com/citations?user=Z9zyFCoAAAAJ"><i class="social-icon fa-brands fa-google"></i></a><br>
+<body>
+    
+    <div class="front-page">
+        <div class="page-navigation">
+            <a href="engineering.html">Engineering</a> <br/>
+        </div>
+    
+        <div class="page-description">
+            <h1>Alex Dean</h1>
         
-        Alexander Dean &copy; <script>document.write(new Date().getFullYear())</script>
-      </footer>
-    </nav>
-
-    <main class="content">
-      <div>
-        <figure class="image-block">
-          <img src="images/me.png" alt="Alexander Dean" class="image-myself">
-          <figcaption class="caption">Me at the Garfield Park Conservatory, March 2023.</figcaption>
-        </figure>
-      </div>
-
-      <div class="description">
-        <p>
-          Hi! I'm Alex.
-        </p>
-        <p>
-          I'm a software engineer interested in distributed systems, natural language processing, and reinforcement learning.
-        </p>
-        <p>
-          I'm currently at <a href="https://capitalone.com/">Capital One</a>, where I build and deploy large-scale distributed machine learning systems, particularly in the context of preventing <a href="https://en.wikipedia.org/wiki/Credit_card_fraud">credit card fraud</a>. These days, my focus is on building One Hallway, a new microservice to reform the disputes and fraud intake process for call agents.
-        </p>
-        <p>
-          I studied math and computer science at the <a href="https://cs.illinois.edu/">University of Illinois Urbana-Champaign</a>, where I did research in graph theory, combinatorics, number theory, and theoretical computer science. In my spare time, I enjoy reading, traveling, trying new things, and meeting new people.
-        </p>
-        <p>
-          To see my programming projects, visit my <a href="https://github.com/alexanderjdean">GitHub</a>. For a copy of my resume, click <a href="util/resume_aug2023.pdf">here</a>. You can contact me at alex [at] this domain name.
-        </p>
-      </div>
-
-      <!-- Social icons displayed only on mobile & tablet footer, hidden on desktop -->
-      <footer class="mobile-footer">
-        <div class="social-icons">
-          <a href="https://github.com/alexanderjdean"><i class="social-icon fa-brands fa-github"></i></a>
-          <a href="https://www.linkedin.com/in/alexjacobdean"><i class="social-icon fa-brands fa-linkedin"></i></a>
-          <a href="https://twitter.com/alexanderjdean"><i class="social-icon fa-brands fa-twitter"></i></a>
-          <a href="https://scholar.google.com/citations?user=Z9zyFCoAAAAJ"><i class="social-icon fa-brands fa-google"></i></a><br>
+            <p>I'm a software engineer interested in large-scale distributed machine learning 
+                systems. I studied computer science at the University of Illinois 
+                Urbana-Champaign.</p>
+            
+            <p>At Capital One, I work on developing and deploying NLP models for call 
+                intent prediction, transcription, and sentiment analysis. I strongly believe in 
+                the power of self-directed personal projects to expand your abilities. For more 
+                information, see <a href="engineering.html">my projects</a> and 
+                <a href="https://github.com/alexjdean">my GitHub</a>.</p>
+
+            <p>You can reach me at dean.alex.contact [at] gmail [dot] com.</p>
         </div>
-      </footer>
-    </main>
-
-    <script src="js/triggerMenuBar.js"></script>
-  </body>
+    </div>
+</body>
 </html>
diff --git a/styles/index.css b/styles/index.css
index 7876435..e159250 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -1,5 +1,18 @@
 .front-page {
-    width: 700px;
-    margin: 0 auto;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    -webkit-transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%);
     line-height: 25px;
+    display: flex;
+}
+
+.page-description {
+    flex: 5;
+}
+
+.page-navigation {
+    padding-top: 2.5%;
+    flex: 1;
 }
