summaryrefslogtreecommitdiff
path: root/templates/index.html
diff options
context:
space:
mode:
authorJfriedli2021-03-18 10:38:18 +0100
committerJfriedli2021-03-18 10:38:18 +0100
commit7f253f71866a35a4c681a9ac37109d0ea4ab3d0e (patch)
tree8f3dd049d4d75db00832017403cd7a0fc78f7616 /templates/index.html
parent170d77b3ecb2d0c5c35263a2f5598002af599a43 (diff)
started restyling
Diffstat (limited to 'templates/index.html')
-rw-r--r--templates/index.html39
1 files changed, 20 insertions, 19 deletions
diff --git a/templates/index.html b/templates/index.html
index f92ef69..008f5f3 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,25 +1,26 @@
1{% extends "base.html" %} 1{% extends "base.html" %}
2{% block content %} 2{% block content %}
3 <div class="shadowed-box u-text-center u-center-block"> 3 <div class="flex justify-center">
4 <h2 class="uk-text-center">Remove metadata</h2> 4 <div class="max-w-lg rounded overflow-hidden shadow-lg pb-4">
5 <p class="uk-text-center"> 5 <div class="px-6 py-4">
6 The file you see is just the tip of the iceberg. Remove the hidden metadata. 6 <div class="font-bold text-xl mb-2">Remove Metadata</div>
7 </p> 7 <p class="text-gray-700 text-base">
8 <div class="uk-flex uk-flex-center"> 8 The file you see is just the tip of the iceberg. Remove the hidden metadata.
9 <div> 9 </p>
10 <form method=post enctype=multipart/form-data> 10 </div>
11 <div class="uk-margin"> 11 <div class="px-6 pt-4 pb-2 grid grid-rows-1">
12 <input type="file" name=file id="upload_file" accept="{{ mimetypes | join(', ') }}"> 12 <form method="post" enctype="multipart/form-data" class="grid grid-rows-1">
13 <button class="uk-button uk-button-primary" type="submit" value="Upload">Upload</button> 13 <input type="file" name="file" id="upload_file" accept="{{ mimetypes | join(', ') }}">
14 </div> 14 <button class="mt-4 bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded" type="submit" value="Upload">Remove Metadata</button>
15 </form> 15 </form>
16 </div> 16 </div>
17 </div> 17 </div>
18 <a href="/info" role="link" class="">
19 <span class="info-link">
20 ?
21 </span>
22 </a>
23
24 </div> 18 </div>
19 <button
20 class="p-0 w-10 h-10 absolute sm:bottom-8 md:bottom-16 sm:right-8 md:right-16 bg-blue-300 hover:bg-blue-400 rounded-full active:shadow-lg mouse shadow transition ease-in duration-200 focus:outline-none"
21 >
22 <a href="/info" role="link" class="w-6 h-6 text-white inline-block font-bold">
23 ?
24 </a>
25 </button>
25{% endblock %} 26{% endblock %}