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