Anders Englöf Ytterström
0e2f8a55ce
* Cache generation instead of views This way, query params are kept cached. * Add view to list all images
47 lines
No EOL
1 KiB
HTML
47 lines
No EOL
1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>placeany</title>
|
|
<style>
|
|
body {
|
|
width: 900px;
|
|
margin: 100px auto;
|
|
}
|
|
|
|
img {
|
|
display: block;
|
|
}
|
|
|
|
.grid {
|
|
display: flex;
|
|
gap: 1em;
|
|
flex-wrap: wrap;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<main>
|
|
<h1>placeany</h1>
|
|
<p>The following images are used on this placeany instance.
|
|
You may request a specific image by adding <b>?image=n</b> to your request
|
|
(where <b>n</b> is the number of the image you want), or filter the options
|
|
by adding multiple values like this: <b>?image=n1x&image=n2&image=n3</b>.</p>
|
|
<div class="grid">
|
|
{% for n in range(count) %}
|
|
<div class="unit">
|
|
<img src="/125/125?image={{ n }}" alt="">
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</main>
|
|
<hr>
|
|
<footer role="contentinfo">
|
|
Also available as a <a href="/bookmarklet">Bookmarklet Service</a>.<br>
|
|
Source on <a href="https://github.com/madr/placeany">GitHub</a>.
|
|
</footer>
|
|
</body>
|
|
|
|
</html> |