set up cultural page

This commit is contained in:
Lazy Hippopotamus
2024-03-06 16:41:11 -05:00
parent cf291662af
commit d9ce55d098
11 changed files with 281 additions and 62 deletions

132
output/culture.html Normal file
View File

@@ -0,0 +1,132 @@
<!DOCTYPE html>
<!--
Kuwait flag colors:
Green: #007b3a
Red: #cf0821
Black: black
White: white
-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Avraham Society | Culture</title>
<link rel="stylesheet" href="http://localhost:8080/main.css" />
<link rel="manifest" href="http://localhost:8080/manifest.json"/>
<!--
<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="http://localhost:8080/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/librarymain">Library</a>
<a onclick="localStorage.refered = true" href="http://localhost:8080/culture">Culture</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;">Culture</h1>
</div>
<div id="culture">
<div>
<img src="https://media.istockphoto.com/id/1337471900/vector/star-of-david-graphic-abstract-background-with-three-doves.webp?s=2048x2048&w=is&k=20&c=M47-JucDhH5TQs500koB-siTbCxce2DLUfQjC5Y9gKA=" />
<p>
Text related to the cultural image.
</p>
</div>
<div>
<img src="https://media.istockphoto.com/id/1337471900/vector/star-of-david-graphic-abstract-background-with-three-doves.webp?s=2048x2048&w=is&k=20&c=M47-JucDhH5TQs500koB-siTbCxce2DLUfQjC5Y9gKA=" />
<p>
Text related to the cultural image.
</p>
</div>
<div>
<img src="https://media.istockphoto.com/id/1337471900/vector/star-of-david-graphic-abstract-background-with-three-doves.webp?s=2048x2048&w=is&k=20&c=M47-JucDhH5TQs500koB-siTbCxce2DLUfQjC5Y9gKA=" />
<p>
Text related to the cultural image.
</p>
</div>
</div>
<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>

View File

@@ -20,12 +20,12 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Avraham Society | Home</title> <title>Avraham Society | Home</title>
<link rel="stylesheet" href="https://swaous.asuscomm.com/dev/avrahamsociety/main.css" /> <link rel="stylesheet" href="http://localhost:8080/main.css" />
<link rel="manifest" href="https://swaous.asuscomm.com/dev/avrahamsociety/manifest.json"/> <link rel="manifest" href="http://localhost:8080/manifest.json"/>
<!-- <!--
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <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 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">--> <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 --> <!-- HTML Meta Tags -->
@@ -36,7 +36,7 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:title" content="Avraham Society | Home"> <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: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"> <meta property="og:image" content="http://localhost:8080/res/Avraham_Society.png">
<!-- Twitter Meta Tags --> <!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
@@ -44,7 +44,7 @@
<meta property="twitter:url" content="https://avrahamsociety.org"> <meta property="twitter:url" content="https://avrahamsociety.org">
<meta name="twitter:title" content="Avraham Society | Home"> <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: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 name="twitter:image" content="http://localhost:8080/res/Avraham_Society.png">
<!-- Meta Tags Generated via https://www.opengraph.xyz --> <!-- Meta Tags Generated via https://www.opengraph.xyz -->
@@ -54,19 +54,20 @@
<div id="bg"></div> <div id="bg"></div>
<div id="main"> <div id="main">
<div id="banner"> <div id="banner">
<a href="https://swaous.asuscomm.com/dev/avrahamsociety"><img src="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png"></a> <a href="http://localhost:8080"><img src="http://localhost:8080/res/Avraham_Society.png"></a>
<div id="social">Social media, recent updates, etc</div> <div id="social">Social media, recent updates, etc</div>
<input id="navExpander" style="display: none;" type="checkbox" checked> <input id="navExpander" style="display: none;" type="checkbox" checked>
<div id="nav"> <div id="nav">
<label for="navExpander" id="nav-expand"></label> <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="http://localhost:8080/">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="http://localhost:8080/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="http://localhost:8080/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="http://localhost:8080/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="http://localhost:8080/humanism">Humanism</a>
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/membership">Membership</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/membership">Membership</a>-->
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/librarymain">Library</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/librarymain">Library</a>
<a onclick="localStorage.refered = true" href="http://localhost:8080/culture">Culture</a>
</div> </div>
</div> </div>
@@ -150,7 +151,7 @@
</p> </p>
<div class="bottom"> <div class="bottom">
<img src="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png"> <img src="http://localhost:8080/res/Avraham_Society.png">
<div> <div>
<p> <p>
Quick informative blurb, social links, etc. Quick informative blurb, social links, etc.
@@ -166,3 +167,4 @@
</body> </body>
</html> </html>

