{% 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 %}