From 6cfb9278c10f0fae4709930161f70f902cc1c17a Mon Sep 17 00:00:00 2001
From: altaf-creator <64111012+altaf-creator@users.noreply.github.com>
Date: Tue, 9 May 2023 21:52:30 +0700
Subject: New sidebar, sura.html improvements

---
 src/sura.html | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

(limited to 'src/sura.html')

diff --git a/src/sura.html b/src/sura.html
index e90d78a..b003f75 100644
--- a/src/sura.html
+++ b/src/sura.html
@@ -49,6 +49,11 @@
         </div>
     </div>
     <div id="main-container">
+        <div class="main-sidebar" style="border-right: solid 1.5px rgba(0, 0, 0, 0.1); ">
+            <a href="./" class="sidebar-buttons" id="openquran-home"><i class="fa-solid fa-house"></i></a>
+            <a href="sura.html" class="sidebar-buttons"><i class="fa-solid fa-quran"></i></a>
+            <a href="attribution.html" class="sidebar-buttons"><i class="fa-solid fa-scroll"></i></a>
+        </div>
         <div class="sidebar">
             <div class="scroll scroll-auto" id="scroll-sura">
                 <div class="dropdown" tabindex="0" id="dropdown">
@@ -58,9 +63,9 @@
                                 class="fa-solid fa-angle-down"></i></span>
                     </div>
                     <div class="dropdown-content">
-                        <a href="#" class="dropdown-item"
+                        <a href="javascript:void(0);" class="dropdown-item"
                             onclick="changeDropdownName(`dropdown-content`, `English`); changeLang(0);">English</a>
-                        <a href="#" class="dropdown-item"
+                        <a href="javascript:void(0);" class="dropdown-item"
                             onclick="changeDropdownName(`dropdown-content`, `Indonesia`); changeLang(1);">Indonesia</a>
                     </div>
                 </div>
@@ -82,13 +87,13 @@
                                 class="fa-solid fa-angle-down"></i></span>
                     </div>
                     <div class="dropdown-content" style="width: calc(100% - 85px);">
-                        <a href="#" class="dropdown-item"
+                        <a href="javascript:void(0);" class="dropdown-item"
                             onclick="changeDropdownName(`dropdown-content-alternate`, `English`); changeLang(0);">English</a>
-                        <a href="#" class="dropdown-item"
+                        <a href="javascript:void(0);" class="dropdown-item"
                             onclick="changeDropdownName(`dropdown-content-alternate`, `Indonesia`); changeLang(1);">Indonesia</a>
                     </div>
                 </div>
-                <h1 id="header" class="title">Choose a sura</h1>
+                <h1 id="header" class="title">Loading...</h1>
                 <h3 id="subheader" class="subtitle"></h3>
                 <div id="main">
 
-- 
cgit v1.2.3