View File

@@ -25,12 +25,12 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Avraham Society | Library | Library Entry Two</title> <title>Avraham Society | Library | Library Entry Two</title>
<link rel="stylesheet" href="https://swaous.asuscomm.com/dev/avrahamsociety/main.css" /> <link rel="stylesheet" href="http://localhost:8080/main.css" />
<link rel="manifest" href="https://swaous.asuscomm.com/dev/avrahamsociety/manifest.json"/> <link rel="manifest" href="http://localhost:8080/manifest.json"/>
<!-- <!--
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <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 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">--> <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 --> <!-- HTML Meta Tags -->
@@ -41,7 +41,7 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:title" content="Avraham Society | Home"> <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: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"> <meta property="og:image" content="http://localhost:8080/res/Avraham_Society.png">
<!-- Twitter Meta Tags --> <!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
@@ -49,7 +49,7 @@
<meta property="twitter:url" content="https://avrahamsociety.org"> <meta property="twitter:url" content="https://avrahamsociety.org">
<meta name="twitter:title" content="Avraham Society | Home"> <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: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 name="twitter:image" content="http://localhost:8080/res/Avraham_Society.png">
<!-- Meta Tags Generated via https://www.opengraph.xyz --> <!-- Meta Tags Generated via https://www.opengraph.xyz -->
@@ -59,19 +59,20 @@
<div id="bg"></div> <div id="bg"></div>
<div id="main"> <div id="main">
<div id="banner"> <div id="banner">
<a href="https://swaous.asuscomm.com/dev/avrahamsociety"><img src="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png"></a> <a href="http://localhost:8080"><img src="http://localhost:8080/res/Avraham_Society.png"></a>
<div id="social">Social media, recent updates, etc</div> <div id="social">Social media, recent updates, etc</div>
<input id="navExpander" style="display: none;" type="checkbox" checked> <input id="navExpander" style="display: none;" type="checkbox" checked>
<div id="nav"> <div id="nav">
<label for="navExpander" id="nav-expand"></label> <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="http://localhost:8080/">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="http://localhost:8080/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="http://localhost:8080/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="http://localhost:8080/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="http://localhost:8080/humanism">Humanism</a>
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/membership">Membership</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/membership">Membership</a>-->
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/librarymain">Library</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/librarymain">Library</a>
<a onclick="localStorage.refered = true" href="http://localhost:8080/culture">Culture</a>
</div> </div>
</div> </div>
@@ -97,7 +98,7 @@ This is the second Library Entry, for testing. This is a very real blurb! It has
<div class="bottom"> <div class="bottom">
<img src="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png"> <img src="http://localhost:8080/res/Avraham_Society.png">
<div> <div>
<p> <p>
Quick informative blurb, social links, etc. Quick informative blurb, social links, etc.
@@ -113,3 +114,4 @@ This is the second Library Entry, for testing. This is a very real blurb! It has
</body> </body>
</html> </html>

View File

