lots of updates, no better time to push than the present

This commit is contained in:
Lazy Hippopotamus
2024-04-07 22:44:26 -04:00
parent 53f6e6f7a1
commit f942577148
27 changed files with 497 additions and 39 deletions

3
output/.sitix Executable file
View File

@@ -0,0 +1,3 @@
Project rendered by Sitix (by Tyler Clarke). Sitix is free and open source software protected by GPLv3. For more information on Sitix, see the website: https://swaous.asuscomm.com/sitix.
This file is automatically added to mark a project directory; the directory this is in will be FULLY DELETED by the next Sitix build and files in it should not be manually edited.

92
output/culture.html Normal file → Executable file

File diff suppressed because one or more lines are too long

92
output/index.html Normal file → Executable file

File diff suppressed because one or more lines are too long

94
output/library/library-entry-2.html Normal file → Executable file
View File

@@ -2,7 +2,81 @@
<!DOCTYPE html> <!-- Kuwait flag colors: Green: #007b3a Red: #cf0821 Black: black White: white --> <html lang="en"> <head> <meta charset="UTF-8"> <title>Avraham Society | ibrary | Library Entry Two</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 id="titlebracket"> <h1 style="padding-bottom: 2em;">ibrary | Library Entry Two</h1> </div> <p id="liblurb">
<!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 | Library Entry Two</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">-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&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 id="titlebracket">
<h1 style="padding-bottom: 2em;">Library | Library Entry Two</h1>
</div>
<p id="liblurb">
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>
@@ -10,4 +84,20 @@ This is the second Library Entry, for testing. This is a very real blurb! It has
This could be lorem text! This could be lorem text!This could be lorem text!This could be lorem text!This could be lorem text!This could be lorem text!This could be lorem text!This could be lorem text!This could be lorem text!This could be lorem text! This could be lorem text! This could be lorem text!This could be lorem text!This could be lorem text!This could be lorem text!This could be lorem text!This could be lorem text!This could be lorem text!This could be lorem text!This could be lorem text!
</p> </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>
<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>

94
output/library/library-entry.html Normal file → Executable file
View File

@@ -2,7 +2,81 @@
<!DOCTYPE html> <!-- Kuwait flag colors: Green: #007b3a Red: #cf0821 Black: black White: white --> <html lang="en"> <head> <meta charset="UTF-8"> <title>Avraham Society | ibrary | Library Entry</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 id="titlebracket"> <h1 style="padding-bottom: 2em;">ibrary | Library Entry</h1> </div> <p id="liblurb">
<!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 | Library Entry</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">-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&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 id="titlebracket">
<h1 style="padding-bottom: 2em;">Library | Library Entry</h1>
</div>
<p id="liblurb">
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>
@@ -10,4 +84,20 @@ This library entry is sure to boggle the mind! Lorem ipsum dolor sit amet, conse
This library text is sure to boggle the mind! Lorem ipsum dolor sit amet consectetur adipisicing elit. Unde quasi debitis hic quibusdam animi est eius, consequatur optio quidem porro soluta? Dolor quae obcaecati repudiandae est tempore odit eos. Vitae? Lorem ipsum dolor, sit amet consectetur adipisicing elit. Fugiat, harum. Saepe, eum ad? Ducimus dolorem culpa adipisci corporis tempora nemo iste magnam mollitia architecto delectus, enim repellat fugiat! Provident, omnis. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Corrupti, neque ipsum dolor ducimus blanditiis voluptatum excepturi voluptate quia voluptates numquam iste dolorum hic nulla tempora aperiam culpa fuga sed eius. This library text is sure to boggle the mind! Lorem ipsum dolor sit amet consectetur adipisicing elit. Unde quasi debitis hic quibusdam animi est eius, consequatur optio quidem porro soluta? Dolor quae obcaecati repudiandae est tempore odit eos. Vitae? Lorem ipsum dolor, sit amet consectetur adipisicing elit. Fugiat, harum. Saepe, eum ad? Ducimus dolorem culpa adipisci corporis tempora nemo iste magnam mollitia architecto delectus, enim repellat fugiat! Provident, omnis. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Corrupti, neque ipsum dolor ducimus blanditiis voluptatum excepturi voluptate quia voluptates numquam iste dolorum hic nulla tempora aperiam culpa fuga sed eius.
</p> </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>
<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>

96
output/librarymain.html Normal file → Executable file
View File

@@ -1,3 +1,93 @@
<!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="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 id="titlebracket"> <h1 style="padding-bottom: 2em;">Library</h1> </div> <div id="library"> <div id="libpages"> <a href="http://localhost:8080/library/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="http://localhost:8080/res/librarrow.svg"></span> </a> <a href="http://localhost:8080/library/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="http://localhost:8080/res/librarrow.svg"></span> </a> </div> <div id="study"> <div id="study-inner"> <h1 style="color: var(--kuwaitred);">Daily Study</h1> <div> Something to study! </div> <div> Something else to study! </div> </div> </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>
<!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="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">-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&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 id="titlebracket">
<h1 style="padding-bottom: 2em;">Library</h1>
</div>
<div id="library"> <div id="libpages"> <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="http://localhost:8080/res/librarrow.svg"></span> </a> <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="http://localhost:8080/res/librarrow.svg"></span> </a> </div> <div id="study"> <div id="study-inner"> <h1 style="color: var(--kuwaitred);">Daily Study</h1> <div> Something to study! </div> <div> Something else to study! </div> </div> </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>

