Re-did homepage styling

.air.toml

@@ -6,7 +6,7 @@ tmp_dir = "tmp"
   args_bin = ["-ip", "127.0.0.1", "-port", "3000"]
   bin = "./tmp/main"
   pre_cmd = []
-  cmd = "go build -o ./tmp/main . & cd lib/stylegen && ./gen.sh -e html -d ../../pages/templates -o ../../public/css"
+  cmd = "cd lib/stylegen && ./gen.sh -e html -d ../../pages/templates -o ../../public/css && cd ../.. && go build -o ./tmp/main ."
   delay = 1000
   exclude_dir = ["assets", "tmp", "vendor", "testdata", "lib/stylegen"]
   exclude_file = []
@@ -15,7 +15,7 @@ tmp_dir = "tmp"
   follow_symlink = false
   full_bin = ""
   include_dir = []
-  include_ext = ["go", "tpl", "tmpl", "html", "css"]
+  include_ext = ["go", "tpl", "tmpl", "html"]
   include_file = []
   kill_delay = "0s"
   log = "build-errors.log"

lib/stylegen/gen.sh

@@ -107,6 +107,9 @@ echo "module.exports = {
   plugins: [require('daisyui'), require('@tailwindcss/typography')],
 }" > tailwind.config.js
 
+# Delete original CSS file if it exists
+rm -f "${OUTPUT_DIR}/styles.css"
+
 # Run the binary with the generated config
 $BINARY build -i ./base.css -c tailwind.config.js -o "${OUTPUT_DIR}/styles.css" --minify
 

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
+  <span class="bg-gradient-to-r from-pink-500 to-blue-500 bg-clip-text text-transparent">{{.Title}}</span>
-    class="text-transparent bg-clip-text bg-gradient-to-r from-pink-500 via-purple-500 to-blue-500">Atridad</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>