mirror of
https://0xacab.org/jvoisin/mat2-web.git
synced 2025-07-24 23:15:17 -04:00
full redesign
This commit is contained in:
Jan Friedli
parent
5723f889e1
commit
8a45eb2f53
5 changed files with 121 additions and 80 deletions
|
|
@ -21,8 +21,6 @@
|
|||
|
||||
footer {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
height: 1%;
|
||||
text-align: center;
|
||||
}
|
||||
|
|
@ -78,4 +76,5 @@ details[open] > summary:before {
|
|||
padding: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
border-radius: 3px;
|
||||
width: 50vw;
|
||||
}
|
||||
Binary file not shown.
|
|
@ -1,48 +1,54 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>mat2 - web edition</title>
|
||||
<link href="{{url_for('static', filename='raleway.woff2') }}" as="font" type="font/woff2" rel="preload">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='normalize.css') }}" type="text/css" />
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='uikit.min.css') }}" type="text/css" />
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}" type="text/css" />
|
||||
<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.png') }}">
|
||||
<script defer src="{{url_for('static', filename='script.js') }}"></script>
|
||||
</head>
|
||||
<body>
|
||||
<head>
|
||||
<title>MAT2</title>
|
||||
<link href="{{ url_for('static', filename='raleway.woff2') }}" as="font" type="font/woff2" rel="preload">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='normalize.css') }}" type="text/css"/>
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='uikit.min.css') }}" type="text/css"/>
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}" type="text/css"/>
|
||||
<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.png') }}">
|
||||
<script defer src="{{ url_for('static', filename='script.js') }}"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header class="main-header">
|
||||
<div class="uk-container">
|
||||
<div class="row">
|
||||
<div class="two-half column">
|
||||
<a href='.' class="u-center-block">
|
||||
<img class='logo' src="{{ url_for('static', filename='logo.png') }}" alt="mat2 logo"/>
|
||||
</a>
|
||||
<div class="row">
|
||||
<div class="two-half column">
|
||||
<a href='.' class="u-center-block">
|
||||
<img class='logo' src="{{ url_for('static', filename='logo.png') }}" alt="mat2 logo"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="uk-container uk-flex uk-flex-center">
|
||||
<div class="row uk-flex uk-flex-center">
|
||||
{% with messages = get_flashed_messages() %}
|
||||
{% if messages %}
|
||||
<ul class=flashes>
|
||||
{% for message in messages %}
|
||||
<li>{{ message }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
{% endwith %}
|
||||
</div>
|
||||
|
||||
<section>
|
||||
<div class="row uk-flex uk-flex-center">
|
||||
{% block content %}{% endblock %}
|
||||
</div>
|
||||
</section>
|
||||
<div class="uk-flex uk-flex-center">
|
||||
<div>
|
||||
{% with messages = get_flashed_messages() %}
|
||||
{% if messages %}
|
||||
{% for message in messages %}
|
||||
<div class="uk-alert uk-alert-danger">
|
||||
<p>
|
||||
{{ message }}
|
||||
</p>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% endwith %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
© <a href='https://dustri.org'>jvoisin</a> -
|
||||
<a href='https://0xacab.org/jvoisin/mat2-web'>source</a> -
|
||||
♥
|
||||
</footer>
|
||||
</body>
|
||||
<div class="uk-container uk-flex uk-flex-center">
|
||||
<section>
|
||||
<div class="row uk-flex uk-flex-center">
|
||||
{% block content %}{% endblock %}
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
© <a href='https://dustri.org'>jvoisin</a> -
|
||||
<a href='https://0xacab.org/jvoisin/mat2-web'>source</a> -
|
||||
♥
|
||||
</footer>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -1,37 +1,69 @@
|
|||
{% extends "base.html" %}
|
||||
|
||||
{% block content %}
|
||||
<h2>» Metadata removed</h2>
|
||||
<p>
|
||||
{% if not meta_after %}
|
||||
mat2 managed to remove <b>all metadata</b> from <pre>{{ filename }}</pre>.
|
||||
{% else %}
|
||||
mat2 <b>could not</b> remove all the metadata from <pre>{{ filename }}</pre>, those are the remaining ones:
|
||||
<ul>
|
||||
{% for key, value in meta_after.items() %}
|
||||
<li> <b>{{ key }}</b>: {{ value }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{%endif %}
|
||||
</p>
|
||||
<a class="button button-primary" href='{{ url_for('download_file', key=key, filename=filename) }}'>⇩ Download cleaned file</a>
|
||||
<div class="shadowed-box u-text-center u-center-block">
|
||||
<h2 class="uk-text-center">Metadata removed</h2>
|
||||
{% if not meta_after %}
|
||||
<p class="uk-text-center">
|
||||
Successfully removed the metadata
|
||||
</p>
|
||||
{% endif %}
|
||||
<div class="uk-flex uk-flex-center">
|
||||
<div>
|
||||
<a class="uk-flex-1" href='{{ url_for('download_file', key=key, filename=filename) }}'>
|
||||
<button class="uk-button uk-button-primary">
|
||||
⇩ download cleaned file
|
||||
</button>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr/>
|
||||
|
||||
{% if meta %}
|
||||
<p>Just for fun, those are the metadata that mat2 detected in your file, before cleanup.</p>
|
||||
<div class='b'>
|
||||
<ul>
|
||||
{% for key, value in meta.items() %}
|
||||
<li>{{ key }}: <i>{{ value }}</i></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% else %}
|
||||
<p>Not a single metadata was found by mat2, odds are that your file was already clean!</p>
|
||||
{% endif %}
|
||||
<p>
|
||||
{% if meta_after %}
|
||||
<div class="uk-alert uk-alert-warning" uk-alert>
|
||||
<p>
|
||||
<b>Could not</b> remove all the metadata
|
||||
</p>
|
||||
</div>
|
||||
<h3>
|
||||
Remaining Metadata
|
||||
</h3>
|
||||
<dl class="uk-description-list uk-description-list-divider">
|
||||
{% for key, value in meta_after.items() %}
|
||||
<dt>
|
||||
{{ key }}
|
||||
</dt>
|
||||
<dd>
|
||||
{{ value }}
|
||||
</dd>
|
||||
{% endfor %}
|
||||
</dl>
|
||||
{% endif %}
|
||||
</p>
|
||||
|
||||
<hr/>
|
||||
{% if meta %}
|
||||
<h3>
|
||||
Removed Metadata
|
||||
</h3>
|
||||
<dl class="uk-description-list uk-description-list-divider">
|
||||
{% for key, value in meta.items() %}
|
||||
<dt>
|
||||
{{ key }}
|
||||
</dt>
|
||||
<dd>
|
||||
{{ value }}
|
||||
</dd>
|
||||
{% endfor %}
|
||||
</dl>
|
||||
{% else %}
|
||||
<div class="uk-alert uk-alert-success">
|
||||
<p>
|
||||
Not a single metadata was found, odds are that your file was already clean!
|
||||
</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,15 +1,19 @@
|
|||
{% extends "base.html" %}
|
||||
{% block content %}
|
||||
<div class="shadowed-box u-text-center u-center-block">
|
||||
<h2 class="uk-text-center">Remove metadata</h2>
|
||||
<p class="uk-text-center">
|
||||
The file you see is just the tip of the iceberg. Remove the hidden meta
|
||||
</p>
|
||||
<form class="b" method=post enctype=multipart/form-data>
|
||||
<div class="uk-margin">
|
||||
<input type="file" name=file id="upload_file" accept="{{ mimetypes | join(', ') }}">
|
||||
<button class="uk-button uk-button-default" type="submit" value="Upload">Upload</button>
|
||||
<div class="shadowed-box u-text-center u-center-block">
|
||||
<h2 class="uk-text-center">Remove metadata</h2>
|
||||
<p class="uk-text-center">
|
||||
The file you see is just the tip of the iceberg. Remove the hidden meta
|
||||
</p>
|
||||
<div class="uk-flex uk-flex-center">
|
||||
<div>
|
||||
<form method=post enctype=multipart/form-data>
|
||||
<div class="uk-margin">
|
||||
<input type="file" name=file id="upload_file" accept="{{ mimetypes | join(', ') }}">
|
||||
<button class="uk-button uk-button-default" type="submit" value="Upload">Upload</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue