mirror of
https://0xacab.org/jvoisin/mat2-web.git
synced 2025-05-18 06:00:44 -04:00
save wip
This commit is contained in:
parent
05d40216ee
commit
43f97e4f82
5 changed files with 53 additions and 45 deletions
|
@ -14,11 +14,6 @@
|
||||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.container {
|
|
||||||
margin-top: 18rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flashes {
|
.flashes {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border: 1px solid #1EAEDB;
|
border: 1px solid #1EAEDB;
|
||||||
|
@ -61,3 +56,26 @@ details[open] > summary:before {
|
||||||
.hover {
|
.hover {
|
||||||
background-color: #f1f1f1;
|
background-color: #f1f1f1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.main-header {
|
||||||
|
background: #f4f7fb;
|
||||||
|
width: 100%;
|
||||||
|
height: 5rem;
|
||||||
|
margin-bottom: 5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
margin-top: 2rem;
|
||||||
|
height: 7rem;
|
||||||
|
display: block;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
width: 7rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.shadowed-box {
|
||||||
|
box-shadow: 0 0 7px 1px rgba(223,215,215,0.75);
|
||||||
|
padding: 1rem;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
BIN
static/uikit-3.2.2.zip
Normal file
BIN
static/uikit-3.2.2.zip
Normal file
Binary file not shown.
1
static/uikit.min.css
vendored
Normal file
1
static/uikit.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
|
@ -4,14 +4,25 @@
|
||||||
<title>mat2 - web edition</title>
|
<title>mat2 - web edition</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='skeleton.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>
|
||||||
<div class="container">
|
<header class="main-header">
|
||||||
|
<div class="uk-container">
|
||||||
<div class="row">
|
<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>
|
||||||
|
</header>
|
||||||
|
<div class="uk-container uk-flex uk-flex-center">
|
||||||
|
<div class="row uk-flex uk-flex-center">
|
||||||
{% with messages = get_flashed_messages() %}
|
{% with messages = get_flashed_messages() %}
|
||||||
{% if messages %}
|
{% if messages %}
|
||||||
<ul class=flashes>
|
<ul class=flashes>
|
||||||
|
@ -24,13 +35,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
<div class="row">
|
<div class="row uk-flex uk-flex-center">
|
||||||
<div class="four columns">
|
|
||||||
<a href='.'>
|
|
||||||
<img class='u-max-full-width' src="{{ url_for('static', filename='logo.png') }}" alt="mat2 logo"/>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="eight columns">
|
|
||||||
{% block content %}{% endblock %}
|
{% block content %}{% endblock %}
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
|
@ -1,31 +1,15 @@
|
||||||
{% extends "base.html" %}
|
{% extends "base.html" %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
<div class="shadowed-box u-text-center u-center-block">
|
||||||
<h2>» Remove metadata</h2>
|
<h2 class="uk-text-center">Remove metadata</h2>
|
||||||
<p>
|
<p class="uk-text-center">
|
||||||
Upload your file (max size: {{ max_file_size }}MB), get a <em>cleaned</em> one in
|
The file you see is just the tip of the iceberg. Remove the hidden meta
|
||||||
response.
|
|
||||||
<br><br>
|
|
||||||
Please note that while we do not keep a copy of your file,<br>
|
|
||||||
there is no way that you could be certain about this: act accordingly.
|
|
||||||
<br><br>
|
|
||||||
If you have the option, always run <a href="https://0xacab.org/jvoisin/mat2">mat2</a>
|
|
||||||
on your local device instead!<br>
|
|
||||||
</p>
|
</p>
|
||||||
<details>
|
<form class="b" method=post enctype=multipart/form-data>
|
||||||
<summary>Click <span class='fakelink'>here</span> to see the supported formats</summary>
|
<div class="uk-margin">
|
||||||
<ul>
|
<input type="file" name=file id="upload_file" accept="{{ mimetypes | join(', ') }}">
|
||||||
{% for mimetype in mimetypes %}
|
<button class="uk-button uk-button-default" type="submit" value="Upload">Upload</button>
|
||||||
<li>{{ mimetype }}</li>
|
</div>
|
||||||
{% endfor %}
|
|
||||||
</ul>
|
|
||||||
</details>
|
|
||||||
<br>
|
|
||||||
<p>
|
|
||||||
Simply drag & drop your file here or use the file select button below.
|
|
||||||
</p>
|
|
||||||
<form class='b' method=post enctype=multipart/form-data>
|
|
||||||
<input type=file name=file id="upload_file" accept="{{ mimetypes | join(', ') }}">
|
|
||||||
<input type=submit value=Upload>
|
|
||||||
</form>
|
</form>
|
||||||
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue