From 30884ecaa4adc7b4a98087158e63f512a72ee70b Mon Sep 17 00:00:00 2001 From: Alfie King Date: Fri, 20 Jun 2025 01:45:09 +0100 Subject: [PATCH] snake --- .gitignore | 2 + db.sqlite | Bin 0 -> 12288 bytes .../2029240f6d1128be89ddc32729463129 | Bin 0 -> 9 bytes index.html | 201 ------------------ src/__pycache__/database.cpython-313.pyc | Bin 0 -> 2755 bytes src/database.py | 40 ++++ src/main.py | 80 +++++++ .../static}/content/Irken-Like-AllCaps.woff | Bin {static => src/static}/content/background.png | Bin {static => src/static}/content/buttons.txt | 0 {static => src/static}/content/haj.gif | Bin {static => src/static}/content/icon.webp | Bin src/static/css/404.css | 79 +++++++ src/static/css/cap.css | 21 ++ {static => src/static}/css/index.css | 0 {static => src/static}/js/index.js | 2 - src/static/js/snake.js | 151 +++++++++++++ src/templates/404.html | 48 +++++ 404.html => src/templates/base.html | 34 +-- src/templates/index.html | 115 ++++++++++ robots.txt => src/templates/robots.txt | 0 sitemap.xml => src/templates/sitemap.xml | 0 22 files changed, 558 insertions(+), 215 deletions(-) create mode 100644 .gitignore create mode 100644 db.sqlite create mode 100644 flask_session/2029240f6d1128be89ddc32729463129 delete mode 100644 index.html create mode 100644 src/__pycache__/database.cpython-313.pyc create mode 100644 src/database.py create mode 100644 src/main.py rename {static => src/static}/content/Irken-Like-AllCaps.woff (100%) rename {static => src/static}/content/background.png (100%) rename {static => src/static}/content/buttons.txt (100%) rename {static => src/static}/content/haj.gif (100%) rename {static => src/static}/content/icon.webp (100%) create mode 100644 src/static/css/404.css create mode 100644 src/static/css/cap.css rename {static => src/static}/css/index.css (100%) rename {static => src/static}/js/index.js (99%) create mode 100644 src/static/js/snake.js create mode 100644 src/templates/404.html rename 404.html => src/templates/base.html (76%) create mode 100644 src/templates/index.html rename robots.txt => src/templates/robots.txt (100%) rename sitemap.xml => src/templates/sitemap.xml (100%) diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..c2eabec --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +.venv +.env \ No newline at end of file diff --git a/db.sqlite b/db.sqlite new file mode 100644 index 0000000000000000000000000000000000000000..a16919ce6de379cb269a086f25322441d0307057 GIT binary patch literal 12288 zcmeI&K}*9h6bJC69f}35g3#+bZftn*=E*vO47+Z28Q7E5nL)AZ*jhh;JNikz3VJu$ z=3w2yo1pw3%}Y{VUg38ObZ{G_rK0h4K1oVCXUB|lc1gq-v)4mU%iucK)@w7F{ZC=D zv)7YDU1c4;Gqv=L!Eq$`_a>4gK&*O{1s%M@&slp^{`@DHYb%!dEK2j%? z;#x%1k2+mHis?qgfXQ$Eq=pC)qevrw-q&9drNZ?kCd^0s;_# e00bZa0SG_<0uX=z1Rwx`|0Hn0ZI7>hQTPJoXkFR> literal 0 HcmV?d00001 diff --git a/flask_session/2029240f6d1128be89ddc32729463129 b/flask_session/2029240f6d1128be89ddc32729463129 new file mode 100644 index 0000000000000000000000000000000000000000..60b84f8bf0af235343c89653c31a85c904ebfc66 GIT binary patch literal 9 QcmZQzU|?uq^=8lm00XQ5{{R30 literal 0 HcmV?d00001 diff --git a/index.html b/index.html deleted file mode 100644 index ee49c02..0000000 --- a/index.html +++ /dev/null @@ -1,201 +0,0 @@ - - - - - - Alfie's basement - - - - - - - - - - - - - - -
- -
-
-
- -
-

