Add files via upload

artshumrc · Sep 7, 2021 · 263d8b6 · 263d8b6
1 parent 864a7f9
commit 263d8b6
Show file tree

Hide file tree

Showing 12 changed files with 154 additions and 88 deletions.
diff --git a/about.html b/about.html
@@ -7,9 +7,12 @@
 
   		<title>Electronic Readings of The Qur’an</title>
 
-  		<link rel="stylesheet" href="css/style.css" media="screen">
-  		<link rel="stylesheet" href="css/aos.css" media="screen">
-        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+        <link rel="stylesheet" href="css/style.css" media="screen">
+        <link rel="stylesheet" href="css/aos.css" media="screen">
+      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
+      <script src="sss/sss.min.js"></script>
+      <link rel="stylesheet" href="sss/sss.css" type="text/css" media="all">
+      <script>jQuery(function($) {$('.slider').sss();});</script>
 	</head>
 
 
@@ -177,6 +180,7 @@ <h6>Title Director of Linguistics<br>Harvard University, Department</h6>
       });
     </script>
 
+
 	</body>
 </html>
 
diff --git a/article.html b/article.html
@@ -7,15 +7,18 @@
 
   		<title>Electronic Readings of The Qur’an</title>
 
-  		<link rel="stylesheet" href="css/style.css" media="screen">
-  		<link rel="stylesheet" href="css/aos.css" media="screen">
-        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+        <link rel="stylesheet" href="css/style.css" media="screen">
+        <link rel="stylesheet" href="css/aos.css" media="screen">
+      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
+      <script src="sss/sss.min.js"></script>
+      <link rel="stylesheet" href="sss/sss.css" type="text/css" media="all">
+      <script>jQuery(function($) {$('.slider').sss();});</script>
 	</head>
 
 
 	<body>
 
-	<!--Nav Section-------------------------------------------------------------------------------------------------------------> 
+<!--Nav Section-------------------------------------------------------------------------------------------------------------> 
     <!--logo----------->
      <div class="nav-container" id="navbar">
         <div class="logo-container">

diff --git a/contact.html b/contact.html
@@ -7,9 +7,12 @@
 
   		<title>Electronic Readings of The Qur’an</title>
 
-  		<link rel="stylesheet" href="css/style.css" media="screen">
-  		<link rel="stylesheet" href="css/aos.css" media="screen">
-      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+      <link rel="stylesheet" href="css/style.css" media="screen">
+      <link rel="stylesheet" href="css/aos.css" media="screen">
+      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
+      <script src="sss/sss.min.js"></script>
+      <link rel="stylesheet" href="sss/sss.css" type="text/css" media="all">
+      <script>jQuery(function($) {$('.slider').sss();});</script>
 
 	</head>
 
@@ -107,6 +110,7 @@ <h6 class="center title email"><a href="mailto:someone@yoursite.com">snasser@fas
       });
     </script>
 
+
 	</body>
 </html>
 
diff --git a/index.html b/index.html
@@ -1,28 +1,32 @@
 <!DOCTYPE html>
 <html>
-	<head>
-		<meta name="author" content="">
-  		<meta name="description" content="">
-  		<meta name="viewport" content="width=device-width, initial-scale=1">
+  <head>
+    <meta name="author" content="">
+      <meta name="description" content="">
+      <meta name="viewport" content="width=device-width, initial-scale=1">
 
-  		<title>Electronic Readings of The Qur’an</title>
+      <title>Electronic Readings of The Qur’an</title>
 
-  		<link rel="stylesheet" href="css/style.css" media="screen">
-  		<link rel="stylesheet" href="css/aos.css" media="screen">
-      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
-	</head>
+      <link rel="stylesheet" href="css/style.css" media="screen">
+      <link rel="stylesheet" href="css/aos.css" media="screen">
+      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
+      <script src="sss/sss.min.js"></script>
+      <link rel="stylesheet" href="sss/sss.css" type="text/css" media="all">
+      <script>jQuery(function($) {$('.slider').sss();});</script>
 
 
-	<body>
+  </head>
 
+
+  <body>
 <!--Nav Section-------------------------------------------------------------------------------------------------------------> 
     <!--logo----------->
      <div class="nav-container" id="navbar">
         <div class="logo-container">
           <a class="flex-container" href="index.html">
             <h1 class="logo">E</h1>
             <div>
-              <p class="subtitle-small index-logo-v" >v</p>
+              <p id="varient-logo-small" class="subtitle-small" dir="rtl" lang="ar">ب سم</p>
               <hr>
             </div>
             <h1 class="logo">Q</h1>
@@ -68,7 +72,7 @@ <h1 class="logo">Q</h1>
     <div class="index-head flex-container">
         <h4 class="index-logo logo-left" data-aos="fade-in">E</h4>
         <div class="varient-logo-container" data-aos="fade-in">
-            <p id="varient-logo">ب س</p>
+            <p id="varient-logo"> س </p>
             <p class="subtitle">Encyclopedia of the Variant Readings of the Qur’an</p>
         </div>
         <h4 class="index-logo logo-right" data-aos="fade-in">Q</h4>
@@ -82,7 +86,7 @@ <h4 class="index-logo logo-right" data-aos="fade-in">Q</h4>
       <div class="container-wide">
 
 
