some gremlin keeps deleting my code so imma push now

This commit is contained in:
Lazy Hippopotamus
2024-04-09 13:19:33 -04:00
parent 476d9c59be
commit d6b6f08ebe
28 changed files with 193 additions and 54 deletions

View File

@@ -64,8 +64,7 @@
</div> </div>
</div> </div>
<div class="top"> <div class="top">
<div id="title">Avraham Society<br> <div id="title">Avraham Society
<small><b><i>May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though.</i></b></small>
</div> </div>
<div id="shape"></div> <div id="shape"></div>
</div> </div>

1
output/admin.html Executable file
View File

@@ -0,0 +1 @@
<!DOCTYPE html> <html> <head> <title>Avraham Society Administration Page</title> <style> body { margin: 0px; padding: 0px; background-color: #000055; } body > div { padding: 100px; margin: 50px; margin-left: 20vw; margin-right: 20vw; background-color: darkblue; } </style> </head> <body> <div> <h2>This is the self-contained administration page for the Avraham Society website.</h2> <b id="loginnoying">You cannot make changes until you are logged in.</b> <button onclick="login()">Click me to log in</button> </div> <div> Parsha Calendar </div> <script src="admin.js"></script> </body> </html>

View File

@@ -64,8 +64,7 @@
</div> </div>
</div> </div>
<div class="top"> <div class="top">
<div id="title">Avraham Society<br> <div id="title">Avraham Society
<small><b><i>May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though.</i></b></small>
</div> </div>
<div id="shape"></div> <div id="shape"></div>
</div> </div>

View File

@@ -64,15 +64,14 @@
</div> </div>
</div> </div>
<div class="top"> <div class="top">
<div id="title">Avraham Society<br> <div id="title">Avraham Society
<small><b><i>May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though.</i></b></small>
</div> </div>
<div id="shape"></div> <div id="shape"></div>
</div> </div>
<div id="titlebracket"> <div id="titlebracket">
<h1 style="padding-bottom: 2em;">Culture</h1> <h1 style="padding-bottom: 2em;">Culture</h1>
</div> </div>
<div id="culture"> <div> <div> <img src="https://media.istockphoto.com/id/1337471900/vector/star-of-david-graphic-abstract-background-with-three-doves.webp?s=2048x2048&w=is&k=20&c=M47-JucDhH5TQs500koB-siTbCxce2DLUfQjC5Y9gKA=" /> </div> <p> Text related to the cultural image. </p> </div> <div> <div> <img src="https://media.istockphoto.com/id/1337471900/vector/star-of-david-graphic-abstract-background-with-three-doves.webp?s=2048x2048&w=is&k=20&c=M47-JucDhH5TQs500koB-siTbCxce2DLUfQjC5Y9gKA=" /> </div> <p> Text related to the cultural image. </p> </div> <div> <div> <iframe width="100%" height="100%" src="https://www.youtube.com/embed/B0J27sf9N1Y" title="Blender Tutorial for Complete Beginners - Part 1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div> <p> Text related to the cultural image. </p> </div> <div> <div> <img src="https://media.istockphoto.com/id/1337471900/vector/star-of-david-graphic-abstract-background-with-three-doves.webp?s=2048x2048&w=is&k=20&c=M47-JucDhH5TQs500koB-siTbCxce2DLUfQjC5Y9gKA=" /> </div> <p> Text related to the cultural image. </p> </div> </div> <div id="culture"> <div> <div> <iframe class="ytframe" width="996" height="747" src="https://www.youtube.com/embed/ybw7INieV10" title="daoud and saleh al kuwaiti - walla ajabni jamalak" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> </div> <p> Saleh and Daoud Al-Kuwaiti were Kuwaiti born musicians that belonged to the Jewish Community of Kuwait and contributed to the Kuwaiti Sawt genre. The Al-Kuwaiti Brothers street in Tel Aviv is named after them. </p> </div> <div> <div> <iframe class="ytframe" width="1280" height="720" src="https://www.youtube.com/embed/9A1fjI_ve7c" title="Wen Raich Wen - Dudu Tassa&amp; The Kuwaitis | דודו טסה והכוויתים" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> </div> <p> David “Dudu” Tassa is the grandson of Daoud Al-Kuwaiti and is the leader of the band Dudu Tassa & the Kuwaitis. He is a successful musician in Israel and has songs in Arabic. </p> </div> <div> <div> <img src="https://media.istockphoto.com/id/1337471900/vector/star-of-david-graphic-abstract-background-with-three-doves.webp?s=2048x2048&w=is&k=20&c=M47-JucDhH5TQs500koB-siTbCxce2DLUfQjC5Y9gKA=" /> </div> <p> Text related to the cultural image. </p> </div> <div> <div> <iframe class="ytframe" width="1280" height="720" src="https://www.youtube.com/embed/r2lDBjzF2o0" title="مقبره اليهود في الكويت لأول مره" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> </div> <p> Hussain Al-Failakawi is a local YouTuber in Kuwait. In this Arabic video he visited the Jewish Cemetery of Kuwait and has a message from Dudu Tassa. </p> </div> </div>
<div class="bottom"> <div class="bottom">
<img src="http://localhost:8080/res/Avraham_Society.png"> <img src="http://localhost:8080/res/Avraham_Society.png">
<div> <div>

View File

@@ -64,8 +64,7 @@
</div> </div>
</div> </div>
<div class="top"> <div class="top">
<div id="title">Avraham Society<br> <div id="title">Avraham Society
<small><b><i>May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though.</i></b></small>
</div> </div>
<div id="shape"></div> <div id="shape"></div>
</div> </div>

View File

@@ -64,8 +64,7 @@
</div> </div>
</div> </div>
<div class="top"> <div class="top">
<div id="title">Avraham Society<br> <div id="title">Avraham Society
<small><b><i>May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though.</i></b></small>
</div> </div>
<div id="shape"></div> <div id="shape"></div>
</div> </div>

View File

@@ -64,8 +64,7 @@
</div> </div>
</div> </div>
<div class="top"> <div class="top">
<div id="title">Avraham Society<br> <div id="title">Avraham Society
<small><b><i>May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though.</i></b></small>
</div> </div>
<div id="shape"></div> <div id="shape"></div>
</div> </div>

View File

@@ -68,8 +68,7 @@
</div> </div>
</div> </div>
<div class="top"> <div class="top">
<div id="title">Avraham Society<br> <div id="title">Avraham Society
<small><b><i>May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though.</i></b></small>
</div> </div>
<div id="shape"></div> <div id="shape"></div>
</div> </div>

View File

@@ -68,8 +68,7 @@
</div> </div>
</div> </div>
<div class="top"> <div class="top">
<div id="title">Avraham Society<br> <div id="title">Avraham Society
<small><b><i>May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though.</i></b></small>
</div> </div>
<div id="shape"></div> <div id="shape"></div>
</div> </div>

View File

@@ -64,8 +64,7 @@
</div> </div>
</div> </div>
<div class="top"> <div class="top">
<div id="title">Avraham Society<br> <div id="title">Avraham Society
<small><b><i>May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though.</i></b></small>
</div> </div>
<div id="shape"></div> <div id="shape"></div>
</div> </div>
@@ -74,7 +73,7 @@
</div> </div>
<div id="library"> <div id="libpages"> <a href="http://localhost:8080/library/library-entry.html"> <span>Library Entry</span> <p> This library entry is sure to boggle the mind! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam nam unde sequi nemo voluptatem voluptate autem quaerat perspiciatis! Error ut, velit sed rerum voluptatum officiis pariatur unde facilis inventore eligendi? <div id="library"> <div id="libpages"> <a href="http://localhost:8080/library/library-entry.html"> <span>Library Entry</span> <p> This library entry is sure to boggle the mind! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam nam unde sequi nemo voluptatem voluptate autem quaerat perspiciatis! Error ut, velit sed rerum voluptatum officiis pariatur unde facilis inventore eligendi?
</p> <span><img src="http://localhost:8080/res/librarrow.svg"></span> </a> <a href="http://localhost:8080/library/library-entry-2.html"> <span>Library Entry Two</span> <p> This is the second Library Entry, for testing. This is a very real blurb! It has important information, just enough to entice the visitor to click! </p> <span><img src="http://localhost:8080/res/librarrow.svg"></span> </a> <a href="http://localhost:8080/library/library-entry-2.html"> <span>Library Entry Two</span> <p> This is the second Library Entry, for testing. This is a very real blurb! It has important information, just enough to entice the visitor to click!
</p> <span><img src="http://localhost:8080/res/librarrow.svg"></span> </a> </div> <div id="study"> <div id="study-inner"> <h1 style="color: var(--kuwaitred);">Daily Study</h1> <div> Weekly Chok L'Yisrael Torah section: <b id="torahsection"></b> </div> </div> </div> </div> <script src="http://localhost:8080/torahstudy.js"></script> </p> <span><img src="http://localhost:8080/res/librarrow.svg"></span> </a> </div> <div id="study"> <div id="study-inner"> <h1 style="color: var(--kuwaitred);">Daily Study</h1> <div> Weekly Chok L'Yisrael Torah section: <b id="torahsection"></b> </div> <div> Bustan Al Uqul: <b id="bustanaluqul"></b> </div> <div> Tomer Devorah: <b id="tomerdevorah"></b> </div> </div> </div> </div> <script src="http://localhost:8080/torahstudy.js"></script>
<div class="bottom"> <div class="bottom">
<img src="http://localhost:8080/res/Avraham_Society.png"> <img src="http://localhost:8080/res/Avraham_Society.png">
<div> <div>

View File

@@ -193,7 +193,7 @@ div#banner {
} }
#banner > a { #banner > a {
height: 2em; height: 3em;
float: left; float: left;
} }

