From 3fc5445b5e757d7054e2c64c23746803f7ba3fc3 Mon Sep 17 00:00:00 2001 From: JosephVoboril Date: Tue, 13 Jan 2026 17:41:12 +0000 Subject: [PATCH 1/4] gitignore --- .gitignore | 2 ++ 1 file changed, 2 insertions(+) diff --git a/.gitignore b/.gitignore index f78ec928..439a6b86 100644 --- a/.gitignore +++ b/.gitignore @@ -1 +1,3 @@ .parcel-cache +dist +node_modules \ No newline at end of file From 573951942f45d0ce1f0873823cd284ac68c6ef4f Mon Sep 17 00:00:00 2001 From: JosephVoboril Date: Thu, 15 Jan 2026 17:25:23 +0000 Subject: [PATCH 2/4] Added new theme, (test) --- src/css/golden-snake.css | 137 +++++++++++++++++++++++++++++++++++++++ src/index.html | 1 + 2 files changed, 138 insertions(+) create mode 100644 src/css/golden-snake.css diff --git a/src/css/golden-snake.css b/src/css/golden-snake.css new file mode 100644 index 00000000..50e2376a --- /dev/null +++ b/src/css/golden-snake.css @@ -0,0 +1,137 @@ +body { + margin: 0px; + padding: 0px; + background-color: rgb(255, 243, 137); + color: rgb(216, 139, 38); +} + +#game-area { + margin: 10px; + padding: 0px; +} + +#mode-wrapper { + color: #ffffff; + font-family: Verdana, arial, helvetica, sans-serif; + font-size: 14px; +} + +#game-area:focus { + outline: none; +} + +a.snake-link, +a.snake-link:link, +a.snake-link:visited { + color: #ffff4e; +} + +a.snake-link:hover { + color: #ffff54; +} + +.snake-pause-screen { + font-family: Verdana, arial, helvetica, sans-serif; + font-size: 14px; + position: absolute; + width: 300px; + height: 80px; + text-align: center; + top: 50%; + left: 50%; + margin-top: -40px; + margin-left: -150px; + display: none; + background-color: black; + color: white; +} + +.snake-panel-component { + position: absolute; + font-family: Verdana, arial, helvetica, sans-serif; + font-size: 14px; + color: #ffffff; + text-align: center; + padding: 8px; + margin: 0px; +} + +.snake-snakebody-block { + margin: 0px; + padding: 0px; + background-color: #b6421e; + position: absolute; + border: 0px solid #000080; + background-repeat: no-repeat; +} + +.snake-snakebody-alive { + background-image: url("src/cssss/images/snakeblock.png"), + url("src/css/images/snakeblock.png"); +} +.snake-snakebody-dead { + background-image: url("src/cssss/images/deadblock.png"), + url("src/css/images/deadblock.png"); +} + +.snake-food-block { + margin: 0px; + padding: 0px; + background-color: #ffbb00; + border: 0px solid #fff170; + position: absolute; +} + +.snake-playing-field { + margin: 0px; + padding: 0px; + position: absolute; + background-color: rgb(185, 162, 29); + border: 0px solid rgba(175, 153, 28, 0.5); +} + +.snake-game-container { + margin: 0px; + padding: 0px; + border-width: 0px; + border-style: none; + zoom: 1; + position: relative; +} + +.snake-welcome-dialog { + padding: 8px; + margin: 0px; + background-color: #000000; + color: #ffffff; + font-family: Verdana, arial, helvetica, sans-serif; + font-size: 14px; + position: absolute; + top: 50%; + left: 50%; + width: 300px; + /*height: 150px;*/ + margin-top: -100px; + margin-left: -158px; + text-align: center; + display: block; +} + +.snake-try-again-dialog, +.snake-win-dialog { + padding: 8px; + margin: 0px; + background-color: #000000; + color: #ffffff; + font-family: Verdana, arial, helvetica, sans-serif; + font-size: 14px; + position: absolute; + top: 50%; + left: 50%; + width: 300px; + height: 100px; + margin-top: -75px; + margin-left: -158px; + text-align: center; + display: none; +} \ No newline at end of file diff --git a/src/index.html b/src/index.html index 03dc6b10..4be3a8a7 100755 --- a/src/index.html +++ b/src/index.html @@ -103,6 +103,7 @@ +
From 23ed859ebfbcc5e2979741e9343e960aa021e526 Mon Sep 17 00:00:00 2001 From: JosephVoboril Date: Thu, 15 Jan 2026 17:28:54 +0000 Subject: [PATCH 3/4] Added new theme, (Another test) --- src/css/golden-snake.css | 2 +- src/index.html | 3 +++ 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/src/css/golden-snake.css b/src/css/golden-snake.css index 50e2376a..979dbdac 100644 --- a/src/css/golden-snake.css +++ b/src/css/golden-snake.css @@ -61,7 +61,7 @@ a.snake-link:hover { padding: 0px; background-color: #b6421e; position: absolute; - border: 0px solid #000080; + border: 0px solid #ffd900; background-repeat: no-repeat; } diff --git a/src/index.html b/src/index.html index 4be3a8a7..7e85e27c 100755 --- a/src/index.html +++ b/src/index.html @@ -70,6 +70,9 @@ case 8: changeTheme("css/neon-snake.css?" + Math.random()); break; + case 9: + changeTheme("css/golden-snake.css?" + Math.random()); + break; default: changeTheme("css/main-snake.css?" + Math.random()); break; From 94953faf5798e5ac6ec178ef86f2b385ccadf1e4 Mon Sep 17 00:00:00 2001 From: JosephVoboril Date: Thu, 15 Jan 2026 17:34:50 +0000 Subject: [PATCH 4/4] FInal changes for new theme --- src/css/golden-snake.css | 19 +++++++++++++++---- 1 file changed, 15 insertions(+), 4 deletions(-) diff --git a/src/css/golden-snake.css b/src/css/golden-snake.css index 979dbdac..b7215922 100644 --- a/src/css/golden-snake.css +++ b/src/css/golden-snake.css @@ -43,7 +43,7 @@ a.snake-link:hover { margin-left: -150px; display: none; background-color: black; - color: white; + color: rgb(255, 217, 0); } .snake-panel-component { @@ -56,10 +56,21 @@ a.snake-link:hover { margin: 0px; } +#snake-snakehead-alive { + background-image: url("src/css/images/green-head-snakeblock.png"); + margin: 0px; + padding: 0px; + background-color: rgb(255, 232, 28); + position: absolute; + border: 0px solid #000022; + background-repeat: no-repeat; + border-radius: 4px; +} + .snake-snakebody-block { margin: 0px; padding: 0px; - background-color: #b6421e; + background-color: #c4480f; position: absolute; border: 0px solid #ffd900; background-repeat: no-repeat; @@ -103,7 +114,7 @@ a.snake-link:hover { padding: 8px; margin: 0px; background-color: #000000; - color: #ffffff; + color: #a6ff00; font-family: Verdana, arial, helvetica, sans-serif; font-size: 14px; position: absolute; @@ -122,7 +133,7 @@ a.snake-link:hover { padding: 8px; margin: 0px; background-color: #000000; - color: #ffffff; + color: #380000; font-family: Verdana, arial, helvetica, sans-serif; font-size: 14px; position: absolute;