torah sections

site/librarymain.html

@@ -16,14 +16,12 @@
         <div id="study-inner">
             <h1 style="color: var(--kuwaitred);">Daily Study</h1>
             <div>
-                Something to study!
-            </div>
-            <div>
-                Something else to study!
+                Weekly Chok L'Yisrael Torah section: <b id="torahsection"></b>
             </div>
         </div>
     </div>
 </div>
+<script src="[^baseurl]/torahstudy.js"></script>
 [/]
 [=title "Library"]
 

site/main.css

@@ -55,7 +55,7 @@ img {
 }
 
 #main > div, #main > p {
-    background-color: var(--cream);
+    background-color: var(--scrollpaperlight);
 }
 
 #main > p:first-of-type {
@@ -73,7 +73,7 @@ img {
 #main > div.space {
     background-color: transparent;
     height: clamp(150px, 30vh, 500px);
-    border-bottom: 50px solid var(--cream);
+    border-bottom: 50px solid var(--scrollpaperlight);
 }
 
 #main > div.bottom {
@@ -120,7 +120,7 @@ img {
     top: 3px;
     left: 0px;
     clip-path: inherit;
-    background-color: var(--cream);
+    background-color: var(--scrollpaperlight);
 }
 
 #title {
@@ -145,7 +145,7 @@ img {
     top: -3px;
     left: 0px;
     z-index: -1;
-    background-color: var(--cream);
+    background-color: var(--scrollpaperlight);
     clip-path: inherit;
 }
 
@@ -175,8 +175,8 @@ div#nav {
 }
 
 div#banner {
-    background-color: var(--scrollpaperlight);
-    color: black;
+    background-color: var(--humanbody);
+    color: white;
     /*--colorslant-point: clamp(20px, 10vw, 200px);
     background-image: linear-gradient(90deg, var(--kuwaitred) 0px, var(--kuwaitred) var(--colorslant-point), white var(--colorslant-point), white calc(100% - var(--colorslant-point)), var(--kuwaitred) calc(100% - var(--colorslant-point)));*/
     border-bottom: 4px solid var(--scrollight);
@@ -198,7 +198,7 @@ div#banner {
 }
 
 #nav > a {
-    color: black;
+    color: inherit;
 }
 
 #banner > a > img {
@@ -349,7 +349,7 @@ h1 {
     left: 0px;
     width: 100%;
     height: 50px;
-    background-image: linear-gradient(transparent 0%, white 100%);
+    background-image: linear-gradient(transparent 0%, var(--scrollpaperlight) 100%);
     z-index: 100000;
 }
 
@@ -393,7 +393,6 @@ h1 {
     background-color: var(--deepcream);
     padding: 40px;
     margin: 10px;
-    border-radius: 20px;
     position: sticky;
     top: 40%;
 }

site/torahstudy.js

@@ -0,0 +1,74 @@
+// Manages the Torah Study section of the Library
+
+var chocklyisrael = [ // 54 Torah sections, updates every sunday (or whatever day he wants really)
+    "Bereishit",
+    "Noach",
+    "Lech Lecha",
+    "Vayeira",
+    "Chayei Sarah",
+    "Toldot",
+    "Vayeitzei",
+    "Vayishlach",
+    "Vayeishev",
+    "Mikeitz",
+    "Vayigash",
+    "Vayechi",
+    "Shemot",
+    "Vaeira",
+    "Bo",
+    "Beshalach",
+    "Yitro",
+    "Mishpatim",
+    "Terumah",
+    "Tetzaveh",
+    "Ki Tissa",
+    "Vayakhel",
+    "Pekudei",
+    "Vayikra",
+    "Tzav",
+    "Shemini",
+    "Tazria",
+    "Metzora",
+    "Acharei Mot",
+    "Kedoshim",
+    "Emor",
+    "Behar",
+    "Bechukotai",
+    "Bamidbar",
+    "Naso",
+    "Behalotkha",
+    "Shelach",
+    "Korach",
+    "Chukat",
+    "Balak",
+    "Pinchas",
+    "Mattot",
+    "Masei",
+    "Devarim",
+    "Vaetchanan",
+    "Eikev",
+    "Reaih",
+    "Shoftim",
+    "Ki Teitzei",
+    "Ki Tavo",
+    "Nitzavim",
+    "Vayelech",
+    "Haazinu",
+    "Zot Haberakha"
+];
+const oneDay = 24 * 60 * 60 * 1000; // hours * minutes * seconds * milliseconds
+const tripDay = 0; // sunday
+
+var startDate = new Date("2024-4-8");
+var now = new Date();
+var dif = now - startDate;
+var difDays = Math.round(dif / oneDay);
+/*difDays     0   1   2   3   4   5   6   7   8   9   10  11  12  13  14  15  16  17  18  19  20  21  22  23  24  25  26  27  28  29  30  31  32  33  34
+  day    sun mon tue wed thu fri sat sun mon tue wed thu fri sat sun mon tue wed thu fri sat sun mon tue wed thu fri sat sun mon tue wed thu fri sat 
+  */
+var tripsSince = Math.floor(difDays / 7);
+if (now.getDay() == tripDay) {
+    tripsSince++;
+}
+
+document.getElementById("torahsection").innerText = chocklyisrael[tripsSince];