diff options
author | altaf-creator <64111012+altaf-creator@users.noreply.github.com> | 2023-05-09 21:52:30 +0700 |
---|---|---|
committer | altaf-creator <64111012+altaf-creator@users.noreply.github.com> | 2023-05-09 21:52:30 +0700 |
commit | 6cfb9278c10f0fae4709930161f70f902cc1c17a (patch) | |
tree | 8da5e004504aef6d06925c0b6eec6fa24ddb92d8 /src/sura.html | |
parent | d19c1cbfd7930bc1f8bd6e9317e5f31d1d5c9213 (diff) |
New sidebar, sura.html improvements
Diffstat (limited to 'src/sura.html')
-rw-r--r-- | src/sura.html | 15 |
1 files changed, 10 insertions, 5 deletions
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"> |