diff options
| author | Christian Cleberg <[email protected]> | 2026-03-01 19:32:52 -0600 |
|---|---|---|
| committer | Christian Cleberg <[email protected]> | 2026-03-01 19:32:52 -0600 |
| commit | a98c2a4542e19ce4fb632bc32fc47c18273161cc (patch) | |
| tree | 99d016c1c9f12d98d57cfec34262e7c228a1d920 /templates/layout.html | |
| parent | cd8c38db601355003510e92a0936cde6b71cf849 (diff) | |
| download | michelangelo-a98c2a4542e19ce4fb632bc32fc47c18273161cc.tar.gz michelangelo-a98c2a4542e19ce4fb632bc32fc47c18273161cc.tar.bz2 michelangelo-a98c2a4542e19ce4fb632bc32fc47c18273161cc.zip | |
convert from PHP to Go
Diffstat (limited to 'templates/layout.html')
| -rw-r--r-- | templates/layout.html | 68 |
1 files changed, 68 insertions, 0 deletions
diff --git a/templates/layout.html b/templates/layout.html new file mode 100644 index 0000000..ba8c6e8 --- /dev/null +++ b/templates/layout.html @@ -0,0 +1,68 @@ +<!doctype html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <title>{{.Title}}</title> + <link rel="stylesheet" href="/static/app.css"> +</head> +<body> + <nav> + <a class="brand" href="/">Michelangelo</a> + <div class="nav-links"> + {{if .BlogName}} + <a href="/" class="nav-blogname">{{.BlogName}}</a> + {{end}} + <div class="type-filter"> + <a href="#" data-type="photo" class="active">Photos</a> + <a href="#" data-type="video">Videos</a> + </div> + <form class="search-form" action="/search" method="get"> + <input type="search" name="q" placeholder="Search tags…" + value="{{if eq .View "search"}}{{.QueryOrBlog}}{{end}}"> + </form> + <a href="/logout" class="nav-logout">Logout</a> + </div> + </nav> + + <main> + {{if eq .View "blog"}} + <h2 class="page-header"> + <a href="https://{{.QueryOrBlog}}.tumblr.com" target="_blank" rel="noopener">{{.QueryOrBlog}}</a> + </h2> + {{else if eq .View "search"}} + <h2 class="page-header">Tag: {{.QueryOrBlog}}</h2> + {{end}} + + <div id="grid" class="masonry-grid"></div> + <div id="sentinel"></div> + <div id="loader" class="loader hidden"> + <span></span><span></span><span></span> + </div> + <p id="end-message" class="end-message hidden">No more posts.</p> + </main> + + <!-- Lightbox overlay --> + <div id="lightbox" class="lightbox hidden" role="dialog" aria-modal="true"> + <button class="lightbox-close" aria-label="Close">✕</button> + <button class="lightbox-prev" aria-label="Previous">‹</button> + <button class="lightbox-next" aria-label="Next">›</button> + <div class="lightbox-media"></div> + <div class="lightbox-actions"> + <button class="btn-like" data-id="" data-key="" data-liked="false">♡ Like</button> + <button class="btn-reblog" data-id="" data-key="" data-blog="">↻ Reblog</button> + <a class="btn-source" href="#" target="_blank" rel="noopener">↗ Source</a> + </div> + </div> + + <script> + window.MICHELANGELO = { + view: "{{.View}}", + blog: "{{.QueryOrBlog}}", + query: "{{.QueryOrBlog}}", + myBlog: "{{.BlogName}}" + }; + </script> + <script src="/static/app.js"></script> +</body> +</html> |