Merge pull request #163 from Hrishit-B/hrishit-dev

help/faq link fixed

Author: samipak458

index.html

@@ -243,6 +243,7 @@ <h5 id="emptyMsg" class="mb-5 text-center p-3"></h5>
             <button type="button" id="clear" class="btn px-3 mb-2 btn-danger float-right">Clear Shelf</button>
         </div>
     </div>
+    <div id="faq-section" class="p-1"></div>
     <div class="containerFluid">
         <h2 class="faq">Frequently Asked Questions (FAQs)</h2>
         <div class="accordion">
@@ -356,7 +357,7 @@ <h4>About</h4>
         <div class="footer-col">
             <h4>Supports</h4>
             <ul class="no-bullets p-0">
-                <li><a href="#">Help / FAQ</a></li>
+                <li><a href="#faq-section">Help / FAQ</a></li>
                 <li><a href="#">Accessibility</a></li>
                 <li><a href="#">Publisher</a></li>
             </ul>

script.js

@@ -248,12 +248,12 @@ function displayBooks() {
            <td class="edition">${books.bookedition}</td>
            <td class="publicationdate">${books.bookpublication}</td>
            <td class="type">${
-             books.readStatus 
-             ? `<label class="switch">
+             books.readStatus
+               ? `<label class="switch">
                   <input type="checkbox" checked disabled>
                   <span class="slider round"></span>
-            </label>`  
-            : `<label class="switch">
+            </label>`
+               : `<label class="switch">
                   <input type="checkbox" disabled>
                   <span class="slider round"></span>
             </label>`
@@ -287,11 +287,11 @@ function displayBooks() {
            <td class="publicationdate">${books.bookpublication}</td>
            <td class="type">${
              books.readStatus
-             ? `<label class="switch">
+               ? `<label class="switch">
                       <input type="checkbox" checked disabled>
                       <span class="slider round"></span>
                 </label>`
-             : `<label class="switch">
+               : `<label class="switch">
                       <input type="checkbox" disabled>
                       <span class="slider round"></span>
                 </label>`
@@ -633,17 +633,16 @@ var head1 = document.getElementById("subHead1");
 var head2 = document.getElementById("subHead2");
 var tables = document.getElementsByTagName("table");
 
-icon.onclick = ()=>{
+icon.onclick = () => {
   document.body.classList.toggle("dark-theme");
-  if(document.body.classList == "dark-theme"){
+  if (document.body.classList == "dark-theme") {
     icon.innerHTML = `<i class='fas fa-sun'></i>`;
     head1.style.color = "white";
     head2.style.color = "white";
     for (let i = 0; i < tables.length; i++) {
       tables[i].style.color = "white";
     }
-  }
-  else{
+  } else {
     icon.innerHTML = `<i class='fas fa-moon'></i>`;
     head1.style.color = "black";
     head2.style.color = "black";
@@ -652,7 +651,7 @@ icon.onclick = ()=>{
     }
   }
   console.log(document.body.classList);
-}
+};
 var acc = document.getElementsByClassName("accordion");
 var i;
 var len = acc.length;

style.css

@@ -399,6 +399,7 @@ h2 {
 .no-bullets {
   list-style: none;
 }
+
 .containerFluid {
   width: 75%;
   margin: 0 auto;