kampmeierdev/blackjack-theory-game
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feature/start-screen-and-stats-screen #2

Merged
kampmeierdev merged 6 commits from feature/start-screen-and-stats-screen into main 2026-06-13 21:05:19 +00:00
Conversation 0 Commits 6 Files Changed 4 +11 -11
3 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit f49dfe10e5 - Show all commits

6
gui/components/stats.py
View File

@ -70,7 +70,8 @@ class StatsDisplay:
command=self._terminate_app, command=self._terminate_app,
font=("Arial", 16), font=("Arial", 16),
height=40, height=40,
fg_color="#2aa44f" # Professional green fg_color="#2aa44f",
hover_color="#238c44"
).pack(pady=20, side="bottom", anchor="center") ).pack(pady=20, side="bottom", anchor="center")
self.stats_window.protocol("WM_DELETE_WINDOW", self._terminate_app) self.stats_window.protocol("WM_DELETE_WINDOW", self._terminate_app)
@ -99,7 +100,8 @@ class StatsDisplay:
command=lambda: self._close_exit_popup(on_back_to_start), command=lambda: self._close_exit_popup(on_back_to_start),
font=("Arial", 16), font=("Arial", 16),
height=40, height=40,
fg_color="#2aa44f" fg_color="#2aa44f",
hover_color="#238c44"
).pack(pady=20, side="bottom", anchor="center") ).pack(pady=20, side="bottom", anchor="center")
def _close_exit_popup(self, callback): def _close_exit_popup(self, callback):

1
gui/gui.py
View File

@ -220,6 +220,7 @@ class BlackjackGUI:
text="Start Training", text="Start Training",
command=self._start_training, command=self._start_training,
fg_color="#2aa44f", fg_color="#2aa44f",
hover_color="#238c44",
text_color="white", text_color="white",
font=("Arial", 20, "bold"), font=("Arial", 20, "bold"),
height=45, height=45,

15
static/index.html
View File

@ -18,11 +18,9 @@ body{background:#2b2b2b;color:#fff;font-family:Arial,sans-serif;display:flex;jus
#actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:340px;margin:16px 0 8px} #actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:340px;margin:16px 0 8px}
.action-btn{padding:12px;font-size:20px;border:none;border-radius:8px;cursor:pointer;background:#fff;color:#000;font-weight:700;transition:background .15s,color .15s} .action-btn{padding:12px;font-size:20px;border:none;border-radius:8px;cursor:pointer;background:#fff;color:#000;font-weight:700;transition:background .15s,color .15s}
.action-btn:disabled{background:#555;color:#999;cursor:not-allowed} .action-btn:disabled{background:#555;color:#999;cursor:not-allowed}
#btn-hint{background:#fff;color:#000;font-size:20px;border:none;border-radius:8px;padding:12px 40px;cursor:pointer;margin:8px 0;font-weight:700} .btn-util{background:#fff;color:#000;font-size:20px;border:none;border-radius:8px;padding:12px 20px;cursor:pointer;margin:8px 0;font-weight:700;width:220px}
#btn-hint:disabled{background:#555;color:#999;cursor:not-allowed} .btn-util:disabled{background:#555;color:#999;cursor:not-allowed}
#feedback{font-size:20px;text-align:center;min-height:60px;padding:10px;width:100%;max-width:550px;line-height:1.4;word-wrap:break-word} #feedback{font-size:20px;text-align:center;min-height:60px;padding:10px;width:100%;max-width:550px;line-height:1.4;word-wrap:break-word}
#btn-next{background:#fff;color:#000;font-size:20px;border:none;border-radius:8px;padding:12px 40px;cursor:pointer;margin:8px 0;font-weight:700}
#btn-next:disabled{background:#555;color:#999;cursor:not-allowed}
#toast{position:fixed;top:20px;right:20px;background:#3a7ebf;color:#fff;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:700;opacity:0;transform:translateY(-20px);transition:opacity .3s,transform .3s;pointer-events:none;z-index:1000} #toast{position:fixed;top:20px;right:20px;background:#3a7ebf;color:#fff;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:700;opacity:0;transform:translateY(-20px);transition:opacity .3s,transform .3s;pointer-events:none;z-index:1000}
#toast.show{opacity:1;transform:translateY(0)} #toast.show{opacity:1;transform:translateY(0)}
#lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.85);justify-content:center;align-items:center;z-index:999;cursor:pointer} #lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.85);justify-content:center;align-items:center;z-index:999;cursor:pointer}
@ -47,8 +45,7 @@ body{background:#2b2b2b;color:#fff;font-family:Arial,sans-serif;display:flex;jus
.scenario-header{font-size:16px;font-weight:700;color:#fff;margin-top:16px;margin-bottom:8px} .scenario-header{font-size:16px;font-weight:700;color:#fff;margin-top:16px;margin-bottom:8px}
#btn-back-to-start{background:#2aa44f;color:#fff;font-size:18px;border:none;border-radius:8px;padding:12px 36px;cursor:pointer;font-weight:700;margin-top:8px} #btn-back-to-start{background:#2aa44f;color:#fff;font-size:18px;border:none;border-radius:8px;padding:12px 36px;cursor:pointer;font-weight:700;margin-top:8px}
#btn-back-to-start:hover{background:#238c44} #btn-back-to-start:hover{background:#238c44}
#btn-exit{background:#555;color:#ccc;font-size:16px;border:none;border-radius:6px;padding:8px 24px;cursor:pointer;font-weight:400;margin-top:4px} #btn-exit{background:#555;color:#ccc;margin-top:4px}
#btn-exit:hover{background:#666;color:#fff}
</style> </style>
</head> </head>
<body> <body>
@ -81,10 +78,10 @@ body{background:#2b2b2b;color:#fff;font-family:Arial,sans-serif;display:flex;jus
<button class="action-btn" id="btn-double">Double</button> <button class="action-btn" id="btn-double">Double</button>
<button class="action-btn" id="btn-split">Split</button> <button class="action-btn" id="btn-split">Split</button>
</div> </div>
<button id="btn-hint">Hint</button> <button id="btn-hint" class="btn-util">Hint</button>
<div id="feedback"></div> <div id="feedback"></div>
<button id="btn-next" disabled>Next Round</button> <button id="btn-next" class="btn-util" disabled>Next Round</button>
<button id="btn-exit">Exit</button> <button id="btn-exit" class="btn-util">Exit</button>
</div> </div>
</div> </div>
</div> </div>