deleted the entire website but everything's okay now
This commit is contained in:
Lazy Hippopotamus
92
avrahamsociety/404.html
Normal file
92
avrahamsociety/404.html
Normal file
@@ -0,0 +1,92 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
|
||||
<!--
|
||||
Kuwait flag colors:
|
||||
Green: #007b3a
|
||||
Red: #cf0821
|
||||
Black: black
|
||||
White: white
|
||||
-->
|
||||
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Avraham Society | </title>
|
||||
<link rel="stylesheet" href="https://swaous.asuscomm.com/dev/avrahamsociety/main.css" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link rel="icon" href="https://swaous.asuscomm.com/dev/avrahamsociety/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">
|
||||
|
||||
<!-- HTML Meta Tags -->
|
||||
<meta name="description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
|
||||
<!-- Facebook Meta Tags -->
|
||||
<meta property="og:url" content="https://avrahamsociety.org">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="Avraham Society | ">
|
||||
<meta property="og:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
<meta property="og:image" content="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png">
|
||||
|
||||
<!-- Twitter Meta Tags -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta property="twitter:domain" content="avrahamsociety.org">
|
||||
<meta property="twitter:url" content="https://avrahamsociety.org">
|
||||
<meta name="twitter:title" content="Avraham Society | ">
|
||||
<meta name="twitter:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
<meta name="twitter:image" content="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png">
|
||||
|
||||
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="bg"></div>
|
||||
<div id="main">
|
||||
<div id="banner">
|
||||
<a href="https://swaous.asuscomm.com/dev/avrahamsociety"><img src="res/Avraham_Society.png"></a>
|
||||
<div id="social">Social media, recent updates, etc</div>
|
||||
<input id="navExpander" style="display: none;" type="checkbox" checked>
|
||||
<div id="nav">
|
||||
<label for="navExpander" id="nav-expand"></label>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/">Home</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/intro-to-judaism">Intro to Judaism</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/jewish-history-culture">Jewish History and Culture</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/landmarks">Jewish Landmarks</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/humanism">Humanism</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/membership">Membership</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/library">Library</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="top">
|
||||
<div id="title">Avraham Society<br>
|
||||
<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 id="shape"></div>
|
||||
</div>
|
||||
<div>
|
||||
<h1 style="padding-bottom: 2em;"></h1>
|
||||
</div>
|
||||
<p style="font-size: 4em;">404</p>
|
||||
|
||||
<p><strong>Page not found :(</strong></p>
|
||||
<p>The requested page could not be found.</p>
|
||||
|
||||
<div class="bottom">
|
||||
<img src="https://swaous.asuscomm.com/dev/avrahamsociety/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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="plug">Website by <a href="mailto:plupy44@gmail.com">Tyler Clarke</a>.</div>
|
||||
</div>
|
||||
<script src="main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
94
avrahamsociety/about.html
Normal file
94
avrahamsociety/about.html
Normal file
@@ -0,0 +1,94 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
|
||||
<!--
|
||||
Kuwait flag colors:
|
||||
Green: #007b3a
|
||||
Red: #cf0821
|
||||
Black: black
|
||||
White: white
|
||||
-->
|
||||
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Avraham Society | About Us</title>
|
||||
<link rel="stylesheet" href="https://swaous.asuscomm.com/dev/avrahamsociety/main.css" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link rel="icon" href="https://swaous.asuscomm.com/dev/avrahamsociety/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">
|
||||
|
||||
<!-- HTML Meta Tags -->
|
||||
<meta name="description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
|
||||
<!-- Facebook Meta Tags -->
|
||||
<meta property="og:url" content="https://avrahamsociety.org">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="Avraham Society | About Us">
|
||||
<meta property="og:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
<meta property="og:image" content="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png">
|
||||
|
||||
<!-- Twitter Meta Tags -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta property="twitter:domain" content="avrahamsociety.org">
|
||||
<meta property="twitter:url" content="https://avrahamsociety.org">
|
||||
<meta name="twitter:title" content="Avraham Society | About Us">
|
||||
<meta name="twitter:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
<meta name="twitter:image" content="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png">
|
||||
|
||||
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="bg"></div>
|
||||
<div id="main">
|
||||
<div id="banner">
|
||||
<a href="https://swaous.asuscomm.com/dev/avrahamsociety"><img src="res/Avraham_Society.png"></a>
|
||||
<div id="social">Social media, recent updates, etc</div>
|
||||
<input id="navExpander" style="display: none;" type="checkbox" checked>
|
||||
<div id="nav">
|
||||
<label for="navExpander" id="nav-expand"></label>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/">Home</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/intro-to-judaism">Intro to Judaism</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/jewish-history-culture">Jewish History and Culture</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/landmarks">Jewish Landmarks</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/humanism">Humanism</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/membership">Membership</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/library">Library</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="top">
|
||||
<div id="title">Avraham Society<br>
|
||||
<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 id="shape"></div>
|
||||
</div>
|
||||
<div>
|
||||
<h1 style="padding-bottom: 2em;">About Us</h1>
|
||||
</div>
|
||||
The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.
|
||||
|
||||
We also seek to promote peace and understanding by raising awareness about Judaism and combatting antisemitism.
|
||||
|
||||
We are a community and safe space that is service oriented based on the principle of Tikkun Olam (fixing the world).
|
||||
|
||||
Our leadership team is diverse in age, culture, and experiences. We welcome anyone who shares our views and wishes to contribute to our community.
|
||||
<div class="bottom">
|
||||
<img src="https://swaous.asuscomm.com/dev/avrahamsociety/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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="plug">Website by <a href="mailto:plupy44@gmail.com">Tyler Clarke</a>.</div>
|
||||
</div>
|
||||
<script src="main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
10
avrahamsociety/build.py
Normal file
10
avrahamsociety/build.py
Normal file
@@ -0,0 +1,10 @@
|
||||
## simple, minimal build script.
|
||||
import os
|
||||
|
||||
|
||||
template = open("src/template.html").read()
|
||||
|
||||
for file in os.listdir("src"):
|
||||
if file[0] == '_':
|
||||
output = open(file[1:], "w+")
|
||||
output.write(template.format(content=open("src/" + file).read()))
|
||||
88
avrahamsociety/charities.html
Normal file
88
avrahamsociety/charities.html
Normal file
@@ -0,0 +1,88 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
|
||||
<!--
|
||||
Kuwait flag colors:
|
||||
Green: #007b3a
|
||||
Red: #cf0821
|
||||
Black: black
|
||||
White: white
|
||||
-->
|
||||
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Avraham Society | Charities</title>
|
||||
<link rel="stylesheet" href="https://swaous.asuscomm.com/dev/avrahamsociety/main.css" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link rel="icon" href="https://swaous.asuscomm.com/dev/avrahamsociety/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">
|
||||
|
||||
<!-- HTML Meta Tags -->
|
||||
<meta name="description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
|
||||
<!-- Facebook Meta Tags -->
|
||||
<meta property="og:url" content="https://avrahamsociety.org">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="Avraham Society | Charities">
|
||||
<meta property="og:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
<meta property="og:image" content="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png">
|
||||
|
||||
<!-- Twitter Meta Tags -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta property="twitter:domain" content="avrahamsociety.org">
|
||||
<meta property="twitter:url" content="https://avrahamsociety.org">
|
||||
<meta name="twitter:title" content="Avraham Society | Charities">
|
||||
<meta name="twitter:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
<meta name="twitter:image" content="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png">
|
||||
|
||||
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="bg"></div>
|
||||
<div id="main">
|
||||
<div id="banner">
|
||||
<a href="https://swaous.asuscomm.com/dev/avrahamsociety"><img src="res/Avraham_Society.png"></a>
|
||||
<div id="social">Social media, recent updates, etc</div>
|
||||
<input id="navExpander" style="display: none;" type="checkbox" checked>
|
||||
<div id="nav">
|
||||
<label for="navExpander" id="nav-expand"></label>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/">Home</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/intro-to-judaism">Intro to Judaism</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/jewish-history-culture">Jewish History and Culture</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/landmarks">Jewish Landmarks</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/humanism">Humanism</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/membership">Membership</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/library">Library</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="top">
|
||||
<div id="title">Avraham Society<br>
|
||||
<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 id="shape"></div>
|
||||
</div>
|
||||
<div>
|
||||
<h1 style="padding-bottom: 2em;">Charities</h1>
|
||||
</div>
|
||||
|
||||
<div class="bottom">
|
||||
<img src="https://swaous.asuscomm.com/dev/avrahamsociety/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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="plug">Website by <a href="mailto:plupy44@gmail.com">Tyler Clarke</a>.</div>
|
||||
</div>
|
||||
<script src="main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
88
avrahamsociety/contact.html
Normal file
88
avrahamsociety/contact.html
Normal file
@@ -0,0 +1,88 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
|
||||
<!--
|
||||
Kuwait flag colors:
|
||||
Green: #007b3a
|
||||
Red: #cf0821
|
||||
Black: black
|
||||
White: white
|
||||
-->
|
||||
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Avraham Society | Contact Us</title>
|
||||
<link rel="stylesheet" href="https://swaous.asuscomm.com/dev/avrahamsociety/main.css" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link rel="icon" href="https://swaous.asuscomm.com/dev/avrahamsociety/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">
|
||||
|
||||
<!-- HTML Meta Tags -->
|
||||
<meta name="description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
|
||||
<!-- Facebook Meta Tags -->
|
||||
<meta property="og:url" content="https://avrahamsociety.org">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="Avraham Society | Contact Us">
|
||||
<meta property="og:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
<meta property="og:image" content="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png">
|
||||
|
||||
<!-- Twitter Meta Tags -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta property="twitter:domain" content="avrahamsociety.org">
|
||||
<meta property="twitter:url" content="https://avrahamsociety.org">
|
||||
<meta name="twitter:title" content="Avraham Society | Contact Us">
|
||||
<meta name="twitter:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
<meta name="twitter:image" content="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png">
|
||||
|
||||
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="bg"></div>
|
||||
<div id="main">
|
||||
<div id="banner">
|
||||
<a href="https://swaous.asuscomm.com/dev/avrahamsociety"><img src="res/Avraham_Society.png"></a>
|
||||
<div id="social">Social media, recent updates, etc</div>
|
||||
<input id="navExpander" style="display: none;" type="checkbox" checked>
|
||||
<div id="nav">
|
||||
<label for="navExpander" id="nav-expand"></label>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/">Home</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/intro-to-judaism">Intro to Judaism</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/jewish-history-culture">Jewish History and Culture</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/landmarks">Jewish Landmarks</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/humanism">Humanism</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/membership">Membership</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/library">Library</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="top">
|
||||
<div id="title">Avraham Society<br>
|
||||
<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 id="shape"></div>
|
||||
</div>
|
||||
<div>
|
||||
<h1 style="padding-bottom: 2em;">Contact Us</h1>
|
||||
</div>
|
||||
Kindly email ovadiah@avrahamsociety.org if you have any questions or concerns.
|
||||
<div class="bottom">
|
||||
<img src="https://swaous.asuscomm.com/dev/avrahamsociety/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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="plug">Website by <a href="mailto:plupy44@gmail.com">Tyler Clarke</a>.</div>
|
||||
</div>
|
||||
<script src="main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
88
avrahamsociety/events.html
Normal file
88
avrahamsociety/events.html
Normal file
@@ -0,0 +1,88 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
|
||||
<!--
|
||||
Kuwait flag colors:
|
||||
Green: #007b3a
|
||||
Red: #cf0821
|
||||
Black: black
|
||||
White: white
|
||||
-->
|
||||
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Avraham Society | Events</title>
|
||||
<link rel="stylesheet" href="https://swaous.asuscomm.com/dev/avrahamsociety/main.css" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link rel="icon" href="https://swaous.asuscomm.com/dev/avrahamsociety/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">
|
||||
|
||||
<!-- HTML Meta Tags -->
|
||||
<meta name="description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
|
||||
<!-- Facebook Meta Tags -->
|
||||
<meta property="og:url" content="https://avrahamsociety.org">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="Avraham Society | Events">
|
||||
<meta property="og:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
<meta property="og:image" content="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png">
|
||||
|
||||
<!-- Twitter Meta Tags -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta property="twitter:domain" content="avrahamsociety.org">
|
||||
<meta property="twitter:url" content="https://avrahamsociety.org">
|
||||
<meta name="twitter:title" content="Avraham Society | Events">
|
||||
<meta name="twitter:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
<meta name="twitter:image" content="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png">
|
||||
|
||||
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="bg"></div>
|
||||
<div id="main">
|
||||
<div id="banner">
|
||||
<a href="https://swaous.asuscomm.com/dev/avrahamsociety"><img src="res/Avraham_Society.png"></a>
|
||||
<div id="social">Social media, recent updates, etc</div>
|
||||
<input id="navExpander" style="display: none;" type="checkbox" checked>
|
||||
<div id="nav">
|
||||
<label for="navExpander" id="nav-expand"></label>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/">Home</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/intro-to-judaism">Intro to Judaism</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/jewish-history-culture">Jewish History and Culture</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/landmarks">Jewish Landmarks</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/humanism">Humanism</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/membership">Membership</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/library">Library</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="top">
|
||||
<div id="title">Avraham Society<br>
|
||||
<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 id="shape"></div>
|
||||
</div>
|
||||
<div>
|
||||
<h1 style="padding-bottom: 2em;">Events</h1>
|
||||
</div>
|
||||
|
||||
<div class="bottom">
|
||||
<img src="https://swaous.asuscomm.com/dev/avrahamsociety/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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="plug">Website by <a href="mailto:plupy44@gmail.com">Tyler Clarke</a>.</div>
|
||||
</div>
|
||||
<script src="main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
1
avrahamsociety/feed.xml
Normal file
1
avrahamsociety/feed.xml
Normal file
@@ -0,0 +1 @@
|
||||
<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.3.2">Jekyll</generator><link href="/https://swaous.asuscomm.com/dev/avrahamsociety/feed.xml" rel="self" type="application/atom+xml" /><link href="/https://swaous.asuscomm.com/dev/avrahamsociety/" rel="alternate" type="text/html" /><updated>2024-03-04T08:19:08-05:00</updated><id>/https://swaous.asuscomm.com/dev/avrahamsociety/feed.xml</id><title type="html">Avraham Society</title><subtitle>The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.</subtitle></feed>
|
||||
100
avrahamsociety/humanism.html
Normal file
100
avrahamsociety/humanism.html
Normal file
@@ -0,0 +1,100 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
|
||||
<!--
|
||||
Kuwait flag colors:
|
||||
Green: #007b3a
|
||||
Red: #cf0821
|
||||
Black: black
|
||||
White: white
|
||||
-->
|
||||
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Avraham Society | Humanism</title>
|
||||
<link rel="stylesheet" href="https://swaous.asuscomm.com/dev/avrahamsociety/main.css" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link rel="icon" href="https://swaous.asuscomm.com/dev/avrahamsociety/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">
|
||||
|
||||
<!-- HTML Meta Tags -->
|
||||
<meta name="description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
|
||||
<!-- Facebook Meta Tags -->
|
||||
<meta property="og:url" content="https://avrahamsociety.org">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="Avraham Society | Humanism">
|
||||
<meta property="og:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
<meta property="og:image" content="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png">
|
||||
|
||||
<!-- Twitter Meta Tags -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta property="twitter:domain" content="avrahamsociety.org">
|
||||
<meta property="twitter:url" content="https://avrahamsociety.org">
|
||||
<meta name="twitter:title" content="Avraham Society | Humanism">
|
||||
<meta name="twitter:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
<meta name="twitter:image" content="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png">
|
||||
|
||||
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="bg"></div>
|
||||
<div id="main">
|
||||
<div id="banner">
|
||||
<a href="https://swaous.asuscomm.com/dev/avrahamsociety"><img src="res/Avraham_Society.png"></a>
|
||||
<div id="social">Social media, recent updates, etc</div>
|
||||
<input id="navExpander" style="display: none;" type="checkbox" checked>
|
||||
<div id="nav">
|
||||
<label for="navExpander" id="nav-expand"></label>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/">Home</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/intro-to-judaism">Intro to Judaism</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/jewish-history-culture">Jewish History and Culture</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/landmarks">Jewish Landmarks</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/humanism">Humanism</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/membership">Membership</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/library">Library</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="top">
|
||||
<div id="title">Avraham Society<br>
|
||||
<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 id="shape"></div>
|
||||
</div>
|
||||
<div>
|
||||
<h1 style="padding-bottom: 2em;">Humanism</h1>
|
||||
</div>
|
||||
Humanism is a focus on action instead of wishful thinking and an occupation with the affairs and general welfare of humankind.
|
||||
|
||||
Our Humanism is based on promoting peace and harmony between peoples and nations. It is also service oriented where we seek to be of assistance to the Jewish communities of the MENA region.
|
||||
|
||||
We respect all recognized faiths and denominations and tolerate belief or lack thereof. We affirm and appreciate the diversity of humankind across many cultures and traditions as we stand firmly against ethnocentrism and all forms of 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.
|
||||
|
||||
We believe in an inclusive Judaism which affirms humanitarian values and is at peace with the abrahamic/semitic religions and cultures.
|
||||
|
||||
Our focus in Judaism is primarily on secular worldly/humanistic matters namely the concept of Tikkun Olam (fixing the world) along with values such as equality and Social Justice.
|
||||
|
||||
Our humanism is apolitical and doesn’t discriminate based on belief, ethnicity, nationality, sex, orientation, race, etc. To us all humans are inherently equal.
|
||||
<div class="bottom">
|
||||
<img src="https://swaous.asuscomm.com/dev/avrahamsociety/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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="plug">Website by <a href="mailto:plupy44@gmail.com">Tyler Clarke</a>.</div>
|
||||
</div>
|
||||
<script src="main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
139
avrahamsociety/index.html
Normal file
139
avrahamsociety/index.html
Normal file
@@ -0,0 +1,139 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
|
||||
<!--
|
||||
Kuwait flag colors:
|
||||
Green: #007b3a
|
||||
Red: #cf0821
|
||||
Black: black
|
||||
White: white
|
||||
-->
|
||||
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Avraham Society | Home</title>
|
||||
<link rel="stylesheet" href="https://swaous.asuscomm.com/dev/avrahamsociety/main.css" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link rel="icon" href="https://swaous.asuscomm.com/dev/avrahamsociety/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">
|
||||
|
||||
<!-- HTML Meta Tags -->
|
||||
<meta name="description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
|
||||
<!-- Facebook Meta Tags -->
|
||||
<meta property="og:url" content="https://avrahamsociety.org">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="Avraham Society | Home">
|
||||
<meta property="og:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
<meta property="og:image" content="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png">
|
||||
|
||||
<!-- Twitter Meta Tags -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta property="twitter:domain" content="avrahamsociety.org">
|
||||
<meta property="twitter:url" content="https://avrahamsociety.org">
|
||||
<meta name="twitter:title" content="Avraham Society | Home">
|
||||
<meta name="twitter:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
<meta name="twitter:image" content="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png">
|
||||
|
||||
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="bg"></div>
|
||||
<div id="main">
|
||||
<div id="banner">
|
||||
<a href="https://swaous.asuscomm.com/dev/avrahamsociety"><img src="res/Avraham_Society.png"></a>
|
||||
<div id="social">Social media, recent updates, etc</div>
|
||||
<input id="navExpander" style="display: none;" type="checkbox" checked>
|
||||
<div id="nav">
|
||||
<label for="navExpander" id="nav-expand"></label>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/">Home</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/intro-to-judaism">Intro to Judaism</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/jewish-history-culture">Jewish History and Culture</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/landmarks">Jewish Landmarks</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/humanism">Humanism</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/membership">Membership</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/library">Library</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="top">
|
||||
<div id="title">Avraham Society<br>
|
||||
<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 id="shape"></div>
|
||||
</div>
|
||||
<div>
|
||||
<h1 style="padding-bottom: 2em;">Home</h1>
|
||||
</div>
|
||||
<p>
|
||||
Welcome to the Avraham Society! If you are looking for the Jewish Humanist voice of the MENA region then you came to the
|
||||
right place! We are the home of future leaders who want to make a change in the world. We are an opportunity for all
|
||||
Jews and everything Jewish or Jew-ish! This is our oasis of Jewish Culture and a celebration of Humanism and Humanity!
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p><p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p><p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p><p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p><p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p><p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p>
|
||||
<div class="space"></div>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p><p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p><p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p><p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p><p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p><p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p><p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p><p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p><p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p>
|
||||
<div class="bottom">
|
||||
<img src="https://swaous.asuscomm.com/dev/avrahamsociety/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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="plug">Website by <a href="mailto:plupy44@gmail.com">Tyler Clarke</a>.</div>
|
||||
</div>
|
||||
<script src="main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
97
avrahamsociety/intro-to-judaism.html
Normal file
97
avrahamsociety/intro-to-judaism.html
Normal file
@@ -0,0 +1,97 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
|
||||
<!--
|
||||
Kuwait flag colors:
|
||||
Green: #007b3a
|
||||
Red: #cf0821
|
||||
Black: black
|
||||
White: white
|
||||
-->
|
||||
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Avraham Society | Intro to Judaism</title>
|
||||
<link rel="stylesheet" href="https://swaous.asuscomm.com/dev/avrahamsociety/main.css" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link rel="icon" href="https://swaous.asuscomm.com/dev/avrahamsociety/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">
|
||||
|
||||
<!-- HTML Meta Tags -->
|
||||
<meta name="description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
|
||||
<!-- Facebook Meta Tags -->
|
||||
<meta property="og:url" content="https://avrahamsociety.org">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="Avraham Society | Intro to Judaism">
|
||||
<meta property="og:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
<meta property="og:image" content="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png">
|
||||
|
||||
<!-- Twitter Meta Tags -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta property="twitter:domain" content="avrahamsociety.org">
|
||||
<meta property="twitter:url" content="https://avrahamsociety.org">
|
||||
<meta name="twitter:title" content="Avraham Society | Intro to Judaism">
|
||||
<meta name="twitter:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
<meta name="twitter:image" content="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png">
|
||||
|
||||
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="bg"></div>
|
||||
<div id="main">
|
||||
<div id="banner">
|
||||
<a href="https://swaous.asuscomm.com/dev/avrahamsociety"><img src="res/Avraham_Society.png"></a>
|
||||
<div id="social">Social media, recent updates, etc</div>
|
||||
<input id="navExpander" style="display: none;" type="checkbox" checked>
|
||||
<div id="nav">
|
||||
<label for="navExpander" id="nav-expand"></label>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/">Home</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/intro-to-judaism">Intro to Judaism</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/jewish-history-culture">Jewish History and Culture</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/landmarks">Jewish Landmarks</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/humanism">Humanism</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/membership">Membership</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/library">Library</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="top">
|
||||
<div id="title">Avraham Society<br>
|
||||
<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 id="shape"></div>
|
||||
</div>
|
||||
<div>
|
||||
<h1 style="padding-bottom: 2em;">Intro to Judaism</h1>
|
||||
</div>
|
||||
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 Judaism’s universalist perspectives and its cultural elements.
|
||||
|
||||
<div class="bottom">
|
||||
<img src="https://swaous.asuscomm.com/dev/avrahamsociety/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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="plug">Website by <a href="mailto:plupy44@gmail.com">Tyler Clarke</a>.</div>
|
||||
</div>
|
||||
<script src="main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
100
avrahamsociety/jewish-history-culture.html
Normal file
100
avrahamsociety/jewish-history-culture.html
Normal file
@@ -0,0 +1,100 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
|
||||
<!--
|
||||
Kuwait flag colors:
|
||||
Green: #007b3a
|
||||
Red: #cf0821
|
||||
Black: black
|
||||
White: white
|
||||
-->
|
||||
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Avraham Society | The Cultural Diversity of Judaism</title>
|
||||
<link rel="stylesheet" href="https://swaous.asuscomm.com/dev/avrahamsociety/main.css" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link rel="icon" href="https://swaous.asuscomm.com/dev/avrahamsociety/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">
|
||||
|
||||
<!-- HTML Meta Tags -->
|
||||
<meta name="description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
|
||||
<!-- Facebook Meta Tags -->
|
||||
<meta property="og:url" content="https://avrahamsociety.org">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="Avraham Society | The Cultural Diversity of Judaism">
|
||||
<meta property="og:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
<meta property="og:image" content="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png">
|
||||
|
||||
<!-- Twitter Meta Tags -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta property="twitter:domain" content="avrahamsociety.org">
|
||||
<meta property="twitter:url" content="https://avrahamsociety.org">
|
||||
<meta name="twitter:title" content="Avraham Society | The Cultural Diversity of Judaism">
|
||||
<meta name="twitter:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
<meta name="twitter:image" content="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png">
|
||||
|
||||
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="bg"></div>
|
||||
<div id="main">
|
||||
<div id="banner">
|
||||
<a href="https://swaous.asuscomm.com/dev/avrahamsociety"><img src="res/Avraham_Society.png"></a>
|
||||
<div id="social">Social media, recent updates, etc</div>
|
||||
<input id="navExpander" style="display: none;" type="checkbox" checked>
|
||||
<div id="nav">
|
||||
<label for="navExpander" id="nav-expand"></label>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/">Home</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/intro-to-judaism">Intro to Judaism</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/jewish-history-culture">Jewish History and Culture</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/landmarks">Jewish Landmarks</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/humanism">Humanism</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/membership">Membership</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/library">Library</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="top">
|
||||
<div id="title">Avraham Society<br>
|
||||
<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 id="shape"></div>
|
||||
</div>
|
||||
<div>
|
||||
<h1 style="padding-bottom: 2em;">The Cultural Diversity of Judaism</h1>
|
||||
</div>
|
||||
<p>We celebrate Judaism’s cultural diversity and acknowledge that Jews come from many cultures.</p>
|
||||
|
||||
<p>There is no way to look Jewish, rather Jews have a variety of customs and traditions from all over the world.</p>
|
||||
|
||||
<p>Our focus is on Iraqi Jews and their heritage namely in Kuwait and Iraq and the Mizrahi culture in general. </p>
|
||||
|
||||
<p>We do not privilege one tradition over another rather we connect with the heritage of our lands and seek to accommodate a plurality of traditions in our members to connect with the wider Jewish world.</p>
|
||||
|
||||
<p>Kuwait and Iraq have a special place in our hearts given that our initiative was based on them and serving their Jewish communities</p>
|
||||
|
||||
<p>However as humanists our vision is worldwide and our concern reflects many cultures both Jewish and non-Jewish.</p>
|
||||
|
||||
<p>We seek to promote a safe space where differences are understood and respected. This is a community to celebrate humanity as a whole with a focus on Judaism and preserving Mizrahi culture. </p>
|
||||
<div class="bottom">
|
||||
<img src="https://swaous.asuscomm.com/dev/avrahamsociety/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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="plug">Website by <a href="mailto:plupy44@gmail.com">Tyler Clarke</a>.</div>
|
||||
</div>
|
||||
<script src="main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
88
avrahamsociety/landmarks.html
Normal file
88
avrahamsociety/landmarks.html
Normal file
@@ -0,0 +1,88 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
|
||||
<!--
|
||||
Kuwait flag colors:
|
||||
Green: #007b3a
|
||||
Red: #cf0821
|
||||
Black: black
|
||||
White: white
|
||||
-->
|
||||
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Avraham Society | Landmarks</title>
|
||||
<link rel="stylesheet" href="https://swaous.asuscomm.com/dev/avrahamsociety/main.css" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link rel="icon" href="https://swaous.asuscomm.com/dev/avrahamsociety/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">
|
||||
|
||||
<!-- HTML Meta Tags -->
|
||||
<meta name="description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
|
||||
<!-- Facebook Meta Tags -->
|
||||
<meta property="og:url" content="https://avrahamsociety.org">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="Avraham Society | Landmarks">
|
||||
<meta property="og:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
<meta property="og:image" content="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png">
|
||||
|
||||
<!-- Twitter Meta Tags -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta property="twitter:domain" content="avrahamsociety.org">
|
||||
<meta property="twitter:url" content="https://avrahamsociety.org">
|
||||
<meta name="twitter:title" content="Avraham Society | Landmarks">
|
||||
<meta name="twitter:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
<meta name="twitter:image" content="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png">
|
||||
|
||||
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="bg"></div>
|
||||
<div id="main">
|
||||
<div id="banner">
|
||||
<a href="https://swaous.asuscomm.com/dev/avrahamsociety"><img src="res/Avraham_Society.png"></a>
|
||||
<div id="social">Social media, recent updates, etc</div>
|
||||
<input id="navExpander" style="display: none;" type="checkbox" checked>
|
||||
<div id="nav">
|
||||
<label for="navExpander" id="nav-expand"></label>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/">Home</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/intro-to-judaism">Intro to Judaism</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/jewish-history-culture">Jewish History and Culture</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/landmarks">Jewish Landmarks</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/humanism">Humanism</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/membership">Membership</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/library">Library</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="top">
|
||||
<div id="title">Avraham Society<br>
|
||||
<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 id="shape"></div>
|
||||
</div>
|
||||
<div>
|
||||
<h1 style="padding-bottom: 2em;">Landmarks</h1>
|
||||
</div>
|
||||
|
||||
<div class="bottom">
|
||||
<img src="https://swaous.asuscomm.com/dev/avrahamsociety/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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="plug">Website by <a href="mailto:plupy44@gmail.com">Tyler Clarke</a>.</div>
|
||||
</div>
|
||||
<script src="main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
151
avrahamsociety/library.html
Normal file
151
avrahamsociety/library.html
Normal file
@@ -0,0 +1,151 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
|
||||
<!--
|
||||
Kuwait flag colors:
|
||||
Green: #007b3a
|
||||
Red: #cf0821
|
||||
Black: black
|
||||
White: white
|
||||
-->
|
||||
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Avraham Society | Library</title>
|
||||
<link rel="stylesheet" href="https://swaous.asuscomm.com/dev/avrahamsociety/main.css" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link rel="icon" href="https://swaous.asuscomm.com/dev/avrahamsociety/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">
|
||||
|
||||
<!-- HTML Meta Tags -->
|
||||
<meta name="description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
|
||||
<!-- Facebook Meta Tags -->
|
||||
<meta property="og:url" content="https://avrahamsociety.org">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="Avraham Society | Library">
|
||||
<meta property="og:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
<meta property="og:image" content="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png">
|
||||
|
||||
<!-- Twitter Meta Tags -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta property="twitter:domain" content="avrahamsociety.org">
|
||||
<meta property="twitter:url" content="https://avrahamsociety.org">
|
||||
<meta name="twitter:title" content="Avraham Society | Library">
|
||||
<meta name="twitter:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
<meta name="twitter:image" content="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png">
|
||||
|
||||
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="bg"></div>
|
||||
<div id="main">
|
||||
<div id="banner">
|
||||
<a href="https://swaous.asuscomm.com/dev/avrahamsociety"><img src="res/Avraham_Society.png"></a>
|
||||
<div id="social">Social media, recent updates, etc</div>
|
||||
<input id="navExpander" style="display: none;" type="checkbox" checked>
|
||||
<div id="nav">
|
||||
<label for="navExpander" id="nav-expand"></label>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/">Home</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/intro-to-judaism">Intro to Judaism</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/jewish-history-culture">Jewish History and Culture</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/landmarks">Jewish Landmarks</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/humanism">Humanism</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/membership">Membership</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/library">Library</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="top">
|
||||
<div id="title">Avraham Society<br>
|
||||
<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 id="shape"></div>
|
||||
</div>
|
||||
<div>
|
||||
<h1 style="padding-bottom: 2em;">Library</h1>
|
||||
</div>
|
||||
<div id="library">
|
||||
<div id="libpages">
|
||||
<a href="/library/library-entry">
|
||||
<span>Library Entry</span>
|
||||
<p>
|
||||
Information about the entry; initiail blurb, etc. Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum distinctio facilis ut, repellendus veniam cupiditate nulla, optio blanditiis odit, dicta quas numquam dolorem repellat deleniti tenetur? Aspernatur error deleniti nobis!
|
||||
</p>
|
||||
<span><img src="/res/librarrow.svg"></span>
|
||||
</a>
|
||||
<a href="/library/library-entry">
|
||||
<span>Library Entry</span>
|
||||
<p>
|
||||
Information about the entry; initiail blurb, etc. Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum distinctio facilis ut, repellendus veniam cupiditate nulla, optio blanditiis odit, dicta quas numquam dolorem repellat deleniti tenetur? Aspernatur error deleniti nobis!
|
||||
</p>
|
||||
<span><img src="/res/librarrow.svg"></span>
|
||||
</a>
|
||||
<a href="/library/library-entry">
|
||||
<span>Library Entry</span>
|
||||
<p>
|
||||
Information about the entry; initiail blurb, etc. Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum distinctio facilis ut, repellendus veniam cupiditate nulla, optio blanditiis odit, dicta quas numquam dolorem repellat deleniti tenetur? Aspernatur error deleniti nobis!
|
||||
</p>
|
||||
<span><img src="/res/librarrow.svg"></span>
|
||||
</a>
|
||||
<a href="/library/library-entry">
|
||||
<span>Library Entry</span>
|
||||
<p>
|
||||
Information about the entry; initiail blurb, etc. Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum distinctio facilis ut, repellendus veniam cupiditate nulla, optio blanditiis odit, dicta quas numquam dolorem repellat deleniti tenetur? Aspernatur error deleniti nobis!
|
||||
</p>
|
||||
<span><img src="/res/librarrow.svg"></span>
|
||||
</a>
|
||||
<a href="/library/library-entry">
|
||||
<span>Library Entry</span>
|
||||
<p>
|
||||
Information about the entry; initiail blurb, etc. Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum distinctio facilis ut, repellendus veniam cupiditate nulla, optio blanditiis odit, dicta quas numquam dolorem repellat deleniti tenetur? Aspernatur error deleniti nobis!
|
||||
</p>
|
||||
<span><img src="/res/librarrow.svg"></span>
|
||||
</a>
|
||||
<a href="/library/library-entry">
|
||||
<span>Library Entry</span>
|
||||
<p>
|
||||
Information about the entry; initiail blurb, etc. Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum distinctio facilis ut, repellendus veniam cupiditate nulla, optio blanditiis odit, dicta quas numquam dolorem repellat deleniti tenetur? Aspernatur error deleniti nobis!
|
||||
</p>
|
||||
<span><img src="/res/librarrow.svg"></span>
|
||||
</a>
|
||||
<a href="/library/library-entry">
|
||||
<span>Library Entry</span>
|
||||
<p>
|
||||
Information about the entry; initiail blurb, etc. Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum distinctio facilis ut, repellendus veniam cupiditate nulla, optio blanditiis odit, dicta quas numquam dolorem repellat deleniti tenetur? Aspernatur error deleniti nobis!
|
||||
</p>
|
||||
<span><img src="/res/librarrow.svg"></span>
|
||||
</a>
|
||||
</div>
|
||||
<div id="study">
|
||||
<div id="study-inner">
|
||||
<h1>Daily Study</h1>
|
||||
<div>
|
||||
Something to study!
|
||||
</div>
|
||||
<div>
|
||||
Something else to study!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<img src="https://swaous.asuscomm.com/dev/avrahamsociety/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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="plug">Website by <a href="mailto:plupy44@gmail.com">Tyler Clarke</a>.</div>
|
||||
</div>
|
||||
<script src="main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
104
avrahamsociety/main-old.js
Normal file
104
avrahamsociety/main-old.js
Normal file
@@ -0,0 +1,104 @@
|
||||
function clamp(min, val, max) {
|
||||
if (val < min) {
|
||||
val = min;
|
||||
}
|
||||
if (val > max) {
|
||||
val = max;
|
||||
}
|
||||
return val;
|
||||
}
|
||||
|
||||
const scrollchecks = () => {
|
||||
var el = document.getElementById("header");
|
||||
el.style.backgroundPositionY = 50 + (document.documentElement.scrollTop/el.scrollHeight) / 2 * 100 + "%";
|
||||
Array.from(document.getElementsByClassName("scrolly")).forEach(el => {
|
||||
let box = el.getBoundingClientRect();
|
||||
if (box.bottom < 0 || box.top >= window.innerHeight) {
|
||||
el.classList.add("scrolly-out");
|
||||
el.classList.remove("scrolly-in");
|
||||
el.classList.remove("scrolly-onedge");
|
||||
}
|
||||
else {
|
||||
el.classList.remove("scrolly-out");
|
||||
el.classList.add("scrolly-in");
|
||||
el.classList.add("scrolly-entered");
|
||||
if (box.top <= 0 || box.bottom >= window.innerHeight) {
|
||||
el.classList.add("scrolly-onedge");
|
||||
}
|
||||
else {
|
||||
el.classList.remove("scrolly-onedge");
|
||||
}
|
||||
}
|
||||
if (box.top + box.height / 2 <= window.innerHeight / 2) {
|
||||
el.classList.add("scrolly-tophalf");
|
||||
el.classList.remove("scrolly-bottomhalf");
|
||||
}
|
||||
else {
|
||||
el.classList.remove("scrolly-tophalf");
|
||||
el.classList.add("scrolly-bottomhalf");
|
||||
}
|
||||
});
|
||||
var perc = clamp(0, document.getElementById("outer").scrollTop / (window.innerHeight / 2), 1);
|
||||
document.querySelector("#headin > h1").style.fontSize = 2 + 4 * (1 - perc) + "em";
|
||||
document.querySelector("#links").style.opacity = perc;
|
||||
//document.querySelector("#carousel").style.opacity = perc;
|
||||
};
|
||||
window.addEventListener("scroll", scrollchecks);
|
||||
window.addEventListener("scrollend", scrollchecks);
|
||||
window.addEventListener("wheel", scrollchecks);
|
||||
window.addEventListener("resize", scrollchecks);
|
||||
window.addEventListener("load", scrollchecks);
|
||||
window.addEventListener("touchmove", scrollchecks);
|
||||
setInterval(scrollchecks, 250); // Computers are fast and scrolling in JavaScript is dumb. Shoot me.
|
||||
var gallery_position = 0;
|
||||
var last_cycle = window.performance.now();
|
||||
var GALLERYSPEED = -100;
|
||||
var oldTouch = undefined;
|
||||
|
||||
document.getElementById("carousel-inner").addEventListener("wheel", (evt) => {
|
||||
GALLERYSPEED = (-evt.deltaX + evt.deltaY) * 100;
|
||||
evt.preventDefault();
|
||||
});
|
||||
|
||||
document.getElementById("carousel-inner").addEventListener("touchmove", (evt) => {
|
||||
var tuch = evt.touches[0];
|
||||
if (oldTouch) {
|
||||
GALLERYSPEED = -(oldTouch.pageX - tuch.pageX) * 100;
|
||||
}
|
||||
oldTouch = tuch;
|
||||
});
|
||||
|
||||
document.getElementById("carousel-inner").addEventListener("touchend", () => {
|
||||
oldTouch = undefined;
|
||||
});
|
||||
|
||||
function main() {
|
||||
var elapsed_time = window.performance.now() - last_cycle;
|
||||
last_cycle += elapsed_time;
|
||||
requestAnimationFrame(main);
|
||||
var el = document.getElementById("carousel-inner");
|
||||
if (getComputedStyle(el).getPropertyValue("--do-scroll") == "yes" && !oldTouch) {
|
||||
GALLERYSPEED = -100;
|
||||
}
|
||||
else {
|
||||
GALLERYSPEED *= Math.pow(0.1, elapsed_time / 1000)
|
||||
}
|
||||
gallery_position += GALLERYSPEED * elapsed_time / 1000;
|
||||
if (gallery_position > 0) {
|
||||
var hammer = el.lastChild;
|
||||
el.removeChild(hammer);
|
||||
var smol = el.scrollWidth;
|
||||
el.insertBefore(hammer, el.firstChild);
|
||||
gallery_position -= (el.scrollWidth - smol);
|
||||
}
|
||||
if (gallery_position < -(el.scrollWidth - window.innerWidth)) {
|
||||
var hammer = el.firstChild;
|
||||
el.removeChild(hammer);
|
||||
var smol = el.scrollWidth;
|
||||
el.appendChild(hammer);
|
||||
gallery_position += (el.scrollWidth - smol);
|
||||
}
|
||||
el.style.transform = "translate(" + gallery_position + "px, 0)";
|
||||
}
|
||||
|
||||
main();
|
||||
94
avrahamsociety/membership.html
Normal file
94
avrahamsociety/membership.html
Normal file
@@ -0,0 +1,94 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
|
||||
<!--
|
||||
Kuwait flag colors:
|
||||
Green: #007b3a
|
||||
Red: #cf0821
|
||||
Black: black
|
||||
White: white
|
||||
-->
|
||||
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Avraham Society | Membership</title>
|
||||
<link rel="stylesheet" href="https://swaous.asuscomm.com/dev/avrahamsociety/main.css" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link rel="icon" href="https://swaous.asuscomm.com/dev/avrahamsociety/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">
|
||||
|
||||
<!-- HTML Meta Tags -->
|
||||
<meta name="description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
|
||||
<!-- Facebook Meta Tags -->
|
||||
<meta property="og:url" content="https://avrahamsociety.org">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="Avraham Society | Membership">
|
||||
<meta property="og:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
<meta property="og:image" content="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png">
|
||||
|
||||
<!-- Twitter Meta Tags -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta property="twitter:domain" content="avrahamsociety.org">
|
||||
<meta property="twitter:url" content="https://avrahamsociety.org">
|
||||
<meta name="twitter:title" content="Avraham Society | Membership">
|
||||
<meta name="twitter:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
<meta name="twitter:image" content="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png">
|
||||
|
||||
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="bg"></div>
|
||||
<div id="main">
|
||||
<div id="banner">
|
||||
<a href="https://swaous.asuscomm.com/dev/avrahamsociety"><img src="res/Avraham_Society.png"></a>
|
||||
<div id="social">Social media, recent updates, etc</div>
|
||||
<input id="navExpander" style="display: none;" type="checkbox" checked>
|
||||
<div id="nav">
|
||||
<label for="navExpander" id="nav-expand"></label>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/">Home</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/intro-to-judaism">Intro to Judaism</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/jewish-history-culture">Jewish History and Culture</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/landmarks">Jewish Landmarks</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/humanism">Humanism</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/membership">Membership</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/library">Library</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="top">
|
||||
<div id="title">Avraham Society<br>
|
||||
<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 id="shape"></div>
|
||||
</div>
|
||||
<div>
|
||||
<h1 style="padding-bottom: 2em;">Membership</h1>
|
||||
</div>
|
||||
We accept all tolerant and open minded people as members of our initiative. Membership is service-oriented therefore we expect our members to volunteer/contribute to our organization.
|
||||
|
||||
We interview our applicants and select them on a case-by-case basis to accommodate their skill-sets and make them feel included.
|
||||
|
||||
Membership fees are open to negotiation and are paid on a monthly basis. We take a holistic approach in supporting our 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.
|
||||
<div class="bottom">
|
||||
<img src="https://swaous.asuscomm.com/dev/avrahamsociety/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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="plug">Website by <a href="mailto:plupy44@gmail.com">Tyler Clarke</a>.</div>
|
||||
</div>
|
||||
<script src="main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
88
avrahamsociety/services.html
Normal file
88
avrahamsociety/services.html
Normal file
@@ -0,0 +1,88 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
|
||||
<!--
|
||||
Kuwait flag colors:
|
||||
Green: #007b3a
|
||||
Red: #cf0821
|
||||
Black: black
|
||||
White: white
|
||||
-->
|
||||
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Avraham Society | Services</title>
|
||||
<link rel="stylesheet" href="https://swaous.asuscomm.com/dev/avrahamsociety/main.css" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link rel="icon" href="https://swaous.asuscomm.com/dev/avrahamsociety/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">
|
||||
|
||||
<!-- HTML Meta Tags -->
|
||||
<meta name="description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
|
||||
<!-- Facebook Meta Tags -->
|
||||
<meta property="og:url" content="https://avrahamsociety.org">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="Avraham Society | Services">
|
||||
<meta property="og:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
<meta property="og:image" content="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png">
|
||||
|
||||
<!-- Twitter Meta Tags -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta property="twitter:domain" content="avrahamsociety.org">
|
||||
<meta property="twitter:url" content="https://avrahamsociety.org">
|
||||
<meta name="twitter:title" content="Avraham Society | Services">
|
||||
<meta name="twitter:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
<meta name="twitter:image" content="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png">
|
||||
|
||||
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="bg"></div>
|
||||
<div id="main">
|
||||
<div id="banner">
|
||||
<a href="https://swaous.asuscomm.com/dev/avrahamsociety"><img src="res/Avraham_Society.png"></a>
|
||||
<div id="social">Social media, recent updates, etc</div>
|
||||
<input id="navExpander" style="display: none;" type="checkbox" checked>
|
||||
<div id="nav">
|
||||
<label for="navExpander" id="nav-expand"></label>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/">Home</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/intro-to-judaism">Intro to Judaism</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/jewish-history-culture">Jewish History and Culture</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/landmarks">Jewish Landmarks</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/humanism">Humanism</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/membership">Membership</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/library">Library</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="top">
|
||||
<div id="title">Avraham Society<br>
|
||||
<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 id="shape"></div>
|
||||
</div>
|
||||
<div>
|
||||
<h1 style="padding-bottom: 2em;">Services</h1>
|
||||
</div>
|
||||
|
||||
<div class="bottom">
|
||||
<img src="https://swaous.asuscomm.com/dev/avrahamsociety/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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="plug">Website by <a href="mailto:plupy44@gmail.com">Tyler Clarke</a>.</div>
|
||||
</div>
|
||||
<script src="main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
88
avrahamsociety/volunteer.html
Normal file
88
avrahamsociety/volunteer.html
Normal file
@@ -0,0 +1,88 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
|
||||
<!--
|
||||
Kuwait flag colors:
|
||||
Green: #007b3a
|
||||
Red: #cf0821
|
||||
Black: black
|
||||
White: white
|
||||
-->
|
||||
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Avraham Society | Volunteer</title>
|
||||
<link rel="stylesheet" href="https://swaous.asuscomm.com/dev/avrahamsociety/main.css" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link rel="icon" href="https://swaous.asuscomm.com/dev/avrahamsociety/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">
|
||||
|
||||
<!-- HTML Meta Tags -->
|
||||
<meta name="description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
|
||||
<!-- Facebook Meta Tags -->
|
||||
<meta property="og:url" content="https://avrahamsociety.org">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="Avraham Society | Volunteer">
|
||||
<meta property="og:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
<meta property="og:image" content="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png">
|
||||
|
||||
<!-- Twitter Meta Tags -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta property="twitter:domain" content="avrahamsociety.org">
|
||||
<meta property="twitter:url" content="https://avrahamsociety.org">
|
||||
<meta name="twitter:title" content="Avraham Society | Volunteer">
|
||||
<meta name="twitter:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
<meta name="twitter:image" content="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png">
|
||||
|
||||
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="bg"></div>
|
||||
<div id="main">
|
||||
<div id="banner">
|
||||
<a href="https://swaous.asuscomm.com/dev/avrahamsociety"><img src="res/Avraham_Society.png"></a>
|
||||
<div id="social">Social media, recent updates, etc</div>
|
||||
<input id="navExpander" style="display: none;" type="checkbox" checked>
|
||||
<div id="nav">
|
||||
<label for="navExpander" id="nav-expand"></label>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/">Home</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/intro-to-judaism">Intro to Judaism</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/jewish-history-culture">Jewish History and Culture</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/landmarks">Jewish Landmarks</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/humanism">Humanism</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/membership">Membership</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/library">Library</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="top">
|
||||
<div id="title">Avraham Society<br>
|
||||
<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 id="shape"></div>
|
||||
</div>
|
||||
<div>
|
||||
<h1 style="padding-bottom: 2em;">Volunteer</h1>
|
||||
</div>
|
||||
|
||||
<div class="bottom">
|
||||
<img src="https://swaous.asuscomm.com/dev/avrahamsociety/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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="plug">Website by <a href="mailto:plupy44@gmail.com">Tyler Clarke</a>.</div>
|
||||
</div>
|
||||
<script src="main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
109
avrahamsociety/workshop.html
Normal file
109
avrahamsociety/workshop.html
Normal file
@@ -0,0 +1,109 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
|
||||
<!--
|
||||
Kuwait flag colors:
|
||||
Green: #007b3a
|
||||
Red: #cf0821
|
||||
Black: black
|
||||
White: white
|
||||
-->
|
||||
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Avraham Society | Workshop</title>
|
||||
<link rel="stylesheet" href="https://swaous.asuscomm.com/dev/avrahamsociety/main.css" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link rel="icon" href="https://swaous.asuscomm.com/dev/avrahamsociety/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">
|
||||
|
||||
<!-- HTML Meta Tags -->
|
||||
<meta name="description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
|
||||
<!-- Facebook Meta Tags -->
|
||||
<meta property="og:url" content="https://avrahamsociety.org">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="Avraham Society | Workshop">
|
||||
<meta property="og:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
<meta property="og:image" content="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png">
|
||||
|
||||
<!-- Twitter Meta Tags -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta property="twitter:domain" content="avrahamsociety.org">
|
||||
<meta property="twitter:url" content="https://avrahamsociety.org">
|
||||
<meta name="twitter:title" content="Avraham Society | Workshop">
|
||||
<meta name="twitter:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
<meta name="twitter:image" content="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png">
|
||||
|
||||
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="bg"></div>
|
||||
<div id="main">
|
||||
<div id="banner">
|
||||
<a href="https://swaous.asuscomm.com/dev/avrahamsociety"><img src="res/Avraham_Society.png"></a>
|
||||
<div id="social">Social media, recent updates, etc</div>
|
||||
<input id="navExpander" style="display: none;" type="checkbox" checked>
|
||||
<div id="nav">
|
||||
<label for="navExpander" id="nav-expand"></label>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/">Home</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/intro-to-judaism">Intro to Judaism</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/jewish-history-culture">Jewish History and Culture</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/landmarks">Jewish Landmarks</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/humanism">Humanism</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/membership">Membership</a>
|
||||
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/library">Library</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="top">
|
||||
<div id="title">Avraham Society<br>
|
||||
<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 id="shape"></div>
|
||||
</div>
|
||||
<div>
|
||||
<h1 style="padding-bottom: 2em;">Workshop</h1>
|
||||
</div>
|
||||
<h2>This is a development page for sampling new styles &c. I will be removing it for the page launch, of course.</h2>
|
||||
<p>
|
||||
Please select your sidebar style preference:<br></br>
|
||||
<input name="sidebar-style" type="radio" value="design-1" onchange="setStyle(this.value)">Slanted Down<br>
|
||||
<input name="sidebar-style" type="radio" value="design-2" onchange="setStyle(this.value)">Smooth Curve (based on your suggestion)<br>
|
||||
<input name="sidebar-style" type="radio" value="design-3" onchange="setStyle(this.value)">Square (original; bad)<br>
|
||||
<input name="sidebar-style" type="radio" value="design-4" onchange="setStyle(this.value)">Full Height<br>
|
||||
<b>NOTE: On mobile devices, the sidebar will probably fill the whole screen. This is intentional: trying to fit it into half the screen or smaller will leave the text broken.</b>
|
||||
</p>
|
||||
|
||||
<script>
|
||||
function setStyle(valyer) {
|
||||
document.getElementById("sider-outer").className = valyer;
|
||||
}
|
||||
Array.from(document.getElementsByTagName("input")).forEach(item => {
|
||||
if (item.name == "sidebar-style") {
|
||||
if (item.checked) {
|
||||
setStyle(item.value);
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<div class="bottom">
|
||||
<img src="https://swaous.asuscomm.com/dev/avrahamsociety/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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="plug">Website by <a href="mailto:plupy44@gmail.com">Tyler Clarke</a>.</div>
|
||||
</div>
|
||||
<script src="main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
158
output/index.html
Normal file
158
output/index.html
Normal file
@@ -0,0 +1,158 @@
|
||||
|
||||
<!DOCTYPE html>
|
||||
|
||||
|
||||
<!--
|
||||
Kuwait flag colors:
|
||||
Green: #007b3a
|
||||
Red: #cf0821
|
||||
Black: black
|
||||
White: white
|
||||
-->
|
||||
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Avraham Society | Home</title>
|
||||
<link rel="stylesheet" href="http://localhost:8080/main.css" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link rel="icon" href="http://localhost:8080/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">
|
||||
|
||||
<!-- HTML Meta Tags -->
|
||||
<meta name="description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
|
||||
<!-- Facebook Meta Tags -->
|
||||
<meta property="og:url" content="https://avrahamsociety.org">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="Avraham Society | Home">
|
||||
<meta property="og:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
<meta property="og:image" content="http://localhost:8080/res/Avraham_Society.png">
|
||||
|
||||
<!-- Twitter Meta Tags -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta property="twitter:domain" content="avrahamsociety.org">
|
||||
<meta property="twitter:url" content="https://avrahamsociety.org">
|
||||
<meta name="twitter:title" content="Avraham Society | Home">
|
||||
<meta name="twitter:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
<meta name="twitter:image" content="http://localhost:8080/res/Avraham_Society.png">
|
||||
|
||||
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="bg"></div>
|
||||
<div id="main">
|
||||
<div id="banner">
|
||||
<a href="http://localhost:8080"><img src="res/Avraham_Society.png"></a>
|
||||
<div id="social">Social media, recent updates, etc</div>
|
||||
<input id="navExpander" style="display: none;" type="checkbox" checked>
|
||||
<div id="nav">
|
||||
<label for="navExpander" id="nav-expand"></label>
|
||||
<a onclick="localStorage.refered = true" href="http://localhost:8080/">Home</a>
|
||||
<a onclick="localStorage.refered = true" href="http://localhost:8080/intro-to-judaism">Intro to Judaism</a>
|
||||
<a onclick="localStorage.refered = true" href="http://localhost:8080/jewish-history-culture">Jewish History and Culture</a>
|
||||
<a onclick="localStorage.refered = true" href="http://localhost:8080/landmarks">Jewish Landmarks</a>
|
||||
<a onclick="localStorage.refered = true" href="http://localhost:8080/humanism">Humanism</a>
|
||||
<a onclick="localStorage.refered = true" href="http://localhost:8080/membership">Membership</a>
|
||||
<a onclick="localStorage.refered = true" href="http://localhost:8080/library">Library</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="top">
|
||||
<div id="title">Avraham Society<br>
|
||||
<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 id="shape"></div>
|
||||
</div>
|
||||
<div>
|
||||
<h1 style="padding-bottom: 2em;">Home</h1>
|
||||
</div>
|
||||
|
||||
<p>
|
||||
Welcome to the Avraham Society! If you are looking for the Jewish Humanist voice of the MENA region then you came to
|
||||
the
|
||||
right place! We are the home of future leaders who want to make a change in the world. We are an opportunity for all
|
||||
Jews and everything Jewish or Jew-ish! This is our oasis of Jewish Culture and a celebration of Humanism and
|
||||
Humanity!
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p>
|
||||
<div class="space"></div>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p>
|
||||
|
||||
<div class="bottom">
|
||||
<img src="http://localhost:8080/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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="plug">Website by <a href="mailto:plupy44@gmail.com">Tyler Clarke</a>.</div>
|
||||
</div>
|
||||
<script src="main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
342
output/main.css
Normal file
342
output/main.css
Normal file
@@ -0,0 +1,342 @@
|
||||
@font-face {
|
||||
font-family: Lobster;
|
||||
src: url(res/Lobster-Regular.ttf);
|
||||
}
|
||||
|
||||
* {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
font-family: sans-serif;
|
||||
--deepcream: rgb(247, 233, 213);
|
||||
--cream: rgb(255, 254, 250);
|
||||
--kuwaitgreen: #007b3a;
|
||||
--kuwaitred: #cf0821;
|
||||
}
|
||||
|
||||
#bg {
|
||||
position: absolute;
|
||||
z-index: -1000;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
background-image: url(res/Avraham_Society.png),
|
||||
/*linear-gradient(90deg, var(--kuwaitgreen), var(--cream), var(--kuwaitred), black)*/
|
||||
linear-gradient(45deg, red, rgb(0, 255, 0, 0), green),
|
||||
linear-gradient(135deg, black, rgb(255, 255, 255, 0), white);
|
||||
background-size: contain;
|
||||
background-position: 50% 65%;
|
||||
background-repeat: no-repeat;
|
||||
/*background-color: var(--kuwaitgreen);/*white;*/ /*var(--deepcream);*/ /*#993231;*/ /* var(--cream); */
|
||||
}
|
||||
|
||||
#main {
|
||||
/*display: none;*/
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#main > div, #main > p {
|
||||
background-color: var(--cream);
|
||||
}
|
||||
|
||||
#main > p:first-of-type {
|
||||
padding-top: 50px;
|
||||
}
|
||||
|
||||
#main > p {
|
||||
padding-bottom: 50px;
|
||||
padding-left: 20vw;
|
||||
padding-right: 30vw;
|
||||
line-height: 2em;
|
||||
font-family: Arial;
|
||||
}
|
||||
|
||||
#main > div.space {
|
||||
background-color: transparent;
|
||||
height: clamp(150px, 30vh, 500px);
|
||||
border-bottom: 50px solid var(--cream);
|
||||
}
|
||||
|
||||
#main > div.bottom {
|
||||
background-color: #007b3a; /* kuwait green */
|
||||
display: flex;
|
||||
padding: 50px;
|
||||
width: 100vw;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#main > div.bottom > * {
|
||||
flex-basis: 100%;
|
||||
justify-self: start;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#main > .top {
|
||||
text-align: center;
|
||||
height: 100vh;
|
||||
position: relative;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
#shape {
|
||||
height: calc(10vh + 3px);
|
||||
width: 100vw;
|
||||
background-color: var(--cream);
|
||||
clip-path: polygon(0% calc(100% - 3px), 0% 100%, 100% 100%, 100% calc(100% - 3px), 50% 0%);
|
||||
position: absolute;
|
||||
bottom: -1px;
|
||||
}
|
||||
|
||||
#title {
|
||||
font-size: 4em;
|
||||
font-family: Lobster;
|
||||
text-align: center;
|
||||
background-color: var(--cream);
|
||||
color: black;
|
||||
padding-top: 52px; /* TODO: make this less worsely */
|
||||
position: sticky;
|
||||
top: 0px;
|
||||
padding-bottom: 10vh;
|
||||
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% calc(100% - 10vh), 0% 100%);
|
||||
}
|
||||
|
||||
div#nav {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
#nav > a {
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
font-family: Lobster;
|
||||
}
|
||||
|
||||
#nav > a:hover {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#nav > a::before {
|
||||
content: ">";
|
||||
}
|
||||
|
||||
#nav > a::after {
|
||||
content: "<";
|
||||
}
|
||||
|
||||
div#banner {
|
||||
background-color: white;
|
||||
color: black;
|
||||
/*--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: 4px solid var(--kuwaitred);
|
||||
border-top: none;
|
||||
/*box-shadow: 0px 0px 5px var(--kuwaitred);*/
|
||||
/*box-shadow: 0px 0px 5px black;*/
|
||||
padding-bottom: 5px;
|
||||
text-align: center;
|
||||
position: fixed;
|
||||
width: 100vw;
|
||||
top: 0px;
|
||||
box-sizing: border-box;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
#banner > a {
|
||||
height: 2em;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#banner > a > img {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
div#banner > * {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 0.2em !important;
|
||||
}
|
||||
|
||||
#nav > #nav-expand {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (max-width: 1000px) {
|
||||
#main > p {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
#shape {
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
#title {
|
||||
font-size: 2em;
|
||||
padding-bottom: 20px;
|
||||
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% calc(100% - 19px), 0% 100%);
|
||||
}
|
||||
|
||||
|
||||
#main > .top {
|
||||
height: 90vh;
|
||||
}
|
||||
|
||||
.bottom {
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
|
||||
.bottom > img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#nav {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#nav > #nav-expand {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
#navExpander:checked + #nav > a {
|
||||
height: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
#navExpander + #nav > a {
|
||||
height: 1em;
|
||||
padding: 2px;
|
||||
overflow: hidden;
|
||||
transition: height 0.3s, padding 0.3s;
|
||||
}
|
||||
|
||||
#navExpander + #nav > #nav-expand::before {
|
||||
content: '↑';
|
||||
}
|
||||
|
||||
#navExpander:checked + #nav > #nav-expand::before {
|
||||
content: '↓';
|
||||
}
|
||||
|
||||
#library {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
flex-direction: column-reverse !important;
|
||||
}
|
||||
|
||||
#libpages {
|
||||
grid-template-columns: 100% !important;
|
||||
padding-left: 0px !important;
|
||||
max-width: unset !important;
|
||||
}
|
||||
}
|
||||
|
||||
#plug {
|
||||
background-color: black !important;
|
||||
color: white;
|
||||
text-align: center;
|
||||
font-size: 0.75em;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#libpages {
|
||||
display: grid;
|
||||
grid-template-columns: 50% 50%;
|
||||
padding-left: 10vw;
|
||||
max-width: 60vw;
|
||||
}
|
||||
|
||||
#libpages > a {
|
||||
border-top: 4px solid var(--kuwaitred);
|
||||
margin: 20px;
|
||||
padding: 20px;
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
}
|
||||
|
||||
#libpages > a > span:first-child {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
|
||||
#libpages > a > p {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#libpages > a > p::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
background-image: linear-gradient(transparent 0%, white 100%);
|
||||
z-index: 100000;
|
||||
}
|
||||
|
||||
#libpages > a > span:last-child {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#libpages > a > span:last-child::before {
|
||||
content: "";
|
||||
transform: translateY(-8px);
|
||||
height: 1px;
|
||||
width: 60%;
|
||||
display: inline-block;
|
||||
background-color: black;
|
||||
transition: width 0.5s;
|
||||
}
|
||||
|
||||
#libpages > a:hover > span:last-child::before {
|
||||
content: "";
|
||||
transform: translateY(-8px);
|
||||
height: 1px;
|
||||
width: 80%;
|
||||
display: inline-block;
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
#library {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
#study {
|
||||
flex: 0 1 auto;
|
||||
}
|
||||
|
||||
#study-inner {
|
||||
background-color: var(--deepcream);
|
||||
padding: 40px;
|
||||
margin: 10px;
|
||||
border-radius: 20px;
|
||||
position: sticky;
|
||||
top: 40%;
|
||||
}
|
||||
|
||||
#study-inner > div {
|
||||
border-top: 1px solid black;
|
||||
padding: 20px;
|
||||
color: #111111;
|
||||
}
|
||||
|
||||
#libpages {
|
||||
flex: 1 1 min-content;
|
||||
}
|
||||
13
output/main.js
Normal file
13
output/main.js
Normal file
@@ -0,0 +1,13 @@
|
||||
window.onresize = () => { // stupid hack for mobile browsers. Won't do anything on desktop.
|
||||
document.getElementById("main").style.height = window.innerHeight + "px";
|
||||
document.getElementById("bg").style.height = window.innerHeight + "px";
|
||||
};
|
||||
|
||||
window.onresize();
|
||||
|
||||
if (localStorage.refered) {
|
||||
delete localStorage.refered;
|
||||
document.getElementById("shape").scrollIntoView({
|
||||
"behavior": "smooth"
|
||||
});
|
||||
}
|
||||
BIN
output/res/Avraham_Society.png
Normal file
BIN
output/res/Avraham_Society.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 MiB |
BIN
output/res/Avraham_Society_icon.png
Normal file
BIN
output/res/Avraham_Society_icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 163 KiB |
504
output/res/Cantarell-VF.otf
Normal file
504
output/res/Cantarell-VF.otf
Normal file
File diff suppressed because one or more lines are too long
BIN
output/res/Lobster-Regular.ttf
Normal file
BIN
output/res/Lobster-Regular.ttf
Normal file
Binary file not shown.
52
output/res/arrow-left.svg
Normal file
52
output/res/arrow-left.svg
Normal file
@@ -0,0 +1,52 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="67.722931mm"
|
||||
height="248.83067mm"
|
||||
viewBox="0 0 67.722931 248.83067"
|
||||
version="1.1"
|
||||
id="svg5"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
sodipodi:docname="arrow-left.svg"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview7"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="mm"
|
||||
showgrid="false"
|
||||
inkscape:zoom="0.37721168"
|
||||
inkscape:cx="165.68946"
|
||||
inkscape:cy="532.8573"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1011"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="layer1" />
|
||||
<defs
|
||||
id="defs2" />
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(0.23499242,-0.29279519)">
|
||||
<path
|
||||
id="path627"
|
||||
style="fill:none;stroke:black;stroke-width:10;stop-color:#000000"
|
||||
d="m 12.891763,74.516068 v -5.12e-4" />
|
||||
<path
|
||||
id="path625"
|
||||
style="fill:none;stroke:black;stroke-width:10;stop-color:#000000"
|
||||
d="M 66.415659,248.55925 1.2877685,124.70778 66.415471,0.85665987" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
52
output/res/arrow-none.svg
Normal file
52
output/res/arrow-none.svg
Normal file
@@ -0,0 +1,52 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="67.722931mm"
|
||||
height="248.83067mm"
|
||||
viewBox="0 0 67.722931 248.83067"
|
||||
version="1.1"
|
||||
id="svg5"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
sodipodi:docname="arrow-left.svg"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview7"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="mm"
|
||||
showgrid="false"
|
||||
inkscape:zoom="0.37721168"
|
||||
inkscape:cx="165.68946"
|
||||
inkscape:cy="532.8573"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1011"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="layer1" />
|
||||
<defs
|
||||
id="defs2" />
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(0.23499242,-0.29279519)">
|
||||
<path
|
||||
id="path627"
|
||||
style="fill:none;stroke:none;stroke-width:2.423;stop-color:#000000"
|
||||
d="m 12.891763,74.516068 v -5.12e-4" />
|
||||
<path
|
||||
id="path625"
|
||||
style="fill:none;stroke:none;stroke-width:2.423;stop-color:#000000"
|
||||
d="M 66.415659,248.55925 1.2877685,124.70778 66.415471,0.85665987" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
52
output/res/arrow-right-2.svg
Normal file
52
output/res/arrow-right-2.svg
Normal file
@@ -0,0 +1,52 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="67.722931mm"
|
||||
height="248.83067mm"
|
||||
viewBox="0 0 67.722931 248.83067"
|
||||
version="1.1"
|
||||
id="svg5"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
sodipodi:docname="arrow-right.svg"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview7"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="mm"
|
||||
showgrid="false"
|
||||
inkscape:zoom="0.37721168"
|
||||
inkscape:cx="165.68946"
|
||||
inkscape:cy="532.8573"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1011"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="layer1" />
|
||||
<defs
|
||||
id="defs2" />
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(0.23499242,-0.29279519)">
|
||||
<path
|
||||
id="path627"
|
||||
style="fill:none;stroke:black;stroke-width:10;stop-color:#000000"
|
||||
d="m 12.891763,74.516068 v -5.12e-4" />
|
||||
<path
|
||||
id="path625"
|
||||
style="fill:none;stroke:black;stroke-width:10;stop-color:#000000"
|
||||
d="M 0.99125754,248.55925 66.119148,124.70778 0.99144554,0.85665987" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
52
output/res/arrow-right.svg
Normal file
52
output/res/arrow-right.svg
Normal file
@@ -0,0 +1,52 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="67.722931mm"
|
||||
height="248.83067mm"
|
||||
viewBox="0 0 67.722931 248.83067"
|
||||
version="1.1"
|
||||
id="svg5"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
sodipodi:docname="arrow-right.svg"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview7"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="mm"
|
||||
showgrid="false"
|
||||
inkscape:zoom="0.37721168"
|
||||
inkscape:cx="165.68946"
|
||||
inkscape:cy="532.8573"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1011"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="layer1" />
|
||||
<defs
|
||||
id="defs2" />
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(0.23499242,-0.29279519)">
|
||||
<path
|
||||
id="path627"
|
||||
style="fill:none;stroke:white;stroke-width:10;stop-color:#000000"
|
||||
d="m 12.891763,74.516068 v -5.12e-4" />
|
||||
<path
|
||||
id="path625"
|
||||
style="fill:none;stroke:white;stroke-width:10;stop-color:#000000"
|
||||
d="M 0.99125754,248.55925 66.119148,124.70778 0.99144554,0.85665987" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
70
output/res/bwrg.svg
Normal file
70
output/res/bwrg.svg
Normal file
@@ -0,0 +1,70 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="100"
|
||||
height="100"
|
||||
viewBox="0 0 26.458333 26.458333"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
|
||||
sodipodi:docname="bwrg.svg"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="px"
|
||||
inkscape:zoom="5.9246536"
|
||||
inkscape:cx="48.019685"
|
||||
inkscape:cy="48.188471"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1011"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="layer1" />
|
||||
<defs
|
||||
id="defs1" />
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1">
|
||||
<rect
|
||||
style="fill:#ff0000;stroke-width:3.565;stroke-linecap:round;stroke-linejoin:round"
|
||||
id="rect1"
|
||||
width="13.229166"
|
||||
height="13.229166"
|
||||
x="0"
|
||||
y="1.4785472e-16" />
|
||||
<rect
|
||||
style="fill:#f9f9f9;stroke-width:3.565;stroke-linecap:round;stroke-linejoin:round"
|
||||
id="rect2"
|
||||
width="13.229166"
|
||||
height="13.229166"
|
||||
x="13.229166"
|
||||
y="1.4785472e-16" />
|
||||
<rect
|
||||
style="fill:#000000;stroke-width:3.565;stroke-linecap:round;stroke-linejoin:round"
|
||||
id="rect3"
|
||||
width="13.229166"
|
||||
height="13.229166"
|
||||
x="0"
|
||||
y="13.229166" />
|
||||
<rect
|
||||
style="fill:#00ff00;stroke-width:3.565;stroke-linecap:round;stroke-linejoin:round"
|
||||
id="rect4"
|
||||
width="13.229166"
|
||||
height="13.229166"
|
||||
x="13.229166"
|
||||
y="13.229166" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
21
output/res/librarrow.svg
Normal file
21
output/res/librarrow.svg
Normal file
@@ -0,0 +1,21 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="8"
|
||||
height="16"
|
||||
viewBox="0 0 16 16"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<defs
|
||||
id="defs1" />
|
||||
<g
|
||||
id="layer1">
|
||||
<path
|
||||
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:3.565;stroke-linecap:round;stroke-linejoin:round"
|
||||
d="M 0,0 16,8 0,16 Z"
|
||||
id="path1" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 522 B |
1
output/res/web_hamburger_icon.svg
Normal file
1
output/res/web_hamburger_icon.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="500" zoomAndPan="magnify" viewBox="0 0 375 374.999991" height="500" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><clipPath id="fd47b5b3d7"><path d="M 5.96875 37.5 L 368.957031 37.5 L 368.957031 97.753906 L 5.96875 97.753906 Z M 5.96875 37.5 " clip-rule="nonzero"/></clipPath><clipPath id="9968fcffd3"><path d="M 5.96875 157 L 368.957031 157 L 368.957031 218 L 5.96875 218 Z M 5.96875 157 " clip-rule="nonzero"/></clipPath><clipPath id="37e53ce280"><path d="M 5.96875 277.109375 L 368.957031 277.109375 L 368.957031 337.5 L 5.96875 337.5 Z M 5.96875 277.109375 " clip-rule="nonzero"/></clipPath></defs><g clip-path="url(#fd47b5b3d7)"><path fill="#1e1e1e" d="M 338.953125 97.511719 L 35.96875 97.511719 C 19.398438 97.511719 5.96875 84.078125 5.96875 67.503906 C 5.96875 50.9375 19.398438 37.503906 35.96875 37.503906 L 338.953125 37.503906 C 355.523438 37.503906 368.949219 50.9375 368.949219 67.503906 C 368.949219 84.078125 355.523438 97.511719 338.953125 97.511719 " fill-opacity="1" fill-rule="nonzero"/></g><g clip-path="url(#9968fcffd3)"><path fill="#1e1e1e" d="M 338.953125 217.535156 L 35.96875 217.535156 C 19.398438 217.535156 5.96875 204.101562 5.96875 187.527344 C 5.96875 170.953125 19.398438 157.523438 35.96875 157.523438 L 338.953125 157.523438 C 355.523438 157.523438 368.949219 170.953125 368.949219 187.527344 C 368.949219 204.101562 355.523438 217.535156 338.953125 217.535156 " fill-opacity="1" fill-rule="nonzero"/></g><g clip-path="url(#37e53ce280)"><path fill="#1e1e1e" d="M 338.953125 337.558594 L 35.96875 337.558594 C 19.398438 337.558594 5.96875 324.125 5.96875 307.550781 C 5.96875 290.976562 19.398438 277.546875 35.96875 277.546875 L 338.953125 277.546875 C 355.523438 277.546875 368.949219 290.976562 368.949219 307.550781 C 368.949219 324.125 355.523438 337.558594 338.953125 337.558594 " fill-opacity="1" fill-rule="nonzero"/></g></svg>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
73
site/index.html
Normal file
73
site/index.html
Normal file
@@ -0,0 +1,73 @@
|
||||
[!]
|
||||
[=title Home]
|
||||
[=content-]
|
||||
<p>
|
||||
Welcome to the Avraham Society! If you are looking for the Jewish Humanist voice of the MENA region then you came to
|
||||
the
|
||||
right place! We are the home of future leaders who want to make a change in the world. We are an opportunity for all
|
||||
Jews and everything Jewish or Jew-ish! This is our oasis of Jewish Culture and a celebration of Humanism and
|
||||
Humanity!
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p>
|
||||
<div class="space"></div>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
||||
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
||||
</p>
|
||||
[/]
|
||||
[#templates/default.html]
|
||||
342
site/main.css
Normal file
342
site/main.css
Normal file
@@ -0,0 +1,342 @@
|
||||
@font-face {
|
||||
font-family: Lobster;
|
||||
src: url(Lobster-Regular.ttf);
|
||||
}
|
||||
|
||||
* {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
font-family: sans-serif;
|
||||
--deepcream: rgb(247, 233, 213);
|
||||
--cream: rgb(255, 254, 250);
|
||||
--kuwaitgreen: #007b3a;
|
||||
--kuwaitred: #cf0821;
|
||||
}
|
||||
|
||||
#bg {
|
||||
position: absolute;
|
||||
z-index: -1000;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
background-image: url(res/Avraham_Society.png),
|
||||
/*linear-gradient(90deg, var(--kuwaitgreen), var(--cream), var(--kuwaitred), black)*/
|
||||
linear-gradient(45deg, red, rgb(0, 255, 0, 0), green),
|
||||
linear-gradient(135deg, black, rgb(255, 255, 255, 0), white);
|
||||
background-size: contain;
|
||||
background-position: 50% 65%;
|
||||
background-repeat: no-repeat;
|
||||
/*background-color: var(--kuwaitgreen);/*white;*/ /*var(--deepcream);*/ /*#993231;*/ /* var(--cream); */
|
||||
}
|
||||
|
||||
#main {
|
||||
/*display: none;*/
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#main > div, #main > p {
|
||||
background-color: var(--cream);
|
||||
}
|
||||
|
||||
#main > p:first-of-type {
|
||||
padding-top: 50px;
|
||||
}
|
||||
|
||||
#main > p {
|
||||
padding-bottom: 50px;
|
||||
padding-left: 20vw;
|
||||
padding-right: 30vw;
|
||||
line-height: 2em;
|
||||
font-family: Arial;
|
||||
}
|
||||
|
||||
#main > div.space {
|
||||
background-color: transparent;
|
||||
height: clamp(150px, 30vh, 500px);
|
||||
border-bottom: 50px solid var(--cream);
|
||||
}
|
||||
|
||||
#main > div.bottom {
|
||||
background-color: #007b3a; /* kuwait green */
|
||||
display: flex;
|
||||
padding: 50px;
|
||||
width: 100vw;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#main > div.bottom > * {
|
||||
flex-basis: 100%;
|
||||
justify-self: start;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#main > .top {
|
||||
text-align: center;
|
||||
height: 100vh;
|
||||
position: relative;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
#shape {
|
||||
height: calc(10vh + 3px);
|
||||
width: 100vw;
|
||||
background-color: var(--cream);
|
||||
clip-path: polygon(0% calc(100% - 3px), 0% 100%, 100% 100%, 100% calc(100% - 3px), 50% 0%);
|
||||
position: absolute;
|
||||
bottom: -1px;
|
||||
}
|
||||
|
||||
#title {
|
||||
font-size: 4em;
|
||||
font-family: Lobster;
|
||||
text-align: center;
|
||||
background-color: var(--cream);
|
||||
color: black;
|
||||
padding-top: 52px; /* TODO: make this less worsely */
|
||||
position: sticky;
|
||||
top: 0px;
|
||||
padding-bottom: 10vh;
|
||||
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% calc(100% - 10vh), 0% 100%);
|
||||
}
|
||||
|
||||
div#nav {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
#nav > a {
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
font-family: Lobster;
|
||||
}
|
||||
|
||||
#nav > a:hover {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#nav > a::before {
|
||||
content: ">";
|
||||
}
|
||||
|
||||
#nav > a::after {
|
||||
content: "<";
|
||||
}
|
||||
|
||||
div#banner {
|
||||
background-color: white;
|
||||
color: black;
|
||||
/*--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: 4px solid var(--kuwaitred);
|
||||
border-top: none;
|
||||
/*box-shadow: 0px 0px 5px var(--kuwaitred);*/
|
||||
/*box-shadow: 0px 0px 5px black;*/
|
||||
padding-bottom: 5px;
|
||||
text-align: center;
|
||||
position: fixed;
|
||||
width: 100vw;
|
||||
top: 0px;
|
||||
box-sizing: border-box;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
#banner > a {
|
||||
height: 2em;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#banner > a > img {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
div#banner > * {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 0.2em !important;
|
||||
}
|
||||
|
||||
#nav > #nav-expand {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (max-width: 1000px) {
|
||||
#main > p {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
#shape {
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
#title {
|
||||
font-size: 2em;
|
||||
padding-bottom: 20px;
|
||||
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% calc(100% - 19px), 0% 100%);
|
||||
}
|
||||
|
||||
|
||||
#main > .top {
|
||||
height: 90vh;
|
||||
}
|
||||
|
||||
.bottom {
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
|
||||
.bottom > img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#nav {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#nav > #nav-expand {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
#navExpander:checked + #nav > a {
|
||||
height: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
#navExpander + #nav > a {
|
||||
height: 1em;
|
||||
padding: 2px;
|
||||
overflow: hidden;
|
||||
transition: height 0.3s, padding 0.3s;
|
||||
}
|
||||
|
||||
#navExpander + #nav > #nav-expand::before {
|
||||
content: '↑';
|
||||
}
|
||||
|
||||
#navExpander:checked + #nav > #nav-expand::before {
|
||||
content: '↓';
|
||||
}
|
||||
|
||||
#library {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
flex-direction: column-reverse !important;
|
||||
}
|
||||
|
||||
#libpages {
|
||||
grid-template-columns: 100% !important;
|
||||
padding-left: 0px !important;
|
||||
max-width: unset !important;
|
||||
}
|
||||
}
|
||||
|
||||
#plug {
|
||||
background-color: black !important;
|
||||
color: white;
|
||||
text-align: center;
|
||||
font-size: 0.75em;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#libpages {
|
||||
display: grid;
|
||||
grid-template-columns: 50% 50%;
|
||||
padding-left: 10vw;
|
||||
max-width: 60vw;
|
||||
}
|
||||
|
||||
#libpages > a {
|
||||
border-top: 4px solid var(--kuwaitred);
|
||||
margin: 20px;
|
||||
padding: 20px;
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
}
|
||||
|
||||
#libpages > a > span:first-child {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
|
||||
#libpages > a > p {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#libpages > a > p::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
background-image: linear-gradient(transparent 0%, white 100%);
|
||||
z-index: 100000;
|
||||
}
|
||||
|
||||
#libpages > a > span:last-child {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#libpages > a > span:last-child::before {
|
||||
content: "";
|
||||
transform: translateY(-8px);
|
||||
height: 1px;
|
||||
width: 60%;
|
||||
display: inline-block;
|
||||
background-color: black;
|
||||
transition: width 0.5s;
|
||||
}
|
||||
|
||||
#libpages > a:hover > span:last-child::before {
|
||||
content: "";
|
||||
transform: translateY(-8px);
|
||||
height: 1px;
|
||||
width: 80%;
|
||||
display: inline-block;
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
#library {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
#study {
|
||||
flex: 0 1 auto;
|
||||
}
|
||||
|
||||
#study-inner {
|
||||
background-color: var(--deepcream);
|
||||
padding: 40px;
|
||||
margin: 10px;
|
||||
border-radius: 20px;
|
||||
position: sticky;
|
||||
top: 40%;
|
||||
}
|
||||
|
||||
#study-inner > div {
|
||||
border-top: 1px solid black;
|
||||
padding: 20px;
|
||||
color: #111111;
|
||||
}
|
||||
|
||||
#libpages {
|
||||
flex: 1 1 min-content;
|
||||
}
|
||||
13
site/main.js
Normal file
13
site/main.js
Normal file
@@ -0,0 +1,13 @@
|
||||
window.onresize = () => { // stupid hack for mobile browsers. Won't do anything on desktop.
|
||||
document.getElementById("main").style.height = window.innerHeight + "px";
|
||||
document.getElementById("bg").style.height = window.innerHeight + "px";
|
||||
};
|
||||
|
||||
window.onresize();
|
||||
|
||||
if (localStorage.refered) {
|
||||
delete localStorage.refered;
|
||||
document.getElementById("shape").scrollIntoView({
|
||||
"behavior": "smooth"
|
||||
});
|
||||
}
|
||||
BIN
site/res/Avraham_Society.png
Normal file
BIN
site/res/Avraham_Society.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 MiB |
BIN
site/res/Avraham_Society_icon.png
Normal file
BIN
site/res/Avraham_Society_icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 163 KiB |
504
site/res/Cantarell-VF.otf
Normal file
504
site/res/Cantarell-VF.otf
Normal file
File diff suppressed because one or more lines are too long
BIN
site/res/Lobster-Regular.ttf
Normal file
BIN
site/res/Lobster-Regular.ttf
Normal file
Binary file not shown.
52
site/res/arrow-left.svg
Normal file
52
site/res/arrow-left.svg
Normal file
@@ -0,0 +1,52 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="67.722931mm"
|
||||
height="248.83067mm"
|
||||
viewBox="0 0 67.722931 248.83067"
|
||||
version="1.1"
|
||||
id="svg5"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
sodipodi:docname="arrow-left.svg"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview7"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="mm"
|
||||
showgrid="false"
|
||||
inkscape:zoom="0.37721168"
|
||||
inkscape:cx="165.68946"
|
||||
inkscape:cy="532.8573"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1011"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="layer1" />
|
||||
<defs
|
||||
id="defs2" />
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(0.23499242,-0.29279519)">
|
||||
<path
|
||||
id="path627"
|
||||
style="fill:none;stroke:black;stroke-width:10;stop-color:#000000"
|
||||
d="m 12.891763,74.516068 v -5.12e-4" />
|
||||
<path
|
||||
id="path625"
|
||||
style="fill:none;stroke:black;stroke-width:10;stop-color:#000000"
|
||||
d="M 66.415659,248.55925 1.2877685,124.70778 66.415471,0.85665987" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
52
site/res/arrow-none.svg
Normal file
52
site/res/arrow-none.svg
Normal file
@@ -0,0 +1,52 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="67.722931mm"
|
||||
height="248.83067mm"
|
||||
viewBox="0 0 67.722931 248.83067"
|
||||
version="1.1"
|
||||
id="svg5"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
sodipodi:docname="arrow-left.svg"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview7"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="mm"
|
||||
showgrid="false"
|
||||
inkscape:zoom="0.37721168"
|
||||
inkscape:cx="165.68946"
|
||||
inkscape:cy="532.8573"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1011"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="layer1" />
|
||||
<defs
|
||||
id="defs2" />
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(0.23499242,-0.29279519)">
|
||||
<path
|
||||
id="path627"
|
||||
style="fill:none;stroke:none;stroke-width:2.423;stop-color:#000000"
|
||||
d="m 12.891763,74.516068 v -5.12e-4" />
|
||||
<path
|
||||
id="path625"
|
||||
style="fill:none;stroke:none;stroke-width:2.423;stop-color:#000000"
|
||||
d="M 66.415659,248.55925 1.2877685,124.70778 66.415471,0.85665987" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
52
site/res/arrow-right-2.svg
Normal file
52
site/res/arrow-right-2.svg
Normal file
@@ -0,0 +1,52 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="67.722931mm"
|
||||
height="248.83067mm"
|
||||
viewBox="0 0 67.722931 248.83067"
|
||||
version="1.1"
|
||||
id="svg5"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
sodipodi:docname="arrow-right.svg"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview7"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="mm"
|
||||
showgrid="false"
|
||||
inkscape:zoom="0.37721168"
|
||||
inkscape:cx="165.68946"
|
||||
inkscape:cy="532.8573"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1011"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="layer1" />
|
||||
<defs
|
||||
id="defs2" />
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(0.23499242,-0.29279519)">
|
||||
<path
|
||||
id="path627"
|
||||
style="fill:none;stroke:black;stroke-width:10;stop-color:#000000"
|
||||
d="m 12.891763,74.516068 v -5.12e-4" />
|
||||
<path
|
||||
id="path625"
|
||||
style="fill:none;stroke:black;stroke-width:10;stop-color:#000000"
|
||||
d="M 0.99125754,248.55925 66.119148,124.70778 0.99144554,0.85665987" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
52
site/res/arrow-right.svg
Normal file
52
site/res/arrow-right.svg
Normal file
@@ -0,0 +1,52 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="67.722931mm"
|
||||
height="248.83067mm"
|
||||
viewBox="0 0 67.722931 248.83067"
|
||||
version="1.1"
|
||||
id="svg5"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
sodipodi:docname="arrow-right.svg"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview7"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="mm"
|
||||
showgrid="false"
|
||||
inkscape:zoom="0.37721168"
|
||||
inkscape:cx="165.68946"
|
||||
inkscape:cy="532.8573"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1011"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="layer1" />
|
||||
<defs
|
||||
id="defs2" />
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(0.23499242,-0.29279519)">
|
||||
<path
|
||||
id="path627"
|
||||
style="fill:none;stroke:white;stroke-width:10;stop-color:#000000"
|
||||
d="m 12.891763,74.516068 v -5.12e-4" />
|
||||
<path
|
||||
id="path625"
|
||||
style="fill:none;stroke:white;stroke-width:10;stop-color:#000000"
|
||||
d="M 0.99125754,248.55925 66.119148,124.70778 0.99144554,0.85665987" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
70
site/res/bwrg.svg
Normal file
70
site/res/bwrg.svg
Normal file
@@ -0,0 +1,70 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="100"
|
||||
height="100"
|
||||
viewBox="0 0 26.458333 26.458333"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
|
||||
sodipodi:docname="bwrg.svg"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="px"
|
||||
inkscape:zoom="5.9246536"
|
||||
inkscape:cx="48.019685"
|
||||
inkscape:cy="48.188471"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1011"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="layer1" />
|
||||
<defs
|
||||
id="defs1" />
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1">
|
||||
<rect
|
||||
style="fill:#ff0000;stroke-width:3.565;stroke-linecap:round;stroke-linejoin:round"
|
||||
id="rect1"
|
||||
width="13.229166"
|
||||
height="13.229166"
|
||||
x="0"
|
||||
y="1.4785472e-16" />
|
||||
<rect
|
||||
style="fill:#f9f9f9;stroke-width:3.565;stroke-linecap:round;stroke-linejoin:round"
|
||||
id="rect2"
|
||||
width="13.229166"
|
||||
height="13.229166"
|
||||
x="13.229166"
|
||||
y="1.4785472e-16" />
|
||||
<rect
|
||||
style="fill:#000000;stroke-width:3.565;stroke-linecap:round;stroke-linejoin:round"
|
||||
id="rect3"
|
||||
width="13.229166"
|
||||
height="13.229166"
|
||||
x="0"
|
||||
y="13.229166" />
|
||||
<rect
|
||||
style="fill:#00ff00;stroke-width:3.565;stroke-linecap:round;stroke-linejoin:round"
|
||||
id="rect4"
|
||||
width="13.229166"
|
||||
height="13.229166"
|
||||
x="13.229166"
|
||||
y="13.229166" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
21
site/res/librarrow.svg
Normal file
21
site/res/librarrow.svg
Normal file
@@ -0,0 +1,21 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="8"
|
||||
height="16"
|
||||
viewBox="0 0 16 16"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<defs
|
||||
id="defs1" />
|
||||
<g
|
||||
id="layer1">
|
||||
<path
|
||||
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:3.565;stroke-linecap:round;stroke-linejoin:round"
|
||||
d="M 0,0 16,8 0,16 Z"
|
||||
id="path1" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 522 B |
1
site/res/web_hamburger_icon.svg
Normal file
1
site/res/web_hamburger_icon.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="500" zoomAndPan="magnify" viewBox="0 0 375 374.999991" height="500" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><clipPath id="fd47b5b3d7"><path d="M 5.96875 37.5 L 368.957031 37.5 L 368.957031 97.753906 L 5.96875 97.753906 Z M 5.96875 37.5 " clip-rule="nonzero"/></clipPath><clipPath id="9968fcffd3"><path d="M 5.96875 157 L 368.957031 157 L 368.957031 218 L 5.96875 218 Z M 5.96875 157 " clip-rule="nonzero"/></clipPath><clipPath id="37e53ce280"><path d="M 5.96875 277.109375 L 368.957031 277.109375 L 368.957031 337.5 L 5.96875 337.5 Z M 5.96875 277.109375 " clip-rule="nonzero"/></clipPath></defs><g clip-path="url(#fd47b5b3d7)"><path fill="#1e1e1e" d="M 338.953125 97.511719 L 35.96875 97.511719 C 19.398438 97.511719 5.96875 84.078125 5.96875 67.503906 C 5.96875 50.9375 19.398438 37.503906 35.96875 37.503906 L 338.953125 37.503906 C 355.523438 37.503906 368.949219 50.9375 368.949219 67.503906 C 368.949219 84.078125 355.523438 97.511719 338.953125 97.511719 " fill-opacity="1" fill-rule="nonzero"/></g><g clip-path="url(#9968fcffd3)"><path fill="#1e1e1e" d="M 338.953125 217.535156 L 35.96875 217.535156 C 19.398438 217.535156 5.96875 204.101562 5.96875 187.527344 C 5.96875 170.953125 19.398438 157.523438 35.96875 157.523438 L 338.953125 157.523438 C 355.523438 157.523438 368.949219 170.953125 368.949219 187.527344 C 368.949219 204.101562 355.523438 217.535156 338.953125 217.535156 " fill-opacity="1" fill-rule="nonzero"/></g><g clip-path="url(#37e53ce280)"><path fill="#1e1e1e" d="M 338.953125 337.558594 L 35.96875 337.558594 C 19.398438 337.558594 5.96875 324.125 5.96875 307.550781 C 5.96875 290.976562 19.398438 277.546875 35.96875 277.546875 L 338.953125 277.546875 C 355.523438 277.546875 368.949219 290.976562 368.949219 307.550781 C 368.949219 324.125 355.523438 337.558594 338.953125 337.558594 " fill-opacity="1" fill-rule="nonzero"/></g></svg>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
90
site/templates/default.html
Normal file
90
site/templates/default.html
Normal file
@@ -0,0 +1,90 @@
|
||||
[?]
|
||||
[=baseurl http://localhost:8080]
|
||||
<!DOCTYPE html>
|
||||
|
||||
|
||||
<!--
|
||||
Kuwait flag colors:
|
||||
Green: #007b3a
|
||||
Red: #cf0821
|
||||
Black: black
|
||||
White: white
|
||||
-->
|
||||
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Avraham Society | [^title]</title>
|
||||
<link rel="stylesheet" href="[^baseurl]/main.css" />
|
||||
<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">
|
||||
|
||||
<!-- HTML Meta Tags -->
|
||||
<meta name="description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
|
||||
<!-- Facebook Meta Tags -->
|
||||
<meta property="og:url" content="https://avrahamsociety.org">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="Avraham Society | Home">
|
||||
<meta property="og:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
<meta property="og:image" content="[^baseurl]/res/Avraham_Society.png">
|
||||
|
||||
<!-- Twitter Meta Tags -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta property="twitter:domain" content="avrahamsociety.org">
|
||||
<meta property="twitter:url" content="https://avrahamsociety.org">
|
||||
<meta name="twitter:title" content="Avraham Society | Home">
|
||||
<meta name="twitter:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
||||
<meta name="twitter:image" content="[^baseurl]/res/Avraham_Society.png">
|
||||
|
||||
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="bg"></div>
|
||||
<div id="main">
|
||||
<div id="banner">
|
||||
<a href="[^baseurl]"><img src="res/Avraham_Society.png"></a>
|
||||
<div id="social">Social media, recent updates, etc</div>
|
||||
<input id="navExpander" style="display: none;" type="checkbox" checked>
|
||||
<div id="nav">
|
||||
<label for="navExpander" id="nav-expand"></label>
|
||||
<a onclick="localStorage.refered = true" href="[^baseurl]/">Home</a>
|
||||
<a onclick="localStorage.refered = true" href="[^baseurl]/intro-to-judaism">Intro to Judaism</a>
|
||||
<a onclick="localStorage.refered = true" href="[^baseurl]/jewish-history-culture">Jewish History and Culture</a>
|
||||
<a onclick="localStorage.refered = true" href="[^baseurl]/landmarks">Jewish Landmarks</a>
|
||||
<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]/library">Library</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="top">
|
||||
<div id="title">Avraham Society<br>
|
||||
<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 id="shape"></div>
|
||||
</div>
|
||||
<div>
|
||||
<h1 style="padding-bottom: 2em;">[^title]</h1>
|
||||
</div>
|
||||
[^content]
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="plug">Website by <a href="mailto:plupy44@gmail.com">Tyler Clarke</a>.</div>
|
||||
</div>
|
||||
<script src="main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user