View File

@@ -10,4 +10,12 @@ if (localStorage.refered) {
document.getElementById("shape").scrollIntoView({ document.getElementById("shape").scrollIntoView({
"behavior": "smooth" "behavior": "smooth"
}); });
} }
Array.from(document.getElementsByClassName("ytframe")).forEach(frame => { // resizes youtube videos to fit their containers
var w1 = frame.getBoundingClientRect().width;
frame.width = "100%";
var w2 = frame.getBoundingClientRect().width;
frame.width = w2 + "px";
frame.height = frame.getBoundingClientRect().height * w2 / w1;
});

View File

@@ -1,6 +1,6 @@
{ {
"name": "Avraham Society", "name": "Avraham Society",
"short_name": "AvrahamSociety", "short_name": "Avraham Society",
"start_url": ".", "start_url": ".",
"display": "standalone", "display": "standalone",
"background_color": "#000000", "background_color": "#000000",

View File

@@ -64,8 +64,7 @@
</div> </div>
</div> </div>
<div class="top"> <div class="top">
<div id="title">Avraham Society<br> <div id="title">Avraham Society
<small><b><i>May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though.</i></b></small>
</div> </div>
<div id="shape"></div> <div id="shape"></div>
</div> </div>

View File

@@ -1,6 +1,6 @@
// Manages the Torah Study section of the Library // Manages the Torah Study section of the Library
var chocklyisrael = [ // 54 Torah sections, updates every sunday (or whatever day he wants really) const chocklyisrael = [ // 54 Torah sections, updates every sunday (or whatever day he wants really)
"Bereishit", "Bereishit",
"Noach", "Noach",
"Lech Lecha", "Lech Lecha",
@@ -56,6 +56,43 @@ var chocklyisrael = [ // 54 Torah sections, updates every sunday (or whatever da
"Haazinu", "Haazinu",
"Zot Haberakha" "Zot Haberakha"
]; ];
const tomerdevorah = [
"I & II",
"III",
"IV",
"V & VI",
"VII",
"VIII",
"IX & X"
];
function roman(num) { // roman numeral converter for numbers <10 (used for Bustan Al-Uqul)
if (num < 4) {
var ret = "";
for (var i = 0; i < num; i++) {
ret += 'I';
}
return ret;
}
else if (num == 4) {
return "IV";
}
else if (num >= 5 && num <= 8) {
var ret = "V";
for (var i = 0; i < num - 5; i++) {
ret += 'I';
}
return ret;
}
else if (num == 9) {
return "IX";
}
else {
return "X";
}
}
const oneDay = 24 * 60 * 60 * 1000; // hours * minutes * seconds * milliseconds const oneDay = 24 * 60 * 60 * 1000; // hours * minutes * seconds * milliseconds
const tripDay = 6; // saturday const tripDay = 6; // saturday
@@ -74,4 +111,8 @@ if (now.getDay() == tripDay) {
tripsSince += 26; // Tazria tripsSince += 26; // Tazria
document.getElementById("torahsection").innerText = chocklyisrael[tripsSince]; var daysSinceSat = (now.getDay() + 1 + (now.getHours() > 12 ? 1 : 0)) % 7;
document.getElementById("torahsection").innerText = chocklyisrael[tripsSince];
document.getElementById("bustanaluqul").innerText = roman(daysSinceSat);
document.getElementById("tomerdevorah").innerText = tomerdevorah[daysSinceSat];

32
site/admin.html Normal file
View File

@@ -0,0 +1,32 @@
[!][@on minify]
<!DOCTYPE html>
<html>
<head>
<title>Avraham Society Administration Page</title>
<style>
body {
margin: 0px;
padding: 0px;
background-color: #000055;
}
body > div {
padding: 100px;
margin: 50px;
margin-left: 20vw;
margin-right: 20vw;
background-color: darkblue;
}
</style>
</head>
<body>
<div>
<h2>This is the self-contained administration page for the Avraham Society website.</h2>
<b id="loginnoying">You cannot make changes until you are logged in.</b> <button onclick="login()">Click me to log in</button>
</div>
<div>
Parsha Calendar
</div>
<script src="admin.js"></script>
</body>
</html>

View File

@@ -1,5 +0,0 @@
[?][@on minify]
[=img "https://media.istockphoto.com/id/1337471900/vector/star-of-david-graphic-abstract-background-with-three-doves.webp?s=2048x2048&w=is&k=20&c=M47-JucDhH5TQs500koB-siTbCxce2DLUfQjC5Y9gKA="]
[=text-]
Text related to the cultural image.
[/]

View File

@@ -1,5 +0,0 @@
[?][@on minify]
[=img "https://media.istockphoto.com/id/1337471900/vector/star-of-david-graphic-abstract-background-with-three-doves.webp?s=2048x2048&w=is&k=20&c=M47-JucDhH5TQs500koB-siTbCxce2DLUfQjC5Y9gKA="]
[=text-]
Text related to the cultural image.
[/]

View File

@@ -1,10 +0,0 @@
[?][@on minify]
[=videoEmbed-]
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/B0J27sf9N1Y"
title="Blender Tutorial for Complete Beginners - Part 1" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>
[/]
[=text-]
Text related to the cultural image.
[/]

View File

@@ -0,0 +1,11 @@
[?][@on minify]
[=videoEmbed-]
<iframe class="ytframe" width="996" height="747" src="https://www.youtube.com/embed/ybw7INieV10"
title="daoud and saleh al kuwaiti - walla ajabni jamalak" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
[/]
[=text-]
Saleh and Daoud Al-Kuwaiti were Kuwaiti born musicians that belonged to the Jewish Community of Kuwait and contributed
to the Kuwaiti Sawt genre. The Al-Kuwaiti Brothers street in Tel Aviv is named after them.
[/]

View File

@@ -0,0 +1,11 @@
[?][@on minify]
[=videoEmbed-]
<iframe class="ytframe" width="1280" height="720" src="https://www.youtube.com/embed/9A1fjI_ve7c"
title="Wen Raich Wen - Dudu Tassa&amp; The Kuwaitis | דודו טסה והכוויתים" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
[/]
[=text-]
David “Dudu” Tassa is the grandson of Daoud Al-Kuwaiti and is the leader of the band Dudu Tassa & the Kuwaitis. He is a
successful musician in Israel and has songs in Arabic.
[/]

View File

@@ -0,0 +1,11 @@
[?][@on minify]
[=videoEmbed-]
<iframe class="ytframe" width="1280" height="720" src="https://www.youtube.com/embed/r2lDBjzF2o0"
title="مقبره اليهود في الكويت لأول مره" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
[/]
[=text-]
Hussain Al-Failakawi is a local YouTuber in Kuwait. In this Arabic video he visited the Jewish Cemetery of Kuwait and
has a message from Dudu Tassa.
[/]

View File

@@ -18,6 +18,12 @@
<div> <div>
Weekly Chok L'Yisrael Torah section: <b id="torahsection"></b> Weekly Chok L'Yisrael Torah section: <b id="torahsection"></b>
</div> </div>
<div>
Bustan Al Uqul: <b id="bustanaluqul"></b>
</div>
<div>
Tomer Devorah: <b id="tomerdevorah"></b>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@@ -193,7 +193,7 @@ div#banner {
} }
#banner > a { #banner > a {
height: 2em; height: 3em;
float: left; float: left;
} }

