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>
<meta charset="UTF-8">
<title>Avraham Society | Home</title>
<link rel="stylesheet" href="https://swaous.asuscomm.com/dev/avrahamsociety/main.css" />
<link rel="manifest" href="https://swaous.asuscomm.com/dev/avrahamsociety/manifest.json"/>
<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="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">-->
<!-- HTML Meta Tags -->
@@ -36,7 +36,7 @@
<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">
<meta property="og:image" content="http://localhost:8080/res/Avraham_Society.png">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
@@ -44,7 +44,7 @@
<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 name="twitter:image" content="http://localhost:8080/res/Avraham_Society.png">
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
@@ -54,19 +54,20 @@
<div id="bg"></div>
<div id="main">
<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>
<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/librarymain">Library</a>
<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>
@@ -150,7 +151,7 @@
</p>
<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>
<p>
Quick informative blurb, social links, etc.
@@ -166,3 +167,4 @@
</body>
</html>

View File

@@ -25,12 +25,12 @@
<head>
<meta charset="UTF-8">
<title>Avraham Society | Library | Library Entry Two</title>
<link rel="stylesheet" href="https://swaous.asuscomm.com/dev/avrahamsociety/main.css" />
<link rel="manifest" href="https://swaous.asuscomm.com/dev/avrahamsociety/manifest.json"/>
<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="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">-->
<!-- HTML Meta Tags -->
@@ -41,7 +41,7 @@
<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">
<meta property="og:image" content="http://localhost:8080/res/Avraham_Society.png">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
@@ -49,7 +49,7 @@
<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 name="twitter:image" content="http://localhost:8080/res/Avraham_Society.png">
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
@@ -59,19 +59,20 @@
<div id="bg"></div>
<div id="main">
<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>
<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/librarymain">Library</a>
<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>
@@ -97,7 +98,7 @@ This is the second Library Entry, for testing. This is a very real blurb! It has
<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>
<p>
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>
</html>

View File

@@ -25,12 +25,12 @@
<head>
<meta charset="UTF-8">
<title>Avraham Society | Library | Library Entry</title>
<link rel="stylesheet" href="https://swaous.asuscomm.com/dev/avrahamsociety/main.css" />
<link rel="manifest" href="https://swaous.asuscomm.com/dev/avrahamsociety/manifest.json"/>
<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="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">-->
<!-- HTML Meta Tags -->
@@ -41,7 +41,7 @@
<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">
<meta property="og:image" content="http://localhost:8080/res/Avraham_Society.png">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
@@ -49,7 +49,7 @@
<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 name="twitter:image" content="http://localhost:8080/res/Avraham_Society.png">
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
@@ -59,19 +59,20 @@
<div id="bg"></div>
<div id="main">
<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>
<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/librarymain">Library</a>
<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>
@@ -97,7 +98,7 @@ This library text is sure to boggle the mind! Lorem ipsum dolor sit amet consect
<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>
<p>
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>
</html>

View File

@@ -21,12 +21,12 @@
<head>
<meta charset="UTF-8">
<title>Avraham Society | Library</title>
<link rel="stylesheet" href="https://swaous.asuscomm.com/dev/avrahamsociety/main.css" />
<link rel="manifest" href="https://swaous.asuscomm.com/dev/avrahamsociety/manifest.json"/>
<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="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">-->
<!-- HTML Meta Tags -->
@@ -37,7 +37,7 @@
<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">
<meta property="og:image" content="http://localhost:8080/res/Avraham_Society.png">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
@@ -45,7 +45,7 @@
<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 name="twitter:image" content="http://localhost:8080/res/Avraham_Society.png">
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
@@ -55,19 +55,20 @@
<div id="bg"></div>
<div id="main">
<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>
<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/librarymain">Library</a>
<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>
@@ -84,24 +85,24 @@
<div id="library">
<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>
<p>
This library entry is sure to boggle the mind! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam nam unde sequi nemo voluptatem voluptate autem quaerat perspiciatis! Error ut, velit sed rerum voluptatum officiis pariatur unde facilis inventore eligendi?
</p>
<span><img src="https://swaous.asuscomm.com/dev/avrahamsociety/res/librarrow.svg"></span>
<span><img src="http://localhost:8080/res/librarrow.svg"></span>
</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>
<p>
This is the second Library Entry, for testing. This is a very real blurb! It has important information, just enough to entice the visitor to click!
</p>
<span><img src="https://swaous.asuscomm.com/dev/avrahamsociety/res/librarrow.svg"></span>
<span><img src="http://localhost:8080/res/librarrow.svg"></span>
</a>
</div>
@@ -119,7 +120,7 @@ This is the second Library Entry, for testing. This is a very real blurb! It has
</div>
<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>
<p>
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>
</html>

View File

@@ -274,6 +274,17 @@ small {
#main > div.bottom > img {
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 {
@@ -383,3 +394,24 @@ p#liblurb {
background-image: linear-gradient(white, rgb(255, 255, 255, 0.7), white);
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 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-]
<div id="culture">
[for culturalstuff cultureThing]
[f culturalstuff cultureThing]
<div>
<img src="[^cultureThing.img]" />
<p>
[^cultureThing.text]
</p>
</div>
[/]
</div>
[/]

View File

@@ -274,6 +274,17 @@ small {
#main > div.bottom > img {
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 {
@@ -383,3 +394,24 @@ p#liblurb {
background-image: linear-gradient(white, rgb(255, 255, 255, 0.7), white);
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;
}