Style header

2023-03-31 08:55:44 -05:00
parent 3250ac1ebf
commit f876e949a9
1 changed files with 43 additions and 23 deletions
--- a/src/Themes/BenRameyTheme/Views/Layout.liquid
+++ b/src/Themes/BenRameyTheme/Views/Layout.liquid
@@ -17,6 +17,26 @@
      {% resources type: "HeadScript" %}
    </head>
    <body dir="{{ Culture.Dir }}">
+      <header>
+        <div class="container">
+          <div class="d-flex justify-content-between align-item-center">
+            <a
+              href="/"
+              class="d-flex justify-content-start align-items-center me-2 text-decoration-none"
+              title="Home">
+              <img
+                src="https://en.gravatar.com/userimage/738990/32d8e61848233a67f5e02dcc43be0ff8.jpeg"
+                alt="Gravatar"
+                width="40"
+                height="40" />
+              <span class="ms-2">{{ Site.SiteName }}</span>
+            </a>
+            <div class="d-none d-sm-flex flex-column justify-content-around ms-2">
+              <small>{{ Site.Tagline }}</small>
+            </div>
+          </div>
+        </div>
+      </header>

      <main>
        <div class="container">
@@ -28,6 +48,6 @@
        {% render_section "Footer", required: false %}
      </footer>

-    {% resources type: "FootScript" %}
-</body>
+      {% resources type: "FootScript" %}</body>
+  </head>
 </html>