diff --git a/output/culture.html b/output/culture.html
index 7bd415b..3c3de4b 100644
--- a/output/culture.html
+++ b/output/culture.html
@@ -1 +1 @@
-<!DOCTYPE html> <!-- Kuwait flag colors: Green: #007b3a Red: #cf0821 Black: black White: white --> <html lang="en"> <head> <meta charset="UTF-8"> <title>Avraham Society | Culture</title> <link rel="stylesheet" href="http://localhost:8080/main.css" /> <link rel="manifest" href="http://localhost:8080/manifest.json"/> <!-- <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="icon" href="http://localhost:8080/res/Avraham_Society_icon.png"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@800&family=Libre+Baskerville&family=Roboto&family=Roboto+Mono:wght@300&display=swap" rel="stylesheet">--> <!-- HTML Meta Tags --> <meta name="description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait."> <!-- Facebook Meta Tags --> <meta property="og:url" content="https://avrahamsociety.org"> <meta property="og:type" content="website"> <meta property="og:title" content="Avraham Society | Home"> <meta property="og:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait."> <meta property="og:image" content="http://localhost:8080/res/Avraham_Society.png"> <!-- Twitter Meta Tags --> <meta name="twitter:card" content="summary_large_image"> <meta property="twitter:domain" content="avrahamsociety.org"> <meta property="twitter:url" content="https://avrahamsociety.org"> <meta name="twitter:title" content="Avraham Society | Home"> <meta name="twitter:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait."> <meta name="twitter:image" content="http://localhost:8080/res/Avraham_Society.png"> <!-- Meta Tags Generated via https://www.opengraph.xyz --> <meta name="viewport" content="width=device-width, initial-scale=1" /> </head> <body> <div id="bg"></div> <div id="main"> <div id="banner"> <a href="http://localhost:8080"><img src="http://localhost:8080/res/Avraham_Society.png"></a> <div id="social">Social media, recent updates, etc</div> <input id="navExpander" style="display: none;" type="checkbox" checked> <div id="nav"> <label for="navExpander" id="nav-expand"></label> <a onclick="localStorage.refered = true" href="http://localhost:8080/">Home</a> <!--<a onclick="localStorage.refered = true" href="http://localhost:8080/intro-to-judaism">Intro to Judaism</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/jewish-history-culture">Jewish History and Culture</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/landmarks">Jewish Landmarks</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/humanism">Humanism</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/membership">Membership</a>--> <a onclick="localStorage.refered = true" href="http://localhost:8080/librarymain">Library</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/culture">Culture</a> </div> </div> <div class="top"> <div id="title">Avraham Society<br> <small><b><i>May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though.</i></b></small> </div> <div id="shape"></div> </div> <div> <h1 style="padding-bottom: 2em;">Culture</h1> </div> <div id="culture"> <div> <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">--> <!-- 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
index dbb3087..2cb7230 100644
--- a/output/index.html
+++ b/output/index.html
@@ -1 +1 @@
-<!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> <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">--> <!-- 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
index f9fd077..b7605d7 100644
--- a/output/library/library-entry-2.html
+++ b/output/library/library-entry-2.html
@@ -2,7 +2,7 @@
 
 
 
- <!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> <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 | 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">
 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>
diff --git a/output/library/library-entry.html b/output/library/library-entry.html
index c049d25..b6b11d6 100644
--- a/output/library/library-entry.html
+++ b/output/library/library-entry.html
@@ -2,7 +2,7 @@
 
 
 
- <!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> <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 | 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">
 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>
diff --git a/output/librarymain.html b/output/librarymain.html
index 6b7960d..0f4be1e 100644
--- a/output/librarymain.html
+++ b/output/librarymain.html
@@ -1,3 +1,3 @@
-<!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> <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?
+<!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
diff --git a/output/main.css b/output/main.css
index d0225ae..a5a4953 100644
--- a/output/main.css
+++ b/output/main.css
@@ -11,6 +11,13 @@
     --cream: rgb(255, 254, 250);
     --kuwaitgreen: #007b3a;
     --kuwaitred: #cf0821;
+    --sandlight: #ddc68c;
+    --seadark: #6090a4;
+    --sealight: #71a3b8;
+    --scrollight: #8e3b37;
+    --humanbody: #434343;
+    --handledark: #7a6034;
+    --scrollpaperlight: #d5c6ad;
 }
 
 img {
@@ -48,7 +55,7 @@ img {
 }
 
 #main > div, #main > p {
-    background-color: var(--cream);
+    background-color: var(--scrollpaperlight);
 }
 
 #main > p:first-of-type {
@@ -66,17 +73,17 @@ img {
 #main > div.space {
     background-color: transparent;
     height: clamp(150px, 30vh, 500px);
-    border-bottom: 50px solid var(--cream);
+    border-bottom: 50px solid var(--sealight);
 }
 
 #main > div.bottom {
-    background-color: #007b3a; /* kuwait green */
+    background-color: var(--seadark);
     display: flex;
     padding: 50px;
     width: 100vw;
     box-sizing: border-box;
     align-items: center;
-    color: white;
+    color: black;
 }
 
 #main > div.bottom > * {
