From fc6f793d007b3b24fa97069fc0caf12bcf8eac60 Mon Sep 17 00:00:00 2001
From: WriterV2 <primary-v2@protonmail.com>
Date: Fri, 4 Nov 2022 14:30:22 +0100
Subject: Add styling and content

---
 templates/base.html    | 15 ++++++++++++++-
 templates/index.html   |  2 +-
 templates/stories.html | 15 +++++++++++++--
 3 files changed, 28 insertions(+), 4 deletions(-)

(limited to 'templates')

diff --git a/templates/base.html b/templates/base.html
index 4904cef..f0e855a 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -9,7 +9,20 @@
 </head>
 
 <body>
-    {% block content %} {% endblock content%}
+    <header>
+        <u><h1><a href="./index.html">Writer V2</a></h1></u>
+        Vithuran Vishnuthas
+    </header>
+    <nav>
+            <a href="./index.html">Home</a>
+            <a href="./stories.html">Stories</a>
+    </nav>
+    <main>
+        {% block content %} {% endblock content%}
+    </main>
+    <footer>
+        Vithuran Vishnuthas &copy; 2022
+    </footer>
 </body>
 
 </html>
diff --git a/templates/index.html b/templates/index.html
index f4f49ab..389a285 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,5 +1,5 @@
 {% extends "base.html" %}
 {% block title %}Home{% endblock title %}
 {% block content %}
-<h1>Home</h1>
+<h2>Home</h1>
 {% endblock content %}
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 %}
-- 
cgit v1.2.3