lots of updates, no better time to push than the present
3
output/.sitix
Executable 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
92
output/index.html
Normal file → Executable file
94
output/library/library-entry-2.html
Normal file → Executable 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!
|
||||
|
||||
</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!
|
||||
</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
@@ -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?
|
||||
|
||||
</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.
|
||||
</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
@@ -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
@@ -6,7 +6,7 @@
|
||||
* {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
font-family: sans-serif;
|
||||
font-family: "Anton";
|
||||
--deepcream: rgb(247, 233, 213);
|
||||
--cream: rgb(255, 254, 250);
|
||||
--kuwaitgreen: #007b3a;
|
||||
@@ -55,7 +55,7 @@ img {
|
||||
}
|
||||
|
||||
#main > div, #main > p {
|
||||
background-color: var(--scrollpaperlight);
|
||||
background-color: var(--cream);
|
||||
}
|
||||
|
||||
#main > p:first-of-type {
|
||||
@@ -64,16 +64,16 @@ img {
|
||||
|
||||
#main > p {
|
||||
padding-bottom: 50px;
|
||||
padding-left: 20vw;
|
||||
padding-right: 30vw;
|
||||
padding-left: 25vw;
|
||||
padding-right: 25vw;
|
||||
line-height: 2em;
|
||||
font-family: Arial;
|
||||
font-family: "Anton";
|
||||
}
|
||||
|
||||
#main > div.space {
|
||||
background-color: transparent;
|
||||
height: clamp(150px, 30vh, 500px);
|
||||
border-bottom: 50px solid var(--sealight);
|
||||
border-bottom: 50px solid var(--cream);
|
||||
}
|
||||
|
||||
#main > div.bottom {
|
||||
@@ -105,7 +105,7 @@ img {
|
||||
#shape {
|
||||
height: calc(10vh + 3px);
|
||||
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%);
|
||||
position: absolute;
|
||||
bottom: -1px;
|
||||
@@ -120,14 +120,14 @@ img {
|
||||
top: 3px;
|
||||
left: 0px;
|
||||
clip-path: inherit;
|
||||
background-color: var(--scrollpaperlight);
|
||||
background-color: var(--cream);
|
||||
}
|
||||
|
||||
#title {
|
||||
font-size: 4em;
|
||||
font-family: Lobster;
|
||||
text-align: center;
|
||||
background-color: var(--handledark);
|
||||
background-color: var(--kuwaitred);
|
||||
color: black;
|
||||
padding-top: 52px; /* TODO: make this less worsely */
|
||||
position: sticky;
|
||||
@@ -145,7 +145,7 @@ img {
|
||||
top: -3px;
|
||||
left: 0px;
|
||||
z-index: -1;
|
||||
background-color: var(--sandlight);
|
||||
background-color: var(--cream);
|
||||
clip-path: inherit;
|
||||
}
|
||||
|
||||
@@ -175,8 +175,8 @@ div#nav {
|
||||
}
|
||||
|
||||
div#banner {
|
||||
background-color: var(--humanbody);
|
||||
color: white;
|
||||
background-color: var(--scrollpaperlight);
|
||||
color: black;
|
||||
/*--colorslant-point: clamp(20px, 10vw, 200px);
|
||||
background-image: linear-gradient(90deg, var(--kuwaitred) 0px, var(--kuwaitred) var(--colorslant-point), white var(--colorslant-point), white calc(100% - var(--colorslant-point)), var(--kuwaitred) calc(100% - var(--colorslant-point)));*/
|
||||
border-bottom: 4px solid var(--scrollight);
|
||||
@@ -198,7 +198,7 @@ div#banner {
|
||||
}
|
||||
|
||||
#nav > a {
|
||||
color: white;
|
||||
color: black;
|
||||
}
|
||||
|
||||
#banner > a > img {
|
||||
|
||||
0
output/main.js
Normal file → Executable file
2
output/manifest.json
Normal file → Executable file
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "Avraham Society",
|
||||
"short_name": "Avraham Society",
|
||||
"short_name": "AvrahamSociety",
|
||||
"start_url": ".",
|
||||
"display": "standalone",
|
||||
"background_color": "#000000",
|
||||
|
||||
0
output/res/Avraham_Society.png
Normal file → Executable 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
|
Before Width: | Height: | Size: 163 KiB After Width: | Height: | Size: 163 KiB |
0
output/res/Cantarell-VF.otf
Normal file → Executable file
0
output/res/Lobster-Regular.ttf
Normal file → Executable file
0
output/res/arrow-left.svg
Normal file → Executable 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
|
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
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.6 KiB |
0
output/res/arrow-right.svg
Normal file → Executable file
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.6 KiB |
0
output/res/bwrg.svg
Normal file → Executable file
|
Before Width: | Height: | Size: 2.0 KiB After Width: | Height: | Size: 2.0 KiB |
0
output/res/librarrow.svg
Normal file → Executable file
|
Before Width: | Height: | Size: 522 B After Width: | Height: | Size: 522 B |
0
output/res/logo-gradiented-old.png
Normal file → Executable file
|
Before Width: | Height: | Size: 441 KiB After Width: | Height: | Size: 441 KiB |
0
output/res/logo-gradiented.png
Normal file → Executable file
|
Before Width: | Height: | Size: 452 KiB After Width: | Height: | Size: 452 KiB |
0
output/res/web_hamburger_icon.svg
Normal file → Executable file
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.9 KiB |
@@ -3,7 +3,7 @@
|
||||
<div id="library">
|
||||
<div id="libpages">
|
||||
[f library libraryEntry]
|
||||
<a href="[^baseurl]/library/[^libraryEntry.filename]">
|
||||
<a href="[^baseurl]/[^libraryEntry.filename]">
|
||||
<span>[^libraryEntry.libraryTitle]</span>
|
||||
<p>
|
||||
[^libraryEntry.libraryBlurb]
|
||||
|
||||
@@ -1,4 +1,5 @@
|
||||
[?][@on minify]
|
||||
[#config.stx]
|
||||
[=links-]
|
||||
<a onclick="localStorage.refered = true" href="[^baseurl]/">Home</a>
|
||||
<!--<a onclick="localStorage.refered = true" href="[^baseurl]/intro-to-judaism">Intro to Judaism</a>
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
* {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
font-family: sans-serif;
|
||||
font-family: "Anton";
|
||||
--deepcream: rgb(247, 233, 213);
|
||||
--cream: rgb(255, 254, 250);
|
||||
--kuwaitgreen: #007b3a;
|
||||
@@ -55,7 +55,7 @@ img {
|
||||
}
|
||||
|
||||
#main > div, #main > p {
|
||||
background-color: var(--scrollpaperlight);
|
||||
background-color: var(--cream);
|
||||
}
|
||||
|
||||
#main > p:first-of-type {
|
||||
@@ -64,16 +64,16 @@ img {
|
||||
|
||||
#main > p {
|
||||
padding-bottom: 50px;
|
||||
padding-left: 20vw;
|
||||
padding-right: 30vw;
|
||||
padding-left: 25vw;
|
||||
padding-right: 25vw;
|
||||
line-height: 2em;
|
||||
font-family: Arial;
|
||||
font-family: "Anton";
|
||||
}
|
||||
|
||||
#main > div.space {
|
||||
background-color: transparent;
|
||||
height: clamp(150px, 30vh, 500px);
|
||||
border-bottom: 50px solid var(--sealight);
|
||||
border-bottom: 50px solid var(--cream);
|
||||
}
|
||||
|
||||
#main > div.bottom {
|
||||
@@ -105,7 +105,7 @@ img {
|
||||
#shape {
|
||||
height: calc(10vh + 3px);
|
||||
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%);
|
||||
position: absolute;
|
||||
bottom: -1px;
|
||||
@@ -120,14 +120,14 @@ img {
|
||||
top: 3px;
|
||||
left: 0px;
|
||||
clip-path: inherit;
|
||||
background-color: var(--scrollpaperlight);
|
||||
background-color: var(--cream);
|
||||
}
|
||||
|
||||
#title {
|
||||
font-size: 4em;
|
||||
font-family: Lobster;
|
||||
text-align: center;
|
||||
background-color: var(--handledark);
|
||||
background-color: var(--kuwaitred);
|
||||
color: black;
|
||||
padding-top: 52px; /* TODO: make this less worsely */
|
||||
position: sticky;
|
||||
@@ -145,7 +145,7 @@ img {
|
||||
top: -3px;
|
||||
left: 0px;
|
||||
z-index: -1;
|
||||
background-color: var(--sandlight);
|
||||
background-color: var(--cream);
|
||||
clip-path: inherit;
|
||||
}
|
||||
|
||||
@@ -175,8 +175,8 @@ div#nav {
|
||||
}
|
||||
|
||||
div#banner {
|
||||
background-color: var(--humanbody);
|
||||
color: white;
|
||||
background-color: var(--scrollpaperlight);
|
||||
color: black;
|
||||
/*--colorslant-point: clamp(20px, 10vw, 200px);
|
||||
background-image: linear-gradient(90deg, var(--kuwaitred) 0px, var(--kuwaitred) var(--colorslant-point), white var(--colorslant-point), white calc(100% - var(--colorslant-point)), var(--kuwaitred) calc(100% - var(--colorslant-point)));*/
|
||||
border-bottom: 4px solid var(--scrollight);
|
||||
@@ -198,7 +198,7 @@ div#banner {
|
||||
}
|
||||
|
||||
#nav > a {
|
||||
color: white;
|
||||
color: black;
|
||||
}
|
||||
|
||||
#banner > a > img {
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
[?][@on minify]
|
||||
[?]
|
||||
[#config.stx]
|
||||
[#links.html]
|
||||
<!DOCTYPE html>
|
||||
@@ -25,6 +25,10 @@
|
||||
<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 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.">
|
||||
|
||||
|
||||
@@ -5,5 +5,5 @@
|
||||
</p>
|
||||
[^libraryContent]
|
||||
[/]
|
||||
[=title-]Library | [^libraryTitle][/]
|
||||
[=title-] Library | [^libraryTitle][/]
|
||||
[#templates/default.html]
|
||||