Update file system and add download link for epub

frustratedcat · Oct 9, 2024 · 784f472 · 784f472
1 parent d2a4bc7
commit 784f472
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 7 deletions.
diff --git a/pages/fiction/fiction.html b/pages/fiction/fiction.html
@@ -6,10 +6,6 @@
     <title>Stories</title>
     <link rel="stylesheet" href="../../style.css" />
     <script src="../../script.js" defer></script>
-    <script
-      src="https://kit.fontawesome.com/0b64f17ecf.js"
-      crossorigin="anonymous"
-    ></script>
   </head>
   <body>
     <main class="fiction-article-container">
@@ -22,7 +18,9 @@ <h1>Fiction</h1>
         eventually turn into one with links to published works.
       </p>
       <article class="stories-container">
-        <a href="./stories/the-wood-cutter.html" class="cover-image-container"
+        <a
+          href="./stories/the-wood-cutter/the-wood-cutter.html"
+          class="cover-image-container"
           ><img
             class="story-cover-image"
             src="../../assets/the-wood-cutter-cover.jpg"

diff --git a/pages/fiction/stories/the-wood-cutter/Wood Cutter, The - Jared Brown.epub b/pages/fiction/stories/the-wood-cutter/Wood Cutter, The - Jared Brown.epub
diff --git a/pages/fiction/stories/the-wood-cutter.html → ...ries/the-wood-cutter/the-wood-cutter.html b/pages/fiction/stories/the-wood-cutter.html → ...ries/the-wood-cutter/the-wood-cutter.html
@@ -4,17 +4,23 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>The Wood Cutter</title>
-    <link rel="stylesheet" href="../../../style.css" />
+    <link rel="stylesheet" href="../../../../style.css" />
   </head>
   <body>
     <main class="fiction-article-container">
       <header class="story-header">
-        <a href="../fiction.html">Stories</a>
+        <a href="../../fiction.html">Stories</a>
         <div class="story-heading-container">
           <h1>The Wood Cutter</h1>
           <h2>By Jared Brown</h2>
         </div>
       </header>
+      <a
+        class="download-file"
+        href="./Wood Cutter, The - Jared Brown.epub"
+        download
+        >Download Epub</a
+      >
       <p class="fiction-article-description">
         The dimming sunlight left the forest hidden in darkness as the sound of
         an ax splitting logs echoed throughout the ravine. The boy and his

diff --git a/style.css b/style.css
@@ -138,6 +138,10 @@ ul {
   line-height: 2;
 }
 
+.download-file {
+  margin-top: 30px;
+}
+
 @media (max-width: 900px) {
   .fiction-article-description {
     margin-left: 30px;