39 lines
918 B
HTML
39 lines
918 B
HTML
|
{% extends "base.html" %}
|
||
|
|
|
||
|
|
{% block content %}
|
||
|
|
<div class="form-wrapper">
|
||
|
|
<form
|
||
|
|
id="form"
|
||
|
|
hx-swap="outerHTML"
|
||
|
|
hx-post="/upload"
|
||
|
|
hx-encoding="multipart/form-data"
|
||
|
|
class="column-container"
|
||
|
|
>
|
||
|
|
<div class="cat-img-wrapper">
|
||
|
|
<img
|
||
|
|
class="cat-img"
|
||
|
|
src="https://api.thecatapi.com/v1/images/search?size=small&format=src"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<input
|
||
|
|
type="file"
|
||
|
|
id="file"
|
||
|
|
name="file"
|
||
|
|
data-multiple-caption="{count} files selected"
|
||
|
|
multiple
|
||
|
|
/>
|
||
|
|
<label for="file">Select Files</label>
|
||
|
|
|
||
|
|
<input type="submit" value="Get Link~" />
|
||
|
|
<p id="cat-fact">{{ fact }}</p>
|
||
|
|
<progress
|
||
|
|
id="progress"
|
||
|
|
class="htmx-indicator"
|
||
|
|
value="0"
|
||
|
|
max="100"
|
||
|
|
></progress>
|
||
|
|
</form>
|
||
|
|
<script src="/scripts/loading_progress.js"></script>
|
||
|
|
</div>
|
||
|
|
{% endblock content %}
|