diff options
| -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 }} |