diff --git a/lib/swornforged_web/controllers/page_html/home.html.heex b/lib/swornforged_web/controllers/page_html/home.html.heex
index be3f932..fd66b7b 100644
--- a/lib/swornforged_web/controllers/page_html/home.html.heex
+++ b/lib/swornforged_web/controllers/page_html/home.html.heex
@@ -2,87 +2,75 @@
 <div class="flex flex-col gap-6 p-6 max-w-3xl mx-auto">
   <div class="p-6 shadow-md rounded-lg bg-white flex flex-col gap-4">
     <h2 class="text-3xl font-bold">Assets</h2>
-    <%= for asset_type <- @dataforged["Asset Types"] do %>
-      <div id={asset_type["$id"]}>
-        <h2 class="text-2xl font-bold rounded mb-2">
-          <a href={"#" <> asset_type["$id"]}><%= asset_type["Display"]["Title"] %></a>
-        </h2>
-        <ul class="flex flex-col gap-2">
-          <%= for asset <- asset_type["Assets"] do %>
-            <li id={asset["$id"]}>
-              <div>
-                <h3
-                  class="font-bold text-white px-2 py-1 rounded-t"
-                  style={"background-color: #{asset["Display"]["Color"]}"}
-                >
-                  <a href={"#" <> asset["$id"]}><%= asset["Display"]["Title"] %></a>
-                </h3>
-                <ul class="p-2 flex flex-col gap-2">
-                  <%= for ability <- asset["Abilities"] do %>
-                    <li id={ability["$id"]}><%= raw(Earmark.as_html!(ability["Text"])) %></li>
-                  <% end %>
-                </ul>
-              </div>
-            </li>
-          <% end %>
-        </ul>
-      </div>
-    <% end %>
+    <div :for={asset_type <- @dataforged["Asset Types"]} id={asset_type["$id"]}>
+      <h2 class="text-2xl font-bold rounded mb-2">
+        <a href={"#" <> asset_type["$id"]}><%= asset_type["Display"]["Title"] %></a>
+      </h2>
+      <ul class="flex flex-col gap-2">
+        <li :for={asset <- asset_type["Assets"]} id={asset["$id"]}>
+          <div>
+            <h3
+              class="font-bold text-white px-2 py-1 rounded-t"
+              style={"background-color: #{asset["Display"]["Color"]}"}
+            >
+              <a href={"#" <> asset["$id"]}><%= asset["Display"]["Title"] %></a>
+            </h3>
+            <ul class="p-2 flex flex-col gap-2">
+              <li :for={ability <- asset["Abilities"]} id={ability["$id"]}>
+                <%= raw(Earmark.as_html!(ability["Text"])) %>
+              </li>
+            </ul>
+          </div>
+        </li>
+      </ul>
+    </div>
   </div>
   <div class="p-6 shadow-md rounded-lg bg-white flex flex-col gap-4">
     <h2 class="text-2xl font-bold">Oracles</h2>
-    <%= for oracle_category <- @dataforged["Oracle Categories"] do %>
-      <div id={oracle_category["$id"]}>
-        <h2 class="text-lg font-bold text-white bg-gray-500 p-2 rounded mb-2">
-          <a href={"#" <> oracle_category["$id"]}>
-            <%= oracle_category["Display"]["Title"] %>
-          </a>
-        </h2>
-        <ul class="flex flex-col gap-2">
-          <%= for oracle <- oracle_category["Oracles"] do %>
-            <li id={oracle["$id"]}>
-              <div>
-                <h3 class="font-bold text-white px-2 py-1 bg-slate-400 rounded">
-                  <a href={"#" <> oracle["$id"]}>
-                    <%= oracle["Display"]["Title"] %>
-                  </a>
-                </h3>
-              </div>
-            </li>
-          <% end %>
-        </ul>
-      </div>
-    <% end %>
+    <div :for={oracle_category <- @dataforged["Oracle Categories"]} id={oracle_category["$id"]}>
+      <h2 class="text-lg font-bold text-white bg-gray-500 p-2 rounded mb-2">
+        <a href={"#" <> oracle_category["$id"]}>
+          <%= oracle_category["Display"]["Title"] %>
+        </a>
+      </h2>
+      <ul class="flex flex-col gap-2">
+        <li :for={oracle <- oracle_category["Oracles"]} id={oracle["$id"]}>
+          <div>
+            <h3 class="font-bold text-white px-2 py-1 bg-slate-400 rounded">
+              <a href={"#" <> oracle["$id"]}>
+                <%= oracle["Display"]["Title"] %>
+              </a>
+            </h3>
+          </div>
+        </li>
+      </ul>
+    </div>
   </div>
   <div class="p-6 shadow-md rounded-lg bg-white flex flex-col gap-4">
     <h2 class="text-3xl font-bold">Moves</h2>
-    <%= for move_category <- @dataforged["Move Categories"] do %>
-      <div id={move_category["$id"]}>
-        <h2 class="text-2xl font-bold rounded mb-4">
-          <a href={"#" <> move_category["$id"]}>
-            <%= move_category["Display"]["Title"] %>
-          </a>
-        </h2>
-        <ul class="flex flex-col gap-6">
-          <%= for move <- move_category["Moves"] do %>
-            <li id={move["$id"]}>
-              <div class="flex flex-col gap-2">
-                <h3
-                  class="font-bold text-white px-2 py-1 rounded-t"
-                  style={"background-color: #{move["Display"]["Color"]}"}
-                >
-                  <a href={"#" <> move["$id"]}>
-                    <%= move["Display"]["Title"] %>
-                  </a>
-                </h3>
-                <div class="p-2">
-                  <%= raw(Earmark.as_html!(move["Text"], gfm: true, gfm_tables: true)) %>
-                </div>
-              </div>
-            </li>
-          <% end %>
-        </ul>
-      </div>
-    <% end %>
+    <div :for={move_category <- @dataforged["Move Categories"]} id={move_category["$id"]}>
+      <h2 class="text-2xl font-bold rounded mb-4">
+        <a href={"#" <> move_category["$id"]}>
+          <%= move_category["Display"]["Title"] %>
+        </a>
+      </h2>
+      <ul class="flex flex-col gap-6">
+        <li :for={move <- move_category["Moves"]} id={move["$id"]}>
+          <div class="flex flex-col gap-2">
+            <h3
+              class="font-bold text-white px-2 py-1 rounded-t"
+              style={"background-color: #{move["Display"]["Color"]}"}
+            >
+              <a href={"#" <> move["$id"]}>
+                <%= move["Display"]["Title"] %>
+              </a>
+            </h3>
+            <div class="p-2">
+              <%= raw(Earmark.as_html!(move["Text"], gfm: true, gfm_tables: true)) %>
+            </div>
+          </div>
+        </li>
+      </ul>
+    </div>
   </div>
 </div>