26
output/main.css Normal file → Executable file
View File

@@ -6,7 +6,7 @@
* { * {
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
font-family: sans-serif; font-family: "Anton";
--deepcream: rgb(247, 233, 213); --deepcream: rgb(247, 233, 213);
--cream: rgb(255, 254, 250); --cream: rgb(255, 254, 250);
--kuwaitgreen: #007b3a; --kuwaitgreen: #007b3a;
@@ -55,7 +55,7 @@ img {
} }
#main > div, #main > p { #main > div, #main > p {
background-color: var(--scrollpaperlight); background-color: var(--cream);
} }
#main > p:first-of-type { #main > p:first-of-type {
@@ -64,16 +64,16 @@ img {
#main > p { #main > p {
padding-bottom: 50px; padding-bottom: 50px;
padding-left: 20vw; padding-left: 25vw;
padding-right: 30vw; padding-right: 25vw;
line-height: 2em; line-height: 2em;
font-family: Arial; font-family: "Anton";
} }
#main > div.space { #main > div.space {
background-color: transparent; background-color: transparent;
height: clamp(150px, 30vh, 500px); height: clamp(150px, 30vh, 500px);
border-bottom: 50px solid var(--sealight); border-bottom: 50px solid var(--cream);
} }
#main > div.bottom { #main > div.bottom {
@@ -105,7 +105,7 @@ img {
#shape { #shape {
height: calc(10vh + 3px); height: calc(10vh + 3px);
width: 100vw; width: 100vw;
background-color: var(--sealight); background-color: var(--kuwaitred);
clip-path: polygon(0% calc(100% - 3px), 0% 100%, 100% 100%, 100% calc(100% - 3px), 50% 0%); clip-path: polygon(0% calc(100% - 3px), 0% 100%, 100% 100%, 100% calc(100% - 3px), 50% 0%);
position: absolute; position: absolute;
bottom: -1px; bottom: -1px;
@@ -120,14 +120,14 @@ img {
top: 3px; top: 3px;
left: 0px; left: 0px;
clip-path: inherit; clip-path: inherit;
background-color: var(--scrollpaperlight); background-color: var(--cream);
} }
#title { #title {
font-size: 4em; font-size: 4em;
font-family: Lobster; font-family: Lobster;
text-align: center; text-align: center;
background-color: var(--handledark); background-color: var(--kuwaitred);
color: black; color: black;
padding-top: 52px; /* TODO: make this less worsely */ padding-top: 52px; /* TODO: make this less worsely */
position: sticky; position: sticky;
@@ -145,7 +145,7 @@ img {
top: -3px; top: -3px;
left: 0px; left: 0px;
z-index: -1; z-index: -1;
background-color: var(--sandlight); background-color: var(--cream);
clip-path: inherit; clip-path: inherit;
} }
@@ -175,8 +175,8 @@ div#nav {
} }
div#banner { div#banner {
background-color: var(--humanbody); background-color: var(--scrollpaperlight);
color: white; color: black;
/*--colorslant-point: clamp(20px, 10vw, 200px); /*--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)));*/ 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-bottom: 4px solid var(--scrollight); border-bottom: 4px solid var(--scrollight);
@@ -198,7 +198,7 @@ div#banner {
} }
#nav > a { #nav > a {
color: white; color: black;
} }
#banner > a > img { #banner > a > img {

0
output/main.js Normal file → Executable file
View File

0
output/manifest.json Normal file → Executable file
View File

0
output/res/Avraham_Society.png Normal file → Executable file
View File

Before

Width:  |  Height:  |  Size: 1.2 MiB

After

Width:  |  Height:  |  Size: 1.2 MiB

0
output/res/Avraham_Society_icon.png Normal file → Executable file
View File

Before

Width:  |  Height:  |  Size: 163 KiB

After

Width:  |  Height:  |  Size: 163 KiB

0
output/res/Cantarell-VF.otf Normal file → Executable file
View File

0
output/res/Lobster-Regular.ttf Normal file → Executable file
View File

0
output/res/arrow-left.svg Normal file → Executable file
View File

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

0
output/res/arrow-none.svg Normal file → Executable file
View File

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

0
output/res/arrow-right-2.svg Normal file → Executable file
View File

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

0
output/res/arrow-right.svg Normal file → Executable file
View File

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

0
output/res/bwrg.svg Normal file → Executable file
View File

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

0
output/res/librarrow.svg Normal file → Executable file
View File

Before

Width:  |  Height:  |  Size: 522 B

After

Width:  |  Height:  |  Size: 522 B

0
output/res/logo-gradiented-old.png Normal file → Executable file
View File

Before

Width:  |  Height:  |  Size: 441 KiB

After

Width:  |  Height:  |  Size: 441 KiB

0
output/res/logo-gradiented.png Normal file → Executable file
View File

