Add a way to display the supported fileformats

3 files changed, 29 insertions, 4 deletions

diff --git a/main.py b/main.py
index b435334..82a6442 100644
--- a/main.py
+++ b/main.py
@@ -42,7 +42,6 @@ def upload_file():
     mimetypes = set()
     for parser in parser_factory._get_parsers():
         mimetypes = mimetypes | parser.mimetypes
-    mimetypes = ', '.join(mimetypes)
 
     if request.method == 'POST':
         if 'file' not in request.files: # check if the post request has the file part
diff --git a/static/style.css b/static/style.css
index 5f854a4..0d78cbd 100644
--- a/static/style.css
+++ b/static/style.css
@@ -39,3 +39,21 @@ a {
 a:hover {
         text-decoration: underline;
 }
+
+li {
+        margin-bottom: 0;
+}
+
+details > summary:before {
+        content: "▶ ";
+}
+details[open] > summary:before {
+        content: "▼ ";
+}
+
+.fakelink {
+        color: #1EAEDB;
+}
+.fakelink:hover {
+        text-decoration: underline;
+}
diff --git a/templates/index.html b/templates/index.html
index 1e05c82..e9aea92 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -3,14 +3,22 @@
 
 <h2>» Remove metadata</h2>
 <p>
-Upload your image, get a <em>cleaned</em> one in response.<br>
-        <br>
+        Upload your file, get a <em>cleaned</em> one in response.
+        <br><br>
         Please note that while we do not keep a copy of your image,<br>
         there is no way that you could be certain about this: act accordingly.
 </p>
+<details>
+        <summary>Click <span class='fakelink'>here</span> so see the supported formats</summary>
+        <ul>
+                {% for mimetype in mimetypes %}
+                <li>{{ mimetype }}</li>
+                {% endfor %}
+        </ul>
+</details>
 <br>
 <form class='b' method=post enctype=multipart/form-data>
-        <input type=file name=file id="upload_file" accept="{{ mimetypes }}">
+        <input type=file name=file id="upload_file" accept="{{ mimetypes |  join(', ') }}">
         <input type=submit value=Upload>
 </form>
 {% endblock %}