36 lines
1.7 KiB
HTML
36 lines
1.7 KiB
HTML
|
{{define "head"}}
|
||
|
|
<!doctype html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
|
<title>{{if .Title}}{{.Title}} | {{end}}Archi Folio</title>
|
||
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
||
|
|
<script src="https://unpkg.com/htmx.org@2.0.4"></script>
|
||
|
|
<link rel="stylesheet" href="/static/styles.css">
|
||
|
|
<script defer src="/static/app.js"></script>
|
||
|
|
</head>
|
||
|
|
<body class="bg-neutral-50 text-neutral-950 antialiased">
|
||
|
|
{{end}}
|
||
|
|
|
||
|
|
{{define "site_header"}}
|
||
|
|
<header data-site-header class="fixed inset-x-0 top-0 z-40 transition-all duration-300 {{if eq .Active "home"}}py-7 text-white{{else}}bg-neutral-50/95 py-4 shadow-sm backdrop-blur text-neutral-950{{end}}">
|
||
|
|
<div class="mx-auto flex max-w-7xl items-center justify-between px-5 md:px-8">
|
||
|
|
<a href="/" class="text-xl font-semibold tracking-normal md:text-3xl" data-header-brand hx-boost="true" hx-target="body" hx-swap="outerHTML transition:true">Archi Folio</a>
|
||
|
|
<nav class="flex items-center gap-4 text-sm uppercase tracking-[0.18em] md:gap-8" hx-boost="true" hx-target="body" hx-swap="outerHTML transition:true">
|
||
|
|
<a class="hover:opacity-60 {{if eq .Active "projects"}}font-semibold{{end}}" href="/projects">Projects</a>
|
||
|
|
<a class="hover:opacity-60 {{if eq .Active "about"}}font-semibold{{end}}" href="/about">About</a>
|
||
|
|
</nav>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
{{end}}
|
||
|
|
|
||
|
|
{{define "footer"}}
|
||
|
|
<footer class="border-t border-neutral-200 px-5 py-10 text-sm text-neutral-500 md:px-8">
|
||
|
|
<div class="mx-auto flex max-w-7xl flex-col gap-4 md:flex-row md:items-center md:justify-between">
|
||
|
|
<p>© 2026 Archi Folio</p>
|
||
|
|
<p>{{.Content.Email}} · {{.Content.Location}}</p>
|
||
|
|
</div>
|
||
|
|
</footer>
|
||
|
|
{{end}}
|