@@ -25,12 +25,12 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Avraham Society | Library | Library Entry</title> <title>Avraham Society | Library | Library Entry</title>
<link rel="stylesheet" href="https://swaous.asuscomm.com/dev/avrahamsociety/main.css" /> <link rel="stylesheet" href="http://localhost:8080/main.css" />
<link rel="manifest" href="https://swaous.asuscomm.com/dev/avrahamsociety/manifest.json"/> <link rel="manifest" href="http://localhost:8080/manifest.json"/>
<!-- <!--
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <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 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">--> <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 --> <!-- HTML Meta Tags -->
@@ -41,7 +41,7 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:title" content="Avraham Society | Home"> <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: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"> <meta property="og:image" content="http://localhost:8080/res/Avraham_Society.png">
<!-- Twitter Meta Tags --> <!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
@@ -49,7 +49,7 @@
<meta property="twitter:url" content="https://avrahamsociety.org"> <meta property="twitter:url" content="https://avrahamsociety.org">
<meta name="twitter:title" content="Avraham Society | Home"> <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: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 name="twitter:image" content="http://localhost:8080/res/Avraham_Society.png">
<!-- Meta Tags Generated via https://www.opengraph.xyz --> <!-- Meta Tags Generated via https://www.opengraph.xyz -->
@@ -59,19 +59,20 @@
<div id="bg"></div> <div id="bg"></div>
<div id="main"> <div id="main">
<div id="banner"> <div id="banner">
<a href="https://swaous.asuscomm.com/dev/avrahamsociety"><img src="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png"></a> <a href="http://localhost:8080"><img src="http://localhost:8080/res/Avraham_Society.png"></a>
<div id="social">Social media, recent updates, etc</div> <div id="social">Social media, recent updates, etc</div>
<input id="navExpander" style="display: none;" type="checkbox" checked> <input id="navExpander" style="display: none;" type="checkbox" checked>
<div id="nav"> <div id="nav">
<label for="navExpander" id="nav-expand"></label> <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="http://localhost:8080/">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="http://localhost:8080/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="http://localhost:8080/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="http://localhost:8080/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="http://localhost:8080/humanism">Humanism</a>
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/membership">Membership</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/membership">Membership</a>-->
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/librarymain">Library</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/librarymain">Library</a>
<a onclick="localStorage.refered = true" href="http://localhost:8080/culture">Culture</a>
</div> </div>
</div> </div>
@@ -97,7 +98,7 @@ This library text is sure to boggle the mind! Lorem ipsum dolor sit amet consect
<div class="bottom"> <div class="bottom">
<img src="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png"> <img src="http://localhost:8080/res/Avraham_Society.png">
<div> <div>
<p> <p>
Quick informative blurb, social links, etc. Quick informative blurb, social links, etc.
@@ -113,3 +114,4 @@ This library text is sure to boggle the mind! Lorem ipsum dolor sit amet consect
</body> </body>
</html> </html>

View File

@@ -21,12 +21,12 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Avraham Society | Library</title> <title>Avraham Society | Library</title>
<link rel="stylesheet" href="https://swaous.asuscomm.com/dev/avrahamsociety/main.css" /> <link rel="stylesheet" href="http://localhost:8080/main.css" />
<link rel="manifest" href="https://swaous.asuscomm.com/dev/avrahamsociety/manifest.json"/> <link rel="manifest" href="http://localhost:8080/manifest.json"/>
<!-- <!--
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <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 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">--> <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 --> <!-- HTML Meta Tags -->
@@ -37,7 +37,7 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:title" content="Avraham Society | Home"> <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: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"> <meta property="og:image" content="http://localhost:8080/res/Avraham_Society.png">
<!-- Twitter Meta Tags --> <!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
@@ -45,7 +45,7 @@
<meta property="twitter:url" content="https://avrahamsociety.org"> <meta property="twitter:url" content="https://avrahamsociety.org">
<meta name="twitter:title" content="Avraham Society | Home"> <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: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 name="twitter:image" content="http://localhost:8080/res/Avraham_Society.png">
<!-- Meta Tags Generated via https://www.opengraph.xyz --> <!-- Meta Tags Generated via https://www.opengraph.xyz -->
@@ -55,19 +55,20 @@
<div id="bg"></div> <div id="bg"></div>
<div id="main"> <div id="main">
<div id="banner"> <div id="banner">
<a href="https://swaous.asuscomm.com/dev/avrahamsociety"><img src="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png"></a> <a href="http://localhost:8080"><img src="http://localhost:8080/res/Avraham_Society.png"></a>
<div id="social">Social media, recent updates, etc</div> <div id="social">Social media, recent updates, etc</div>
<input id="navExpander" style="display: none;" type="checkbox" checked> <input id="navExpander" style="display: none;" type="checkbox" checked>
<div id="nav"> <div id="nav">
<label for="navExpander" id="nav-expand"></label> <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="http://localhost:8080/">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="http://localhost:8080/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="http://localhost:8080/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="http://localhost:8080/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="http://localhost:8080/humanism">Humanism</a>
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/membership">Membership</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/membership">Membership</a>-->
<a onclick="localStorage.refered = true" href="https://swaous.asuscomm.com/dev/avrahamsociety/librarymain">Library</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/librarymain">Library</a>
<a onclick="localStorage.refered = true" href="http://localhost:8080/culture">Culture</a>
</div> </div>
</div> </div>
@@ -84,24 +85,24 @@
<div id="library"> <div id="library">
<div id="libpages"> <div id="libpages">
<a href="https://swaous.asuscomm.com/dev/avrahamsociety/library/library-entry.html"> <a href="http://localhost:8080/library/library-entry.html">
<span>Library Entry</span> <span>Library Entry</span>
<p> <p>
This library entry is sure to boggle the mind! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam nam unde sequi nemo voluptatem voluptate autem quaerat perspiciatis! Error ut, velit sed rerum voluptatum officiis pariatur unde facilis inventore eligendi? This library entry is sure to boggle the mind! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam nam unde sequi nemo voluptatem voluptate autem quaerat perspiciatis! Error ut, velit sed rerum voluptatum officiis pariatur unde facilis inventore eligendi?
</p> </p>
<span><img src="https://swaous.asuscomm.com/dev/avrahamsociety/res/librarrow.svg"></span> <span><img src="http://localhost:8080/res/librarrow.svg"></span>
</a> </a>
<a href="https://swaous.asuscomm.com/dev/avrahamsociety/library/library-entry-2.html"> <a href="http://localhost:8080/library/library-entry-2.html">
<span>Library Entry Two</span> <span>Library Entry Two</span>
<p> <p>
This is the second Library Entry, for testing. This is a very real blurb! It has important information, just enough to entice the visitor to click! This is the second Library Entry, for testing. This is a very real blurb! It has important information, just enough to entice the visitor to click!
</p> </p>
<span><img src="https://swaous.asuscomm.com/dev/avrahamsociety/res/librarrow.svg"></span> <span><img src="http://localhost:8080/res/librarrow.svg"></span>
</a> </a>
</div> </div>
@@ -119,7 +120,7 @@ This is the second Library Entry, for testing. This is a very real blurb! It has
</div> </div>
<div class="bottom"> <div class="bottom">
<img src="https://swaous.asuscomm.com/dev/avrahamsociety/res/Avraham_Society.png"> <img src="http://localhost:8080/res/Avraham_Society.png">
<div> <div>
<p> <p>
Quick informative blurb, social links, etc. Quick informative blurb, social links, etc.
@@ -135,3 +136,4 @@ This is the second Library Entry, for testing. This is a very real blurb! It has
</body> </body>
</html> </html>

