Add styling and content

1 files changed, 13 insertions, 2 deletions

diff --git a/templates/stories.html b/templates/stories.html
index 34384a3..4c1267b 100644
--- a/templates/stories.html
+++ b/templates/stories.html
@@ -2,7 +2,18 @@
 {% block title %}Stories{% endblock title %}
 {% block content %}
 {% for work in works %}
-    {{work.title}}
-    {{work.description}}
+<a href="{{work.path_to_document}}" style="background-image: url('{{work.path_to_image}}');" class="work-card" download>
+    <!--<article class="story-section" style="background-image: url('{{work.path_to_image}}');">-->
+            <div class="title-and-description">
+                <h3>{{work.title}}</h3>
+                <p>{{work.description}}</p>
+            </div>
+            <div class="info">
+                <span>{{work.number_of_pages}} Pages</span>
+                <span>{{work.language}}</span>
+                <span>{{work.story_type}}</span>
+            </div>
+            <!--</article>-->
+</a>
 {% endfor %}
 {% endblock content %}