templated #1
							
								
								
									
										2
									
								
								.gitignore
									
									
									
									
										vendored
									
									
										Normal file
									
								
							
							
						
						
									
										2
									
								
								.gitignore
									
									
									
									
										vendored
									
									
										Normal file
									
								
							@@ -0,0 +1,2 @@
 | 
				
			|||||||
 | 
					.venv
 | 
				
			||||||
 | 
					.env
 | 
				
			||||||
							
								
								
									
										
											BIN
										
									
								
								flask_session/2029240f6d1128be89ddc32729463129
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								flask_session/2029240f6d1128be89ddc32729463129
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							
							
								
								
									
										201
									
								
								index.html
									
									
									
									
									
								
							
							
						
						
									
										201
									
								
								index.html
									
									
									
									
									
								
							@@ -1,201 +0,0 @@
 | 
				
			|||||||
<!DOCTYPE html>
 | 
					 | 
				
			||||||
<html lang="en">
 | 
					 | 
				
			||||||
<head>
 | 
					 | 
				
			||||||
    <meta charset="UTF-8">
 | 
					 | 
				
			||||||
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 | 
					 | 
				
			||||||
    <title>Alfie's basement</title>
 | 
					 | 
				
			||||||
    <link rel="icon" href="/static/content/icon.webp">
 | 
					 | 
				
			||||||
    <link rel="stylesheet" href="/static/css/index.css">
 | 
					 | 
				
			||||||
    <meta name="description" content="Alfie's basement">
 | 
					 | 
				
			||||||
    <meta name="keywords" content="Alfie King, Alfie, King, Alfieking, Alfieking.dev, dev, server">
 | 
					 | 
				
			||||||
    <meta name="author" content="Alfie King">
 | 
					 | 
				
			||||||
    <meta name="robots" content="all">
 | 
					 | 
				
			||||||
    <meta name="theme-color" content="#63de90" data-react-helmet="true">
 | 
					 | 
				
			||||||
    <meta property="og:site_name" content="Alfieking.dev">
 | 
					 | 
				
			||||||
    <meta property="og:url" content="https://alfieking.dev">
 | 
					 | 
				
			||||||
    <meta property="og:title" content="Alfie's basement">
 | 
					 | 
				
			||||||
    <meta property="og:description" content="server backend survivor">
 | 
					 | 
				
			||||||
    <meta property="og:image" content="static/content/icon.webp">
 | 
					 | 
				
			||||||
</head>
 | 
					 | 
				
			||||||
