summaryrefslogtreecommitdiff
path: root/templates
diff options
context:
space:
mode:
Diffstat (limited to 'templates')
-rw-r--r--templates/base.html29
-rw-r--r--templates/index.html40
2 files changed, 29 insertions, 40 deletions
diff --git a/templates/base.html b/templates/base.html
index 572e0dc..66b60d8 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -4,14 +4,25 @@
4 <title>mat2 - web edition</title> 4 <title>mat2 - web edition</title>
5 <link href="{{url_for('static', filename='raleway.woff2') }}" as="font" type="font/woff2" rel="preload"> 5 <link href="{{url_for('static', filename='raleway.woff2') }}" as="font" type="font/woff2" rel="preload">
6 <link rel="stylesheet" href="{{ url_for('static', filename='normalize.css') }}" type="text/css" /> 6 <link rel="stylesheet" href="{{ url_for('static', filename='normalize.css') }}" type="text/css" />
7 <link rel="stylesheet" href="{{ url_for('static', filename='skeleton.css') }}" type="text/css" /> 7 <link rel="stylesheet" href="{{ url_for('static', filename='uikit.min.css') }}" type="text/css" />
8 <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}" type="text/css" /> 8 <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}" type="text/css" />
9 <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.png') }}"> 9 <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.png') }}">
10 <script defer src="{{url_for('static', filename='script.js') }}"></script> 10 <script defer src="{{url_for('static', filename='script.js') }}"></script>
11 </head> 11 </head>
12 <body> 12 <body>
13 <div class="container"> 13 <header class="main-header">
14 <div class="row"> 14 <div class="uk-container">
15 <div class="row">
16 <div class="two-half column">
17 <a href='.' class="u-center-block">
18 <img class='logo' src="{{ url_for('static', filename='logo.png') }}" alt="mat2 logo"/>
19 </a>
20 </div>
21 </div>
22 </div>
23 </header>
24 <div class="uk-container uk-flex uk-flex-center">
25 <div class="row uk-flex uk-flex-center">
15 {% with messages = get_flashed_messages() %} 26 {% with messages = get_flashed_messages() %}
16 {% if messages %} 27 {% if messages %}
17 <ul class=flashes> 28 <ul class=flashes>
@@ -24,15 +35,9 @@
24 </div> 35 </div>
25 36
26 <section> 37 <section>
27 <div class="row"> 38 <div class="row uk-flex uk-flex-center">
28 <div class="four columns"> 39 {% block content %}{% endblock %}
29 <a href='.'> 40 </div>
30 <img class='u-max-full-width' src="{{ url_for('static', filename='logo.png') }}" alt="mat2 logo"/>
31 </a>
32 </div>
33 <div class="eight columns">
34 {% block content %}{% endblock %}
35 </div>
36 </section> 41 </section>
37 42
38 <footer> 43 <footer>
diff --git a/templates/index.html b/templates/index.html
index 1e44fd2..7f55283 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,31 +1,15 @@
1{% extends "base.html" %} 1{% extends "base.html" %}
2{% block content %} 2{% block content %}
3 3<div class="shadowed-box u-text-center u-center-block">
4<h2>ยป Remove metadata</h2> 4 <h2 class="uk-text-center">Remove metadata</h2>
5<p> 5 <p class="uk-text-center">
6 Upload your file (max size: {{ max_file_size }}MB), get a <em>cleaned</em> one in 6 The file you see is just the tip of the iceberg. Remove the hidden meta
7 response. 7 </p>
8 <br><br> 8 <form class="b" method=post enctype=multipart/form-data>
9 Please note that while we do not keep a copy of your file,<br> 9 <div class="uk-margin">
10 there is no way that you could be certain about this: act accordingly. 10 <input type="file" name=file id="upload_file" accept="{{ mimetypes | join(', ') }}">
11 <br><br> 11 <button class="uk-button uk-button-default" type="submit" value="Upload">Upload</button>
12 If you have the option, always run <a href="https://0xacab.org/jvoisin/mat2">mat2</a> 12 </div>
13 on your local device instead!<br> 13 </form>
14</p> 14</div>
15<details>
16 <summary>Click <span class='fakelink'>here</span> to see the supported formats</summary>
17 <ul>
18 {% for mimetype in mimetypes %}
19 <li>{{ mimetype }}</li>
20 {% endfor %}
21 </ul>
22</details>
23<br>
24<p>
25 Simply drag &amp; drop your file here or use the file select button below.
26</p>
27<form class='b' method=post enctype=multipart/form-data>
28 <input type=file name=file id="upload_file" accept="{{ mimetypes | join(', ') }}">
29 <input type=submit value=Upload>
30</form>
31{% endblock %} 15{% endblock %}