Spiffy up the landing page

Aspen-Discovery · Apr 30, 2024 · be0f4cb · be0f4cb
1 parent 31a6903
commit be0f4cb
Showing 1 changed file with 24 additions and 6 deletions.
diff --git a/index.tt b/index.tt
@@ -1,3 +1,4 @@
+[%- USE String %]
 <!doctype html>
 <html lang="en">
   <head>
@@ -8,14 +9,31 @@
     <link rel="stylesheet" href="styles.css">
   </head>
   <body>
+      <div class="p-5 text-center bg-body-tertiary rounded-3">
+        <img class="bi mt-4 mb-3" width="128" height="128" src="https://avatars.githubusercontent.com/u/57596229?s=400&u=f6853776a2fd012dc1a6403e5ed29bcec5deaa93&v=4"></image>
+        <h1 class="text-body-emphasis">Aspen Discovery Database Schemas</h1>
+        <p class="col-lg-8 mx-auto fs-5 text-muted">
+            Built with SchemaSpy
+        </p>
+      </div>      
 
-    <div class="container my-5">
-        <h1>Versions</h1>
-        [%- FOREACH d IN DIRS.split("\n").reverse %]
-        <a href="https://aspen-discovery.github.io/aspen-schemaspy/[% d %]">[% d | html %]</a>
-        [%- END %]
+      <div class="d-flex flex-column flex-md-row p-4 gap-4 py-md-5 align-items-center justify-content-center">
+          <div class="list-group">
+            [%- FOREACH d IN DIRS.split("\n").reverse %]
+                [% SET dir = String.new(d) %]
+                <a href="https://aspen-discovery.github.io/aspen-schemaspy/[% d %]" class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true">
+                  <img src="https://avatars.githubusercontent.com/u/57596229?s=400&u=f6853776a2fd012dc1a6403e5ed29bcec5deaa93&v=4" alt="twbs" width="32" height="32" class="rounded-circle flex-shrink-0">
+                  <div class="d-flex gap-2 w-100 justify-content-between">
+                    <div>
+                      <h6 class="mb-0">Aspen Discovery [% dir.chop | html %]</h6>
+                    </div>
+                    <small class="opacity-50 text-nowrap">now</small>
+                  </div>
+                </a>
+            [%- END %]
+          </div>
+        </div>
     </div>
-
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
   </body>
 </html>