lots of stuff

This commit is contained in:
Lazy Hippopotamus
2024-04-09 20:09:03 -04:00
parent c342ce4a5b
commit fb6eb1d682
37 changed files with 666 additions and 145 deletions

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

@@ -0,0 +1,11 @@
[?][@on minify]
[=videoEmbed-]
<iframe class="ytframe" width="996" height="747" src="https://www.youtube.com/embed/jSbC4eGZPj0"
title="ايما هافا ناغيلا Ema Shah Hava Nagila" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
[/]
[=text-]
Emma Shah is a Kuwaiti Singer. In this video she is singing Hava Nagila to the Kuwait Citys Alumni Club. She received
the Pomegranate Award and performed at the American Sephardi Federation in New York at the Center for Jewish History.
[/]

View File

@@ -0,0 +1,12 @@
[?][@on minify]
[=videoEmbed-]
<iframe class="ytframe" width="1280" height="720" src="https://www.youtube.com/embed/DxCTNdL4v7g"
title="Interview with Rabbi David Rosen for Interheart Kuwait" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
[/]
[=text-]
Inteeheart Kuwait/Italia is an initially Kuwaiti initiative founded by Luca Picilli and Nejoud Al-Yagoit that spreads a
message of oneness and love beyond discrimination. In this video Nejoud interviews Rabbi David Rosen who is an Advisor
to the Abrahamic Family House in Abu Dhabi.
[/]

View File

@@ -13,6 +13,21 @@ discrimination.
Furthermore, we value individual liberty including the freedoms of expression, belief, association, movement, trade, and
choice along with other liberal values and human rights.
Judaism is an Abrahamic religion of diverse opinions. It encourages learning, has universalist and particularist
features, and pursues the perfection of the world and mankind.
Judaism is the collective heritage of the Jewish people and associated with it one can find Jewish culture, history,
religion, and languages.
Being an enthno-religion it is also an ethnicity and has a focus on the land of Israel along with the diaspora.
Shabbat (the day of rest), Pesach (which is connected to freedom), Sukkot (festival of booths), and Shavuot (which is
connected to receiving the Torah) are important festivals in Judaism along with Yom Kippur (which is connected to
repentance)
The Avraham Society seeks to raise awareness about Judaism in all of its unique facets with an emphasis on Judaisms
universalist perspectives and its cultural elements.
We believe in an inclusive Judaism which affirms humanitarian values and is at peace with the abrahamic/semitic
religions and cultures.

View File

@@ -1,19 +0,0 @@
[!][@on minify][@on markdown]
[=content-]
Judaism is an Abrahamic religion of diverse opinions. It encourages learning, has universalist and particularist
features, and pursues the perfection of the world and mankind.
Judaism is the collective heritage of the Jewish people and associated with it one can find Jewish culture, history,
religion, and languages.
Being an enthno-religion it is also an ethnicity and has a focus on the land of Israel along with the diaspora.
Shabbat (the day of rest), Pesach (which is connected to freedom), Sukkot (festival of booths), and Shavuot (which is
connected to receiving the Torah) are important festivals in Judaism along with Yom Kippur (which is connected to
repentance)
The Avraham Society seeks to raise awareness about Judaism in all of its unique facets with an emphasis on Judaisms
universalist perspectives and its cultural elements.
[/]
[=title "Intro to Judaism"]
[#templates/default.html]

View File

@@ -8,10 +8,10 @@
<a onclick="localStorage.refered = true" href="[^baseurl]/humanism">Humanism</a>
<a onclick="localStorage.refered = true" href="[^baseurl]/membership">Membership</a>-->
<a onclick="localStorage.refered = true" href="[^baseurl]/about">About Us</a>
<a onclick="localStorage.refered = true" href="[^baseurl]/intro-to-judaism">Intro to Judaism</a>
<a onclick="localStorage.refered = true" href="[^baseurl]/humanistic-judaism">Humanistic Judaism</a>
<a onclick="localStorage.refered = true" href="[^baseurl]/librarymain">Library</a>
<a onclick="localStorage.refered = true" href="[^baseurl]/culture">Culture</a>
<a onclick="localStorage.refered = true" href="[^baseurl]/membership">Membership</a>
<a onclick="localStorage.refered = true" href="[^baseurl]/services">Our Services</a>
<a onclick="localStorage.refered = true" href="[^baseurl]/contact-us">Contact Us</a>
[/]

View File

@@ -92,7 +92,9 @@ img {
}
#main > div.bottom > img {
max-width: 40vw;
max-width: 50vw;
margin-left: 0;
margin-right: 0;
}
#main > .top {
@@ -129,10 +131,10 @@ img {
text-align: center;
background-color: var(--kuwaitred);
color: black;
padding-top: 52px; /* todo: make this less terrible */
padding-top: 62px; /* todo: make this less terrible */
position: sticky;
top: 0px;
padding-bottom: 10vh;
padding-bottom: calc(20vh + 10px);
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% calc(100% - 10vh), 0% 100%);
}
@@ -233,7 +235,7 @@ small {
#title {
font-size: 2em;
padding-bottom: 40px;
padding-bottom: calc(40px + 40px);
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% calc(100% - 37px), 0% 100%);
}
@@ -250,6 +252,11 @@ small {
width: 100%;
}
.bottom > * {
margin-left: 0px;
margin-right: 0px;
}
#nav {
flex-direction: column;
}
@@ -306,7 +313,13 @@ small {
}
#title {
padding-top: calc(1.5em + 10px);
padding-top: calc(1.5em + 20px);
}
.bottom > div > p {
margin-left: 0px !important;
margin-right: 0px !important;
font-size: 1.2em !important;
}
}
@@ -444,4 +457,40 @@ p#liblurb {
#culture > div > p {
padding: 10%;
box-sizing: border-box;
}
}
.social {
background-color: var(--cream);
border-radius: 100vw;
padding: 10px;
display: inline-flex;
align-items: center;
}
.bottom > div > p {
margin-left: 20%;
margin-right: 20%;
}
.centered-container {
text-align: center;
}
.social > a > svg, .social > a > img {
height: 2em;
}
.social > a {
display: inline-block;
padding-left: 10px;
padding-right: 10px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: blue;
text-decoration: none;
transition: color 0.5s;
}
.social > a:hover {
color: var(--kuwaitred);
}

