Remove code duplication for landing page

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>
@@ -15,3 +16,4 @@ title: "Home"
         <a href="https://www.linkedin.com/in/villelindholm/"><i class='bx bxl-linkedin-square'></i></a>
     </div>
 </div>
+{{< /rawhtml >}}

layouts/index.html

@@ -1,17 +1,3 @@
 {{ define "main" }}
-<div
+{{ .Content }}
-    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>
 {{ end }}

layouts/shortcodes/rawhtml.html

@@ -0,0 +1 @@
+{{ .Inner | safeHTML }}