diff options
| author | Mikkel Thestrup <mikkel_thestrup@mithe.dk> | 2025-12-06 19:55:17 +0100 |
|---|---|---|
| committer | Mikkel Thestrup <mikkel_thestrup@mithe.dk> | 2025-12-06 19:55:17 +0100 |
| commit | 0015442a40e6fb9c21eff0d0df29d5cd7cf856bc (patch) | |
| tree | 64195fa9aa6297974fb9890818e285d78479e9d7 | |
| parent | 3d9d7590e555cd2c37e18396e72f725d3d71fa05 (diff) | |
| download | web-portfolio-0015442a40e6fb9c21eff0d0df29d5cd7cf856bc.tar.gz web-portfolio-0015442a40e6fb9c21eff0d0df29d5cd7cf856bc.zip | |
template files
| -rw-r--r-- | views/layout.html | 34 | ||||
| -rw-r--r-- | views/nav.html | 18 | ||||
| -rw-r--r-- | views/page.html | 8 |
3 files changed, 60 insertions, 0 deletions
diff --git a/views/layout.html b/views/layout.html new file mode 100644 index 0000000..1b08d1d --- /dev/null +++ b/views/layout.html @@ -0,0 +1,34 @@ +{{ define "layout.html" }} +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <title>Mikkel Thestrup - Web Portfolio</title> + <link href="/css/style.css" rel="stylesheet"> + <script src="/js/htmx.min.js"></script> + </head> + <div id="header"> + <a id="headerLink" href="//mithe.dk/">Mikkel Thestrup</a> + <span id="headerSubtitle">Web Portfolio</span> + </div> + <body> + <div id="menu"> + {{ range .Pages }} + {{ $page := . }} + <a href="/{{ $page }}" + hx-get="/api/{{ $page }}" + hx-target="#page" + hx-swap="innerHTML" + hx-push-url="/{{ $page }}"> + {{ $page }}</a> + {{ end }} + <span class="right"> + <a href="https://git.mithe.dk/"> + source</a> + </span> + </div> + {{ template "page.html" . }} + </body> +</html> +{{ end }} diff --git a/views/nav.html b/views/nav.html new file mode 100644 index 0000000..27ab4c6 --- /dev/null +++ b/views/nav.html @@ -0,0 +1,18 @@ +{{ define "nav.html" }} +<div id="nav"> + <ul> + {{ range .Sections }} + {{ $sec := . }} + <li> + <a href="/{{ $.Page }}/{{ $sec }}" + hx-get="/api/{{ $.Page }}/{{ $sec }}" + hx-target="#main" + hx-swap="innerHTML" + hx-push-url="/{{ $.Page }}/{{ $sec }}"> + {{ $sec }}/ + </a> + </li> + {{ end }} + </ul> +</div> +{{ end }} diff --git a/views/page.html b/views/page.html new file mode 100644 index 0000000..0231e7f --- /dev/null +++ b/views/page.html @@ -0,0 +1,8 @@ +{{ define "page.html" }} +<div id="page"> + {{ template "nav.html" . }} + <div id="main"> + {{ .Content }} + </div> +</div> +{{ end }} |