Update index page

.gitignore

@@ -3,7 +3,7 @@ internal/database/comfychan.db
 tmp
 out
 
-media/
+/media/
 
 # direnv
 .direnv

internal/database/seed.sql

@@ -56,7 +56,7 @@ CREATE TABLE IF NOT EXISTS bans (
 -- Boards
 
 INSERT INTO boards (slug, name, tag) VALUES
-    ('c', 'Comfy', 'Be comfy, fren'),
+    ('c', 'Comfy', 'Stay awhile'),
     ('r', 'Robots', 'Beep, boop'),
     ('gn', 'Goon', 'God is watching');
 

web/static/index.css

@@ -3,11 +3,12 @@
     --bg-main: #1d1f21;
     --text-color: #c5c8c6;
     --text-muted: #85a28a;
-    --brand-red: #85280b;
+    --brand-green: #4e5f3f;
+    --brand-yellow: #db9f12;
 
     --form-header-bg: #282a2e;
     --border-light: #282a2e;
-    --subject: #db9f12;
+    --subject: #718a5b;
     --link-secondary: #85a28a;
 
     --post-bg: #282a2e;
@@ -18,7 +19,7 @@
     --reply-link: #85a28a;
     --dialog-bg: #EDEFF7;
 
-    --danger: #977732;
+    --danger: #4e5f3f;
     --warning-bg: #929661;
     --black: #000000;
 
@@ -71,7 +72,6 @@ a:hover {
 .board-header {
     margin: 25px auto;
     text-align: center;
-    color: var(--brand-red);
 }
 
 .board-header h1 {
@@ -79,11 +79,14 @@ a:hover {
     font-size: 1.8rem;
     margin: 8px;
     margin-top: 12px;
+    color: var(--brand-yellow);
 }
 
 .board-header p {
     font-size: .8rem;
     margin: 4px;
+    font-style: italic;
+    color: var(--brand-yellow);
 }
 
 .board-header img {
@@ -436,6 +439,10 @@ a:hover {
     padding: 5px;
 }
 
+.box-table tbody tr:nth-child(even) {
+    background-color: color-mix(in srgb, var(--box-bg) 85%, black);
+}
+
 .box h2,
 .box-table th {
     padding: 5px;

web/views/index.templ

@@ -4,16 +4,40 @@ import "github.com/dominicf2001/comfychan/web/views/shared"
 
 templ Index() {
 	@shared.Layout("Comfychan") {
+		<img style="width: 150px; float: right;" src="/static/media/comfychan.png"/>
 		<section class="container">
-			<img id="clavis" src="/static/media/clavis.png"/>
 			<div class="box">
 				<h2>Welcome to Comfychan</h2>
 				<div>
 					<p>
-						<strong>Comfychan</strong> is place to share comfy images and videos.
+						<strong>Comfychan</strong> is place to share comfy images, videos and retardation.
 					</p>
 				</div>
 			</div>
 		</section>
+		<section style="margin-top: 25px;" class="container">
+			<table class="box-table">
+				<thead>
+					<tr>
+						<th>Board</th>
+						<th>Description</th>
+					</tr>
+				</thead>
+				<tbody>
+					<tr>
+						<td><a href="/c">/c/ - Comfy</a></td>
+						<td>Stay awhile</td>
+					</tr>
+					<tr>
+						<td><a href="/r">/r/ - Robots</a></td>
+						<td>Beep, boop</td>
+					</tr>
+					<tr>
+						<td><a href="/gn">/gn/ - Goon</a></td>
+						<td>God is watching</td>
+					</tr>
+				</tbody>
+			</table>
+		</section>
 	}
 }