Setup comfy board header

web/static/index.css

@@ -2,6 +2,8 @@ body {
     background: #EEF2FF;
 }
 
+/* INDEX */
+
 #clavis {
     display: block;
     width: 300px;
@@ -9,6 +11,9 @@ body {
     margin-bottom: 50px;
 }
 
+
+/* BOARD LIST */
+
 #boardList {
     font-size: 12px;
 }
@@ -22,6 +27,29 @@ body {
     color: #ff0000;
 }
 
+/* BOARDS */
+
+.board-header {
+    text-align: center;
+    color: #AF0A0F;
+}
+
+.board-header h1 {
+    padding: 0;
+    margin: 0;
+}
+
+.board-header p {
+    font-size: 12px;
+    margin: 5px;
+}
+
+.board-header img {
+    width: 300px;
+}
+
+/* GENERAL LAYOUT */
+
 .container {
     width: 600px;
     margin: auto;

web/views/boards/comfy.templ

@@ -4,8 +4,12 @@ import "github.com/dominicf2001/comfychan/web/views/shared"
 
 templ Comfy() {
 	@shared.Layout() {
-<section style="margin-top: 100px;">
-	<div>Comfy</div>
-</section>
+		<header class="board-header">
+			<img src="/static/img/banner-comfy.png"/>
+			<h1>
+				"/comfy/" - Comfy
+			</h1>
+			<p>Be comfy fren</p>
+		</header>
 	}
 }

web/views/boards/comfy_templ.go

@@ -43,7 +43,7 @@ func Comfy() templ.Component {
 				}()
 			}
 			ctx = templ.InitializeContext(ctx)
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<section style=\"margin-top: 100px;\"><div>Comfy</div></section>")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<header class=\"board-header\"><img src=\"/static/img/banner-comfy.png\"><h1>\"/comfy/\" - Comfy</h1><p>Be comfy fren</p></header>")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}