feature: Make index page a grid of domains and tests in cards

This commit is contained in:
Keith Solomon
2025-05-26 19:48:29 -05:00
parent f62012c13d
commit 5845bbeca3
3 changed files with 1654 additions and 11 deletions

View File

@@ -3,19 +3,13 @@
<article class="container mx-auto py-4 min-h-[70dvh]">
<h2>Welcome to <%= title %></h2>
<%- include('add-form'); -%>
<div%- include('add-form'); -%>
<h2 class="mt-8">Your Tests</h2>
<h2 class="text-25px font-bold mt-8">Your Tests</h2>
<ul class="list bg-base-100 rounded-box shadow-md mt-8">
<% for (let i=0; i < sites.length; i++) { %>
<li class="list-row list-none items-center gap-8">
<h3 class="text-slate-300 m-0 p-0"><a href="/test/<%= i %>" class="text-slate-300 link">Test <%= i+1 %></a></h3>
<span class="site-name list-col-grow text-18px"><%= sites[i].domain_name %></span>
<span class="badge badge-info">In Progress</span>
</li>
<% } %>
</ul>
<div class="mt-8">
<%- include('domain-cards', { data: sites }); -%>
</div>
</article>
<%- include('footer'); -%>