add snake

2026-08-04 22:32:00 +02:00
parent 03c39f17f4
commit 3842864906
6 changed files with 248 additions and 6 deletions
@@ -0,0 +1,37 @@
+@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap');
+
+:root {
+  --bg-color: #0f172a;
+  --canvas-color: #1e293b;
+  --text-color: #f8fafc;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: 100vh;
+  background-color: var(--bg-color);
+  background-image:
+    radial-gradient(at 0% 0%, rgba(30, 41, 59, 0.5) 0, transparent 50%),
+    radial-gradient(at 100% 100%, rgba(15, 23, 42, 0.8) 0, transparent 50%);
+  font-family: 'Outfit', sans-serif;
+  color: var(--text-color);
+  overflow: hidden;
+}
+
+.canvas-wrapper {
+  width: 90vmin; /* 90% of the smaller viewport dimension */
+  height: 90vmin;
+  aspect-ratio: 1 / 1;
+  background-color: var(--canvas-color);
+  border-radius: 16px;
+}
+
+#game-canvas {
+  display: block;
+  width: 100%;
+  height: 100%;
+}