From 4017094a6648b7f9a3f9440aef83b5d156466134 Mon Sep 17 00:00:00 2001
From: DutchEllie <personal@quenten.nl>
Date: Wed, 29 Jun 2022 16:16:09 +0200
Subject: [PATCH] Ruined everything

---
 src/main.go                   |  4 ++++
 src/page.go                   | 34 +++++++++++++++++++---------------
 web/static/tailwind.config.js |  9 +++++++++
 3 files changed, 32 insertions(+), 15 deletions(-)
 create mode 100644 web/static/tailwind.config.js

diff --git a/src/main.go b/src/main.go
index fe8f22a..5da8bf0 100644
--- a/src/main.go
+++ b/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",
diff --git a/src/page.go b/src/page.go
index 2d29912..a1e758e 100644
--- a/src/page.go
+++ b/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.Range(p.IleftBar).Slice(func(i int) app.UI {
-						return p.IleftBar[i]
-					}),
-				),
-			app.Div().
-				Style("display", visible(p.hideRightContent)).
-				Class("right").
-				ID("right").
-				Body(
-					app.Range(p.Imain).Slice(func(i int) app.UI {
-						return p.Imain[i]
-					}),
+					app.Div().
+						Class("basis-1/3").
+						Body(
+							&navbar{},
+							app.Range(p.IleftBar).Slice(func(i int) app.UI {
+								return p.IleftBar[i]
+							}),
+						),
+					app.Div().
+						Style("display", visible(p.hideRightContent)).
+						Class("basis-2/3").
+						ID("right").
+						Body(
+							app.Range(p.Imain).Slice(func(i int) app.UI {
+								return p.Imain[i]
+							}),
+						),
 				),
 		)
 }
diff --git a/web/static/tailwind.config.js b/web/static/tailwind.config.js
new file mode 100644
index 0000000..222b9ae
--- /dev/null
+++ b/web/static/tailwind.config.js
@@ -0,0 +1,9 @@
+tailwind.config = {
+	theme: {
+		extend: {
+			colors: {
+				clifford: '#da373d',
+			}
+		}
+	}
+}
\ No newline at end of file