Add files via upload

FaizalZahid · Jan 7, 2025 · 2e7d198 · 2e7d198
1 parent 7f73543
commit 2e7d198
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/BooksForAll/index.html b/BooksForAll/index.html
@@ -148,6 +148,10 @@ <h2>Islam</h2>
                         <p class="book-title">33 Lessons for Every Muslim</p></a>
                     </div>
                 </div>
+                <div id="listen-quran">                
+                    <h3>Read/Listen to the Quran here:</h3>
+                    <iframe width="770" height="1000" src="http://tanzil.net/?embed=true"></iframe>
+                </div>
                 <input type="checkbox" id="toggle-checkbox-islam" class="toggle-checkbox">
                 <label for="toggle-checkbox-islam" class="toggle-button">Show More</label>
                 <div class="collapsible-content">

diff --git a/BooksForAll/styles.css b/BooksForAll/styles.css
@@ -399,6 +399,7 @@ main {
     width: 80%;
     max-width: 1200px;
     margin: 0 auto;
+    justify-items: center;
 }
 
 section {
@@ -468,6 +469,21 @@ section h3 {
     color: #FCBF47;
 }
 
+#listen-quran {
+    margin-top: 20px;
+}
+
+#listen-quran h3 {
+    font-family: 'Poppins', serif;
+}
+
+iframe {
+    --scale: 0.7;
+    transform: scale(var(--scale));
+    transform-origin: top center;
+    margin-bottom: calc((var(--scale) - 1) * 120%);
+}
+
 .toggle-checkbox {
     display: none;
 }