lks/lenslocked
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add nav bar

Browse Source
This commit is contained in:
Lucas Schumacher 2024-08-01 20:50:33 -04:00
parent 45ff8dd334
commit 5b8e8017ca
4 changed files with 47 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
templates/contact.gohtml
View File

@ -1,9 +1,12 @@
<!doctype html> <!doctype html>
<html> <html>
{{template "head" .}} {{template "head" .}}
<body class="px-6"> <body>
<h1 class="py-4 text-4xl semibold tracking-tight font-sans">Contact Page</h1> {{template "header".}}
<p>To get in touch, email me at <a class="underline" href="mailto:example@example.com">example@example.com</a></p> <main class="px-6">
<h1 class="py-4 text-4xl semibold tracking-tight font-sans">Contact Page</h1>
<p>To get in touch, email me at <a class="underline" href="mailto:example@example.com">example@example.com</a></p>
</main>
{{template "footer" .}} {{template "footer" .}}
</body> </body>
</html> </html>

19
templates/faq.gohtml
View File

@ -1,14 +1,17 @@
<!doctype html> <!doctype html>
<html> <html>
{{template "head" .}} {{template "head" .}}
<body class="px-6"> <body>
<h1 class="py-4 text-4xl semibold tracking-tight">FAQ</h1> {{template "header".}}
<hr class="pb-4"> <main class="px-6">
<div class="flex flex-col gap-8"> <h1 class="py-4 text-4xl semibold tracking-tight">FAQ</h1>
{{range .}} <hr class="pb-4">
{{template "qa" .}} <div class="flex flex-col gap-8">
{{end}} {{range .}}
</div> {{template "qa" .}}
{{end}}
</div>
</main>
{{template "footer" .}} {{template "footer" .}}
</body> </body>
</html> </html>

21
templates/home.gohtml
View File

@ -1,15 +1,18 @@
<!doctype html> <!doctype html>
<html> <html>
{{template "head" .}} {{template "head" .}}
<body class="px-6"> <body>
<h1 class="py-4 text-4xl semibold tracking-tight"> {{template "header".}}
Welcome to my awesome site! <main class="px-6">
</h1> <h1 class="py-4 text-4xl semibold tracking-tight">
<div class="flex flex-col gap-4"> Welcome to my awesome site!
{{template "lorem-ipsum"}} </h1>
{{template "lorem-ipsum"}} <div class="flex flex-col gap-4">
{{template "lorem-ipsum"}} {{template "lorem-ipsum"}}
</div> {{template "lorem-ipsum"}}
{{template "lorem-ipsum"}}
</div>
</main>
{{template "footer" .}} {{template "footer" .}}
</body> </body>
</html> </html>

18
templates/tailwind.gohtml
View File

@ -5,6 +5,24 @@
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet"> <link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
</head> </head>
{{end}} {{end}}
{{define "header"}}
<header class="bg-gradient-to-r from-blue-800 to-indigo-800 text-white">
<nav class="px-6 py-6 flex items-center space-x-12">
<div class="text-2xl font-serif">Lenslocked</div>
<div class="flex-grow">
<a class="text-base font-semibold hover:text-blue-100 pr-8" href="/">Home</a>
<a class="text-base font-semibold hover:text-blue-100 pr-8" href="/contact">Contact</a>
<a class="text-base font-semibold hover:text-blue-100 pr-8" href="/faq">FAQ</a>
</div>
<div class="space-x-4">
<a href="#">Sign in</a>
<a href="#" clss="px-4 py-2 bg-blue-700 hover:bg-blue-600 rounded">Sign up</a>
</div>
</nav>
</header>
{{end}}
{{define "footer"}} {{define "footer"}}
<br> <br>
<hr> <hr>