Added Kristy

README.md

@@ -4,6 +4,12 @@
 
 A truly proper website this time™
 
+**TODO**:
+- Redo the entire CSS with a framework
+- Change domain to quenten.nl and staging.quenten.nl
+- Dynamically make domains for other branches
+
+
 This website will be done with this:
 - Backend written in Golang
 - Templating with Go

components/galaxiespage.go

@@ -63,6 +63,18 @@ func (b *galaxiesPanel) Render() app.UI {
 								minimalist website that's just lovely.`),
 						),
 					),
+					app.Li().Body(
+						app.Div().Body(
+							// TODO: Create a modal popup for each name!!!
+							app.A().Href("https://kristypixel.neocities.org").
+								Class("p-h3 m-t5").
+								Text("Kristy"),
+							app.P().
+								Class("m-t5").
+								Text(`Website made by Kristy. Very cute website, I love it! Keep up the
+								awesome work!`),
+						),
+					),
 				),
 			),
 	).Class("content")

components/modal.go

@@ -0,0 +1,37 @@
+package components
+
+import "github.com/maxence-charriere/go-app/v9/pkg/app"
+
+// A generic modal to be used on the entire site
+type Modal struct {
+	app.Compo
+
+	Title string
+	Body  []app.UI // Body of the modal
+
+	OnClose func()
+}
+
+func (m *Modal) Render() app.UI {
+	return app.Div().
+		Class("generic-modal").
+		ID("genericModal").
+		OnClick(func(ctx app.Context, e app.Event) {
+			m.OnClose()
+		}).
+		Body(
+			app.Div().
+				Class("gb-modal-content").
+				Body(
+					app.Span().Class("close").Text("X").
+						OnClick(func(ctx app.Context, e app.Event) {
+							//modal := app.Window().GetElementByID("gbModal")
+							//modal.Set("style", "none")
+							m.OnClose()
+						}),
+					app.Div().
+						Class("generic-modal-body").
+						Body(m.Body...),
+				),
+		)
+}