Rewrite home page content
Add the latest widget that lays out two blog posts and four photos in a grid
This commit is contained in:
parent
d5296995de
commit
5e58416bc6
2 changed files with 79 additions and 9 deletions
|
@ -1,24 +1,42 @@
|
||||||
.home-latest {
|
.home-latest {
|
||||||
display: grid;
|
display: grid;
|
||||||
gap: 1ch;
|
|
||||||
grid-column: main-start / main-end;
|
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-rows: min-content min-content;
|
||||||
grid-template-areas:
|
grid-template-areas:
|
||||||
"blog1 photo"
|
"blog1 blog1 blog2 blog2"
|
||||||
"blog2 photo";
|
"photo1 photo2 photo3 photo4";
|
||||||
|
|
||||||
|
.home-latest__blog {
|
||||||
|
margin-block-end: var(--space-m);
|
||||||
|
}
|
||||||
|
|
||||||
.home-latest__blog:nth-of-type(1) {
|
.home-latest__blog:nth-of-type(1) {
|
||||||
grid-area: blog1;
|
grid-area: blog1;
|
||||||
|
border-right: 2px dashed var(--gray6);
|
||||||
|
padding-inline-end: var(--space-s);
|
||||||
}
|
}
|
||||||
|
|
||||||
.home-latest__blog:nth-of-type(2) {
|
.home-latest__blog:nth-of-type(2) {
|
||||||
grid-area: blog2;
|
grid-area: blog2;
|
||||||
|
padding-inline-start: var(--space-s);
|
||||||
}
|
}
|
||||||
|
|
||||||
.home-latest__photo {
|
.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);
|
||||||
|
}
|
||||||
|
|
|
@ -1,6 +1,58 @@
|
||||||
---
|
---
|
||||||
title: Eryn Rachel Wells
|
|
||||||
layout: single
|
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" >}}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue