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

5
templates/contact.gohtml
View File

@ -1,9 +1,12 @@
<!doctype html> <!doctype html>
<html> <html>
{{template "head" .}} {{template "head" .}}
<body class="px-6"> <body>
{{template "header".}}
<main class="px-6">
<h1 class="py-4 text-4xl semibold tracking-tight font-sans">Contact Page</h1> <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> <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>

5
templates/faq.gohtml
View File

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

5
templates/home.gohtml
View File

@ -1,7 +1,9 @@
<!doctype html> <!doctype html>
<html> <html>
{{template "head" .}} {{template "head" .}}
<body class="px-6"> <body>
{{template "header".}}
<main class="px-6">
<h1 class="py-4 text-4xl semibold tracking-tight"> <h1 class="py-4 text-4xl semibold tracking-tight">
Welcome to my awesome site! Welcome to my awesome site!
</h1> </h1>
@ -10,6 +12,7 @@
{{template "lorem-ipsum"}} {{template "lorem-ipsum"}}
{{template "lorem-ipsum"}} {{template "lorem-ipsum"}}
</div> </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>