Alfie King

-

server backend survivor

-
-
-
- -
-

A lil bit abt me

-

- Im not good with writing so dont expect much here. I am a student who is learning c++ and python. I've Done a few projects that i think - are decent enough to show off, so I have put them on this website. I like to mess around with linux and have a few servers that I run. I've - been running a server for a few years now, and I have learned a lot from it. I have also switched to linux on my main computer, which has been - slightly annoying at times (mainly because one of my most played games' anticheat doesn't support on linux atm. Also, the lack of photoshop is - a pain). -

- I would like to make some more projects in the future, but I am not sure what I want to make yet. I tend to make thing on impulse a lot, and motivation - is "lacking" at times. So the few ideas I do have may never come to fruition. I hope to get better at art so i could hopefully make a game that is somewhat - interesting. But im at a lack of ideas at the moment. -

- I would also like to have a functional blog on this site, but I bearly talk about much so I dont know what I would write about. I like to ramble on about - random things, but I dont think that would be very interesting to read, and I think that I would forget to update it. I have a tumblr that I have had for a few - years now, but I dont post on it (the social anxiety is too much for me :<). However I hope to get better at that in the future. -

-
-
- - - - - - - - -
-
- -
-

-

-
- -
- - - - - - - - - - - - - - - - -
-
-
-

Projects & stuff

-

just some projects ive worked on over time

-
    -
  • -

    alfieking.dev

    -

    - This website is a project that I have been working on for a while now. I have made a few versions of it, but I have - never been happy with them. I am quite happy with this version atm since it is more organized and has a design that I - like. - source code -

    -
    • -
  • -

    owo (the terminal command)

    -

    - I made this project as a joke, I can't remember exactly what I baised it off other than the fact that it was somthing - similar to this but in a different language. I originally made it in python, but I have since rewritten it in c++ so - that it would be faster and so that I could learn c++. - source code -

    -
    • -
  • -

    prismic

    -

    - Prismic is a basic message board that I made, it was mainly made to learn how to use templating and more backend - web development. it uses flask for the web framework and uses a sqlite database to store the messages. I have thought - about remaking it in c++ since I found a c++ web framework that I would like to try out. - Primic | source code -

    -
    • -
-
-
-

The button collection™

-
-
-
-
-

Some News

-
(dont expect this to be updated often tho :P)
-
    -
  • -

    18-06-2025

    -

    - I plan on updating the site soon, I have a few ideas that I want to implement. I want to make it more - interactive and fun to use. I also want to add a blog section so that I can write about random things that I find interesting. I also - want to add a few more projects that I have been working on. Annoyingly I think it would be a good idea to remake this site with some sort of - framework so i can use templating, however this kinda bothers me since I like the simplicity of this site. And prefer to keep it as a static site - that i can just throw at nginx. -

    -
    • -
-
-
-
-

legal stuff idk :3 | icba to © this :P | made with ♥ and caffine