<body>
 | 
					 | 
				
			||||||
    <div id="furry"></div>
 | 
					 | 
				
			||||||
    <div id="sidebar">
 | 
					 | 
				
			||||||
        <nav>
 | 
					 | 
				
			||||||
            <section>
 | 
					 | 
				
			||||||
                <h1>Things to see :3</h1>
 | 
					 | 
				
			||||||
                <ul>
 | 
					 | 
				
			||||||
                    <li><a href="#Home" onclick="alert('ur already here :3')">Home</a></li>
 | 
					 | 
				
			||||||
                    <li><a href="https://git.alfieking.dev/acetheking987">Gitea</a></li>
 | 
					 | 
				
			||||||
                    <li><a href="https://www.last.fm/user/acetheking987">LastFm</a></li>
 | 
					 | 
				
			||||||
                    <li><a href="https://prismic.alfieking.dev">Prismic</a></li>
 | 
					 | 
				
			||||||
                    <li><a href="https://open.spotify.com/user/xz02oolstlvwxqu1pfcua9exz?si=14396e637f284e03">Spotify</a></li>
 | 
					 | 
				
			||||||
                    <li><a href="https://steamcommunity.com/id/acetheking987/">Steam</a></li>
 | 
					 | 
				
			||||||
                    <li><a href="https://www.youtube.com/@acetheking987">YouTube</a></li>
 | 
					 | 
				
			||||||
                    <li><a href="https://acetheking987.tumblr.com/">Tumblr</a></li>
 | 
					 | 
				
			||||||
                    <li><a href="https://www.reddit.com/user/acetheking987">Reddit</a></li>
 | 
					 | 
				
			||||||
                </ul>
 | 
					 | 
				
			||||||
            </section>
 | 
					 | 
				
			||||||
        </nav>
 | 
					 | 
				
			||||||
        <section>
 | 
					 | 
				
			||||||
            <h6 class="irken">heya, try typing "furry" and "irken" into this page!</h6>
 | 
					 | 
				
			||||||
        </section>
 | 
					 | 
				
			||||||
        <section id="buttons">
 | 
					 | 
				
			||||||
            <h1>BUTTONS</h1>
 | 
					 | 
				
			||||||
            <ul>
 | 
					 | 
				
			||||||
                <li><a href="https://dimden.dev/"><img src="https://dimden.dev/services/images/88x31.gif" alt="dimden"></a></li>
 | 
					 | 
				
			||||||
                <li><a href="https://ne0nbandit.neocities.org/"><img src="https://ne0nbandit.github.io/assets/img/btn/mine/nbbanner.png" alt="ne0nbandit"></a></li>
 | 
					 | 
				
			||||||
                <li><a href="https://thinliquid.dev"><img src="https://thinliquid.dev/thnlqd.png" alt="thinliquid"></a></li>
 | 
					 | 
				
			||||||
                <li><a href="https://nekoweb.org/"><img src="https://nekoweb.org/assets/buttons/button6.gif" alt="nekoweb"></a><!-- button by s1nez.nekoweb.org --></li>
 | 
					 | 
				
			||||||
                <li><a href="https://s1nez.nekoweb.org/"><img src="https://s1nez.nekoweb.org/BUTTON.gif" alt="s1nez"></a></li>
 | 
					 | 
				
			||||||
                <li><a href="https://beeps.website"><img src="https://beeps.website/assets/images/88x31-d.gif" alt="beeps"></a></li>
 | 
					 | 
				
			||||||
                <li><a href="https://itsnotstupid.com"><img src="https://itsnotstupid.com/pics/button1.gif" alt="itsnotstupid"></a></li>
 | 
					 | 
				
			||||||
                <li><a href='https://blinkies.cafe'><img src='https://blinkies.cafe/b/display/blinkiesCafe-badge.gif' alt='blinkies.cafe | make your own blinkies!'></a></li>
 | 
					 | 
				
			||||||
                <li><a href="https://eightyeightthirty.one"><img src="https://eightyeightthirty.one/88x31.png" alt="88x31"></a></li>
 | 
					 | 
				
			||||||
                <li><a href="https://neocities.org"><img src="https://cyber.dabamos.de/88x31/neocities-now.gif" alt="neocities"></a></li>
 | 
					 | 
				
			||||||
                <li><a href="https://tuxedodragon.art"><img src="https://tuxedodragon.art/tuxedodragon%2088x31.gif" alt="tuxedodragon"></a></li>
 | 
					 | 
				
			||||||
            </ul>
 | 
					 | 
				
			||||||
        </section>
 | 
					 | 
				
			||||||
        <section>
 | 
					 | 
				
			||||||
            <pre class="vsmoltext">      |\      _,,,---,,_<br>ZZZzz /,`.-'`'    -.  ;-;;,_<br>     |,4-  ) )-,_. ,\ (  `'-'<br>    '---''(_/--'  `-'\_)</pre>
 | 
					 | 
				
			||||||
        </section>
 | 
					 | 
				
			||||||
        <img src="static/content/haj.gif" alt="haj" class="haj">
 | 
					 | 
				
			||||||
    </div>
 | 
					 | 
				
			||||||
    <main id="main">
 | 
					 | 
				
			||||||
        <header id="home">
 | 
					 | 
				
			||||||
            <div class="row">
 | 
					 | 
				
			||||||
                <img src="/static/content/icon.webp">
 | 
					 | 
				
			||||||
                <div>
 | 
					 | 
				
			||||||
                    <h1>Alfie King</h1>
 | 
					 | 
				
			||||||
                    <h2 id="typing">server backend survivor</h2>
 | 
					 | 
				
			||||||
                </div>
 | 
					 | 
				
			||||||
            </div>
 | 
					 | 
				
			||||||
        </header>
 | 
					 | 
				
			||||||
        <nav id="alt-nav">
 | 
					 | 
				
			||||||
            <ul>
 | 
					 | 
				
			||||||
                <li><a href="https://git.alfieking.dev/acetheking987">Gitea</a></li>
 | 
					 | 
				
			||||||
                <li><a href="https://www.last.fm/user/acetheking987">LastFm</a></li>
 | 
					 | 
				
			||||||
                <li><a href="https://prismic.alfieking.dev">Prismic</a></li>
 | 
					 | 
				
			||||||
                <li><a href="https://open.spotify.com/user/xz02oolstlvwxqu1pfcua9exz?si=14396e637f284e03">Spotify</a></li>
 | 
					 | 
				
			||||||
                <li><a href="https://steamcommunity.com/id/acetheking987/">Steam</a></li>
 | 
					 | 
				
			||||||
                <li><a href="https://www.youtube.com/@acetheking987">YouTube</a></li>
 | 
					 | 
				
			||||||
                <li><a href="https://acetheking987.tumblr.com/">Tumblr</a></li>
 | 
					 | 
				
			||||||
                <li><a href="https://www.reddit.com/user/acetheking987">Reddit</a></li>
 | 
					 | 
				
			||||||
            </ul>
 | 
					 | 
				
			||||||
        </nav>
 | 
					 | 
				
			||||||
        <section>
 | 
					 | 
				
			||||||
            <h1>A lil bit abt me</h1>
 | 
					 | 
				
			||||||
            <p>
 | 
					 | 
				
			||||||
                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).
 | 
					 | 
				
			||||||
                <br><br>
 | 
					 | 
				
			||||||
                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.
 | 
					 | 
				
			||||||
                <br><br>
 | 
					 | 
				
			||||||
                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.
 | 
					 | 
				
			||||||
            </p>
 | 
					 | 
				
			||||||
        </section>
 | 
					 | 
				
			||||||
        <section class="blinkies">
 | 
					 | 
				
			||||||
            <img src="https://adriansblinkiecollection.neocities.org/x45.gif" alt="">
 | 
					 | 
				
			||||||
            <img src="https://adriansblinkiecollection.neocities.org/t3.gif" alt="">
 | 
					 | 
				
			||||||
            <img src="https://adriansblinkiecollection.neocities.org/k25.gif" alt="">
 | 
					 | 
				
			||||||
            <img src="https://s1nez.nekoweb.org/img/52475686_BP77MK3UdnLmIQk.gif" alt="">
 | 
					 | 
				
			||||||
            <img src="https://s1nez.nekoweb.org/img/hc/hc%20(79).gif" alt="">
 | 
					 | 
				
			||||||
            <img src="https://dewside.neocities.org/blinkies/bisigns.gif" alt="">
 | 
					 | 
				
			||||||
            <img src="https://s1nez.nekoweb.org/g/ggg/gg%20(32).gif" alt="">
 | 
					 | 
				
			||||||
            <img src="https://s1nez.nekoweb.org/img/7dcd20d4.gif" alt="">
 | 
					 | 
				
			||||||
        </section>
 | 
					 | 
				
			||||||
        <section class="rowsect">
 | 
					 | 
				
			||||||
            <a href="" id="spotify-link">
 | 
					 | 
				
			||||||
                <div id="spotify">
 | 
					 | 
				
			||||||
                    <h1 id="spotify-title"></h1>
 | 
					 | 
				
			||||||
                    <h2 id="spotify-artist"></h2>
 | 
					 | 
				
			||||||
                </div>
 | 
					 | 
				
			||||||
            </a>
 | 
					 | 
				
			||||||
            <div class="stamps">
 | 
					 | 
				
			||||||
                <img src="https://s1nez.nekoweb.org/img/other/ba4ba47a.png" alt="">
 | 
					 | 
				
			||||||
                <img src="https://s1nez.nekoweb.org/img/fa02abd7.png" alt="">
 | 
					 | 
				
			||||||
                <img src="https://s1nez.nekoweb.org/img/hc/hc%20(172).gif" alt="">
 | 
					 | 
				
			||||||
                <img src="https://gligar.neocities.org/furret2.png" alt="">
 | 
					 | 
				
			||||||
                <img src="https://gligar.neocities.org/ralsei2.png" alt="">
 | 
					 | 
				
			||||||
                <img src="https://gligar.neocities.org/tism.png" alt="">
 | 
					 | 
				
			||||||
                <img src="https://64.media.tumblr.com/11957593416710af9ff049ff6ae7ab63/tumblr_pbb7cd42Ln1xz2nuuo4_100.gif" alt="">
 | 
					 | 
				
			||||||
                <img src="https://dewside.neocities.org/stamps/dogofwisdom.gif" alt="">
 | 
					 | 
				
			||||||
                <img src="https://dewside.neocities.org/stamps/kazookid.gif" alt="">
 | 
					 | 
				
			||||||
                <img src="https://64.media.tumblr.com/3085aeace24ca0c5ddf08aac37cc3ab4/45a30eb92e06a85c-3a/s100x200/b7bfb2e91adbc310f712f4492e668298bd0779de.gif" alt="">
 | 
					 | 
				
			||||||
                <img src="https://s1nez.nekoweb.org/img/hc/hc%20(27).png" alt="">
 | 
					 | 
				
			||||||
                <img src="https://s1nez.nekoweb.org/g/ggg/gg%20(13).gif" alt="">
 | 
					 | 
				
			||||||
                <img src="https://kopawz.neocities.org/stamphoard/stamps2/kriswhere.png" alt="">
 | 
					 | 
				
			||||||
                <img src="https://adriansblinkiecollection.neocities.org/stamps/g5.gif" alt="">
 | 
					 | 
				
			||||||
                <img src="https://adriansblinkiecollection.neocities.org/stamps/e40.gif" alt="">
 | 
					 | 
				
			||||||
                <img src="https://adriansblinkiecollection.neocities.org/stamps/e43.gif" alt="">
 | 
					 | 
				
			||||||
            </div>
 | 
					 | 
				
			||||||
        </section>
 | 
					 | 
				
			||||||
        <section>
 | 
					 | 
				
			||||||
            <h1>Projects & stuff</h1>
 | 
					 | 
				
			||||||
            <p>just some projects ive worked on over time</p>
 | 
					 | 
				
			||||||
            <ul>
 | 
					 | 
				
			||||||
                <li>
 | 
					 | 
				
			||||||
                    <h2>alfieking.dev</h2>
 | 
					 | 
				
			||||||
                    <p>
 | 
					 | 
				
			||||||
                        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.
 | 
					 | 
				
			||||||
                        <a href="https://git.alfieking.dev/acetheking987/alfieking.dev">source code</a>
 | 
					 | 
				
			||||||
                    </p>
 | 
					 | 
				
			||||||
                </li>
 | 
					 | 
				
			||||||
                <li>
 | 
					 | 
				
			||||||
                    <h2>owo (the terminal command)</h2>
 | 
					 | 
				
			||||||
                    <p>
 | 
					 | 
				
			||||||
                        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++.
 | 
					 | 
				
			||||||
                        <a href="https://git.alfieking.dev/acetheking987/term-owo-cpp">source code</a>
 | 
					 | 
				
			||||||
                    </p>
 | 
					 | 
				
			||||||
                </li>
 | 
					 | 
				
			||||||
                <li>
 | 
					 | 
				
			||||||
                    <h2>prismic</h2>
 | 
					 | 
				
			||||||
                    <p>
 | 
					 | 
				
			||||||
                        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.
 | 
					 | 
				
			||||||
                        <a href="https://prismic.alfieking.dev">Primic</a> | <a href="https://git.alfieking.dev/acetheking987/prismic">source code</a>
 | 
					 | 
				
			||||||
                    </p>
 | 
					 | 
				
			||||||
                </li>
 | 
					 | 
				
			||||||
            </ul>
 | 
					 | 
				
			||||||
        </section>
 | 
					 | 
				
			||||||
        <section>
 | 
					 | 
				
			||||||
            <h1>The button collection™</h1>
 | 
					 | 
				
			||||||
            <div id="button-collection">
 | 
					 | 
				
			||||||
            </div>
 | 
					 | 
				
			||||||
        </section>
 | 
					 | 
				
			||||||
        <section>
 | 
					 | 
				
			||||||
            <h1>Some News</h1>
 | 
					 | 
				
			||||||
            <h6>(dont expect this to be updated often tho :P)</h6>
 | 
					 | 
				
			||||||
            <ul>
 | 
					 | 
				
			||||||
                <li>
 | 
					 | 
				
			||||||
                    <h2>18-06-2025</h2>
 | 
					 | 
				
			||||||
                    <p>
 | 
					 | 
				
			||||||
                        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.
 | 
					 | 
				
			||||||
                    </p>
 | 
					 | 
				
			||||||
                </li>
 | 
					 | 
				
			||||||
            </ul>
 | 
					 | 
				
			||||||
        </section>
 | 
					 | 
				
			||||||
        <section>
 | 
					 | 
				
			||||||
            <footer>
 | 
					 | 
				
			||||||
                <p>legal stuff idk :3 | icba to © this :P | made with ♥ and caffine</p>
 | 
					 | 
				
			||||||
            </footer>
 | 
					 | 
				
			||||||
        </section>
 | 
					 | 
				
			||||||
    </main>
 | 
					 | 
				
			||||||
    <script src="/static/js/index.js"></script>
 | 
					 | 
				
			||||||
