From 5b07fc094ea660ee510b4c1e6a81176bd2165f20 Mon Sep 17 00:00:00 2001
From: Lazy Hippopotamus <lazy@hippo.com>
Date: Fri, 7 Jul 2023 08:45:56 -0400
Subject: [PATCH] theme updates

---
 _config.yml           |  6 ++----
 _layouts/default.html |  4 ++--
 index.html            |  1 -
 main.css              | 22 +++++++++++++++++-----
 main.js               |  4 ++--
 5 files changed, 23 insertions(+), 14 deletions(-)

diff --git a/_config.yml b/_config.yml
index a8474ac..44cb004 100644
--- a/_config.yml
+++ b/_config.yml
@@ -24,10 +24,8 @@ description: >- # this means to ignore newlines until "baseurl:"
   Write an awesome description for your new site here. You can edit this
   line in _config.yml. It will appear in your document head meta (for
   Google search results) and in your feed.xml site description.
-baseurl: "/" # the subpath of your site, e.g. /blog
-url: "" # the base hostname & protocol for your site, e.g. http://example.com
-twitter_username: jekyllrb
-github_username:  jekyll
+baseurl: "/jhewit" # the subpath of your site, e.g. /blog
+url: "http://localhost:4000" # the base hostname & protocol for your site, e.g. http://example.com
 
 # Exclude from processing.
 # The following items will not be processed, by default.
diff --git a/_layouts/default.html b/_layouts/default.html
index 40e4ace..d9f6fa7 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -36,7 +36,7 @@
             <div id="header">
                 <div id="head-marker" class="scrolly"></div>
                 <div id="headin">
-                    <a href="{{ site.baseurl }}/" style="color: black;"><h1>{{ site.title }}</h1></a>
+                    <a href="{{ site.baseurl }}/"><h1>{{ site.title }}</h1></a>
                     <div id="links-outer">
                         <input id="hambugha" type="checkbox" style="display: none;">
                         <label for="hambugha" style="display: none;">Ham</label>
@@ -157,7 +157,7 @@
                     <div><a href="{{ site.baseurl }}/membership">Membership</a></div>
                     <div><a href="{{ site.baseurl }}/contact">Contact Us</a></div>
                 </div>
-                <!--<img src="/res/arrow-none.svg" onclick="toggle_sidebar()" />-->
+                <img src="{{ site.baseurl }}/res/arrow-left.svg" onclick="toggle_sidebar()" />
             </div>
         </div>
         <script src="{{ site.baseurl }}/main.js"></script>
diff --git a/index.html b/index.html
index e891c2e..6d5e5cf 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,6 @@
 layout: default
 title: Home
 ---
-<img class="wide" src="{{ site.baseurl }}/res/Avraham_Society.png">
 <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
diff --git a/main.css b/main.css
index 8ac04aa..8601202 100644
--- a/main.css
+++ b/main.css
@@ -46,7 +46,8 @@ h1, h2, h3, h4, h5, h6 {
     padding-bottom: 10%;
     min-height: 90vh;
     box-sizing: border-box;
-    background-image: url(https://www.state.gov/wp-content/uploads/2022/02/Kuwait-2323x1406.png);
+    background-image: url(res/Avraham_Society.png);
+    background-position: 50% 50%;
     background-attachment: fixed;
     background-size: cover;
     position: relative;
@@ -65,7 +66,7 @@ h1, h2, h3, h4, h5, h6 {
     width: 100%;
     display: block;
     clip-path: polygon(0% 90%, 0 100%, 100% 100%, 100% 90%, 30% 100%);
-    background-color: white;
+    background-color: black;
     box-sizing: border-box;
 }
 
@@ -135,7 +136,12 @@ h1 {
     width: calc(100vw); /*- var(--sidebar-size)*/
     transition: margin-left 1s, width 1s;
     /*width: 100vw;*/
-    background-color: white;
+    background-color: black;
+    color: white;
+}
+
+#head-marker.scrolly-out+#headin > * {
+    color: white;
 }
 
 #head-marker.scrolly-out + #headin > #links > * > *, #head-marker.scrolly-out + #headin > #links > * {
@@ -196,7 +202,7 @@ body:not(.sidebar-opened) > #sider-outer > #sider {
     overflow: hidden;
     padding: 0;
     margin: 0;
-    display: none;
+    width: 0px;
 }
 
 body:not(.sidebar-opened) > #sider-outer > #sider > img {
@@ -406,7 +412,7 @@ h1 {
     padding: 5px;
     color: white;
     font-size: 0.7em;
-    margin-top: 10vh;
+    padding-top: 10vh;
 }
 
 .image-relational-scrolling > div:last-child > p > img {
@@ -513,6 +519,8 @@ h1 {
 
 #content {
     min-height: 50vh;
+    background-color: black;
+    color: white;
 }
 
 #content > p > .overlay {
@@ -584,4 +592,8 @@ iframe {
     margin-right: 0 !important;
     width: var(--video-width) !important;
     height: calc(var(--video-width) * 9/16) !important;
+}
+
+body {
+    background-color: black;
 }
\ No newline at end of file
diff --git a/main.js b/main.js
index 6de8e11..1a6059e 100644
--- a/main.js
+++ b/main.js
@@ -180,14 +180,14 @@ carousel_1.display();
 setInterval(carousel_1.nextAnim, 2000);
 
 function toggle_sidebar() {
-    /*document.body.classList.toggle("sidebar-opened");
+    document.body.classList.toggle("sidebar-opened");
     var el = document.querySelector("#sider > img");
     if (document.body.classList.contains("sidebar-opened")) {
         el.src = "/res/arrow-left.svg";
     }
     else {
         el.src = "/res/arrow-none.svg";
-    }*/
+    }
 }
 
 function sidebar_off() {