Add pages for every story

3 files changed, 8 insertions, 2 deletions

diff --git a/templates/base.html b/templates/base.html
index 43117c3..ea8e04f 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -5,7 +5,7 @@
     <title>{% block title %}{% endblock title %} - Vithuran Vishnuthas</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="./style.css">
+    <link rel="stylesheet" href="style.css">
     <link rel="icon" href="data:,">
 </head>
 
diff --git a/templates/stories.html b/templates/stories.html
index 07ebb40..a9efdb3 100644
--- a/templates/stories.html
+++ b/templates/stories.html
@@ -18,7 +18,7 @@ Despite my linguistic difficulties to express myself, my love for story telling
 </div>
 <div class="works">
     {% for work in works | sort(attribute="last_update") | reverse %}
-        <a href="{{work.path_to_document}}" class="work-card card" download>
+        <a href="./stories/{{work.path_to_document | replace(from='pdf', to='html')}}" class="work-card card">
             <div class="title-and-description">
                 <h3>{{work.title}}</h3>
                 <p>{{work.description}}</p>
diff --git a/templates/story.html b/templates/story.html
new file mode 100644
index 0000000..0314629
--- /dev/null
+++ b/templates/story.html
@@ -0,0 +1,6 @@
+{% extends "base.html" %}
+{% block title %}{{story.title}}{% endblock title %}
+{% block content %}
+    <h2>{{story.title}}</h2>
+    <a href="{{story.path_to_document}}" download>Download PDF</a>
+{% endblock content %}