Add missing links to cards on main page

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>