{{ block "title" . }}Bingo Factory{{ end }}

From 5cf139eac317f8934deff21aa3668bd3616962b9 Mon Sep 17 00:00:00 2001 From: JP Appel Date: Sat, 28 Sep 2024 04:01:28 -0400 Subject: Add basic styling to bingo page --- net/net.go | 7 ++++--- static/styles.css | 25 +++++++++++++++++++++++++ templates/base.html | 1 + templates/bingo.html | 6 ++++-- 4 files changed, 34 insertions(+), 5 deletions(-) create mode 100644 static/styles.css diff --git a/net/net.go b/net/net.go index 228d22d..8122343 100644 --- a/net/net.go +++ b/net/net.go @@ -17,12 +17,12 @@ func errLog(w http.ResponseWriter, err error, logInfo string, httpInfo string) { func game(w http.ResponseWriter, req *http.Request) { game := bingo.Game{ - Length: 3, + Length: 5, FreeSquare: false, } - tiles := make([]bingo.Tile, 9) - for i := range 9 { + tiles := make([]bingo.Tile, 25) + for i := range 25 { tiles[i].Text = fmt.Sprintf("Tile %d", i) } @@ -76,6 +76,7 @@ func NewMux() *http.ServeMux { mux.Handle("GET /", http.HandlerFunc(home)) mux.Handle("GET /bingo", http.HandlerFunc(game)) + mux.Handle("GET /static/", http.StripPrefix("/static/", http.FileServer(http.Dir("static")))) return mux } diff --git a/static/styles.css b/static/styles.css new file mode 100644 index 0000000..9102d3b --- /dev/null +++ b/static/styles.css @@ -0,0 +1,25 @@ +main { + display: flex; + flex-direction: column; + align-items: center; +} + +.bingoCard { + height: 90vh; + width: 80vw; + border: 0.5em solid black; +} + +.bingoTile { + font-size: 24pt; + border: 2pt double green; + text-align: center; +} + +.bingoTile:hover:not(.locked) { + border-color: red; +} + +.bingoTile:active:not(.locked) { + border-color: blue; +} \ No newline at end of file diff --git a/templates/base.html b/templates/base.html index d263063..94878a2 100644 --- a/templates/base.html +++ b/templates/base.html @@ -4,6 +4,7 @@ {{ block "title" . }}Bingo Factory{{ end }} + {{ template "content" . }} diff --git a/templates/bingo.html b/templates/bingo.html index e00543c..1305b9a 100644 --- a/templates/bingo.html +++ b/templates/bingo.html @@ -1,11 +1,12 @@ {{ define "title" }}Bingo{{ end }} {{ define "content" }} - +

{{ range .Rows }} {{ range . }} - + {{ end }} {{ else }} @@ -13,4 +14,5 @@ {{ end }}

+ {{ end }} -- cgit v1.2.3