View File

@@ -10,4 +10,12 @@ if (localStorage.refered) {
document.getElementById("shape").scrollIntoView({ document.getElementById("shape").scrollIntoView({
"behavior": "smooth" "behavior": "smooth"
}); });
} }
Array.from(document.getElementsByClassName("ytframe")).forEach(frame => { // resizes youtube videos to fit their containers
var w1 = frame.getBoundingClientRect().width;
frame.width = "100%";
var w2 = frame.getBoundingClientRect().width;
frame.width = w2 + "px";
frame.height = frame.getBoundingClientRect().height * w2 / w1;
});

View File

@@ -1,6 +1,6 @@
{ {
"name": "Avraham Society", "name": "Avraham Society",
"short_name": "AvrahamSociety", "short_name": "Avraham Society",
"start_url": ".", "start_url": ".",
"display": "standalone", "display": "standalone",
"background_color": "#000000", "background_color": "#000000",

View File

@@ -64,8 +64,7 @@
</div> </div>
</div> </div>
<div class="top"> <div class="top">
<div id="title">Avraham Society<br> <div id="title">Avraham Society
<small><b><i>May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though.</i></b></small>
</div> </div>
<div id="shape"></div> <div id="shape"></div>
</div> </div>

View File

@@ -1,6 +1,6 @@
// Manages the Torah Study section of the Library // Manages the Torah Study section of the Library
var chocklyisrael = [ // 54 Torah sections, updates every sunday (or whatever day he wants really) const chocklyisrael = [ // 54 Torah sections, updates every sunday (or whatever day he wants really)
"Bereishit", "Bereishit",
"Noach", "Noach",
"Lech Lecha", "Lech Lecha",
@@ -56,6 +56,43 @@ var chocklyisrael = [ // 54 Torah sections, updates every sunday (or whatever da
"Haazinu", "Haazinu",
"Zot Haberakha" "Zot Haberakha"
]; ];
const tomerdevorah = [
"I & II",
"III",
"IV",
"V & VI",
"VII",
"VIII",
"IX & X"
];
function roman(num) { // roman numeral converter for numbers <10 (used for Bustan Al-Uqul)
if (num < 4) {
var ret = "";
for (var i = 0; i < num; i++) {
ret += 'I';
}
return ret;
}
else if (num == 4) {
return "IV";
}
else if (num >= 5 && num <= 8) {
var ret = "V";
for (var i = 0; i < num - 5; i++) {
ret += 'I';
}
return ret;
}
else if (num == 9) {
return "IX";
}
else {
return "X";
}
}
const oneDay = 24 * 60 * 60 * 1000; // hours * minutes * seconds * milliseconds const oneDay = 24 * 60 * 60 * 1000; // hours * minutes * seconds * milliseconds
const tripDay = 6; // saturday const tripDay = 6; // saturday
@@ -74,4 +111,8 @@ if (now.getDay() == tripDay) {
tripsSince += 26; // Tazria tripsSince += 26; // Tazria
document.getElementById("torahsection").innerText = chocklyisrael[tripsSince]; var daysSinceSat = (now.getDay() + 1 + (now.getHours() > 12 ? 1 : 0)) % 7;
document.getElementById("torahsection").innerText = chocklyisrael[tripsSince];
document.getElementById("bustanaluqul").innerText = roman(daysSinceSat);
document.getElementById("tomerdevorah").innerText = tomerdevorah[daysSinceSat];