From 0877f504b39d6d1e3b10aea5d40a28854c23d8be Mon Sep 17 00:00:00 2001
From: Eryn Wells <eryn@erynwells.me>
Date: Wed, 1 Jan 2025 10:44:14 -0800
Subject: [PATCH] about: Clean up the markup a little bit

I'm still not happy with the circular image. It's not aligned like I would like.
---
 content/about/_index.md                | 13 +++++++------
 layouts/shortcodes/circular_image.html |  5 +++--
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/content/about/_index.md b/content/about/_index.md
index c0e779f..5c1da98 100644
--- a/content/about/_index.md
+++ b/content/about/_index.md
@@ -1,17 +1,16 @@
 ---
 title: "Hi! 👋🏻"
+layout: single
 resources:
   - name: me
     src: me.jpeg
     params:
-      alt: "
-        Me, wearing a hat and smiling slightly, standing in front of a stone background.
-      "
+      alt: >
+        Me, wearing a hat and smiling slightly, standing in front of a stone
+        background.
 ---
 
-{{% section class=flow %}}
-
-{{< circular_image id=me name=me class="float-right" width=200 >}}
+{{% section class=content--small-right-column %}}
 
 I'm Eryn. My pronouns are [she/her][p]. I'm a queer trans woman. I live in San
 Francisco, CA, on the unceded ancestral lands of the Ramaytush Ohlone people,
@@ -21,6 +20,8 @@ I attended [Oberlin College][ob] where I got a degree in Computer Science.
 
 I speak English natively, and Spanish too, though I always need more practice.
 
+{{< circular_image id=me name=me class="content--right-column" width=200 >}}
+
 {{% /section %}}
 
 ## Hobbies
diff --git a/layouts/shortcodes/circular_image.html b/layouts/shortcodes/circular_image.html
index ec47e22..5468a68 100644
--- a/layouts/shortcodes/circular_image.html
+++ b/layouts/shortcodes/circular_image.html
@@ -6,7 +6,8 @@
 {{- $resized_img := $img.Resize (printf "%dx%d" $width $width) -}}
 <img
   {{ with $id }}id="{{ . }}"{{ end }}
-  class="circular{{ with $classes }} {{ . }}{{ end }}"
+  class="img--circular{{ with $classes }}  {{ . }}{{ end }}"
   src="{{ $img.RelPermalink }}"
   {{ with $alt }}alt="{{ . }}"{{ end }}
-  width="{{ $width }}" height="{{ $width }}">
+  width="{{ $width }}"
+  height="{{ $width }}">