notes: reformat, add subtitles

5 files changed, 18 insertions, 12 deletions

diff --git a/_notes/bash.md b/_notes/bash.md
index 353f011..032731f 100644
--- a/_notes/bash.md
+++ b/_notes/bash.md
@@ -1,5 +1,6 @@
 ---
-title: GNU bash
+title: Bash
+subtitle: best practices
 ---
 (Associative) arrays
 --------------------
diff --git a/_notes/latex.md b/_notes/latex.md
index 2e070b5..8f90244 100644
--- a/_notes/latex.md
+++ b/_notes/latex.md
@@ -1,5 +1,6 @@
 ---
-title: Basic LaTeX document
+title: LaTeX
+subtitle: document template
 ---
 A more-or-less complete, but still very basic LaTeX document follows.
 
diff --git a/_notes/makefile.md b/_notes/makefile.md
index 777e04d..fb52d43 100644
--- a/_notes/makefile.md
+++ b/_notes/makefile.md
@@ -1,5 +1,6 @@
 ---
-title: GNU Make
+title: Makefile
+subtitle: best practices
 ---
 Best practices for my Makefiles (sorry for the botched highlighting).
 
diff --git a/_notes/markdown.md b/_notes/markdown.md
index b62284f..37b15db 100644
--- a/_notes/markdown.md
+++ b/_notes/markdown.md
@@ -1,5 +1,6 @@
 ---
-title: Markdown style guide
+title: Markdown
+subtitle: style guide
 ---
 * `diff`- and HTML-friendliness is valued over human-readability.
 * Every sentence starts on a new line ("semantic newlines").
diff --git a/notes/index.html b/notes/index.html
index db65de9..da03827 100644
--- a/notes/index.html
+++ b/notes/index.html
@@ -4,17 +4,19 @@ navbar:
   link: Notes
   priority: 3
 ---
-{% if site.notes.size != 0 %}
+{% if site.notes.size > 0 %}
+  {% comment %}
+    Sorting can be done in _config.yml with Jekyll 4.0 or later.
+  {% endcomment %}
+  {% assign note_list = site.notes | sort_natural: 'title' %}
   <p>Style guides and best practices, not worthy of a post.</p>
-  <ul>
-    {% comment %}
-      Sorting can be done in _config.yml with Jekyll 4.0 or later.
-    {% endcomment %}
-    {% assign note_list = site.notes | sort_natural: 'title' %}
+  <div class="list-group wide-enough">
     {% for note in note_list %}
-      <li><a href="{{ note.url | relative_url }}">{{ note.title }}</a></li>
+    <a href="{{ note.url | relative_url }}" class="list-group-item">
+      <h4 class="list-group-item-heading">{{ note.title }} <small>{{ note.subtitle }}</small></h4>
+    </a>
     {% endfor %}
-  </ul>
+  </div>
 {% else %}
   <p>Sorry, no notes have been added yet.</p>
 {% endif %}