Add frontmatter to markdown files, update layouts, and integrate Boot…

…strap
andrewshawcare · Feb 18, 2025 · 7addc9f · 7addc9f
1 parent 83db0cc
commit 7addc9f
Show file tree

Hide file tree

Showing 6 changed files with 42 additions and 5 deletions.
diff --git a/content/index.md b/content/index.md
@@ -1,3 +1,5 @@
-# Andrew Shaw Care
+---
+title: Andrew Shaw Care
+---
 
 {% table-of-contents type="anthologies" %}
diff --git a/content/zettelkasten/1-fleeting-notes.md b/content/zettelkasten/1-fleeting-notes.md
@@ -1,9 +1,11 @@
 ---
 title: Fleeting notes
-layout: article
+layout: note
 ---
 
-_Fleeting notes_ are used to record thoughts as soon as they happen. At a later time, they are compiled into [permanent notes](./3-permanent-notes.md) and discarded.
+Fleeting notes are used to record thoughts as soon as they happen.
+
+At a later time, they are compiled into [permanent notes](./3-permanent-notes.md) and discarded.
 
 The etymology of _fleeting_:
 

diff --git a/templates/layouts/article.md b/templates/layouts/article.md
@@ -2,7 +2,7 @@
 
 {% partial file="head.md" /%}
 
-<body>
+<body class="p-3 container">
 
 <article>
 

diff --git a/templates/layouts/default.md b/templates/layouts/default.md
@@ -2,7 +2,7 @@
 
 {% partial file="head.md" /%}
 
-<body>
+<body class="p-3 container">
 
 # {% $frontmatter.title %}
 

diff --git a/templates/layouts/note.md b/templates/layouts/note.md
@@ -0,0 +1,31 @@
+<html lang="en">
+
+{% partial file="head.md" /%}
+
+<body>
+
+<article class="w-50 my-3 mx-auto p-3 card">
+
+<header>
+
+# {% $frontmatter.title %}
+
+<nav>
+
+{% table-of-contents type="headings" /%}
+
+</nav>
+
+</header>
+
+<main>
+
+{% $content %}
+
+</main>
+
+</article>
+
+</body>
+
+</html>
diff --git a/templates/partials/head.md b/templates/partials/head.md
@@ -6,5 +6,7 @@
 <title>Andrew Shaw Care</title>
 
 <link rel="stylesheet" href="/index.css" />
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
 <script async="true" type="module" src="/index.js"></script>
 </head>
-Original file line number
+Diff line change
@@ Expand Up / @@ -2,7 +2,7 @@ @@
     {% partial file="head.md" /%}
-    <body>
+    <body class="p-3 container">
     <article>
@@ Expand Down @@