Add log on; fix DotLiquid rendering

2022-04-17 21:30:00 -04:00
parent 98eb2b1785
commit 1897095ff2
15 changed files with 409 additions and 66 deletions
--- a/src/MyWebLog/themes/default/layout.liquid
+++ b/src/MyWebLog/themes/default/layout.liquid
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width">
+    <meta name="generator" content="myWebLog 2">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
+          integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+    <link rel="stylesheet" href="/themes/{{ web_log.theme_path }}/style.css">
+    <title>{{ page_title | escape }} &laquo; {{ web_log.name | escape }}</title>
+  </head>
+  <body>
+    <header>
+      <nav class="navbar navbar-light bg-light navbar-expand-md justify-content-start px-2">
+        <div class="container-fluid">
+          <a class="navbar-brand" href="/">{{ web_log.name }}</a>
+          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText"
+                  aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+          </button>
+          <div class="collapse navbar-collapse" id="navbarText">
+            {% if web_log.subtitle -%}
+              <span class="navbar-text">{{ web_log.subtitle | escape }}</span>
+            {%- endif %}
+            <ul class="navbar-nav flex-grow-1 justify-content-end">
+              {% if logged_on %}
+                <li class="nav-item"><a class="nav-link" href="/admin/">Dashboard</a></li>
+                <li class="nav-item"><a class="nav-link" href="/user/log-off">Log Off</a></li>
+              {% else %}
+                <li class="nav-item"><a class="nav-link" href="/user/log-on">Log On</a></li>
+              {% endif %}
+            </ul>
+          </div>
+        </div>
+      </nav>
+    </header>
+    <main>
+      {{ content }}  
+    </main>
+    <footer>
+      <hr>
+      <div class="container-fluid text-end">
+        <img src="/img/logo-dark.png" alt="myWebLog">
+      </div>
+    </footer>
+  </body>
+</html>