30 lines
799 B
HTML
30 lines
799 B
HTML
{% 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 %} |