From 65ccdfa1d88fe1dc6f9c5b36372542313588eb2b Mon Sep 17 00:00:00 2001
From: Egor Tensin <Egor.Tensin@gmail.com>
Date: Tue, 22 Mar 2022 13:37:13 +0300
Subject: index.html: rework page links

---
 index.md | 29 ++++++++++++++++++++++++-----
 1 file changed, 24 insertions(+), 5 deletions(-)

diff --git a/index.md b/index.md
index ab0384f..296fcc9 100644
--- a/index.md
+++ b/index.md
@@ -16,11 +16,30 @@ I use it for
 
 **Check out the pages below.**
 
-* [Post feed]({{ '/feed/' | relative_url }})
-* [Post w/ MathJax formulas]({{ site.baseurl }}{% post_url 2021-04-08-mathjax %})
-* [Post w/ code snippets]({{ site.baseurl }}{% post_url 2021-04-09-snippets %})
-* [Post w/ _collapsible_ code snippets]({{ site.baseurl }}{% post_url 2021-04-10-collapsible %})
-* [Post w/ shell commands]({{ site.baseurl }}{% post_url 2022-03-21-shell %})
+<div class="list-group wide-enough">
+  <a href="{{ '/feed/' | relative_url }}" class="list-group-item">
+    <h4 class="list-group-item-heading">Feed</h4>
+    <p class="list-group-item-text">A paginated post feed.</p>
+  </a>
+  <a href="{{ site.baseurl }}{% post_url 2021-04-09-snippets %}" class="list-group-item">
+    <h4 class="list-group-item-heading">Code snippets</h4>
+    <p class="list-group-item-text">Easily include code snippets in your posts.</p>
+  </a>
+  <a href="{{ site.baseurl }}{% post_url 2021-04-10-collapsible %}" class="list-group-item">
+    <h4 class="list-group-item-heading">Collapsible snippets</h4>
+  </a>
+  <a href="{{ site.baseurl }}{% post_url 2022-03-21-shell %}" class="list-group-item">
+    <h4 class="list-group-item-heading">Shell commands</h4>
+    <p class="list-group-item-text">Clearly separate shell commands and their outputs from one another.</p>
+  </a>
+  <a href="{{ site.baseurl }}{% post_url 2021-04-08-mathjax %}" class="list-group-item">
+    <h4 class="list-group-item-heading">Typesetting math</h4>
+  </a>
+  <a href="{{ '/archive/' | relative_url }}" class="list-group-item">
+    <h4 class="list-group-item-heading">Categories</h4>
+    <p class="list-group-item-text">View list of post categories (includes links to each category's page).</p>
+  </a>
+</div>
 
 [Jekyll]: https://jekyllrb.com/
 [egor-tensin.github.io]: {{ page.base }}
-- 
cgit v1.2.3