fkin finally
This commit is contained in:
@@ -37,7 +37,6 @@
|
||||
<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>
|
||||
<li><a href="/404">404 >:3</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
</nav>
|
||||
|
@@ -1,4 +1,4 @@
|
||||
{% extends "bases/base.html" %}
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block title %}/{{ directory }} - Alfie's basement{% endblock %}
|
||||
{% block description %}server backend survivor{% endblock %}
|
||||
|
@@ -3,80 +3,18 @@
|
||||
{% 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 :[
|
||||
Hey so you know that thing you were looking for? Yeah, it doesn't exist. :P
|
||||
<br><br>
|
||||
<span class="pcOnly">
|
||||
while you're here, why not play some snake?
|
||||
</span>
|
||||
<span class="mobileOnly">
|
||||
You can't play snake on mobile, sorry :(
|
||||
</span>
|
||||
So why not try going back to the <a href="/">homepage</a>?
|
||||
</p>
|
||||
<div class="pcOnly" id="snakeContainer">
|
||||
<canvas id="snakeCanvas"></canvas>
|
||||
</div>
|
||||
</section>
|
||||
<section class="pcOnly flex-row">
|
||||
<section class="min-width">
|
||||
<h2>Submit score</h2>
|
||||
<form action="/snake/submit" method="POST" id="snakeForm">
|
||||
<input type="text" id="name" name="name" maxlength=15 minlength=3 placeholder="Your name" required>
|
||||
<cap-widget id="captcha" data-cap-api-endpoint="https://cap.alfieking.dev/{{ cap_key }}/"></cap-widget>
|
||||
<input type="hidden" id="score" name="score" value="0">
|
||||
<input type="hidden" id="game_token" name="game_token" value="{{ token}}">
|
||||
<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>
|
||||
<section class="max-width mobileOnly" 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>
|
||||
{% if error %}
|
||||
<dialog id="errorDialog">
|
||||
<h2>Error</h2>
|
||||
<p>{{ error }}</p>
|
||||
<button onclick="errorDialog.close()">Close</button>
|
||||
</dialog>
|
||||
<script>
|
||||
const errorDialog = document.getElementById('errorDialog');
|
||||
if (errorDialog) {
|
||||
errorDialog.showModal();
|
||||
}
|
||||
</script>
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
||||
{% block scripts %}
|
||||
<script src="/static/js/snake.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/@cap.js/widget"></script>
|
||||
{% endblock %}
|
||||
<section>
|
||||
<h2>The actual error for the 2 ppl who care</h2>
|
||||
<p>
|
||||
404: {{ requested_url }} not found :3
|
||||
</p>
|
||||
</section>
|
Reference in New Issue
Block a user