My blog
add author image to layouts
+21
-6
+15
-2
src/_includes/layouts/about.vto
+15
-2
src/_includes/layouts/about.vto
···
1
1
{{ layout "layouts/base.vto" }}
2
-
<main class="min-h-screen text-text justify-self-center w-full lg:w-1/2 h-card">
3
-
<h1 class="my-8 text-5xl text-bold text-mauve">
2
+
<main class="ml-4 my-8 min-h-screen text-text justify-self-center w-full lg:w-1/2 h-card">
3
+
<h1 class="text-5xl text-bold text-mauve">
4
4
About
5
5
<span class="p-name p-nickname inline">
6
6
dish
7
7
</span>
8
8
</h1>
9
+
<img
10
+
class="h-64 w-64 rounded-full my-4"
11
+
src="/static/images/author.png"
12
+
transform-images="avif webp 300@2"
13
+
alt="dish at Frost Fatales 2025. She has her head tilted 45 degrees to the left and is wearing a face mask with the trans flag on it."
14
+
/>
9
15
10
16
<div class="text-lg h-entry">
11
17
{{ content }}
···
30
36
{{ await comp.about.technology_item({"tech": tech}) }}
31
37
{{ /for }}
32
38
</ul>
39
+
40
+
<p class="mt-4 text-lg">
41
+
Profile picture by Richard Ngo. <a
42
+
class="text-blue underline"
43
+
href="https://photos.gamesdonequick.com/FrostFatales2025/i-B3c9P48/A"
44
+
>Original Source</a> from Games Done Quick, modified by dish.
45
+
</p>
33
46
</main>
34
47
{{ /layout }}
+6
-4
src/_includes/layouts/home.vto
+6
-4
src/_includes/layouts/home.vto
···
4
4
hi, I'm <span><a href="/about" rel="me" class="u-url u-uid p-name p-nickname"
5
5
>dish</a></span>
6
6
</h1>
7
-
{{# Profile picture goes here #}}
8
-
<div class="h-64 w-64 content-center text-center outline-2 mt-4">
9
-
there'll be a picture here in the future, promise!
10
-
</div>
7
+
<img
8
+
class="h-64 w-64 rounded-full mt-4"
9
+
src="/static/images/author.png"
10
+
transform-images="avif webp 300@2"
11
+
alt="dish at Frost Fatales 2025. She has her head tilted 45 degrees to the left and is wearing a face mask with the trans flag on it."
12
+
/>
11
13
<h2 class="text-2xl mt-4 p-note">Student, Sysadmin, and UX Crafter</h2>
12
14
<p class="text-lg mt-2">
13
15
Howdy! I play with computers, with an emphasis on accessible, secure, and enjoyable