-
-
-
- - - diff --git a/src/__pycache__/database.cpython-313.pyc b/src/__pycache__/database.cpython-313.pyc new file mode 100644 index 0000000000000000000000000000000000000000..1a92a2fdf3485fe703b2464d5028a1357805c1d8 GIT binary patch literal 2755 zcmb7G&2JM&6rWvxtv`ZEa3V+uED0uY8{$d@wMDcjkWCvA9O|{(ptf4A*Bi&+?83~3 z7PxS#5($ZNNRfJJPgOYdf8f?DRzQxnRaL1cZc#$jLoa=AcI`M0ZIzMy_RY+DZ)SeK z_h!7^)fFSqoSzB{e+LQq13S$IecrZZ_^c9@sKRAJ$zd`?RI#6^fwQ7#K!u8s3BJTm z&hUmj>Ccnx^Uz-&_18NLoTo-6i4fGQlQiCAFY6xUR4TF@_2*{`^(O4y# ziM!II?&u|*nJ)tn%xH$jg+lPd!R>EBtdh?_dM)2><&O=KqM!<@_?}oKwbp!*R>~Y3umvS^o>(xF&Dl9c}76-=?KZDkKxgO=SeP+gLD-8yeFWP0d-Lre4m3+z7i> zt2*Y}Zp5%H%QPG}<||d(a>K?FWj1wt3@~?0jam8)aMnvTGb6e|X4dB2NV%k05R>6~ zWZC^VyI?PxS-m!2HM5hpv9xGf4$I!8c7^JTi&d*~8uaV16w7{TmKdzgJnI`UH(oYx zXBjoJWgqeJn|EAE)2de0(KNTaNyK<_2$5rFK-?$4_MiAZ`(1Wz{)pugRB{Yw|>~Fgu-tcvqBMVQh~V@+TLRxdLAzSDcyIYr_ninyuit z6|~zGD%0v^f;0};xDoR!(^zs$ij@xOWJ3ZtPXyWpU50qcGzpR>aC)Fc?%s666lZUO zxKDtQbLR-r!M1|jwhGs?N14aS9ZePHdd`T=dx~cT#OiGSTfC4J zvn^ba;^~~KjzzcHCJw8H_~eljsrR8)EN!kBzvX9ns%Suq{IoVgpPi>6?A zoGRK28jy%Qxj_u?hPa&@wQFUKs|<4-7vU7TiK@j+>IZduTU@pe9|8|{6$G%DI^0N& z)>ETvsrA(Oa&#k}s>kIYitFijHWEF*@8&o#nAi-HrbqxsC4L#{-WB8r|u7cY3{hWI6oX(V^wr-{>oMo=IbC zK@eVnwU-d?fTLamWq+vex<0|Xv;7z1fGU*9h>z+U?TF6iC*dxHjKW=`5rix=hD 10000: + logging.error("Invalid name or score: name=%s, score=%s", name, score) + return {'error': 'Invalid name or score'}, 400 + + db.insert_snake(name, score) + logging.info("Snake submitted: name=%s, score=%d", name, score) + return {'success': True, 'message': 'Snake submitted successfully'}, 200 + + +@app.errorhandler(404) +def page_not_found(e): + logging.error("Page not found: %s", request.path) + unformatted_scores = db.get_snake_scores() + scores = [{'position': i + 1, 'name': score[1], 'score': score[2]} for i, score in enumerate(unformatted_scores)] + return render_template('404.html', scores=scores), 404 + + +if __name__ == '__main__': + app.run( + host=env('HOST', default='0.0.0.0'), + port=env('PORT', default=5000), + debug=env('DEBUG', default=False).lower() == 'true' + ) \ No newline at end of file diff --git a/static/content/Irken-Like-AllCaps.woff b/src/static/content/Irken-Like-AllCaps.woff similarity index 100% rename from static/content/Irken-Like-AllCaps.woff rename to src/static/content/Irken-Like-AllCaps.woff diff --git a/static/content/background.png b/src/static/content/background.png similarity index 100% rename from static/content/background.png rename to src/static/content/background.png diff --git a/static/content/buttons.txt b/src/static/content/buttons.txt similarity index 100% rename from static/content/buttons.txt rename to src/static/content/buttons.txt diff --git a/static/content/haj.gif b/src/static/content/haj.gif similarity index 100% rename from static/content/haj.gif rename to src/static/content/haj.gif diff --git a/static/content/icon.webp b/src/static/content/icon.webp similarity index 100% rename from static/content/icon.webp rename to src/static/content/icon.webp diff --git a/src/static/css/404.css b/src/static/css/404.css new file mode 100644 index 0000000..d3e572f --- /dev/null +++ b/src/static/css/404.css @@ -0,0 +1,79 @@ +canvas#snakeCanvas { + padding: 15px; + width: 100%; + box-sizing: border-box; +} + +form { + display: flex; + flex-direction: column; + width: min-content; + gap: 1rem; + padding: 15px; +} + +form input[type="text"] { + padding: 10px; + box-sizing: border-box; + border: 1px solid var(--secondary-background-color); + border-radius: 6px; + background-color: var(--secondary-background-color-but-slightly-transparent); + color: var(--text-color); +} + +form button[type="submit"] { + padding: 10px; + box-sizing: border-box; + border: 1px solid var(--secondary-background-color); + border-radius: 6px; + background-color: var(--secondary-background-color-but-slightly-transparent); + color: var(--text-color); + font-weight: bold; + cursor: pointer; +} + +.flex-row { + display: flex; + flex-direction: row; + gap: 1rem; +} + +.min-width { + width: min-content; +} + +.max-width { + width: 100%; +} + +#snakeLeaderboardSection { + display: flex; + flex-direction: column; + align-items: center; + padding: 0; + max-height: 272px ; +} + +#snakeLeaderboard { + display: flex; + flex-direction: column; + list-style: none; + padding: 0; + margin: 0; + width: 100%; + overflow-y: scroll; +} + +#snakeLeaderboard li { + padding: 5px 20px; + background-color: var(--secondary-background-color-but-slightly-transparent); + color: var(--text-color); + font-size: 1rem; + display: flex; + justify-content: space-between; + align-items: center; +} + +#snakeLeaderboard li:nth-child(even) { + background-color: var(--secondary-background-color); +} \ No newline at end of file diff --git a/src/static/css/cap.css b/src/static/css/cap.css new file mode 100644 index 0000000..d978715 --- /dev/null +++ b/src/static/css/cap.css @@ -0,0 +1,21 @@ +cap-widget { + --cap-background: var(--secondary-background-color-but-slightly-transparent); + --cap-border-color: var(--secondary-background-color); + --cap-border-radius: 14px; + --cap-widget-height: 30px; + --cap-widget-width: 230px; + --cap-widget-padding: 14px; + --cap-gap: 15px; + --cap-color: var(--text-color); + --cap-checkbox-size: 25px; + --cap-checkbox-border: 1px solid var(--secondary-background-color); + --cap-checkbox-border-radius: 6px; + --cap-checkbox-background: none; + --cap-checkbox-margin: 2px; + --cap-font: "Space Mono", "serif"; + --cap-spinner-color: var(--primary-color); + --cap-spinner-background-color: var(--secondary-background-color-but-slightly-transparent); + --cap-spinner-thickness: 5px; + --cap-credits-font-size: 12px; + --cap-opacity-hover: 0.8; +} \ No newline at end of file diff --git a/static/css/index.css b/src/static/css/index.css similarity index 100% rename from static/css/index.css rename to src/static/css/index.css diff --git a/static/js/index.js b/src/static/js/index.js similarity index 99% rename from static/js/index.js rename to src/static/js/index.js index b0f6ce8..1c983a7 100644 --- a/static/js/index.js +++ b/src/static/js/index.js @@ -1,5 +1,3 @@ -// TYPERWRITER - const values = [ "Web developer", "Pc games enjoyer", diff --git a/src/static/js/snake.js b/src/static/js/snake.js new file mode 100644 index 0000000..146a8e0 --- /dev/null +++ b/src/static/js/snake.js @@ -0,0 +1,151 @@ +const canvas = document.getElementById('snakeCanvas'); +const ctx = canvas.getContext('2d'); + +const gridSize = 15; +const scale = 200; +canvas.width = gridSize * scale; +canvas.height = gridSize * scale; + +let snake = [{ x: 10, y: 10 }]; +let direction = { x: 0, y: 0 }; +let food = { x: 5, y: 5 }; +let score = 0; +let gameOver = false; + +let token = null; + +function draw() { + ctx.clearRect(0, 0, canvas.width, canvas.height); + + // draw grid of checkerboard pattern + for (let x = 0; x < gridSize; x++) { + for (let y = 0; y < gridSize; y++) { + ctx.fillStyle = (x + y) % 2 === 0 ? 'darkgray' : 'grey'; + ctx.fillRect(x * scale, y * scale, scale, scale); + } + } + + // Draw snake + snake.forEach(segment => { + ctx.fillStyle = (snake.indexOf(segment) % 2 === 0) ? 'green' : 'darkgreen'; + ctx.fillRect(segment.x * scale, segment.y * scale, scale, scale); + }); + + // Draw food + ctx.fillStyle = 'red'; + ctx.fillRect(food.x * scale, food.y * scale, scale, scale); +} + +function update() { + if (gameOver) return; + + // Move snake + const head = { x: snake[0].x + direction.x, y: snake[0].y + direction.y }; + + // Add new head + snake.unshift(head); + + // Check for food collision + if (head.x === food.x && head.y === food.y) { + score += 10; // Increase score + placeFood(); + } else { + snake.pop(); // Remove tail if no food eaten + } + + // Check for wall collision + if (head.x < 0 || head.x >= gridSize || head.y < 0 || head.y >= gridSize) { + gameOver = true; + alert(`Game Over! Your score: ${score}`); + return; + } + + // Check for self collision + for (let i = 1; i < snake.length; i++) { + if (head.x === snake[i].x && head.y === snake[i].y) { + gameOver = true; + alert(`Game Over! Your score: ${score}`); + return; + } + } +} + +function placeFood() { + do { + food.x = Math.floor(Math.random() * gridSize); + food.y = Math.floor(Math.random() * gridSize); + } while (snake.some(segment => segment.x === food.x && segment.y === food.y)); +} + +function changeDirection(event) { + switch (event.key) { + case 'w': + if (direction.y === 0) direction = { x: 0, y: -1 }; + break; + case 's': + if (direction.y === 0) direction = { x: 0, y: 1 }; + break; + case 'a': + if (direction.x === 0) direction = { x: -1, y: 0 }; + break; + case 'd': + if (direction.x === 0) direction = { x: 1, y: 0 }; + break; + } +} + +function gameLoop() { + if (!gameOver) { + update(); + draw(); + setTimeout(gameLoop, 100); + } +} + +document.addEventListener('keydown', changeDirection); +// Start the game loop +gameLoop(); +// Initial draw +draw(); + + +const widget = document.querySelector("#cap"); + +widget.addEventListener("solve", function (e) { + token = e.detail.token; + console.log("Captcha solved, token:", token); +}); + +// Function to submit score to the server +document.getElementById("snakeForm").addEventListener('submit', function(event) { + event.preventDefault(); + + if (!token) { + alert('Please complete the CAPTCHA before submitting your score.'); + return; + } + + // post request to server with score + fetch('/snake/submit', { + method: 'POST', + headers: { + 'Content-Type': 'application/json' + }, + body: JSON.stringify({ + score: score, + name: document.getElementById('name').value, + cap: token + }) + }).then(response => { + if (response.ok) { + alert('Score submitted successfully!'); + window.location.reload(); + } else { + alert('Failed to submit score, check console for details.'); + response.json().then(data => console.error(data)); + } + }).catch(error => { + console.error('Error submitting score:', error); + alert('Error submitting score, check console for details.'); + }); +}); \ No newline at end of file diff --git a/src/templates/404.html b/src/templates/404.html new file mode 100644 index 0000000..add651c --- /dev/null +++ b/src/templates/404.html @@ -0,0 +1,48 @@ +{% extends "base.html" %} + +{% block title %}404 - Not Found{% endblock %} +{% block description %}The page you are looking for does not exist.{% endblock %} + +{% block head %} + + +{% endblock %} + +{% block content %} +
+

404

+

+ It seems like the thing you are looking for is not here :[ +

+ while you're here, why not play some snake? (use wasd to move, not mobile compatable :<) +

+ +
+
+
+

Submit score

+
+ + + +
+
+
+

Leaderboard

+
    + {% for score in scores %} +
  • + {{ score.position }} + {{ score.name }} + {{ score.score }} +
    • + {% endfor %} +
+
+
+{% endblock %} + +{% block scripts %} + + +{% endblock %} \ No newline at end of file diff --git a/404.html b/src/templates/base.html similarity index 76% rename from 404.html rename to src/templates/base.html index 4b902f4..956d598 100644 --- a/404.html +++ b/src/templates/base.html @@ -3,19 +3,21 @@ - Alfie's basement + {% block title %}Alfie's basement{% endblock %} - + - - + + + {% block head %} + {% endblock %}
@@ -24,14 +26,14 @@

Things to see :3

@@ -70,18 +72,26 @@ -
-

404

-

- It seems like the thing you are looking for is not here :[ -

-
+ + {% block content %}{% endblock %}

legal stuff idk :3 | icba to © this :P | made with ♥ and caffine

+ {% block scripts %}{% endblock %} diff --git a/src/templates/index.html b/src/templates/index.html new file mode 100644 index 0000000..6f33ca9 --- /dev/null +++ b/src/templates/index.html @@ -0,0 +1,115 @@ +{% extends "base.html" %} + +{% block title %}Alfie's basement{% endblock %} +{% block description %}server backend survivor{% endblock %} + +{%block content %} +
+

A lil bit abt me

+

+ Im not good with writing so dont expect much here. I am a student who is learning c++ and python. I've Done a few projects that i think + are decent enough to show off, so I have put them on this website. I like to mess around with linux and have a few servers that I run. I've + been running a server for a few years now, and I have learned a lot from it. I have also switched to linux on my main computer, which has been + slightly annoying at times (mainly because one of my most played games' anticheat doesn't support on linux atm. Also, the lack of photoshop is + a pain). +

+ I would like to make some more projects in the future, but I am not sure what I want to make yet. I tend to make thing on impulse a lot, and motivation + is "lacking" at times. So the few ideas I do have may never come to fruition. I hope to get better at art so i could hopefully make a game that is somewhat + interesting. But im at a lack of ideas at the moment. +

+ I would also like to have a functional blog on this site, but I bearly talk about much so I dont know what I would write about. I like to ramble on about + random things, but I dont think that would be very interesting to read, and I think that I would forget to update it. I have a tumblr that I have had for a few + years now, but I dont post on it (the social anxiety is too much for me :<). However I hope to get better at that in the future. +

+
+
+ + + + + + + + +
+
+ +
+

+

+
+ +
+ + + + + + + + + + + + + + + + +
+
+
+

Projects & stuff

+

just some projects ive worked on over time

+
    +
  • +

    alfieking.dev

    +

    + This website is a project that I have been working on for a while now. I have made a few versions of it, but I have + never been happy with them. I am quite happy with this version atm since it is more organized and has a design that I + like. + source code +

    +
    • +
  • +

    owo (the terminal command)

    +

    + I made this project as a joke, I can't remember exactly what I baised it off other than the fact that it was somthing + similar to this but in a different language. I originally made it in python, but I have since rewritten it in c++ so + that it would be faster and so that I could learn c++. + source code +

    +
    • +
  • +

    prismic

    +

    + Prismic is a basic message board that I made, it was mainly made to learn how to use templating and more backend + web development. it uses flask for the web framework and uses a sqlite database to store the messages. I have thought + about remaking it in c++ since I found a c++ web framework that I would like to try out. + Primic | source code +

    +
    • +
+
+
+

The button collection™

+
+
+
+
+

Some News

+
(dont expect this to be updated often tho :P)
+
    +
  • +

    18-06-2025

    +

    + I plan on updating the site soon, I have a few ideas that I want to implement. I want to make it more + interactive and fun to use. I also want to add a blog section so that I can write about random things that I find interesting. I also + want to add a few more projects that I have been working on. Annoyingly I think it would be a good idea to remake this site with some sort of + framework so i can use templating, however this kinda bothers me since I like the simplicity of this site. And prefer to keep it as a static site + that i can just throw at nginx. +

    +
    • +
+
+{% endblock %} \ No newline at end of file diff --git a/robots.txt b/src/templates/robots.txt similarity index 100% rename from robots.txt rename to src/templates/robots.txt diff --git a/sitemap.xml b/src/templates/sitemap.xml similarity index 100% rename from sitemap.xml rename to src/templates/sitemap.xml