</body>
 | 
					 | 
				
			||||||
</html>
 | 
					 | 
				
			||||||
							
								
								
									
										
											BIN
										
									
								
								src/__pycache__/database.cpython-313.pyc
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								src/__pycache__/database.cpython-313.pyc
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							
							
								
								
									
										40
									
								
								src/database.py
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										40
									
								
								src/database.py
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,40 @@
 | 
				
			|||||||
 | 
					import sqlite3
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					class Database:
 | 
				
			||||||
 | 
					    def __init__(self, db_name='db.sqlite'):
 | 
				
			||||||
 | 
					        self.connection = sqlite3.connect(db_name, check_same_thread=False)
 | 
				
			||||||
 | 
					        self.cursor = self.connection.cursor()
 | 
				
			||||||
 | 
					        self.create_snake_table()
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    def create_snake_table(self):
 | 
				
			||||||
 | 
					        self.cursor.execute('''
 | 
				
			||||||
 | 
					            CREATE TABLE IF NOT EXISTS snake (
 | 
				
			||||||
 | 
					                id INTEGER PRIMARY KEY AUTOINCREMENT,
 | 
				
			||||||
 | 
					                name TEXT NOT NULL,
 | 
				
			||||||
 | 
					                score INTEGER NOT NULL
 | 
				
			||||||
 | 
					            )
 | 
				
			||||||
 | 
					        ''')
 | 
				
			||||||
 | 
					        self.connection.commit()
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    def insert_snake(self, name, score):
 | 
				
			||||||
 | 
					        old_score = self.get_snake_score(name)
 | 
				
			||||||
 | 
					        if old_score is not None and score <= old_score:
 | 
				
			||||||
 | 
					            return
 | 
				
			||||||
 | 
					        
 | 
				
			||||||
 | 
					        self.cursor.execute('''
 | 
				
			||||||
 | 
					            INSERT INTO snake (name, score)
 | 
				
			||||||
 | 
					            VALUES (?, ?)
 | 
				
			||||||
 | 
					        ''', (name, score))
 | 
				
			||||||
 | 
					        self.connection.commit()
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    def get_snake_score(self, name):
 | 
				
			||||||
 | 
					        self.cursor.execute('SELECT score FROM snake WHERE name = ?', (name,))
 | 
				
			||||||
 | 
					        result = self.cursor.fetchone()
 | 
				
			||||||
 | 
					        return result[0] if result else None
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    def get_snake_scores(self):
 | 
				
			||||||
 | 
					        self.cursor.execute('SELECT * FROM snake ORDER BY score DESC')
 | 
				
			||||||
 | 
					        return self.cursor.fetchall()
 | 
				
			||||||
 | 
					    
 | 
				
			||||||
 | 
					    def close(self):
 | 
				
			||||||
 | 
					        self.connection.close()
 | 
				
			||||||
							
								
								
									
										80
									
								
								src/main.py
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										80
									
								
								src/main.py
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,80 @@
 | 
				
			|||||||
 | 
					from flask import Flask, request, render_template
 | 
				
			||||||
 | 
					from flask_session import Session
 | 
				
			||||||
 | 
					from dotenv import load_dotenv
 | 
				
			||||||
 | 
					from os import getenv as env
 | 
				
			||||||
 | 
					import logging, database, requests
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					logging.basicConfig(level=logging.INFO, format='%(asctime)s - %(levelname)s - %(message)s')
 | 
				
			||||||
 | 
					load_dotenv()
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					app = Flask(
 | 
				
			||||||
 | 
					    __name__,
 | 
				
			||||||
 | 
					    template_folder=env('TEMPLATE_FOLDER', default='templates'),
 | 
				
			||||||
 | 
					    static_folder=env('STATIC_FOLDER', default='static'),
 | 
				
			||||||
 | 
					)
 | 
				
			||||||
 | 
					app.config["SESSION_PERMANENT"] = True
 | 
				
			||||||
 | 
					app.config["SESSION_TYPE"] = "filesystem"
 | 
				
			||||||
 | 
					Session(app)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					db = database.Database(db_name=env('DB_NAME', default='db.sqlite'))
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					@app.route('/')
 | 
				
			||||||
 | 
					def index():
 | 
				
			||||||
 | 
					    logging.info("Rendering index page")
 | 
				
			||||||
 | 
					    return render_template('index.html')
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					@app.route('/snake/submit', methods=['POST'])
 | 
				
			||||||
 | 
					def snake_submit():
 | 
				
			||||||
 | 
					    data = request.json
 | 
				
			||||||
 | 
					    if not data or 'name' not in data or 'score' not in data:
 | 
				
			||||||
 | 
					        logging.error("Invalid data received: %s", data)
 | 
				
			||||||
 | 
					        return {'error': 'Invalid data'}, 400
 | 
				
			||||||
 | 
					    
 | 
				
			||||||
 | 
					    name = data.get('name', '')
 | 
				
			||||||
 | 
					    cap = data.get('cap', '')
 | 
				
			||||||
 | 
					    score = data.get('score', -1)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    cap_response = requests.post(
 | 
				
			||||||
 | 
					        env('CAP_VERIFY_URL', default='https://<instance_url>/<key_id>/siteverify'),
 | 
				
			||||||
 | 
					        json={
 | 
				
			||||||
 | 
					            'secret': env('CAP_SECRET', default=''),
 | 
				
			||||||
 | 
					            'response': cap,
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					    )
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    if cap_response.status_code != 200 or not cap_response.json().get('success', "false") != "true":
 | 
				
			||||||
 | 
					        logging.error("Captcha verification failed: %s", cap_response.json())
 | 
				
			||||||
 | 
					        return {'error': 'Captcha verification failed'}, 400
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    if not isinstance(name, str) or not isinstance(score, int):
 | 
				
			||||||
 | 
					        logging.error("Invalid data types: name=%s, score=%s", type(name), type(score))
 | 
				
			||||||
 | 
					        return {'error': 'Invalid data types'}, 400
 | 
				
			||||||
 | 
					    
 | 
				
			||||||
 | 
					    if not name or score <= 0 or score > 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'
 | 
				
			||||||
 | 
					    )
 | 
				
			||||||
