Fix double post title

By creating separate base and default layout
chrisglein · Dec 29, 2023 · 18312fd · 18312fd
1 parent 90a8e00
commit 18312fd
Show file tree

Hide file tree

Showing 3 changed files with 46 additions and 39 deletions.
diff --git a/_layouts/base.html b/_layouts/base.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en-us">
+
+  {% include head.html %}
+
+  <body class="theme-base-0e layout-reverse">
+
+    {% include sidebar.html %}
+
+    <!-- Wrap is the content to shift when toggling the sidebar. We wrap the
+         content to avoid any CSS collisions with our real content. -->
+    <div class="wrap">
+      <div class="masthead">
+        <div class="container">
+          <h3 class="masthead-title">
+            <a href="{{ site.baseurl }}/" title="Home">{{ site.title }}</a>
+            <small>{{ site.tagline }}</small>
+          </h3>
+        </div>
+      </div>
+
+      <div class="container content">
+        {{ content }}
+      </div>
+    </div>
+
+    <label for="sidebar-checkbox" class="sidebar-toggle"></label>
+
+    <script src='{{ site.baseurl }}/public/js/script.js'></script>
+  </body>
+</html>
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -1,38 +1,14 @@
-<!DOCTYPE html>
-<html lang="en-us">
-
-  {% include head.html %}
-
-  <body class="theme-base-0e reverse-layout">
-
-    {% include sidebar.html %}
-
-    <!-- Wrap is the content to shift when toggling the sidebar. We wrap the
-         content to avoid any CSS collisions with our real content. -->
-    <div class="wrap">
-      <div class="masthead">
-        <div class="container">
-          <h3 class="masthead-title">
-            <a href="{{ site.baseurl }}/" title="Home">{{ site.title }}</a>
-            <small>{{ site.tagline }}</small>
-          </h3>
-        </div>
-      </div>
-
-      <div class="container content">
-        {% if page.title %}
-          <h1 id="page-title">{{ page.title }}</h1>
-        {% endif %}
-        {% if page.description %}
-          <p id="page-description" class="message">{{ page.description }}</p>
-        {% endif %}
-
-        {{ content }}
-      </div>
-    </div>
-
-    <label for="sidebar-checkbox" class="sidebar-toggle"></label>
-
-    <script src='{{ site.baseurl }}/public/js/script.js'></script>
-  </body>
-</html>
+---
+layout: base
+---
+
+<div class="page">
+  {% if page.title %}
+    <h1 id="page-title">{{ page.title }}</h1>
+  {% endif %}
+  {% if page.description %}
+    <p id="page-description" class="message">{{ page.description }}</p>
+  {% endif %}
+
+  {{ content }}
+</div>
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -1,5 +1,5 @@
 ---
-layout: default
+layout: base
 ---
 
 <div class="post">