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