Before

Width:  |  Height:  |  Size: 452 KiB

After

Width:  |  Height:  |  Size: 452 KiB

0
output/res/web_hamburger_icon.svg Normal file → Executable file
View File

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@@ -3,7 +3,7 @@
<div id="library"> <div id="library">
<div id="libpages"> <div id="libpages">
[f library libraryEntry] [f library libraryEntry]
<a href="[^baseurl]/library/[^libraryEntry.filename]"> <a href="[^baseurl]/[^libraryEntry.filename]">
<span>[^libraryEntry.libraryTitle]</span> <span>[^libraryEntry.libraryTitle]</span>
<p> <p>
[^libraryEntry.libraryBlurb] [^libraryEntry.libraryBlurb]

View File

@@ -1,4 +1,5 @@
[?][@on minify] [?][@on minify]
[#config.stx]
[=links-] [=links-]
<a onclick="localStorage.refered = true" href="[^baseurl]/">Home</a> <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]/intro-to-judaism">Intro to Judaism</a>

View File

@@ -6,7 +6,7 @@
* { * {
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
font-family: sans-serif; font-family: "Anton";
--deepcream: rgb(247, 233, 213); --deepcream: rgb(247, 233, 213);
--cream: rgb(255, 254, 250); --cream: rgb(255, 254, 250);
--kuwaitgreen: #007b3a; --kuwaitgreen: #007b3a;
@@ -55,7 +55,7 @@ img {
} }
#main > div, #main > p { #main > div, #main > p {
background-color: var(--scrollpaperlight); background-color: var(--cream);
} }
#main > p:first-of-type { #main > p:first-of-type {
@@ -64,16 +64,16 @@ img {
#main > p { #main > p {
padding-bottom: 50px; padding-bottom: 50px;
padding-left: 20vw; padding-left: 25vw;
padding-right: 30vw; padding-right: 25vw;
line-height: 2em; line-height: 2em;
font-family: Arial; font-family: "Anton";
} }
#main > div.space { #main > div.space {
background-color: transparent; background-color: transparent;
height: clamp(150px, 30vh, 500px); height: clamp(150px, 30vh, 500px);
border-bottom: 50px solid var(--sealight); border-bottom: 50px solid var(--cream);
} }
#main > div.bottom { #main > div.bottom {
@@ -105,7 +105,7 @@ img {
#shape { #shape {
height: calc(10vh + 3px); height: calc(10vh + 3px);
width: 100vw; width: 100vw;
background-color: var(--sealight); background-color: var(--kuwaitred);
clip-path: polygon(0% calc(100% - 3px), 0% 100%, 100% 100%, 100% calc(100% - 3px), 50% 0%); clip-path: polygon(0% calc(100% - 3px), 0% 100%, 100% 100%, 100% calc(100% - 3px), 50% 0%);
position: absolute; position: absolute;
bottom: -1px; bottom: -1px;
@@ -120,14 +120,14 @@ img {
top: 3px; top: 3px;
left: 0px; left: 0px;
clip-path: inherit; clip-path: inherit;
background-color: var(--scrollpaperlight); background-color: var(--cream);
} }
#title { #title {
font-size: 4em; font-size: 4em;
font-family: Lobster; font-family: Lobster;
text-align: center; text-align: center;
background-color: var(--handledark); background-color: var(--kuwaitred);
color: black; color: black;
padding-top: 52px; /* TODO: make this less worsely */ padding-top: 52px; /* TODO: make this less worsely */
position: sticky; position: sticky;
@@ -145,7 +145,7 @@ img {
top: -3px; top: -3px;
left: 0px; left: 0px;
z-index: -1; z-index: -1;
background-color: var(--sandlight); background-color: var(--cream);
clip-path: inherit; clip-path: inherit;
} }
@@ -175,8 +175,8 @@ div#nav {
} }
div#banner { div#banner {
background-color: var(--humanbody); background-color: var(--scrollpaperlight);
color: white; color: black;
/*--colorslant-point: clamp(20px, 10vw, 200px); /*--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)));*/ 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-bottom: 4px solid var(--scrollight); border-bottom: 4px solid var(--scrollight);
@@ -198,7 +198,7 @@ div#banner {
} }
#nav > a { #nav > a {
color: white; color: black;
} }
#banner > a > img { #banner > a > img {

View File

@@ -1,4 +1,4 @@
[?][@on minify] [?]
[#config.stx] [#config.stx]
[#links.html] [#links.html]
<!DOCTYPE html> <!DOCTYPE html>
@@ -25,6 +25,10 @@
<link rel="icon" href="[^baseurl]/res/Avraham_Society_icon.png"> <link rel="icon" href="[^baseurl]/res/Avraham_Society_icon.png">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@800&family=Libre+Baskerville&family=Roboto&family=Roboto+Mono:wght@300&display=swap" rel="stylesheet">--> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@800&family=Libre+Baskerville&family=Roboto&family=Roboto+Mono:wght@300&display=swap" rel="stylesheet">-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&display=swap" rel="stylesheet">
<!-- HTML Meta Tags --> <!-- 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."> <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.">