Add stories filter form HTML

2 files changed, 44 insertions, 0 deletions

diff --git a/docs/stories.html b/docs/stories.html
index 487a9c9..e48400d 100644
--- a/docs/stories.html
+++ b/docs/stories.html
@@ -19,6 +19,30 @@
     </nav>
     <main>
         
+<div class="works-filter">
+    <form>
+        <label for="language">Language: </label>
+        <select name="language" id="language">
+            <option value="*">All</option>
+            
+            <option value="German">German</option>
+            
+            <option value="English">English</option>
+            
+        </select>
+        <label for="story_type">Story Type: </label>
+        <select name="story_type" id="story_type">
+            <option value="*">All</option>
+            
+            <option value="Shortstory">Shortstory</option>
+            
+            <option value="Screenplay">Screenplay</option>
+            
+        </select>
+        <input type="reset">
+        <input type="submit" value="Filter">
+    </form>
+</div>
 <div class="works">
     
         <a href=".&#x2F;stories&#x2F;mit_gutem_gewissen.pdf" style="background-image: url('./images/workcardimages/mit_gutem_gewissen_image.png');" class="work-card" download>
diff --git a/templates/stories.html b/templates/stories.html
index bc77644..e342c02 100644
--- a/templates/stories.html
+++ b/templates/stories.html
@@ -1,6 +1,26 @@
 {% extends "base.html" %}
 {% block title %}Stories{% endblock title %}
 {% block content %}
+<div class="works-filter">
+    <form>
+        <label for="language">Language: </label>
+        <select name="language" id="language">
+            <option value="*">All</option>
+            {% for work in works | unique(attribute="language") %}
+            <option value="{{work.language}}">{{work.language}}</option>
+            {% endfor %}
+        </select>
+        <label for="story_type">Story Type: </label>
+        <select name="story_type" id="story_type">
+            <option value="*">All</option>
+            {% for work in works | unique(attribute="story_type") %}
+            <option value="{{work.story_type}}">{{work.story_type}}</option>
+            {% endfor %}
+        </select>
+        <input type="reset">
+        <input type="submit" value="Filter">
+    </form>
+</div>
 <div class="works">
     {% for work in works %}
         <a href="{{work.path_to_document}}" style="background-image: url('./images/workcardimages/{{work.path_to_image}}');" class="work-card" download>