View File

@@ -18,4 +18,7 @@ Array.from(document.getElementsByClassName("ytframe")).forEach(frame => { // res
var w2 = frame.getBoundingClientRect().width;
frame.width = w2 + "px";
frame.height = frame.getBoundingClientRect().height * w2 / w1;
});
});
document.getElementById("gregorian").innerText = new Date().toLocaleDateString('en-us', { weekday: "long", year: "numeric", month: "long", day: "numeric" });
document.getElementById("hebrew").innerText = new Date().toLocaleDateString('en-u-ca-hebrew', { weekday: "long", year: "numeric", month: "long", day: "numeric" });

View File

@@ -10,7 +10,7 @@ Membership fees are open to negotiation and are paid on a monthly basis. We take
members that includes the financial, spiritual, emotional, and intellectual.
We do not discriminate and promote the values of peace and equality within our society. Kindly send us an email if you
are interested in applying. Our community is primarily Discord-based.
are interested in applying. Our community is primarily Discord-based. Alternatively, you can join our <a href="https://discord.gg/52DFF2ep">discord</a> as a guest.
[/]
[=title "Membership"]
[#templates/default.html]

1
site/res/Discord.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 127.14 96.36"><path fill="#5865f2" d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"/></svg>

After

Width:  |  Height:  |  Size: 764 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

View File

@@ -0,0 +1 @@
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><path d="M295.42,6c-53.2,2.51-89.53,11-121.29,23.48-32.87,12.81-60.73,30-88.45,57.82S40.89,143,28.17,175.92c-12.31,31.83-20.65,68.19-23,121.42S2.3,367.68,2.56,503.46,3.42,656.26,6,709.6c2.54,53.19,11,89.51,23.48,121.28,12.83,32.87,30,60.72,57.83,88.45S143,964.09,176,976.83c31.8,12.29,68.17,20.67,121.39,23s70.35,2.87,206.09,2.61,152.83-.86,206.16-3.39S799.1,988,830.88,975.58c32.87-12.86,60.74-30,88.45-57.84S964.1,862,976.81,829.06c12.32-31.8,20.69-68.17,23-121.35,2.33-53.37,2.88-70.41,2.62-206.17s-.87-152.78-3.4-206.1-11-89.53-23.47-121.32c-12.85-32.87-30-60.7-57.82-88.45S862,40.87,829.07,28.19c-31.82-12.31-68.17-20.7-121.39-23S637.33,2.3,501.54,2.56,348.75,3.4,295.42,6m5.84,903.88c-48.75-2.12-75.22-10.22-92.86-17-23.36-9-40-19.88-57.58-37.29s-28.38-34.11-37.5-57.42c-6.85-17.64-15.1-44.08-17.38-92.83-2.48-52.69-3-68.51-3.29-202s.22-149.29,2.53-202c2.08-48.71,10.23-75.21,17-92.84,9-23.39,19.84-40,37.29-57.57s34.1-28.39,57.43-37.51c17.62-6.88,44.06-15.06,92.79-17.38,52.73-2.5,68.53-3,202-3.29s149.31.21,202.06,2.53c48.71,2.12,75.22,10.19,92.83,17,23.37,9,40,19.81,57.57,37.29s28.4,34.07,37.52,57.45c6.89,17.57,15.07,44,17.37,92.76,2.51,52.73,3.08,68.54,3.32,202s-.23,149.31-2.54,202c-2.13,48.75-10.21,75.23-17,92.89-9,23.35-19.85,40-37.31,57.56s-34.09,28.38-57.43,37.5c-17.6,6.87-44.07,15.07-92.76,17.39-52.73,2.48-68.53,3-202.05,3.29s-149.27-.25-202-2.53m407.6-674.61a60,60,0,1,0,59.88-60.1,60,60,0,0,0-59.88,60.1M245.77,503c.28,141.8,115.44,256.49,257.21,256.22S759.52,643.8,759.25,502,643.79,245.48,502,245.76,245.5,361.22,245.77,503m90.06-.18a166.67,166.67,0,1,1,167,166.34,166.65,166.65,0,0,1-167-166.34" transform="translate(-2.5 -2.5)"/></svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 10 MiB

View File

@@ -0,0 +1,8 @@
[!][@on minify]
[=title "Consultation"]
[=content-]
[/]
[=quickdesc-]
Consultations about Judaism and faith. (Maybe price should go here?)
[/]
[#templates/default.html]

View File

@@ -0,0 +1,8 @@
[!][@on minify]
[=title "Kashrut"]
[=content-]
[/]
[=quickdesc-]
A collection of free services provided by the Avraham Society.
[/]
[#templates/default.html]

View File

@@ -0,0 +1,8 @@
[!][@on minify]
[=title "Torah Study"]
[=content-]
[/]
[=quickdesc-]
Monthly Torah study. (needs more)
[/]
[#templates/default.html]

47
site/services.html Normal file
View File

@@ -0,0 +1,47 @@
[!][@on minify]
[=content-]
<p>
Some information on our services. Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus quis doloremque optio assumenda minus iure ut voluptatum deleniti quam similique, perspiciatis explicabo ratione dolorum soluta quibusdam sunt! Delectus, unde doloremque.
</p>
<div class="centered-container">
<div style="display: inline-flex;flex-direction: column;align-items: stretch;">
[f servicepages page]
<a class="servicelink" href="[^baseurl]/[^page.filename]">
<div class="serviceitem">
<span>[^page.title]</span>
<p>
[^page.quickdesc]
</p>
</div>
</a>
[/]
</div>
</div>
<style>
.servicelink {
text-decoration: none;
color: black;
}
.serviceitem {
background-color: white;
border-radius: 20px 0px 20px 0px;
padding: 20px;
margin: 20px;
text-align: left;
box-shadow: 6px 6px 2px red;
transition: box-shadow 0.5s;
}
.serviceitem > span {
font-size: 1.5em;
}
.serviceitem > p {
border-left: 4px solid green;
padding: 10px;
}
.serviceitem:hover {
box-shadow: 3px 3px 0px red;
}
</style>
[/]
[=title Services]
[#templates/default.html]

View File

@@ -19,10 +19,10 @@
<title>Avraham Society | [^title]</title>
<link rel="stylesheet" href="[^baseurl]/main.css" />
<link rel="manifest" href="[^baseurl]/manifest.json"/>
<link rel="icon" href="[^baseurl]/res/Avraham_Society_icon.png">
<!--
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="icon" href="[^baseurl]/res/Avraham_Society_icon.png">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@800&family=Libre+Baskerville&family=Roboto&family=Roboto+Mono:wght@300&display=swap" rel="stylesheet">-->
<link rel="preconnect" href="https://fonts.googleapis.com">
@@ -56,7 +56,7 @@
<div id="main">
<div id="banner">
<a href="[^baseurl]"><img src="[^baseurl]/res/Avraham_Society.png"></a>
<div id="social">Social media, recent updates, etc</div>
<div id="dates"><b id="gregorian"></b>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<b id="hebrew"></b></div>
<input id="navExpander" style="display: none;" type="checkbox" checked>
<div id="nav">
<label for="navExpander" id="nav-expand"></label>
@@ -75,15 +75,19 @@
<div class="bottom">
<img src="[^baseurl]/res/Avraham_Society.png">
<div>
<p>
Quick informative blurb, social links, etc.
</p>
<p>
Could follow a number of different designs; this is the most basic possibility.
<p style="padding-bottom: 100px;font-family: sans-serif;font-weight: bold;font-size: 1.4em;">
The Avraham Society is the first modern Humanistic and Cultural initiative that is based on and representing the Jewish Community of Kuwait in all its denominations.
</p>
<div class="centered-container">
<div class="social">
<a href="https://www.instagram.com/avraham_society?igsh=MXRnMG90enBoaGV3eA%3D%3D&utm_source=qr"><img src="[^baseurl]/res/Instagram_Glyph_Gradient.svg" /></a>
<a href="https://discord.gg/52DFF2ep">Discord</a>
<a href="https://www.facebook.com/share/hG9zRWFi1C5ebvwS/?mibextid=K35XfP"><img src="[^baseurl]/res/Facebook_Logo_Primary.png" /></a>
</div>
</div>
</div>
</div>
<div id="plug">Website by <a href="mailto:plupy44@gmail.com">Tyler Clarke</a>.</div>
<div id="plug">© 2024 The Avraham Society. Website by <a href="https://swaous.asuscomm.com/">Tyler Clarke</a>. Built with <a href="https://swaous.asuscomm.com/sitix">Sitix.</a></div>
</div>
<script src="main.js"></script>
</body>