Re-did homepage styling

pages/home.go

@@ -8,6 +8,8 @@ import (
 )
 
 type HomeProps struct {
+	Title        template.HTML
+	Subtitle     template.HTML
 	Socials      []lib.IconLink
 	Tech         []lib.IconLink
 	ButtonsLinks []lib.ButtonLink
@@ -119,6 +121,8 @@ func Home(c echo.Context) error {
 	}
 
 	props := HomeProps{
+		Title:        "Hi, I'm Atridad",
+		Subtitle:     "Researcher, Full-Stack Developer, and IT Professional.",
 		Socials:      socials,
 		Tech:         tech,
 		ButtonsLinks: buttons,

pages/templates/example.html

@@ -1,23 +0,0 @@
-{{define "title"}}
-Atridad Lahiji // [SOMEPAGE]
-{{end}}
-
-{{define "headercontent"}}
-Atridad Lahiji // [SOMEPAGE]
-{{end}}
-
-{{define "head"}}
-<link rel="stylesheet" href="/public/css/styles.css" />
-{{end}}
-
-{{define "main"}}
-<h1 class="text-4xl font-extrabold text-white sm:text-8xl">
-  New <span class="bg-gradient-to-r from-pink-500 to-blue-500 bg-clip-text text-transparent">Page</span>
-</h1>
-{{end}}
-
-{{define "foot"}}
-<script src="/public/js/htmx.base.js"></script>
-<script src="/public/js/htmx.sse.js"></script>
-<script src="/public/js/hyperscript.js"></script>
-{{end}}

pages/templates/home.html

@@ -11,13 +11,13 @@ Atridad Lahiji // Root
 {{end}}
 
 {{define "main"}}
+
 <h1 class="text-4xl font-extrabold text-white sm:text-8xl">
-  Hi, I&apos;m <span
-    class="text-transparent bg-clip-text bg-gradient-to-r from-pink-500 via-purple-500 to-blue-500">Atridad</span>
+  <span class="bg-gradient-to-r from-pink-500 to-blue-500 bg-clip-text text-transparent">{{.Title}}</span>
 </h1>
 
 <h2 class="text-2xl font-extrabold tracking-tight text-white sm:text-[2rem]">
-  Researcher, Full-Stack Developer, and IT Professional.
+  {{.Subtitle}}
 </h2>
 
 <span>