init

app/templates/test.html

@@ -0,0 +1,30 @@
+{% extends "base.htm" %}
+
+{% block header %}Drath's testing grounds{% endblock %}
+
+{% block extraHead %}
+<link rel="stylesheet" href="/static/styles/test.css" />
+<script src="/static/scripts/randImage.js"></script>
+{% endblock %}
+
+
+{% block content %}
+
+<div class="container">
+	<img class="rounded largeShadow" width=100% id="randomImageGoesHere">
+	<a onclick="randImg()">
+		<div class="button contCenter">click me</div>
+	</a>
+	<script>randImg()</script>
+</div>
+
+<p>
+	Hover effect looks a lil wobbly if the screen isn't hi-dpi enough.
+	<del>The button is supposed to have a blurred background, doesn't work on Firefox.</del><br>
+	IT WORKS ON FIREFOX<br>
+	Firefox supports FINALLY <i>backdrop-filter</i> since version 103.
+</p>
+<a href="/secrets">secrets</a>
+<a href="/">main page</a>
+
+{% endblock %}