From 5e58416bc6a2f69ecdec5cf70cea1f462b01eebc Mon Sep 17 00:00:00 2001
From: Eryn Wells <eryn@erynwells.me>
Date: Sun, 27 Oct 2024 09:57:03 -0600
Subject: [PATCH] Rewrite home page content

Add the latest widget that lays out two blog posts and four photos in a grid
---
 assets/css/099_home_latest.css | 32 ++++++++++++++-----
 content/_index.md              | 56 ++++++++++++++++++++++++++++++++--
 2 files changed, 79 insertions(+), 9 deletions(-)

diff --git a/assets/css/099_home_latest.css b/assets/css/099_home_latest.css
index f4fbd13..7fb9e44 100644
--- a/assets/css/099_home_latest.css
+++ b/assets/css/099_home_latest.css
@@ -1,24 +1,42 @@
 .home-latest {
   display: grid;
-  gap: 1ch;
   grid-column: main-start / main-end;
-  grid-template-columns: 1fr 1fr;
+  grid-template-columns: 1fr 1fr 1fr 1fr;
   grid-template-rows: min-content min-content;
   grid-template-areas:
-    "blog1 photo"
-    "blog2 photo";
+    "blog1 blog1 blog2 blog2"
+    "photo1 photo2 photo3 photo4";
+
+  .home-latest__blog {
+    margin-block-end: var(--space-m);
+  }
 
   .home-latest__blog:nth-of-type(1) {
     grid-area: blog1;
+    border-right: 2px dashed var(--gray6);
+    padding-inline-end: var(--space-s);
   }
 
   .home-latest__blog:nth-of-type(2) {
     grid-area: blog2;
+    padding-inline-start: var(--space-s);
   }
 
   .home-latest__photo {
-    border-left: 2px dashed var(--gray6);
-    padding-inline-start: 1ch;
-    grid-area: photo;
   }
 }
+
+@media screen and (max-width: 480px) {
+  .home-latest {
+    grid-template-columns: 1fr 1fr;
+    grid-template-rows: repeat(min-content, 4);
+    grid-template-areas:
+      "blog1 blog2"
+      "photo1 photo2"
+      "photo3 photo4";
+  }
+}
+
+p + .home-latest {
+  margin-block-start: var(--space-paragraph);
+}
diff --git a/content/_index.md b/content/_index.md
index 459945c..503b1a2 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -1,6 +1,58 @@
 ---
-title: Eryn Rachel Wells
 layout: single
+params:
+  renderHeadingAnchors: false
 ---
 
-Software engineer, potter, musician, and overall nerd.
+Hi, I'm Eryn Wells. This is my website. Welcome!
+
+## Latest
+
+Here are some of my most recent posts. You can also check out my [now][n] page.
+
+{{< home/latest >}}
+
+## Personal
+
+I'm a queer trans woman, {{< tess >}}' partner, and mom of [two cats][cats]. I
+was born in Seattle, {{< abbr Washington >}}WA{{< /abbr >}} and grew up in
+Phoenix, {{< abbr Arizona >}}AZ{{< /abbr >}}. I attended [Oberlin College][ob]
+where I got a degree in Computer Science. My pronouns are [she/her][pronouns]. 
+
+You can read more about me on my [about][ab] page, or [get in touch][where-am-i].
+
+## Professional
+
+I've worked as a software engineer since 2011 for a variety of companies around
+the San Francisco Bay Area. I joined [Apple][a] in 2016, where I currently work
+on password management and authentication technologies.
+
+My [résumé][r] has all the details.
+
+## Hobbies
+
+When I'm not working, you can reliably find me hacking on this website or [some
+coding other project][gh]. I'm also a musician, and play piano, Irish tin
+whistle, and modular synthesizer. Occasionally I [record][bc] [things][sc]. I
+love outer space and astronomy; I will always get excited to look at the moon
+with you, or check out anything through a telescope. I enjoy [photograhy][p],
+mostly as a travel hobby. And I've been practicing iaido, a traditional Japanese
+sword art, since early 2024. Other things I've been into include: bread baking,
+bicycling, calligraphy, ceramics, and knitting. 
+
+[a]: https://apple.com
+[ab]: {{< ref "/about" >}}
+[b]: {{< ref "/blog" >}}
+[bc]: https://erynwells.bandcamp.com/releases
+[cats]: {{< ref "/cats" >}}
+[eml]: mailto:Eryn%20Wells<eryn@erynwells.me>
+[gh]: https://github.com/erynofwales
+[ig]: https://www.instagram.com/erynofwales
+[m]: https://mastodon.social/@erynofwales
+[n]: {{< ref "/now" >}}
+[ob]: https://www.oberlin.edu
+[p]: {{< ref "/photos" >}}
+[pronouns]: http://pronoun.is/she
+[r]: {{< ref "/resume" >}}
+[sc]: https://soundcloud.com/purlsnbeeps
+[where-am-i]: {{< ref "/about/where-am-i" >}}