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