From 2b3b309e974c6abba34cb1a419e78761d86b8a35 Mon Sep 17 00:00:00 2001
From: Matthew Lemon <y@yulqen.org>
Date: Sun, 11 Feb 2024 10:20:14 +0000
Subject: Started mocking out home page in HTML and CSS

Adding initial styles; currently working on a big summary table for the
front page, that is going to provide the main entry point to all the
relevant business data.
---
 ui/html/pages/organisations/list.tmpl.html | 30 ++++++++++++++++++++++++++++++
 ui/static/css/main.css                     | 12 ++++++++++++
 2 files changed, 42 insertions(+)

(limited to 'ui')

diff --git a/ui/html/pages/organisations/list.tmpl.html b/ui/html/pages/organisations/list.tmpl.html
index 7185893..eb435b7 100644
--- a/ui/html/pages/organisations/list.tmpl.html
+++ b/ui/html/pages/organisations/list.tmpl.html
@@ -3,4 +3,34 @@
 {{ define "main" }}
 <h3>Organisations</h3>
 <p>There is nothing to see here yet.</p>
+<table id="home-summary-table">
+    <thead>
+        <tr id="header-row">
+            <th>Organisation</th>
+            <th>RP</th>
+            <th>Another attribute</th>
+            <th>Another attribute</th>
+            <th>Another attribute</th>
+            <th>SharePoint</th>
+        </tr>
+    </thead>
+    <tbody>
+        <tr>
+            <td><a href="#">First organisation</a></td>
+            <td>Tim Gudgeon</td>
+            <td>Bobbins</td>
+            <td>Bobbins</td>
+            <td>Bobbins</td>
+            <td><a href="#">Link</a></td>
+        </tr>
+        <tr>
+            <td>Second organisation</td>
+            <td>Seth Pring</td>
+            <td>Bobbins</td>
+            <td>Bobbins</td>
+            <td>Bobbins</td>
+            <td><a href="#">Link</a></td>
+        </tr>
+    </tbody>
+</table>
 {{ end }}
diff --git a/ui/static/css/main.css b/ui/static/css/main.css
index 83af795..9ad0c83 100644
--- a/ui/static/css/main.css
+++ b/ui/static/css/main.css
@@ -20,3 +20,15 @@ a {
 a:hover {
     text-decoration: underline;
 }
+
+table#home-summary-table,
+table#home-summary-table a,
+table#home-summary-table td {
+    background: white;
+}
+
+table#home-summary-table th {
+    /* border: solid 2px #ccc; */
+    background: lightgray;
+}
+
-- 
cgit v1.2.3