-        <h1 class="page-title blk index-title" data-aos="fade-in">ENCYCLOPEDIAS</h1>
+        <h1 class="page-title blk index-title mobile-index-title" data-aos="fade-in">ENCYCLOPEDIAS</h1>
           <div class="flex-container center-container">
             <div class="news-pill encyc-pill">
               <a href=""><h5>Reading View</h5></a>
@@ -140,13 +144,15 @@ <h1 class="page-title blk index-title" data-aos="fade-in">OUR SPONSORS</h1>
 
 <!--Load JS------------------------------------------------------------------------------------------------------>       
 
-    <script src="js/aos.js"></script>
+        <script src="js/aos.js"></script>
     <script src="js/script.js"></script>
     <script>
       AOS.init({
-        easing: 'ease-in-out-sine',
+        easing: 'ease-in-out-sine'
       });
     </script>
+
+
 	</body>
 </html>
 
diff --git a/news.html b/news.html
@@ -7,15 +7,18 @@
 
   		<title>Electronic Readings of The Qur’an</title>
 
-  		<link rel="stylesheet" href="css/style.css" media="screen">
-  		<link rel="stylesheet" href="css/aos.css" media="screen">
-      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+      <link rel="stylesheet" href="css/style.css" media="screen">
+      <link rel="stylesheet" href="css/aos.css" media="screen">
+      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
+      <script src="sss/sss.min.js"></script>
+      <link rel="stylesheet" href="sss/sss.css" type="text/css" media="all">
+      <script>jQuery(function($) {$('.slider').sss();});</script>
 	</head>
 
 
 	<body>
 
-	 <!--Nav Section-------------------------------------------------------------------------------------------------------------> 
+<!--Nav Section-------------------------------------------------------------------------------------------------------------> 
     <!--logo----------->
      <div class="nav-container" id="navbar">
         <div class="logo-container">
@@ -110,7 +113,7 @@ <h4 class="news-title" >New edition to EVQ rem ipsum.
     </footer>  
 
 
-    <!--Load JS------------------------------------------------------------------------------------------------------>       
+<!--Load JS------------------------------------------------------------------------------------------------------>       
 
     <script src="js/aos.js"></script>
     <script src="js/script.js"></script>
@@ -120,6 +123,7 @@ <h4 class="news-title" >New edition to EVQ rem ipsum.
       });
     </script>
 
+
 	</body>
 </html>
 
diff --git a/reading-view-principles.html b/reading-view-principles.html
@@ -7,9 +7,12 @@
 
   		<title>Electronic Readings of The Qur’an</title>
 
-  		<link rel="stylesheet" href="css/style.css" media="screen">
-  		<link rel="stylesheet" href="css/aos.css" media="screen">
-      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+      <link rel="stylesheet" href="css/style.css" media="screen">
+      <link rel="stylesheet" href="css/aos.css" media="screen">
+      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
+      <script src="sss/sss.min.js"></script>
+      <link rel="stylesheet" href="sss/sss.css" type="text/css" media="all">
+      <script>jQuery(function($) {$('.slider').sss();});</script>
 
 	</head>
 
@@ -108,35 +111,37 @@ <h1 class="ency-title" data-aos="fade-in">Reading View</h1>
     <main class="ency-container">    
             <div class="reading-results flex-container align-top">
 
-                <!--slider buttons----------------------------------->   
+                 <!--slider buttons----------------------------------->   
                 <div class="results-window"> 
                     <div class="flex-container align-top reading-header">
-                      <h5 class="letter-space">RESULTS</h5>
 
                       <div class="switch-container flex-container">
-                        <h5 class="switch-title left-title">Hide Vowels</h5>
+                        <h6 class="switch-title left-title">Hide Vowels</h6>
                         <div class="switch">
                           <input type="radio" class="switch-input" name="view" value="show" id="show" checked>
                           <label for="show" class="switch-label switch-label-off">x</label>
                           <input type="radio" class="switch-input" name="view" value="hide" id="hide">
                           <label for="hide" class="switch-label switch-label-on">x</label>
                           <span class="switch-selection"></span>
                         </div>
-                        <h5 class="switch-title right-title">Show Vowels</h5>
+                        <h6 class="switch-title right-title">Show Vowels</h5>
                       </div>  
 
                       <div class="switch-container flex-container">
-                        <h6 class="switch-title left-title"><a href="reading-view.html">Varients</a></h6>
+                        <h6 class="switch-title left-title">Varients</h6>
                         <div class="switch">
                           <input type="radio" class="switch-input" name="view2" value="show2" id="show2" checked>
                           <label for="show2" class="switch-label switch-label-off">x</label>
                           <input type="radio" class="switch-input" name="view2" value="hide2" id="hide2">
                           <label for="hide2" class="switch-label switch-label-on">x</label>
                           <span class="switch-selection"></span>
                         </div>                      
-                        <h6 class="switch-title right-title"><a href="reading-view-principles.html">Principles</a></h6>
+                        <h6 class="switch-title right-title">Principles</h6>
                       </div>
                     </div>  
+
+
+                    <!--Verses----------------------------------->    
 
                     <div class="results">
                       <div class="row flex-container no-wrap">