| 
		 Before Width: | Height: | Size: 743 KiB After Width: | Height: | Size: 743 KiB  | 
| 
		 Before Width: | Height: | Size: 4.5 KiB After Width: | Height: | Size: 4.5 KiB  | 
| 
		 Before Width: | Height: | Size: 49 KiB After Width: | Height: | Size: 49 KiB  | 
							
								
								
									
										79
									
								
								src/static/css/404.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										79
									
								
								src/static/css/404.css
									
									
									
									
									
										Normal file
									
								
							@@ -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);
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
							
								
								
									
										21
									
								
								src/static/css/cap.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										21
									
								
								src/static/css/cap.css
									
									
									
									
									
										Normal file
									
								
							@@ -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;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
@@ -1,5 +1,3 @@
 | 
				
			|||||||
// TYPERWRITER
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
const values = [
 | 
					const values = [
 | 
				
			||||||
    "Web developer", 
 | 
					    "Web developer", 
 | 
				
			||||||
    "Pc games enjoyer", 
 | 
					    "Pc games enjoyer", 
 | 
				
			||||||
							
								
								
									
										151
									
								
								src/static/js/snake.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										151
									
								
								src/static/js/snake.js
									
									
									
									
									
										Normal file
									
								
							@@ -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.');
 | 
				
			||||||
 | 
					    });
 | 
				
			||||||
 | 
					});
 | 
				
			||||||
							
								
								
									
										48
									
								
								src/templates/404.html
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										48
									
								
								src/templates/404.html
									
									
									
									
									
										Normal file
									
								
							@@ -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 %}
 | 
				
			||||||
 | 
					<link rel="stylesheet" href="/static/css/404.css">
 | 
				
			||||||
 | 
					<link rel="stylesheet" href="/static/css/cap.css">
 | 
				
			||||||
 | 
					{% endblock %}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					{% block content %}
 | 
				
			||||||
 | 
					<section>
 | 
				
			||||||
 | 
					    <h1>404</h1>
 | 
				
			||||||
 | 
					    <p>
 | 
				
			||||||
 | 
					        It seems like the thing you are looking for is not here :[
 | 
				
			||||||
 | 
					        <br><br>
 | 
				
			||||||
 | 
					        while you're here, why not play some snake? (use wasd to move, not mobile compatable :<)
 | 
				
			||||||
 | 
					    </p>
 | 
				
			||||||
 | 
					    <canvas id="snakeCanvas"></canvas>
 | 
				
			||||||
 | 
					</section>
 | 
				
			||||||
 | 
					<section class="flex-row">
 | 
				
			||||||
 | 
					    <section class="min-width">
 | 
				
			||||||
 | 
					        <h2>Submit score</h2>
 | 
				
			||||||
 | 
					        <form id="snakeForm">
 | 
				
			||||||
 | 
					            <input type="text" id="name" placeholder="Your name" required>
 | 
				
			||||||
 | 
					            <cap-widget id="cap" data-cap-api-endpoint="https://cap.alfieking.dev/57d36430b9cb/api/"></cap-widget>
 | 
				
			||||||
 | 
					            <button type="submit" id="submit">Submit</button>
 | 
				
			||||||
 | 
					        </form>
 | 
				
			||||||
 | 
					    </section>
 | 
				
			||||||
 | 
					    <section class="max-width" id="snakeLeaderboardSection">
 | 
				
			||||||
 | 
					        <h2>Leaderboard</h2>
 | 
				
			||||||
 | 
					        <ul id="snakeLeaderboard">
 | 
				
			||||||
 | 
					            {% for score in scores %}
 | 
				
			||||||
 | 
					            <li>
 | 
				
			||||||
 | 
					                <span>{{ score.position }}</span>
 | 
				
			||||||
 | 
					                <span>{{ score.name }}</span>
 | 
				
			||||||
 | 
					                <span>{{ score.score }}</span>
 | 
				
			||||||
 | 
					            </li>
 | 
				
			||||||
 | 
					            {% endfor %}
 | 
				
			||||||
 | 
					        </ul>
 | 
				
			||||||
 | 
					    </section>
 | 
				
			||||||
 | 
					</section>
 | 
				
			||||||
 | 
					{% endblock %}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					{% block scripts %}
 | 
				
			||||||
 | 
					<script src="/static/js/snake.js"></script>
 | 
				
			||||||
 | 
					<script src="https://cdn.jsdelivr.net/npm/@cap.js/widget"></script>
 | 
				
			||||||
 | 
					{% endblock %}
 | 
				
			||||||
@@ -3,19 +3,21 @@
 | 
				
			|||||||
<head>
 | 
					<head>
 | 
				
			||||||
    <meta charset="UTF-8">
 | 
					    <meta charset="UTF-8">
 | 
				
			||||||
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 | 
					    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 | 
				
			||||||
    <title>Alfie's basement</title>
 | 
					    <title>{% block title %}Alfie's basement{% endblock %}</title>
 | 
				
			||||||
    <link rel="icon" href="/static/content/icon.webp">
 | 
					    <link rel="icon" href="/static/content/icon.webp">
 | 
				
			||||||
    <link rel="stylesheet" href="/static/css/index.css">
 | 
					    <link rel="stylesheet" href="/static/css/index.css">
 | 
				
			||||||
    <meta name="description" content="Alfie's basement">
 | 
					    <meta name="description" content="{% block description %}server backend survivor{% endblock %}">
 | 
				
			||||||
    <meta name="keywords" content="Alfie King, Alfie, King, Alfieking, Alfieking.dev, dev, server">
 | 
					    <meta name="keywords" content="Alfie King, Alfie, King, Alfieking, Alfieking.dev, dev, server">
 | 
				
			||||||
    <meta name="author" content="Alfie King">
 | 
					    <meta name="author" content="Alfie King">
 | 
				
			||||||
    <meta name="robots" content="all">
 | 
					    <meta name="robots" content="all">
 | 
				
			||||||
    <meta name="theme-color" content="#63de90" data-react-helmet="true">
 | 
					    <meta name="theme-color" content="#63de90" data-react-helmet="true">
 | 
				
			||||||
    <meta property="og:site_name" content="Alfieking.dev">
 | 
					    <meta property="og:site_name" content="Alfieking.dev">
 | 
				
			||||||
    <meta property="og:url" content="https://alfieking.dev">
 | 
					    <meta property="og:url" content="https://alfieking.dev">
 | 
				
			||||||
    <meta property="og:title" content="Alfie's basement">
 | 
					    <meta property="og:title" content="{{ self.title() }}">
 | 
				
			||||||
    <meta property="og:description" content="server backend survivor">
 | 
					    <meta property="og:description" content="{{ self.description() }}">
 | 
				
			||||||
    <meta property="og:image" content="static/content/icon.webp">
 | 
					    <meta property="og:image" content="static/content/icon.webp">
 | 
				
			||||||
 | 
					    {% block head %}
 | 
				
			||||||
 | 
					    {% endblock %}
 | 
				
			||||||
</head>
 | 
					</head>
 | 
				
			||||||
<body>
 | 
					<body>
 | 
				
			||||||
    <div id="furry"></div>
 | 
					    <div id="furry"></div>
 | 
				
			||||||
@@ -24,14 +26,14 @@
 | 
				
			|||||||
            <section>
 | 
					            <section>
 | 
				
			||||||
                <h1>Things to see :3</h1>
 | 
					                <h1>Things to see :3</h1>
 | 
				
			||||||
                <ul>
 | 
					                <ul>
 | 
				
			||||||
                    <li><a href="/">Home</a></li>
 | 
					                    <li><a href="#Home" onclick="alert('ur already here :3')">Home</a></li>
 | 
				
			||||||
                    <li><a href="https://git.alfieking.dev/acetheking987">Gitea</a></li>
 | 
					                    <li><a href="https://git.alfieking.dev/acetheking987">Gitea</a></li>
 | 
				
			||||||
                    <li><a href="https://www.last.fm/user/acetheking987">LastFm</a></li>
 | 
					                    <li><a href="https://www.last.fm/user/acetheking987">LastFm</a></li>
 | 
				
			||||||
                    <li><a href="https://prismic.alfieking.dev">Prismic</a></li>
 | 
					                    <li><a href="https://prismic.alfieking.dev">Prismic</a></li>
 | 
				
			||||||
                    <li><a href="https://open.spotify.com/user/xz02oolstlvwxqu1pfcua9exz?si=14396e637f284e03">Spotify</a></li>
 | 
					                    <li><a href="https://open.spotify.com/user/xz02oolstlvwxqu1pfcua9exz?si=14396e637f284e03">Spotify</a></li>
 | 
				
			||||||
                    <li><a href="https://steamcommunity.com/id/acetheking987/">Steam</a></li>
 | 
					                    <li><a href="https://steamcommunity.com/id/acetheking987/">Steam</a></li>
 | 
				
			||||||
                    <li><a href="https://www.youtube.com/@acetheking987">YouTube</a></li>
 | 
					                    <li><a href="https://www.youtube.com/@acetheking987">YouTube</a></li>
 | 
				
			||||||
                    <li><a href="https://acetheking987.tumblr.com/">Tumblr</a></li>Instagram
 | 
					                    <li><a href="https://acetheking987.tumblr.com/">Tumblr</a></li>
 | 
				
			||||||
                    <li><a href="https://www.reddit.com/user/acetheking987">Reddit</a></li>
 | 
					                    <li><a href="https://www.reddit.com/user/acetheking987">Reddit</a></li>
 | 
				
			||||||
                </ul>
 | 
					                </ul>
 | 
				
			||||||
            </section>
 | 
					            </section>
 | 
				
			||||||
@@ -70,18 +72,26 @@
 | 
				
			|||||||
                </div>
 | 
					                </div>
 | 
				
			||||||
            </div>
 | 
					            </div>
 | 
				
			||||||
        </header>
 | 
					        </header>
 | 
				
			||||||
        <section>
 | 
					        <nav id="alt-nav">
 | 
				
			||||||
            <h1>404</h1>
 | 
					            <ul>
 | 
				
			||||||
            <p>
 | 
					                <li><a href="https://git.alfieking.dev/acetheking987">Gitea</a></li>
 | 
				
			||||||
                It seems like the thing you are looking for is not here :[
 | 
					                <li><a href="https://www.last.fm/user/acetheking987">LastFm</a></li>
 | 
				
			||||||
            </p>
 | 
					                <li><a href="https://prismic.alfieking.dev">Prismic</a></li>
 | 
				
			||||||
        </section>
 | 
					                <li><a href="https://open.spotify.com/user/xz02oolstlvwxqu1pfcua9exz?si=14396e637f284e03">Spotify</a></li>
 | 
				
			||||||
 | 
					                <li><a href="https://steamcommunity.com/id/acetheking987/">Steam</a></li>
 | 
				
			||||||
 | 
					                <li><a href="https://www.youtube.com/@acetheking987">YouTube</a></li>
 | 
				
			||||||
 | 
					                <li><a href="https://acetheking987.tumblr.com/">Tumblr</a></li>
 | 
				
			||||||
 | 
					                <li><a href="https://www.reddit.com/user/acetheking987">Reddit</a></li>
 | 
				
			||||||
 | 
					            </ul>
 | 
				
			||||||
 | 
					        </nav>
 | 
				
			||||||
 | 
					        {% block content %}{% endblock %}
 | 
				
			||||||
        <section>
 | 
					        <section>
 | 
				
			||||||
            <footer>
 | 
					            <footer>
 | 
				
			||||||
                <p>legal stuff idk :3 | icba to © this :P | made with ♥ and caffine</p>
 | 
					                <p>legal stuff idk :3 | icba to © this :P | made with ♥ and caffine</p>
 | 
				
			||||||
            </footer>
 | 
					            </footer>
 | 
				
			||||||
        </section>
 | 
					        </section>
 | 
				
			||||||
    </main>
 | 
					    </main>
 | 
				
			||||||
 | 
					    {% block scripts %}{% endblock %}
 | 
				
			||||||
    <script src="/static/js/index.js"></script>
 | 
					    <script src="/static/js/index.js"></script>
 | 
				
			||||||
</body>
 | 
					</body>
 | 
				
			||||||
</html>
 | 
					</html>
 | 
				
			||||||
							
								
								
									
										115
									
								
								src/templates/index.html
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										115
									
								
								src/templates/index.html
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,115 @@
 | 
				
			|||||||
 | 
					{% extends "base.html" %}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					{% block title %}Alfie's basement{% endblock %}
 | 
				
			||||||
 | 
					{% block description %}server backend survivor{% endblock %}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					{%block content %}
 | 
				
			||||||
 | 
					<section>
 | 
				
			||||||
 | 
					    <h1>A lil bit abt me</h1>
 | 
				
			||||||
 | 
					    <p>
 | 
				
			||||||
 | 
					        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).
 | 
				
			||||||
 | 
					        <br><br>
 | 
				
			||||||
 | 
					        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.
 | 
				
			||||||
 | 
					        <br><br>
 | 
				
			||||||
 | 
					        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.
 | 
				
			||||||
 | 
					    </p>
 | 
				
			||||||
 | 
					</section>
 | 
				
			||||||
 | 
					<section class="blinkies">
 | 
				
			||||||
 | 
					    <img src="https://adriansblinkiecollection.neocities.org/x45.gif" alt="">
 | 
				
			||||||
 | 
					    <img src="https://adriansblinkiecollection.neocities.org/t3.gif" alt="">
 | 
				
			||||||
 | 
					    <img src="https://adriansblinkiecollection.neocities.org/k25.gif" alt="">
 | 
				
			||||||
 | 
					    <img src="https://s1nez.nekoweb.org/img/52475686_BP77MK3UdnLmIQk.gif" alt="">
 | 
				
			||||||
 | 
					    <img src="https://s1nez.nekoweb.org/img/hc/hc%20(79).gif" alt="">
 | 
				
			||||||
 | 
					    <img src="https://dewside.neocities.org/blinkies/bisigns.gif" alt="">
 | 
				
			||||||
 | 
					    <img src="https://s1nez.nekoweb.org/g/ggg/gg%20(32).gif" alt="">
 | 
				
			||||||
 | 
					    <img src="https://s1nez.nekoweb.org/img/7dcd20d4.gif" alt="">
 | 
				
			||||||
 | 
					</section>
 | 
				
			||||||
 | 
					<section class="rowsect">
 | 
				
			||||||
 | 
					    <a href="" id="spotify-link">
 | 
				
			||||||
 | 
					        <div id="spotify">
 | 
				
			||||||
 | 
					            <h1 id="spotify-title"></h1>
 | 
				
			||||||
 | 
					            <h2 id="spotify-artist"></h2>
 | 
				
			||||||
 | 
					        </div>
 | 
				
			||||||
 | 
					    </a>
 | 
				
			||||||
 | 
					    <div class="stamps">
 | 
				
			||||||
 | 
					        <img src="https://s1nez.nekoweb.org/img/other/ba4ba47a.png" alt="">
 | 
				
			||||||
 | 
					        <img src="https://s1nez.nekoweb.org/img/fa02abd7.png" alt="">
 | 
				
			||||||
 | 
					        <img src="https://s1nez.nekoweb.org/img/hc/hc%20(172).gif" alt="">
 | 
				
			||||||
 | 
					        <img src="https://gligar.neocities.org/furret2.png" alt="">
 | 
				
			||||||
 | 
					        <img src="https://gligar.neocities.org/ralsei2.png" alt="">
 | 
				
			||||||
 | 
					        <img src="https://gligar.neocities.org/tism.png" alt="">
 | 
				
			||||||
 | 
					        <img src="https://64.media.tumblr.com/11957593416710af9ff049ff6ae7ab63/tumblr_pbb7cd42Ln1xz2nuuo4_100.gif" alt="">
 | 
				
			||||||
 | 
					        <img src="https://dewside.neocities.org/stamps/dogofwisdom.gif" alt="">
 | 
				
			||||||
 | 
					        <img src="https://dewside.neocities.org/stamps/kazookid.gif" alt="">
 | 
				
			||||||
 | 
					        <img src="https://64.media.tumblr.com/3085aeace24ca0c5ddf08aac37cc3ab4/45a30eb92e06a85c-3a/s100x200/b7bfb2e91adbc310f712f4492e668298bd0779de.gif" alt="">
 | 
				
			||||||
 | 
					        <img src="https://s1nez.nekoweb.org/img/hc/hc%20(27).png" alt="">
 | 
				
			||||||
 | 
					        <img src="https://s1nez.nekoweb.org/g/ggg/gg%20(13).gif" alt="">
 | 
				
			||||||
 | 
					        <img src="https://kopawz.neocities.org/stamphoard/stamps2/kriswhere.png" alt="">
 | 
				
			||||||
 | 
					        <img src="https://adriansblinkiecollection.neocities.org/stamps/g5.gif" alt="">
 | 
				
			||||||
 | 
					        <img src="https://adriansblinkiecollection.neocities.org/stamps/e40.gif" alt="">
 | 
				
			||||||
 | 
					        <img src="https://adriansblinkiecollection.neocities.org/stamps/e43.gif" alt="">
 | 
				
			||||||
 | 
					    </div>
 | 
				
			||||||
 | 
					</section>
 | 
				
			||||||
 | 
					<section>
 | 
				
			||||||
 | 
					    <h1>Projects & stuff</h1>
 | 
				
			||||||
 | 
					    <p>just some projects ive worked on over time</p>
 | 
				
			||||||
 | 
					    <ul>
 | 
				
			||||||
 | 
					        <li>
 | 
				
			||||||
 | 
					            <h2>alfieking.dev</h2>
 | 
				
			||||||
 | 
					            <p>
 | 
				
			||||||
 | 
					                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.
 | 
				
			||||||
 | 
					                <a href="https://git.alfieking.dev/acetheking987/alfieking.dev">source code</a>
 | 
				
			||||||
 | 
					            </p>
 | 
				
			||||||
 | 
					        </li>
 | 
				
			||||||
 | 
					        <li>
 | 
				
			||||||
 | 
					            <h2>owo (the terminal command)</h2>
 | 
				
			||||||
 | 
					            <p>
 | 
				
			||||||
 | 
					                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++.
 | 
				
			||||||
 | 
					                <a href="https://git.alfieking.dev/acetheking987/term-owo-cpp">source code</a>
 | 
				
			||||||
 | 
					            </p>
 | 
				
			||||||
 | 
					        </li>
 | 
				
			||||||
 | 
					        <li>
 | 
				
			||||||
 | 
					            <h2>prismic</h2>
 | 
				
			||||||
 | 
					            <p>
 | 
				
			||||||
 | 
					                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.
 | 
				
			||||||
 | 
					                <a href="https://prismic.alfieking.dev">Primic</a> | <a href="https://git.alfieking.dev/acetheking987/prismic">source code</a>
 | 
				
			||||||
 | 
					            </p>
 | 
				
			||||||
 | 
					        </li>
 | 
				
			||||||
 | 
					    </ul>
 | 
				
			||||||
 | 
					</section>
 | 
				
			||||||
 | 
					<section>
 | 
				
			||||||
 | 
					    <h1>The button collection™</h1>
 | 
				
			||||||
 | 
					    <div id="button-collection">
 | 
				
			||||||
 | 
					    </div>
 | 
				
			||||||
 | 
					</section>
 | 
				
			||||||
 | 
					<section>
 | 
				
			||||||
 | 
					    <h1>Some News</h1>
 | 
				
			||||||
 | 
					    <h6>(dont expect this to be updated often tho :P)</h6>
 | 
				
			||||||
 | 
					    <ul>
 | 
				
			||||||
 | 
					        <li>
 | 
				
			||||||
 | 
					            <h2>18-06-2025</h2>
 | 
				
			||||||
 | 
					            <p>
 | 
				
			||||||
 | 
					                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.
 | 
				
			||||||
 | 
					            </p>
 | 
				
			||||||
 | 
					        </li>
 | 
				
			||||||
 | 
					    </ul>
 | 
				
			||||||
 | 
					</section>
 | 
				
			||||||
 | 
					{% endblock %}
 | 
				
			||||||
		Reference in New Issue
	
	Block a user