add a conditionally rendered "back to home" link

2025-05-07 10:54:10 -07:00
parent 2430e8c214
commit 40e8f5c07c
3 changed files with 19 additions and 1 deletions
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -16,6 +16,14 @@
    <title>{{ page.title }}</title>
 </head>
 <body>
+    {% if page.isIndexPage != 1 %}
+        <nav>
+            <a href="/" title="Home">
+                back to home
+            </a>
+        </nav>
+    {% endif %}
+
    <main>
        {{ content }}
    </main>
--- a/assets/global.css
+++ b/assets/global.css
@@ -9,6 +9,15 @@ body {
    align-items: center;
 }

+nav {
+    max-width: 720px;
+    width: 100%;
+}
+
+.nav-home-icon {
+    max-width: 64px;
+}
+
 main {
    max-width: 720px;
    width: 100%;
@@ -27,7 +36,7 @@ a {
 }

@media screen and (min-width: 720px) {
-    main {
+    nav {
        padding-top: 32px;
    }
 }
--- a/index.md
+++ b/index.md
@@ -1,6 +1,7 @@
 ---
 title: "Brendan Chen"
 layout: default
+isIndexPage: 1
 ---

 # Brendan Chen