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/attribution.html | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

(limited to 'src/attribution.html')

diff --git a/src/attribution.html b/src/attribution.html
index 7f7c45a..19493ea 100644
--- a/src/attribution.html
+++ b/src/attribution.html
@@ -27,15 +27,16 @@
             try {
                 process.versions['electron'];
                 var windowBtns = document.getElementsByClassName('window-button-container');
-                
+
                 for (var i = 0; i < windowBtns.length; i++) {
                     windowBtns[i].style.display = 'grid';
                 }
 
                 document.getElementById('openquran-link').href = 'index.html'
+                document.getElementById('openquran-home').href = 'index.html'
             } catch {
                 var windowBtns = document.getElementsByClassName('window-button-container');
-                
+
                 for (var i = 0; i < windowBtns.length; i++) {
                     windowBtns[i].style.display = 'none';
                 }
@@ -68,24 +69,36 @@
         </div>
     </div>
     <div id="main-container">
-        <div class="main height-no-scroll" style="margin-left: 0; border-radius: 0;">
+        <div class="main-sidebar">
+            <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="main height-no-scroll" style="margin-left: 60px;">
             <div class="scroll main-content-padding">
                 <div style="max-width: 1200px; margin-left: auto; margin-right: auto;">
                     <h1 id="header" class="title" style="text-align: center;">Credits & Attribution</h1>
                     <hr style="margin-top: 20px; height: 2px; background-color: black; border: none;">
                     <br>
-                    <a href="https://github.com/altaf-creator/OpenQuran" target=_blank class="link" style="text-align: center; width: 100%; display: inline-block;"><i class="fa-brands fa-github"></i> GitHub</a>
+                    <a href="https://github.com/altaf-creator/OpenQuran" target=_blank class="link"
+                        style="text-align: center; width: 100%; display: inline-block;"><i
+                            class="fa-brands fa-github"></i> GitHub</a>
                     <h2>Quran Text, Metadata, & Translations</h2>
                     <a href="https://tanzil.net/docs/resources" class="link" target=_blank>The Tanzil Project</a>
                     <h2>Developer</h2>
                     <a href="https://altaf-creator.github.io/" class="link" target=_blank>altaf-creator</a>
+                    <h2>Icons</h2>
+                    <a href="https://fontawesome.com/" class="link" target="_blank">Font Awesome - licensed under the CC
+                        BY 4.0 license</a>
                     <h2>More Information</h2>
                     <ul>
                         <li><b>Script Type:</b> Uthmani</li>
                         <li><b>English Translation Author:</b> Saheeh International</li>
                         <li><b>Indonesia Translation Author:</b> Kementerian Agama Indonesia</li>
                     </ul>
-                    <a href="https://altaf.mit-license.org/" target=_blank class="link" style="text-align: center; width: 100%; display: inline-block;"><i>Licensed under the MIT License</i></a>
+                    <a href="https://altaf.mit-license.org/" target=_blank class="link"
+                        style="text-align: center; width: 100%; display: inline-block;"><i>Licensed under the MIT
+                            License</i></a>
                 </div>
             </div>
         </div>
-- 
cgit v1.2.3