diff options
| author | jf | 2019-10-28 12:15:31 +0100 |
|---|---|---|
| committer | jf | 2019-10-28 12:15:31 +0100 |
| commit | 43f97e4f82e6b087289ce79f5380f5b716703e8f (patch) | |
| tree | 85cae7d9ce0d0e66015889154ddbaac673447e58 /templates | |
| parent | 05d40216ee96649038f465ae2f28ac7ba28c5048 (diff) | |
save wip
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/base.html | 29 | ||||
| -rw-r--r-- | templates/index.html | 40 |
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 & 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 %} |
