diff --git a/src/pages/about.astro b/src/pages/about.astro index 0fcd41c..08005d5 100644 --- a/src/pages/about.astro +++ b/src/pages/about.astro @@ -7,13 +7,25 @@ import "../styles/about.scss";

- My name is Angel Wang. I'm a weird Chinese girl living in Alberta, Canada. I write code and music to stop myself from going insane. + My name is Angel Wang. I'm a queer Chinese tinkergirl living in Alberta, Canada. I write code and music to + stop myself from going insane. +

+

+ The songs and software I never wrote end up in the garbage can that is my Tumblr. Check it out if you + like half-baked poetry. +

+

+ Outside of this, I like video games and typography. Sometimes I call myself a designer. Sometimes I'll + make something worth noting. Consistency is overrated.


This website

- This website was handwritten in Astro and Sass. It's hosted on GitHub Pages—you can find the source here. - The title font is PP Neue Machina by Pangram Pangram, and the body font is Inter by Rasmus Andersson. + This website was handwritten in Astro and Sass. It's hosted on GitHub Pages—you can find the source + here. The title font is + PP Neue Machina by Pangram + Pangram, and the body font is Inter by Rasmus Andersson, the latter + from which the layout of this site was unceremoniously plagiarized. Many thanks (and apologies) to him.

diff --git a/src/styles/about.scss b/src/styles/about.scss index af097dc..e5397d5 100644 --- a/src/styles/about.scss +++ b/src/styles/about.scss @@ -25,21 +25,31 @@ a.big:hover { text-decoration-thickness: 2px; } +a.big::after{ + content: " ↗" +} + .columns { display: flex; } .column.left { - margin-right: 5em; + margin-right: 10%; flex: auto; } .column.right { - width: 40%; + width: calc(100% / 3); flex: none; } -@media only screen and (max-width:767px) { +@media only screen and (max-width: 1200px) { + .column.right a.big::after { + content: "" + } +} + +@media only screen and (max-width: 786px) { .columns { flex-direction: column-reverse; }