From 16cdb23fd3c28d2dfa2f89b424f9709050269003 Mon Sep 17 00:00:00 2001
From: Ville Lindholm <ville@lindholm.dev>
Date: Thu, 26 Dec 2024 12:18:01 +0200
Subject: [PATCH] Remove code duplication for landing page

---
 content/_index.md               |  4 +++-
 layouts/index.html              | 16 +---------------
 layouts/shortcodes/rawhtml.html |  1 +
 3 files changed, 5 insertions(+), 16 deletions(-)
 create mode 100644 layouts/shortcodes/rawhtml.html

diff --git a/content/_index.md b/content/_index.md
index 14cdb95..d94a16c 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -2,6 +2,7 @@
 title: "Home"
 ---
 
+{{< rawhtml >}}
 <div style="text-align: center; display: flex; justify-content: center; flex-direction: column; align-items: center; height: 50vh;">
     <img src="/images/portrait.jpeg" alt="Picture of Ville Lindholm" style="border-radius: 50%; width: 150px; height: 150px;" />
     <hgroup>
@@ -14,4 +15,5 @@ title: "Home"
         <a href="https://x.com/lindholm_dev"><i class='bx bxl-twitter'></i></a>
         <a href="https://www.linkedin.com/in/villelindholm/"><i class='bx bxl-linkedin-square'></i></a>
     </div>
-</div>
\ No newline at end of file
+</div>
+{{< /rawhtml >}}
\ No newline at end of file
diff --git a/layouts/index.html b/layouts/index.html
index 0aad804..f752ee3 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,17 +1,3 @@
 {{ define "main" }}
-<div
-    style="text-align: center; display: flex; justify-content: center; flex-direction: column; align-items: center; height: 50vh;">
-    <img src="/images/portrait.jpeg" alt="Picture of Ville Lindholm"
-        style="border-radius: 50%; width: 150px; height: 150px;" />
-    <hgroup>
-        <h1>Ville Lindholm</h1>
-        <p>Full-stack Software engineer</p>
-        <p>Helsinki, Finland</p>
-    </hgroup>
-    <div style="display: flex;">
-        <a href="https://github.com/vlindhol"><i class='bx bxl-github'></i></a>
-        <a href="https://x.com/lindholm_dev"><i class='bx bxl-twitter'></i></a>
-        <a href="https://www.linkedin.com/in/villelindholm/"><i class='bx bxl-linkedin-square'></i></a>
-    </div>
-</div>
+{{ .Content }}
 {{ end }}
\ No newline at end of file
diff --git a/layouts/shortcodes/rawhtml.html b/layouts/shortcodes/rawhtml.html
new file mode 100644
index 0000000..3cb9351
--- /dev/null
+++ b/layouts/shortcodes/rawhtml.html
@@ -0,0 +1 @@
+{{ .Inner | safeHTML }} 
\ No newline at end of file