more styling tweaks

public/styles/base.css

@@ -153,6 +153,20 @@ code[class*="language-"] {
 html,
 body {
   font-family: "Signifier", serif;
-  background: #f5f1e8;
+}
-  color: #3a3a3a;
+
+@media (prefers-color-scheme: dark) {
+  html,
+  body {
+    background: #1a1a1a;
+    color: #f5f5f5;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  html,
+  body {
+    background: #121212;
+    color: #e0e0e0;
+  }
 }

public/styles/index.css

@@ -18,8 +18,8 @@ h1,
 
 section {
   display: grid;
-  grid-template-columns: repeat(2, 1fr);
+  grid-template-columns: repeat(4, 1fr);
-  gap: 80px;
+  gap: 50px;
   max-width: 1200px;
   margin: 0 auto;
 }
@@ -38,7 +38,7 @@ ul {
 li {
   margin-bottom: 12px;
   font-size: 1.1em;
-  line-height: 1.6;
+  line-height: 1.3;
 }
 
 a {

src/pages/index.astro

@@ -19,11 +19,10 @@ import BaseLayout from "../layouts/BaseLayout.astro";
         <h2>experience</h2>
         <ul>
           <li>
-            <a target="_blank" href="https://drw.com">drw</a>&mdash;summer 2025
+            <a target="_blank" href="https://ramp.com">ramp</a>&mdash;fall 2025
           </li>
           <li>
-            <a target="_blank" href="https://ramp.com">ramp</a>&mdash;spring
+            <a target="_blank" href="https://drw.com">drw</a>&mdash;summer 2025
-            2025
           </li>
           <li>
             <a target="_blank" href="https://usa.visa.com">visa</a>&mdash;summer
@@ -44,6 +43,13 @@ import BaseLayout from "../layouts/BaseLayout.astro";
         </ul>
       </div>
 
+      <div>
+        <h2>ideas</h2>
+        <ul>
+          <li>there are none yet</li>
+        </ul>
+      </div>
+
       <div>
         <h2>contact</h2>
         <ul>
@@ -51,6 +57,12 @@ import BaseLayout from "../layouts/BaseLayout.astro";
           <li>
             <a target="_blank" href="https://github.com/barrettruth">github</a>
           </li>
+        </ul>
+      </div>
+
+      <div>
+        <h2>about</h2>
+        <ul>
           <li>
             <a target="_blank" href="/resume.pdf" target="_blank">resume</a>
           </li>