feat: add features list to the home page (#8)

clams-tech · Jan 13, 2025 · 12a9102 · 12a9102
1 parent b435ad7
commit 12a9102
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 3 deletions.
diff --git a/config.toml b/config.toml
@@ -23,4 +23,11 @@ sidebar_sticky = true
 sidebar_reverse = false
 sidebar_links = [
     {url = "https://clams.tech", name = "clams.tech"},
+]
+features = [
+    {title = "Custom Imports", link = "/release-v0-3-0/#custom-imports"},
+    {title = "Transaction Details", link = "/release-v0-3-0/#transaction-details"},
+    {title = "DB Backup and Restore", link = "/release-v0-3-0/#db-backup-and-restore"},
+    {title = "Filter Widget", link = "/release-v0-3-0/#filter-widget-updates"},
+    {title = "Cashu NIP60 Connection", link = "/release-v0-3-0/#cashu-nip60-connection"},
 ]
diff --git a/sass/style.scss b/sass/style.scss
@@ -218,6 +218,8 @@ tbody tr:nth-child(odd) th {
 
   p {
     margin-bottom: 0.25em;
+    max-width: 400px;
+    text-align: center;
   }
 }
 
@@ -268,7 +270,7 @@ tbody tr:nth-child(odd) th {
   }
 }
 
- .posts,.page {
+ .posts, .features, .page {
   max-width: 800px;
   margin: 0 auto;
 }
@@ -280,6 +282,21 @@ tbody tr:nth-child(odd) th {
   }
 }
 
+.features {
+  margin-top: 5em;
+
+  .feature-list {
+    padding: 0;
+    margin: 0;
+    margin-top: 1em;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1rem; /* Space between items */
+    list-style: none; /* Remove bullets */
+    font-weight: bold;
+  }
+}
+
 /* Blog post  */
 .page {
   padding: 2em 0 4em 0;

diff --git a/templates/index.html b/templates/index.html
@@ -34,14 +34,14 @@
   <!-- Render header only on the homepage -->
   <header class="header">
     <h1>Clams Blog</h1>
-    <p>Personal Finance and Business Analytics</p>
-    <p>for a Bitcoin Standard.</p>
+    <p>Personal Finance and Business Analytics for a Bitcoin Standard.</p>
   </header>
   {% endif %}
   <body>
     <div class="content">
       {% block content %}
       <div class="posts">
+        <h3>Posts</h3>
         {% for page in section.pages | reverse %}
         <div class="post">
           <span class="post-date">
@@ -53,6 +53,16 @@ <h3 class="post-title">
         </div>
         {% endfor %}
       </div>
+      <div class="features">
+        <h3>Features</h3>
+        <ul class="feature-list">
+          {% for feature in config.extra.features %}
+          <li class="feature-item">
+            <a href="{{ feature.link }}">{{ feature.title }}</a>
+          </li>
+          {% endfor %}
+        </ul>
+      </div>
       {% endblock content %}
     </div>
   </body>