X-Git-Url: https://git.josue.xyz/?p=VSCPweb%2F.git;a=blobdiff_plain;f=templates%2Fcomponents.gohtmx.html;fp=templates%2Fcomponents.gohtmx.html;h=2ff2f21a174a039b2f759b971959e34b3a94ac48;hp=0000000000000000000000000000000000000000;hb=0d07bb921da6614a3ef132e3e5c14beda0b42945;hpb=def227083a9f25fc207fdff24f1019825e6d8a94

diff --git a/templates/components.gohtmx.html b/templates/components.gohtmx.html
new file mode 100644
index 0000000..2ff2f21
--- /dev/null
+++ b/templates/components.gohtmx.html
@@ -0,0 +1,37 @@
+<!--Here you will define all of your components to reuse in your code including-->
+<!--it's HTMX and tailwind classes as well as its gotemplating-->
+
+{{define "headHTML"}}
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>{{.tittle}} webpage</title>
+        <link rel="stylesheet" type="text/css" href="static/tailwind.css"
+    </head>
+{{end}}
+
+
+{{define "headerHTML"}}
+<header>
+    {{.header}}
+    <h1>welp, it looks like it werks</h1>
+    <br>
+    <nav>
+        <a href="/">Go back home</a>
+    </nav>
+</header>
+{{end}}
+
+
+{{define "footerHTML"}}
+<h3>so, looks like {{.footer}}</h3>
+<footer>
+    <p>yeah yeah whateverssss</p>
+</footer>
+</body>
+</html>
+{{end}}
+
+
+
