From 710486bdb07954a441fec8dc727bd55ee63a01cb Mon Sep 17 00:00:00 2001
From: Core447 <jmulmann@protonmail.com>
Date: Sun, 4 Feb 2024 11:20:36 +0100
Subject: [PATCH] Add missing links to cards on main page

---
 index.html | 118 +++++++++++++++++++++++++++++------------------------
 1 file changed, 65 insertions(+), 53 deletions(-)

diff --git a/index.html b/index.html
index 1a92a7a..d34a8e8 100644
--- a/index.html
+++ b/index.html
@@ -35,71 +35,83 @@ <h2 class="description-header">The Linux app for the <a href="https://www.elgato
 
   <div id="cards">
 
-    <div class="card">
-      <div class="card-border"></div>
-      <div class="card-content">
-        <img src="assets/touch.png" class="card-image">
-        <div class="card-description">
-          <h1 class="card-title">Easy</h1>
-          <p class="card-text">Easy to use GTK4 interface</p>
+    <a href="featured/easy.html">
+      <div class="card">
+        <div class="card-border"></div>
+        <div class="card-content">
+          <img src="assets/touch.png" class="card-image">
+          <div class="card-description">
+            <h1 class="card-title">Easy</h1>
+            <p class="card-text">Easy to use GTK4 interface</p>
+          </div>
         </div>
       </div>
-    </div>
-
-    <div class="card">
-      <div class="card-border"></div>
-      <div class="card-content">
-        <img src="assets/extensions.png" class="card-image">
-        <div class="card-description">
-          <h1 class="card-title">Plugins</h1>
-          <p class="card-text">Plugins for customization</p>
+    </a>
+
+    <a href="featured/plugins.html">
+      <div class="card">
+        <div class="card-border"></div>
+        <div class="card-content">
+          <img src="assets/extensions.png" class="card-image">
+          <div class="card-description">
+            <h1 class="card-title">Plugins</h1>
+            <p class="card-text">Plugins for customization</p>
+          </div>
         </div>
       </div>
-    </div>
-
-    <div class="card">
-      <div class="card-border"></div>
-      <div class="card-content">
-        <img src="assets/store.png" class="card-image">
-        <div class="card-description">
-          <h1 class="card-title">Asset Store</h1>
-          <p class="card-text">Asset Store for easy installation of assets</p>
+    </a>
+
+    <a href="featured/store.html">
+      <div class="card">
+        <div class="card-border"></div>
+        <div class="card-content">
+          <img src="assets/store.png" class="card-image">
+          <div class="card-description">
+            <h1 class="card-title">Asset Store</h1>
+            <p class="card-text">Asset Store for easy installation of assets</p>
+          </div>
         </div>
       </div>
-    </div>
-
-    <div class="card">
-      <div class="card-border"></div>
-      <div class="card-content">
-        <img src="assets/multiple.png" class="card-image">
-        <div class="card-description">
-          <h1 class="card-title">Multideck</h1>
-          <p class="card-text">Multideck support for controlling multiple decks at once</p>
+    </a>
+
+    <a href="featured/multideck.html">
+      <div class="card">
+        <div class="card-border"></div>
+        <div class="card-content">
+          <img src="assets/multiple.png" class="card-image">
+          <div class="card-description">
+            <h1 class="card-title">Multideck</h1>
+            <p class="card-text">Multideck support for controlling multiple decks at once</p>
+          </div>
         </div>
       </div>
-    </div>
-
-    <div class="card">
-      <div class="card-border"></div>
-      <div class="card-content">
-        <img src="assets/free.png" class="card-image">
-        <div class="card-description">
-          <h1 class="card-title">Free</h1>
-          <p class="card-text">Free for all Linux users</p>
+    </a>
+
+    <a href="featured/free.html">
+      <div class="card">
+        <div class="card-border"></div>
+        <div class="card-content">
+          <img src="assets/free.png" class="card-image">
+          <div class="card-description">
+            <h1 class="card-title">Free</h1>
+            <p class="card-text">Free for all Linux users</p>
+          </div>
         </div>
       </div>
-    </div>
-
-    <div class="card">
-      <div class="card-border"></div>
-      <div class="card-content">
-        <img src="assets/github-mark-white.png" class="card-image">
-        <div class="card-description">
-          <h1 class="card-title">Open Source</h1>
-          <p class="card-text">Open Source on GitHub</p>
+    </a>
+
+    <a href="featured/open-source.html">
+      <div class="card">
+        <div class="card-border"></div>
+        <div class="card-content">
+          <img src="assets/github-mark-white.png" class="card-image">
+          <div class="card-description">
+            <h1 class="card-title">Open Source</h1>
+            <p class="card-text">Open Source on GitHub</p>
+          </div>
         </div>
       </div>
-    </div>
+    </a>