Bingo board for a D&D session I play in bingo.lesbian.skin/
gleam bingo dnd

Add more squares

Signed-off-by: Naomi Roberts <mia@naomieow.xyz>

lesbian.skin 88e8b252 06377675

verified
+17 -17
+11 -15
index.html
··· 3 3 <head> 4 4 <meta charset="UTF-8" /> 5 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 - 7 - <title>🚧 voyagers_bingo</title> 8 - 9 - <!-- Uncomment this if you use the TailwindCSS integration --> 10 - <!-- <link rel="stylesheet" href="/priv/static/voyagers_bingo.css"> --> 6 + <title>Voyagers Bingo</title> 11 7 <script type="module" src="/priv/static/voyagers_bingo.mjs"></script> 12 - </head> 13 - <style> 14 - html { 15 - display: table; 16 - margin: auto; 17 - } 8 + <style> 9 + html { 10 + display: table; 11 + margin: auto; 12 + } 18 13 19 - body { 20 - display: table-cell; 21 - } 22 - </style> 14 + body { 15 + display: table-cell; 16 + } 17 + </style> 18 + </head> 23 19 24 20 <body> 25 21 <div id="app"></div>
+5 -1
src/voyagers_bingo.gleam
··· 17 17 import voyagers_bingo/styles 18 18 19 19 const available_squares = [ 20 - "PC Flirting", "Ben Blushing", "Off Topic", "Pidgeon", 20 + "Fall Asleep", "Accidental Racism", "Louis rolls 15+", "Wrong Name", 21 + "\"Would.\"", "PC Flirting", "Ben Blushing", "Off Topic", "Pidgeon", 22 + "Silas mentions Feet", "New pet", "Forgets how to Speak", "Ryan moans", 23 + "Forgets PC disability", "Family appearance", "PC forgets current character", 24 + "PC drinks", "Fandom reference", 21 25 ] 22 26 23 27 pub type Msg {
+1 -1
src/voyagers_bingo/styles.gleam
··· 39 39 css.class([ 40 40 css.width(em(10.0)), 41 41 css.aspect_ratio("1 / 1"), 42 - css.max_width(em(5.0)), 42 + css.width(em(6.0)), 43 43 case checked { 44 44 True -> css.background("yellow") 45 45 False -> css.background("white")