feat: Add of the 'Privacy Policy' and 'Terms & Conditions' inner page

Author: LucioFex

package.json

@@ -1,6 +1,6 @@
 {
   "name": "Bookffee",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Bookffee is a website to search for books, which allows you to know their prices and synopses, as well as being able to filter them by genre, popularity and date.",
   "main": "app.js",
   "scripts": {

public/css/legal-pages.css

@@ -0,0 +1,13 @@
+#main-section {
+    color: #fafafa;
+}
+
+#main-section a {
+    color: #eeb842;
+    transition: color 0.25s ease-in-out !important;
+}
+
+#main-section a:hover {
+    color: #ffcb5c;
+}
+

readme.md

@@ -43,7 +43,7 @@ the opening of an issue to check the change you want to make.
 
 ## Project Status:
 
-### `Version: 1.0.0` | `Still in Development`
+### `Version: 1.1.0`
 <!-- <h3><i>You can access Bookffee by clicking <a href="" target="_blank">here</a>.</i></h3> -->
 
 ## License

routes/index.js

@@ -103,6 +103,20 @@ router.get('/books', async (req, res) => { // Book details route
     } catch (err) { res.status(404).render('page-not-found'); }
 });
 
+router.get('/terms-conditions', async (req, res) => { // Terms & Conditions route
+    try {
+        res.render('terms-conditions', { sectionTitle: 'Terms & Conditions' });
+        // In case there's an error, redirect the user to the 404 error page
+    } catch (err) { res.status(404).render('page-not-found'); }
+});
+
+router.get('/privacy-policy', async (req, res) => { // Privacy Policy route
+    try {
+        res.render('privacy-policy', { sectionTitle: 'Privacy Policy' });
+        // In case there's an error, redirect the user to the 404 error page
+    } catch (err) { res.status(404).render('page-not-found'); }
+});
+
 router.post('/search', (req, res) => {
     // Action after the user inputs a book name in the page's searcher
     const { q: search } = req.body;

views/book-details.ejs

@@ -1,5 +1,5 @@
 <%- include( 'templates/head' , { home: '' , categories: '' , popular: '' ,
-    recent: '' , pageStyle: 'css/book-details.css' }) %>
+    pageStyle: 'css/book-details.css' }) %>
 
     <div class="mb-5">
         <section class="container-fluid row justify-content-center banner">
@@ -16,7 +16,7 @@
                         <div class="row d-table ms-4 mt-5">
                             <div class="col-md-auto">
                                 <% if (typeof(bookInfo.volumeInfo.authors) === 'object') { %>
-                                    <h3><i class="main-data">Author:</i>&nbsp; <%= bookInfo.volumeInfo.authors[0] %>, and others</h3>
+                                    <h3><i class="main-data">Author:</i>&nbsp; <%= bookInfo.volumeInfo.authors[0] %></h3>
                                 <% } else if (typeof(bookInfo.volumeInfo.authors) !== 'object') { %>
                                     <h3><i class="main-data">Author:</i>&nbsp; <%= bookInfo.volumeInfo.authors %></h3>
                                 <% } %>

views/books-section.ejs

@@ -1,5 +1,5 @@
 <%- include( 'templates/head' , { home: navbarHome , categories:
-    navbarCategories , popular: navbarPopular, recent: '' ,
+    navbarCategories , popular: navbarPopular,
     pageStyle: 'css/books-section.css' }) %>
 
     <div class='container-md'>

views/page-not-found.ejs

@@ -1,10 +1,4 @@
-<%- include('templates/head', {
-    sectionTitle: "Page not Found (404)",
-    home: "",
-    categories: "",
-    popular: "",
-    recent: "",
-        pageStyle: "css/pageNotFound.css"
-    }) %>
+<%- include('templates/head', { sectionTitle: "Page not Found (404)" , home: ""
+    , categories: "" , popular: "" , pageStyle: "css/pageNotFound.css" }) %>
 
     <%- include("templates/footer") %>

views/privacy-policy.ejs

@@ -15,8 +15,8 @@
                     <h2>Get Help</h2>
                     <ul class="list-unstyled footer-link footer-text">
                         <li><a href="https://github.com/LucioFex/Bookffee">GitHub Repository</a></li>
-                        <li><a href="https://www.termsfeed.com/live/9536373f-6d92-48e8-8302-d110eb779777">Terms &amp; Conditions</a></li>
-                        <li><a href="https://www.termsfeed.com/live/5183445b-0ed9-4583-8f72-45caff7059f8">Privacy Policy</a></li>
+                        <li><a href="/terms-conditions">Terms &amp; Conditions</a></li>
+                        <li><a href="/privacy-policy">Privacy Policy</a></li>
                     </ul>
                 </div>
                 <div class="col-md-3 mb-5">

views/templates/footer.ejs

@@ -72,7 +72,7 @@
         </div>
     </nav>
 
-    <% if (sectionTitle) { %>
+    <% if (sectionTitle && !["Terms & Conditions", "Privacy Policy"].includes(sectionTitle)) { %>
         <div class="container-md">
             <div id="page-title"
                 class="my-5 pb-3 text-center text-white border-bottom border-1 border-secondary">