ignore git folder and add ui modifications

Signed-off-by: Jonathan Irvin <djfoxyslpr@gmail.com>

Author: jonathan-irvin

main.py

@@ -2,6 +2,7 @@
 import random
 import datetime
 import logging
+import asyncio
 
 # Set up logging
 logging.basicConfig(level=logging.DEBUG, format='%(asctime)s - %(levelname)s - %(message)s')
@@ -22,6 +23,7 @@
 # Track clicked tiles and store chip references
 clicked_tiles = set()
 tile_buttons = {}  # {(row, col): chip}
+tile_icons = {}  # {(row, col): icon reference}
 
 def split_phrase_into_lines(phrase: str) -> list:
     """
@@ -44,27 +46,28 @@ def create_bingo_board():
     logging.info("Creating Bingo board")
 
     with ui.element("div").classes("flex justify-center items-center w-full"):
-        with ui.grid(columns=5).classes("gap-2 mt-4"):
-            for row_idx, row in enumerate(board):
-                for col_idx, phrase in enumerate(row):
-                    # Create a clickable card for this cell with reduced padding and centered content.
-                    card = ui.card().classes("p-2 bg-yellow-500 hover:bg-yellow-400 rounded-lg w-full flex items-center justify-center").style("cursor: pointer; aspect-ratio: 1;")
-                    with card:
-                        with ui.column().classes("flex flex-col items-center justify-center gap-0 w-full"):
-                            # Set text color: free meat gets #FF7f33, others black
-                            default_text_color = "#FF7f33" if phrase.upper() == "FREE MEAT" else "black"
-                            # Split the phrase into balanced lines.
-                            for line in split_phrase_into_lines(phrase):
-                                tile = ui.label(line).classes("fit-text text-center")
-                                tile.style(f"font-family: 'Super Carnival', sans-serif; padding: 0; margin: 0; color: {default_text_color};")
-                    # Save the card reference.
-                    tile_buttons[(row_idx, col_idx)] = card
-                    if phrase.upper() == "FREE MEAT":
-                        clicked_tiles.add((row_idx, col_idx))
-                        # Set the free meat cell's style: text color, background, etc.
-                        card.style("color: #FF7f33; background: #facc15; border: none;")
-                    else:
-                        card.on("click", lambda e, r=row_idx, c=col_idx: toggle_tile(r, c))
+         with ui.element("div").classes("w-full max-w-3xl aspect-square"):
+              with ui.grid(columns=5).classes("gap-2 h-full grid-rows-5"):
+                for row_idx, row in enumerate(board):
+                    for col_idx, phrase in enumerate(row):
+                        # Create a clickable card for this cell with reduced padding and centered content. Added 'relative' class for icon overlay.
+                        card = ui.card().classes("relative p-2 bg-yellow-500 hover:bg-yellow-400 rounded-lg w-full h-full flex items-center justify-center").style("cursor: pointer;")
+                        with card:
+                            with ui.column().classes("flex flex-col items-center justify-center gap-0 w-full"):
+                                # Set text color: free meat gets #FF7f33, others black
+                                default_text_color = "#FF7f33" if phrase.upper() == "FREE MEAT" else "black"
+                                for line in split_phrase_into_lines(phrase):
+                                    ui.label(line).classes("fit-text text-center select-none").style(f"font-family: 'Super Carnival', sans-serif; padding: 0; margin: 0; color: {default_text_color};")
+                        # After the column, add a hidden check icon overlay
+                        icon = ui.icon("check").classes("absolute inset-0 m-auto text-3xl text-white").style("display: none;")
+                        tile_buttons[(row_idx, col_idx)] = card
+                        tile_icons[(row_idx, col_idx)] = icon
+                        if phrase.upper() == "FREE MEAT":
+                            clicked_tiles.add((row_idx, col_idx))
+                            card.style("color: #FF7f33; background: #facc15; border: none;")
+                            icon.style("display: block;")
+                        else:
+                            card.on("click", lambda e, r=row_idx, c=col_idx: toggle_tile(r, c))
 
 # Toggle tile click state (for example usage)
 def toggle_tile(row, col):
@@ -76,11 +79,12 @@ def toggle_tile(row, col):
         logging.debug(f"Tile at {key} unclicked")
         clicked_tiles.remove(key)
         tile_buttons[key].style("background: #facc15; border: none; color: black;")
+        tile_icons[key].style("display: none;")
     else:
         logging.debug(f"Tile at {key} clicked")
         clicked_tiles.add(key)
-        tile_buttons[key].style("color: #22c55e; border: 15px solid #15803d;")
-
+        tile_buttons[key].style("background: #22c55e; color: white; border: none;")
+        tile_icons[key].style("display: block;")
     check_winner()
 
 # Check for Bingo win condition
@@ -105,5 +109,14 @@ def check_winner():
 with ui.element("div").classes("w-full mt-4"):
     ui.label(f"Seed: {today_seed}").classes("text-md text-gray-300 text-center")
 
-ui.timer(0.5, lambda: ui.run_javascript("fitty('.fit-text', { multiLine: true, maxSize: 100 }); fitty('.fit-header', { multiLine: true, maxSize: 200 });"), once=True)
+ui.add_head_html("""<script>
+  document.addEventListener('DOMContentLoaded', () => {
+    fitty('.fit-text', { multiLine: true, maxSize: 100 });
+    fitty('.fit-header', { multiLine: true, maxSize: 200 });
+  });
+  window.addEventListener('resize', () => {
+    fitty('.fit-text', { multiLine: true, maxSize: 100 });
+    fitty('.fit-header', { multiLine: true, maxSize: 200 });
+  });
+</script>""")
 ui.run(port=8080, title="Commit Bingo", dark=True)

pyproject.toml

@@ -6,6 +6,7 @@ authors = ["Offending Commit <offendingcommit@gmail.com>"]
 license = "MIT"
 readme = "README.md"
 package-mode = false
+exclude = [".git", ".git/"]
 
 [tool.poetry.dependencies]
 python = "^3.12"