theme updates

_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.

_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>

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

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;
 }

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() {