Merge branch 'main' into tailwind

src/main.go

@@ -65,6 +65,10 @@ func main() {
 		Title:           "Internetica Galactica",
 		Description:     "A 1990's style PWA!",
 		Author:          "Quenten",
+		Scripts: []string{
+			"https://cdn.tailwindcss.com",
+			"/web/static/tailwind.config.js",
+		},
 		Keywords: []string{
 			"Based website",
 			"Cool website",

src/page.go

@@ -87,26 +87,30 @@ func (p *page) Render() app.UI {
 		p.IbackgroundClass = app.AppendClass(p.IbackgroundClass, "background")
 	}
 	return app.Div().
-		Class("main").
+		Class("flex flex-col").
 		Body(
 			// Header and navbar
 			&header{},
 			app.Div().
-				Class("left").
+				Class("flex flex-row").
 				Body(
-					&navbar{},
+					app.Div().
-					app.Range(p.IleftBar).Slice(func(i int) app.UI {
+						Class("basis-1/3").
-						return p.IleftBar[i]
+						Body(
-					}),
+							&navbar{},
-				),
+							app.Range(p.IleftBar).Slice(func(i int) app.UI {
-			app.Div().
+								return p.IleftBar[i]
-				Style("display", visible(p.hideRightContent)).
+							}),
-				Class("right").
+						),
-				ID("right").
+					app.Div().
-				Body(
+						Style("display", visible(p.hideRightContent)).
-					app.Range(p.Imain).Slice(func(i int) app.UI {
+						Class("basis-2/3").
-						return p.Imain[i]
+						ID("right").
-					}),
+						Body(
+							app.Range(p.Imain).Slice(func(i int) app.UI {
+								return p.Imain[i]
+							}),
+						),
 				),
 		)
 }

web/static/tailwind.config.js

@@ -0,0 +1,9 @@
+tailwind.config = {
+	theme: {
+		extend: {
+			colors: {
+				clifford: '#da373d',
+			}
+		}
+	}
+}