109 lines
6.0 KiB
HTML
109 lines
6.0 KiB
HTML
<!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> |