View File

@@ -274,6 +274,17 @@ small {
#main > div.bottom > img { #main > div.bottom > img {
max-width: 90vw; max-width: 90vw;
} }
#culture > div {
flex-direction: column !important;
justify-content: stretch;
}
#culture > div > img {
width: 100% !important;
box-sizing: border-box;
padding: 30px;
}
} }
#plug { #plug {
@@ -382,4 +393,25 @@ p#liblurb {
padding-bottom: 5% !important; padding-bottom: 5% !important;
background-image: linear-gradient(white, rgb(255, 255, 255, 0.7), white); background-image: linear-gradient(white, rgb(255, 255, 255, 0.7), white);
background-color: transparent; background-color: transparent;
}
#culture > div {
display: flex;
}
#culture > div:nth-child(2n) {
flex-direction: row-reverse;
}
#culture > div > * {
width: 100%;
}
#culture > div > img {
width: 50vw;
}
#culture > div > p {
padding: 10%;
box-sizing: border-box;
} }

View File

@@ -1,2 +1,5 @@
[?] [?]
[=baseurl https://swaous.asuscomm.com/dev/avrahamsociety] [=baseurl http://localhost:8080]
[i config devWorld]
[=baseurl https://swaous.asuscomm.com/dev/avrahamsociety]
[/]

View File

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

View File

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

View File

@@ -1,11 +1,13 @@
[!] [!]
[=content-] [=content-]
<div id="culture"> <div id="culture">
[for culturalstuff cultureThing] [f culturalstuff cultureThing]
<div>
<img src="[^cultureThing.img]" /> <img src="[^cultureThing.img]" />
<p> <p>
[^cultureThing.text] [^cultureThing.text]
</p> </p>
</div>
[/] [/]
</div> </div>
[/] [/]

View File

@@ -274,6 +274,17 @@ small {
#main > div.bottom > img { #main > div.bottom > img {
max-width: 90vw; max-width: 90vw;
} }
#culture > div {
flex-direction: column !important;
justify-content: stretch;
}
#culture > div > img {
width: 100% !important;
box-sizing: border-box;
padding: 30px;
}
} }
#plug { #plug {
@@ -382,4 +393,25 @@ p#liblurb {
padding-bottom: 5% !important; padding-bottom: 5% !important;
background-image: linear-gradient(white, rgb(255, 255, 255, 0.7), white); background-image: linear-gradient(white, rgb(255, 255, 255, 0.7), white);
background-color: transparent; background-color: transparent;
}
#culture > div {
display: flex;
}
#culture > div:nth-child(2n) {
flex-direction: row-reverse;
}
#culture > div > * {
width: 100%;
}
#culture > div > img {
width: 50vw;
}
#culture > div > p {
padding: 10%;
box-sizing: border-box;
} }