diff --git a/output/.sitix b/output/.sitix
new file mode 100755
index 0000000..782ecc0
--- /dev/null
+++ b/output/.sitix
@@ -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.
\ No newline at end of file
diff --git a/output/culture.html b/output/culture.html
old mode 100644
new mode 100755
index 3c3de4b..edaf40a
--- a/output/culture.html
+++ b/output/culture.html
@@ -1 +1,91 @@
-<!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 id="titlebracket"> <h1 style="padding-bottom: 2em;">Culture</h1> </div> <div id="culture"> <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=" /> </div> <p> Text related to the cultural image. </p> </div> <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=" /> </div> <p> Text related to the cultural image. </p> </div> <div> <div> <iframe width="100%" height="100%" src="https://www.youtube.com/embed/B0J27sf9N1Y" title="Blender Tutorial for Complete Beginners - Part 1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div> <p> Text related to the cultural image. </p> </div> <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=" /> </div> <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>
\ No newline at end of file
+
+ 
+ 
+<!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">-->
+
+        <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;">Culture</h1>
+            </div>
+            <div id="culture"> <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=" /> </div> <p> Text related to the cultural image. </p> </div> <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=" /> </div> <p> Text related to the cultural image. </p> </div> <div> <div> <iframe width="100%" height="100%" src="https://www.youtube.com/embed/B0J27sf9N1Y" title="Blender Tutorial for Complete Beginners - Part 1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div> <p> Text related to the cultural image. </p> </div> <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=" /> </div> <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>
\ No newline at end of file
diff --git a/output/index.html b/output/index.html
old mode 100644
new mode 100755
index 2cb7230..a400b74
--- a/output/index.html
+++ b/output/index.html
@@ -1 +1,91 @@
-<!DOCTYPE html> <!-- Kuwait flag colors: Green: #007b3a Red: #cf0821 Black: black White: white --> <html lang="en"> <head> <meta charset="UTF-8"> <title>Avraham Society | Home</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;">Home</h1> </div> <p> Welcome to the Avraham Society! If you are looking for the Jewish Humanist voice of the MENA region then you came to the right place! We are the home of future leaders who want to make a change in the world. We are an opportunity for all Jews and everything Jewish or Jew-ish! This is our oasis of Jewish Culture and a celebration of Humanism and Humanity! </p> <p> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. </p> <p> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. </p> <p> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. </p> <p> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. </p> <p> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. </p> <p> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. </p> <div class="space"></div> <p> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. </p> <p> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. </p> <p> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. </p> <p> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. </p> <p> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. </p> <p> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. </p> <p> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. </p> <p> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. </p> <p> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. </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>
\ No newline at end of file
+
+ 
+ 
+<!DOCTYPE html>
+
+
+<!--
+    Kuwait flag colors:
+    Green: #007b3a
+    Red: #cf0821
+    Black: black
+    White: white
+-->
+
+
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <title>Avraham Society | Home</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;">Home</h1>
+            </div>
+            <p> Welcome to the Avraham Society! If you are looking for the Jewish Humanist voice of the MENA region then you came to the right place! We are the home of future leaders who want to make a change in the world. We are an opportunity for all Jews and everything Jewish or Jew-ish! This is our oasis of Jewish Culture and a celebration of Humanism and Humanity! </p> <p> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. </p> <p> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. </p> <p> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. </p> <p> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. </p> <p> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. </p> <p> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. </p> <div class="space"></div> <p> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. </p> <p> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. </p> <p> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. </p> <p> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. </p> <p> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. </p> <p> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. </p> <p> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. </p> <p> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. </p> <p> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. </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>
\ No newline at end of file
diff --git a/output/library/library-entry-2.html b/output/library/library-entry-2.html
old mode 100644
new mode 100755
index b7605d7..266b891
--- a/output/library/library-entry-2.html
+++ b/output/library/library-entry-2.html
@@ -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>
\ No newline at end of file
+
+            <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>
\ No newline at end of file
diff --git a/output/library/library-entry.html b/output/library/library-entry.html
old mode 100644
new mode 100755
index b6b11d6..9ff98ae
--- a/output/library/library-entry.html
+++ b/output/library/library-entry.html
@@ -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>
\ No newline at end of file
+
+            <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>
\ No newline at end of file
diff --git a/output/librarymain.html b/output/librarymain.html
old mode 100644
new mode 100755
index 0f4be1e..682805e
--- a/output/librarymain.html
+++ b/output/librarymain.html
@@ -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>
\ No newline at end of file
+
+ 
+ 
+<!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>
\ No newline at end of file
diff --git a/output/main.css b/output/main.css
old mode 100644
new mode 100755
index a5a4953..0aab84c
--- a/output/main.css
+++ b/output/main.css
@@ -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 {
diff --git a/output/main.js b/output/main.js
old mode 100644
new mode 100755
diff --git a/output/manifest.json b/output/manifest.json
old mode 100644
new mode 100755
index 09c32f1..f503b18
--- a/output/manifest.json
+++ b/output/manifest.json
@@ -1,6 +1,6 @@
 {
     "name": "Avraham Society",
-    "short_name": "Avraham Society",
+    "short_name": "AvrahamSociety",
     "start_url": ".",
     "display": "standalone",
     "background_color": "#000000",
diff --git a/output/res/Avraham_Society.png b/output/res/Avraham_Society.png
old mode 100644
new mode 100755
diff --git a/output/res/Avraham_Society_icon.png b/output/res/Avraham_Society_icon.png
old mode 100644
new mode 100755
diff --git a/output/res/Cantarell-VF.otf b/output/res/Cantarell-VF.otf
old mode 100644
new mode 100755
diff --git a/output/res/Lobster-Regular.ttf b/output/res/Lobster-Regular.ttf
old mode 100644
new mode 100755
diff --git a/output/res/arrow-left.svg b/output/res/arrow-left.svg
old mode 100644
new mode 100755
diff --git a/output/res/arrow-none.svg b/output/res/arrow-none.svg
old mode 100644
new mode 100755
diff --git a/output/res/arrow-right-2.svg b/output/res/arrow-right-2.svg
old mode 100644
new mode 100755
diff --git a/output/res/arrow-right.svg b/output/res/arrow-right.svg
old mode 100644
new mode 100755
diff --git a/output/res/bwrg.svg b/output/res/bwrg.svg
old mode 100644
new mode 100755
diff --git a/output/res/librarrow.svg b/output/res/librarrow.svg
old mode 100644
new mode 100755
diff --git a/output/res/logo-gradiented-old.png b/output/res/logo-gradiented-old.png
old mode 100644
new mode 100755
diff --git a/output/res/logo-gradiented.png b/output/res/logo-gradiented.png
old mode 100644
new mode 100755
diff --git a/output/res/web_hamburger_icon.svg b/output/res/web_hamburger_icon.svg
old mode 100644
new mode 100755
diff --git a/site/librarymain.html b/site/librarymain.html
index e866871..177fc3e 100644
--- a/site/librarymain.html
+++ b/site/librarymain.html
@@ -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]
diff --git a/site/links.html b/site/links.html
index af97ce2..f288dc1 100644
--- a/site/links.html
+++ b/site/links.html
@@ -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>
diff --git a/site/main.css b/site/main.css
index a5a4953..0aab84c 100644
--- a/site/main.css
+++ b/site/main.css
@@ -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 {
diff --git a/site/templates/default.html b/site/templates/default.html
index f4ccf58..6cb0453 100644
--- a/site/templates/default.html
+++ b/site/templates/default.html
@@ -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.">
 
diff --git a/site/templates/library.html b/site/templates/library.html
index 47fe62a..3cd9a8b 100644
--- a/site/templates/library.html
+++ b/site/templates/library.html
@@ -5,5 +5,5 @@
 </p>
 [^libraryContent]
 [/]
-[=title-]Library | [^libraryTitle][/]
+[=title-] Library | [^libraryTitle][/]
 [#templates/default.html]
\ No newline at end of file
