Add better index page

refinedmods · Dec 25, 2023 · 96d24e2 · 96d24e2
1 parent a2783ba
commit 96d24e2
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 7 deletions.
diff --git a/assets/scss/styles.scss b/assets/scss/styles.scss
@@ -38,6 +38,7 @@ $bootstrap-icons-font-dir: "../../../node_modules/bootstrap-icons/font/fonts"; /
   content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
   transition: transform .35s ease;
   transform-origin: .5em 50%;
+  margin-right: 4px;
 }
 
 [data-bs-theme="dark"] .btn-toggle::before {

diff --git a/docs/pages/index.adoc b/docs/pages/index.adoc
@@ -1,8 +1 @@
 = Home
-
-Welcome to the Refined Mods website!
-
-Quick links:
-
-- link:refined-storage/index.html[Refined Storage]
-- link:ranged-pumps/index.html[Ranged Pumps]
diff --git a/docs/pages/index.html b/docs/pages/index.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html layout:decorate="~{layout.html}">
+<head>
+    <title th:utext="${title}"></title>
+</head>
+<body>
+<div layout:fragment="content">
+    <main>
+        <div class="list-group">
+            <a href="refined-storage/" class="list-group-item list-group-item-action d-flex gap-3">
+                <img src="assets/refined-storage.snapshot/controller.png" width="48" height="48"
+                     alt="The Refined Storage Controller block">
+                <div>
+                    <h2 class="h4 mb-1">Refined Storage</h2>
+                    <p class="mb-0">Refined Storage is a mass storage mod for Minecraft that offers the player a
+                        network-based
+                        storage
+                        system, allowing them to store items and fluids on a massively expandable device network.</p>
+                </div>
+            </a>
+            <a href="ranged-pumps/" class="list-group-item list-group-item-action d-flex gap-3">
+                <img src="assets/ranged-pumps.snapshot/pump.png" width="48" height="48"
+                     alt="The Ranged Pumps Pump block">
+                <div>
+                    <h2 class="h4 mb-1">Ranged Pumps</h2>
+                    <p class="mb-0">Ranged Pumps is a simple mod that adds a pump that pumps liquids in a range.</p>
+                </div>
+            </a>
+        </div>
+    </main>
+</div>
+</body>
+</html>