My landing page, written in Astro
hayden.moe
feat: include my github profile picture on homepage
+11
-1
+11
-1
src/pages/index.astro
+11
-1
src/pages/index.astro
···
3
3
---
4
4
5
5
<Shell>
6
+
<div class="flex flex-col lg:flex-row justify-start items-center gap-6 max-w-2xl mx-auto w-full mb-4">
7
+
<img src="https://github.com/hbjydev.png" class="size-32 rounded-full" />
8
+
<div class="flex flex-col items-start justify-center gap-3">
9
+
<h1 class="font-bold text-2xl">Hi, I'm Hayden.</h1>
10
+
<h3 class="text-xl text-pink">Platform Engineer</h3>
11
+
</div>
12
+
</div>
13
+
6
14
<div class="prose max-w-2xl mx-auto">
7
15
<p>
8
16
I love working with all things DevOps, from automation and software
···
32
40
</p>
33
41
</div>
34
42
35
-
<div class="max-w-sm w-full mx-auto grid md:grid-cols-2 gap-4">
43
+
<hr />
44
+
45
+
<div class="max-w-sm w-full mx-auto grid sm:grid-cols-2 gap-4">
36
46
<div class="flex flex-col gap-2">
37
47
<span class="font-bold text-lg">On the web</span>
38
48
<ul class="list-disc list-inside">