Footer

assets/css/screen.css

@@ -748,4 +748,25 @@ Search                         LOGO                    Login Subscribe
 
 .gh-container.is-list.no-image .gh-card-image {
     display: none;
+}
+
+/* 10. Footer */
+
+.gh-footer {
+    padding-block: 48px;
+}
+
+.gh-footer-inner {
+    display: grid;
+    grid-template-columns: 1fr auto 1fr;
+}
+
+.gh-footer-menu .nav {
+    display: flex;
+    gap: 24px;
+    list-style-type: none;
+}
+
+.gh-footer-copyright {
+    text-align: right;
 }

default.hbs

@@ -26,6 +26,7 @@
     {{> "components/header" headerStyle=@custom.header_style}}
     {{> "components/featured" showFeatured=@custom.show_featured}}
     {{> "components/post-list" postListStyle=@custom.post_list_style}}
+    {{> "components/footer"}}
     
     {{{body}}}
 

partials/components/footer.hbs

@@ -0,0 +1,21 @@
+<footer class="gh-footer gh-outer">
+    <div class="gh-footer-inner gh-inner">
+
+        <span class="gh-footer-logo">
+            {{#if @site.logo}}
+                <img src="{{@site.logo}}" alt="{{@site.title}}">
+            {{else}}
+                {{@site.title}}
+            {{/if}}
+        </span>
+
+        <nav class="gh-footer-menu">
+            {{navigation type="secondary"}}
+        </nav>
+
+        <div class="gh-footer-copyright">
+            Powered by <a href="https://ghost.org/" target="_blank" rel="noopener">Ghost</a>
+        </div>
+
+    </div>
+</footer>