@@ -98,7 +105,7 @@ img {
 #shape {
     height: calc(10vh + 3px);
     width: 100vw;
-    background-color: black;
+    background-color: var(--sealight);
     clip-path: polygon(0% calc(100% - 3px), 0% 100%, 100% 100%, 100% calc(100% - 3px), 50% 0%);
     position: absolute;
     bottom: -1px;
@@ -113,14 +120,14 @@ img {
     top: 3px;
     left: 0px;
     clip-path: inherit;
-    background-color: var(--cream);
+    background-color: var(--scrollpaperlight);
 }
 
 #title {
     font-size: 4em;
     font-family: Lobster;
     text-align: center;
-    background-color: black;
+    background-color: var(--handledark);
     color: black;
     padding-top: 52px; /* TODO: make this less worsely */
     position: sticky;
@@ -138,7 +145,7 @@ img {
     top: -3px;
     left: 0px;
     z-index: -1;
-    background-color: var(--cream);
+    background-color: var(--sandlight);
     clip-path: inherit;
 }
 
@@ -168,11 +175,11 @@ div#nav {
 }
 
 div#banner {
-    background-color: white;
-    color: black;
+    background-color: var(--humanbody);
+    color: white;
     /*--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: 4px solid var(--kuwaitred);
+    border-bottom: 4px solid var(--scrollight);
     border-top: none;
     /*box-shadow: 0px 0px 5px var(--kuwaitred);*/
     /*box-shadow: 0px 0px 5px black;*/
@@ -190,6 +197,10 @@ div#banner {
     float: left;
 }
 
+#nav > a {
+    color: white;
+}
+
 #banner > a > img {
     height: 100%;
 }
@@ -296,7 +307,7 @@ small {
 }
 
 #plug {
-    background-color: black !important;
+    background-color: var(--scrollight) !important;
     color: white;
     text-align: center;
     font-size: 0.75em;
diff --git a/output/manifest.json b/output/manifest.json
index f503b18..09c32f1 100644
--- a/output/manifest.json
+++ b/output/manifest.json
@@ -1,6 +1,6 @@
 {
     "name": "Avraham Society",
-    "short_name": "AvrahamSociety",
+    "short_name": "Avraham Society",
     "start_url": ".",
     "display": "standalone",
     "background_color": "#000000",
diff --git a/site/main.css b/site/main.css
index d0225ae..a5a4953 100644
--- a/site/main.css
+++ b/site/main.css
@@ -11,6 +11,13 @@
     --cream: rgb(255, 254, 250);
     --kuwaitgreen: #007b3a;
     --kuwaitred: #cf0821;
+    --sandlight: #ddc68c;
+    --seadark: #6090a4;
+    --sealight: #71a3b8;
+    --scrollight: #8e3b37;
+    --humanbody: #434343;
+    --handledark: #7a6034;
+    --scrollpaperlight: #d5c6ad;
 }
 
 img {
@@ -48,7 +55,7 @@ img {
 }
 
 #main > div, #main > p {
-    background-color: var(--cream);
+    background-color: var(--scrollpaperlight);
 }
 
 #main > p:first-of-type {
@@ -66,17 +73,17 @@ img {
 #main > div.space {
     background-color: transparent;
     height: clamp(150px, 30vh, 500px);
-    border-bottom: 50px solid var(--cream);
+    border-bottom: 50px solid var(--sealight);
 }
 
 #main > div.bottom {
-    background-color: #007b3a; /* kuwait green */
+    background-color: var(--seadark);
     display: flex;
     padding: 50px;
     width: 100vw;
     box-sizing: border-box;
     align-items: center;
-    color: white;
+    color: black;
 }
 
 #main > div.bottom > * {
@@ -98,7 +105,7 @@ img {
 #shape {
     height: calc(10vh + 3px);
     width: 100vw;
-    background-color: black;
+    background-color: var(--sealight);
     clip-path: polygon(0% calc(100% - 3px), 0% 100%, 100% 100%, 100% calc(100% - 3px), 50% 0%);
     position: absolute;
     bottom: -1px;
@@ -113,14 +120,14 @@ img {
     top: 3px;
     left: 0px;
     clip-path: inherit;
-    background-color: var(--cream);
+    background-color: var(--scrollpaperlight);
 }
 
 #title {
     font-size: 4em;
     font-family: Lobster;
     text-align: center;
-    background-color: black;
+    background-color: var(--handledark);
     color: black;
     padding-top: 52px; /* TODO: make this less worsely */
     position: sticky;
@@ -138,7 +145,7 @@ img {
     top: -3px;
     left: 0px;
     z-index: -1;
-    background-color: var(--cream);
+    background-color: var(--sandlight);
     clip-path: inherit;
 }
 
@@ -168,11 +175,11 @@ div#nav {
 }
 
 div#banner {
-    background-color: white;
-    color: black;
+    background-color: var(--humanbody);
+    color: white;
     /*--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: 4px solid var(--kuwaitred);
+    border-bottom: 4px solid var(--scrollight);
     border-top: none;
     /*box-shadow: 0px 0px 5px var(--kuwaitred);*/
     /*box-shadow: 0px 0px 5px black;*/
@@ -190,6 +197,10 @@ div#banner {
     float: left;
 }
 
+#nav > a {
+    color: white;
+}
+
 #banner > a > img {
     height: 100%;
 }
@@ -296,7 +307,7 @@ small {
 }
 
 #plug {
-    background-color: black !important;
+    background-color: var(--scrollight) !important;
     color: white;
     text-align: center;
     font-size: 0.75em;
diff --git a/site/templates/default.html b/site/templates/default.html
index 209d9e2..f4ccf58 100644
--- a/site/templates/default.html
+++ b/site/templates/default.html
@@ -65,7 +65,7 @@
                 </div>
                 <div id="shape"></div>
             </div>
-            <div>
+            <div id="titlebracket">
                 <h1 style="padding-bottom: 2em;">[^title]</h1>
             </div>
             [^content]
