From 36d175db5e795463a9e5b71916682939f6fe16de Mon Sep 17 00:00:00 2001 From: Nathan Date: Mon, 1 Dec 2025 10:46:59 +0700 Subject: [PATCH 1/3] commit nav bar --- gameboard => gameboard.css | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename gameboard => gameboard.css (100%) diff --git a/gameboard b/gameboard.css similarity index 100% rename from gameboard rename to gameboard.css From 47f506b6de46823d455684604b8017e4ef91ff9b Mon Sep 17 00:00:00 2001 From: Nathan Date: Mon, 1 Dec 2025 10:57:38 +0700 Subject: [PATCH 2/3] test 1 --- gameboard.css | 81 +++++++++++++++++++++++++++++++++++++++++---------- 1 file changed, 66 insertions(+), 15 deletions(-) diff --git a/gameboard.css b/gameboard.css index 659c7fa..5e82862 100644 --- a/gameboard.css +++ b/gameboard.css @@ -1,17 +1,68 @@ - .header { - /* layout header */ - display: flex; - justify-content: space-between; - align-items: center; - padding: 6px 10px; - width: 100%; - box-sizing: border-box; +body { + margin: 0; + padding: 0; + background: linear-gradient(135deg, #8a2be2 0%, #cc2b89 50%, #ff8a3d 100%); + background-attachment: fixed; + background-size: cover; + font-family: "Poppins", sans-serif; +} - /* glass style */ - background: rgba(255, 255, 255, 0.25); - backdrop-filter: blur(14px); - border-top: 2px solid rgba(255, 255, 255, 0.4); - border-bottom: 2px solid rgba(255, 255, 255, 0.4); +.topbar { + display: flex; + justify-content: space-between; + align-items: center; + padding: 6px 10px; + width: 100%; + - /* nested element styling */ - } \ No newline at end of file + background: rgba(255, 255, 255, 0.25); + backdrop-filter: blur(14px); + + border-top: 2px solid rgba(255, 255, 255, 0.4); + border-bottom: 2px solid rgba(255, 255, 255, 0.4); + + box-sizing: border-box; +} + + +.back-btn { + background: none; + border: none; + font-size: 26px; + cursor: pointer; + color: #1a1a1a; + padding-left: 6px; +} + + +.right-info { + display: flex; + gap: 10px; +} + + +.pill { + display: flex; + align-items: center; + gap: 5px; + + padding: 4px 10px; + border-radius: 20px; + + background: rgba(173, 216, 255, 0.45); + backdrop-filter: blur(10px); + + border: 1.8px solid rgba(255, 255, 255, 0.8); + + font-size: 16px; + color: #002a60; + + box-shadow: + 0 2px 4px rgba(0,0,0,0.15), + inset 0 0 4px rgba(255,255,255,0.5); +} + + +.icon { + font-size: 18px; +} From a7f203dacd0ef8dee415078baf088524af576358 Mon Sep 17 00:00:00 2001 From: Nathan Date: Mon, 1 Dec 2025 11:06:14 +0700 Subject: [PATCH 3/3] background --- gameboard.html | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) diff --git a/gameboard.html b/gameboard.html index a7609c2..c758bcf 100644 --- a/gameboard.html +++ b/gameboard.html @@ -4,23 +4,28 @@ Memory Card - +
-
-
+
+ + +
⏱ 60s
+
⭐ 0
+
🎯 0
+
-
+
\ No newline at end of file