index.html: make it actually pretty

2 files changed, 35 insertions, 12 deletions

diff --git a/assets/css/common/fix_bootstrap.css b/assets/css/common/fix_bootstrap.css
index ab7912e..03100b3 100644
--- a/assets/css/common/fix_bootstrap.css
+++ b/assets/css/common/fix_bootstrap.css
@@ -36,3 +36,8 @@ pre code {
 .text-muted a.category {
   color: inherit;
 }
+/* WTF? Sometimes I want to skip .list-group-item-text, and I don't want the
+ * margin for the heading. */
+.list-group-item-heading:last-child {
+  margin-bottom: 0;
+}
diff --git a/index.md b/index.md
index 296fcc9..a1ddf46 100644
--- a/index.md
+++ b/index.md
@@ -1,26 +1,32 @@
 ---
 base: https://egor-tensin.github.io
 title: Home page
+layout: default
 navbar:
   link: Home
   icon: home
   priority: 1
 ---
-This is a preview for my [Jekyll] theme.
-I use it for
+jekyll-theme
+============
 
-* [egor-tensin.github.io],
-* [blog],
-* [sorting-algorithms],
-* [wireguard-config].
+---
 
-**Check out the pages below.**
+<div class="row">
+  <div class="col-sm-6">
 
-<div class="list-group wide-enough">
+<div class="list-group">
+  <a href="#" class="list-group-item disabled">
+    <h3 class="list-group-item-heading">Features</h3>
+  </a>
   <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="{{ '/archive/' | relative_url }}" class="list-group-item">
+    <h4 class="list-group-item-heading">Categories</h4>
+    <p class="list-group-item-text">List of post categories (includes links to each category's page).</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>
@@ -35,14 +41,26 @@ I use it for
   <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>
 
+  </div>
+  <div class="col-sm-6" markdown="1">
+
+This is a preview for my [Jekyll] theme.
+I use it for
+
+* [egor-tensin.github.io],
+* [blog],
+* [sorting-algorithms],
+* [wireguard-config].
+
+You can check out the available features if you follow the links on this page.
+
 [Jekyll]: https://jekyllrb.com/
 [egor-tensin.github.io]: {{ page.base }}
 [blog]: {{ page.base }}/blog/
 [sorting-algorithms]: {{ page.base }}/sorting-algorithms/
 [wireguard-config]: {{ page.base }}/wireguard-config/
+
+</div>
+</div>