diff --git a/_layouts/default.html b/_layouts/default.html
index 7854b74..8100b05 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -14,9 +14,9 @@
     <head>
         <meta charset="UTF-8">
         <title>{{ site.title }} | {{ page.title }}</title>
-        <link rel="stylesheet" href="main.css" />
+        <link rel="stylesheet" href="/main.css" />
     </head>
-    <body>
+    <body onclick="sidebar_off()">
         <svg width="0" height="0"> <!-- clip paths for the sidebar -->
             <defs>
                 <clipPath id="design-2" clipPathUnits="objectBoundingBox">
@@ -33,7 +33,7 @@
             <div id="sider">
                 <h2>Sidebar</h2>
                 <div id="sider-cats">
-                    <input type="checkbox" id="i_1" class="hidden" />
+                    <!--<input type="checkbox" id="i_1" class="hidden" />
                     <label for="i_1">Category 1</label>
                     <div>
                         <a href="#">This is a link</a><br>
@@ -44,40 +44,48 @@
                     <div>
                         <a href="#">Third link, new category</a><br>
                         <a href="#">Links.</a>
-                    </div>
+                    </div>-->
+                    <div><a href="/about">About Us</a></div>
+                    <div><a href="/contact">Contact Us</a></div>
+                    <br>
+                    <div><a href="/services">Services</a></div>
+                    <div><a href="/membership">Membership</a></div>
+                    <div><a href="/volunteer">Volunteer</a></div>
+                    <div><a href="/events">Events</a></div>
+                    <div><a href="/charities">Charities</a></div>
                 </div>
-                <img src="res/arrow-none.svg" onclick="toggle_sidebar()" />
+                <img src="/res/arrow-none.svg" onclick="toggle_sidebar()" />
             </div>
         </div>
         <div id="outer">
             <div id="header">
                 <div id="head-marker" class="scrolly"></div>
                 <div id="headin">
-                    <h1>Jhewit</h1>
+                    <a href="/" style="color: black;"><h1>Jhewit</h1></a>
                     <div id="links-outer">
                         <input id="hambugha" type="checkbox" style="display: none;">
                         <label for="hambugha">Ham</label>
                         <div id="links">
                             <div class="link">
-                                <a href="index.html">HOME</a>
+                                <a href="/">HOME</a>
+                            </div>
+                            <div></div>
+                            <!--<div class="link">
+                                <a href="/about">ABOUT US</a>
                             </div>
                             <div></div>
                             <div class="link">
-                                <a href="about.html">ABOUT JHEWIT</a>
+                                <a href="/contact">CONTACT US</a>
                             </div>
-                            <div></div>
-                            <div class="link">
-                                <a href="workshop.html">DESIGN WORKSHOP</a>
-                            </div>
-                            <div></div>
-                            <div class="dropdown">
+                            <div></div>-->
+                            <!--<div class="dropdown">
                                 DROPDOWN MENU
                             </div>
                             <div>
                                 <div class="dropdown-inner">
                                     <a>DROPDOWN MENU LINK</a>
                                 </div>
-                            </div>
+                            </div>-->
                             <!--<div>
                                 <div class="dropdown-inner">
                                     <a href="#">
@@ -96,23 +104,14 @@
                 </div>
             </div>
             <div class="carousel-outer">
-                <img src="res/arrow-left.svg" />
+                <img src="/res/arrow-left.svg" />
                 <div class="carousel" id="carousel_1">
-                    <div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);" class="selected">Category #1</div>
-                    <div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);">Category #2</div>
-                    <div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);">Category #3</div>
-                    <div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);">Category #4</div>
-                    <div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);">Category #5</div>
-                    <div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);">Category #6</div>
-                    <div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);">Category #7</div>
-                    <div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);">Category #8</div>
-                    <div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);">Category #9</div>
-                    <div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);">Category #10</div>
-                    <div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);">Category #11</div>
-                    <div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);">Category #12</div>
-                    <div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);">Category #13</div>
+                    <div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);" class="selected"><a href="/intro-to-judaism">Intro to Judaism</a></div>
+                    <div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);"><a href="/humanism"></a>Humanism</a></div>
+                    <div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);"><a href="/jewish-history-culture"></a>Jewish History/Culture</a></div>
+                    <div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);"><a href="/landmarks"></a>Landmarks</a></div>
                 </div>
-                <img src="res/arrow-right.svg" />
+                <img src="/res/arrow-right.svg" />
             </div>
             <div id="content">
                 {{ content }}
@@ -132,6 +131,6 @@
                 © Jhew It Org. All rights reserved. Website by <a href="https://swaous.asuscomm.com">Tyler Clarke</a>.
             </div>
         </div>
-        <script src="main.js"></script>
+        <script src="/main.js"></script>
     </body>
 </html>
\ No newline at end of file
diff --git a/about.html b/about.html
deleted file mode 100644
index 6ff4551..0000000
--- a/about.html
+++ /dev/null
@@ -1,145 +0,0 @@
-<!DOCTYPE html>
-
-
-<!--
-    Kuwait flag colors:
-    Green: #007b3a
-    Red: #cf0821
-    Black: black
-    White: white
--->
-
-
-<html lang="en">
-    <head>
-        <meta charset="UTF-8">
-        <title>Jhewit | Home</title>
-        <link rel="stylesheet" href="main.css" />
-    </head>
-    <body>
-        <svg width="0" height="0"> <!-- clip paths for the sidebar -->
-            <defs>
-                <clipPath id="design-2" clipPathUnits="objectBoundingBox">
-                    <path d="M 0,1
-                      L 0,0
-                      L 0.8,0
-                      C 0.8 .5, 0.83 .65, 1 1
-                      C .65 1, 0 1, 0 .8
-                      Z" />
-                </clipPath>
-            </defs>
-        </svg>
-        <div id="sider-outer" class="design-1">
-            <div id="sider">
-                <h2>Sidebar</h2>
-                <div id="sider-cats">
-                    <input type="checkbox" id="i_1" class="hidden" />
-                    <label for="i_1">Category 1</label>
-                    <div>
-                        <a href="#">This is a link</a><br>
-                        <a href="#">Another link</a>
-                    </div><br>
-                    <input type="checkbox" id="i_2" class="hidden" />
-                    <label for="i_2">Category 2</label>
-                    <div>
-                        <a href="#">Third link, new category</a><br>
-                        <a href="#">Links.</a>
-                    </div>
-                </div>
-                <img src="res/arrow-none.svg" onclick="toggle_sidebar()" />
-            </div>
-        </div>
-        <div id="outer">
-            <div id="header">
-                <div id="head-marker" class="scrolly"></div>
-                <div id="headin">
-                    <h1>Jhewit</h1>
-                    <div id="links-outer">
-                        <input id="hambugha" type="checkbox" style="display: none;">
-                        <label for="hambugha">Ham</label>
-                        <div id="links">
-                            <div class="link">
-                                <a href="index.html">HOME</a>
-                            </div>
-                            <div></div>
-                            <div class="link">
-                                <a href="about.html">ABOUT JHEWIT</a>
-                            </div>
-                            <div></div>
-                            <div class="link">
-                                <a href="workshop.html">DESIGN WORKSHOP</a>
-                            </div>
-                            <div></div>
-                            <div class="dropdown">
-                                DROPDOWN MENU
-                            </div>
-                            <div>
-                                <div class="dropdown-inner">
-                                    <a>DROPDOWN MENU LINK</a>
-                                </div>
-                            </div>
-                            <!--<div>
-                                <div class="dropdown-inner">
-                                    <a href="#">
-                                        LINK
-                                    </a>
-                                    <a href="#">
-                                        LINK
-                                    </a>
-                                    <a href="#">
-                                        LINK
-                                    </a>
-                                </div>
-                            </div>-->
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="carousel-outer">
-                <img src="res/arrow-left.svg" />
-                <div class="carousel" id="carousel_1">
-                    <div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);" class="selected">Category #1</div>
-                    <div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);">Category #2</div>
-                    <div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);">Category #3</div>
-                    <div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);">Category #4</div>
-                    <div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);">Category #5</div>
-                    <div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);">Category #6</div>
-                    <div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);">Category #7</div>
-                    <div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);">Category #8</div>
-                    <div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);">Category #9</div>
-                    <div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);">Category #10</div>
-                    <div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);">Category #11</div>
-                    <div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);">Category #12</div>
-                    <div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);">Category #13</div>
-                </div>
-                <img src="res/arrow-right.svg" />
-            </div>
-            <div id="content">
-                <p>
-    Some information about Jhewit
-</p>
-<p>
-    Some images and such
-</p>
-<p>
-    Contact info, perhaps?
-</p>
-            </div>
-            <div id="footer">
-                <p>
-                    This is a footer for content to go into.
-                </p>
-                <p>
-                    This is another part of the footer for more content.
-                </p>
-                <p>
-                    The footer is good for a quick About blurb, social icons, etc.
-                </p>
-            </div>
-            <div id="truebottom">
-                Website by <a href="https://swaous.asuscomm.com">Tyler Clarke</a>.
-            </div>
-        </div>
-        <script src="main.js"></script>
-    </body>
-</html>
\ No newline at end of file
diff --git a/about.markdown b/about.markdown
index 190971f..04cb382 100644
--- a/about.markdown
+++ b/about.markdown
@@ -1,18 +1,5 @@
 ---
 layout: default
-title: About
-permalink: /about/
+title: About Us
 ---
-
-This is the base Jekyll theme. You can find out more info about customizing your Jekyll theme, as well as basic Jekyll usage documentation at [jekyllrb.com](https://jekyllrb.com/)
-
-You can find the source code for Minima at GitHub:
-[jekyll][jekyll-organization] /
-[minima](https://github.com/jekyll/minima)
-
-You can find the source code for Jekyll at GitHub:
-[jekyll][jekyll-organization] /
-[jekyll](https://github.com/jekyll/jekyll)
-
-
-[jekyll-organization]: https://github.com/jekyll
+This is an about us page
\ No newline at end of file
diff --git a/charities.md b/charities.md
new file mode 100644
index 0000000..8d7b6e8
--- /dev/null
+++ b/charities.md
@@ -0,0 +1,4 @@
+---
+layout: default
+title: Charities
+---
\ No newline at end of file
diff --git a/contact.markdown b/contact.markdown
new file mode 100644
index 0000000..0d54a77
--- /dev/null
+++ b/contact.markdown
@@ -0,0 +1,5 @@
+---
+layout: default
+title: Contact Us
+---
+Contact data here
\ No newline at end of file
diff --git a/events.md b/events.md
new file mode 100644
index 0000000..7fc1b47
--- /dev/null
+++ b/events.md
@@ -0,0 +1,4 @@
+---
+layout: default
+title: Events
+---
\ No newline at end of file
diff --git a/humanism.md b/humanism.md
new file mode 100644
index 0000000..6f0111d
--- /dev/null
+++ b/humanism.md
@@ -0,0 +1,4 @@
+---
+layout: default
+title: Humanism
+---
\ No newline at end of file
diff --git a/intro-to-judaism.md b/intro-to-judaism.md
new file mode 100644
index 0000000..32a22c7
--- /dev/null
+++ b/intro-to-judaism.md
@@ -0,0 +1,4 @@
+---
+layout: default
+title: Intro to Judaism
+---
\ No newline at end of file
diff --git a/jewish-history-culture.md b/jewish-history-culture.md
new file mode 100644
index 0000000..2ad842f
--- /dev/null
+++ b/jewish-history-culture.md
@@ -0,0 +1,4 @@
+---
+layout: default
+title: Jewish History/Culture
+---
\ No newline at end of file
diff --git a/landmarks.md b/landmarks.md
new file mode 100644
index 0000000..91afca7
--- /dev/null
+++ b/landmarks.md
@@ -0,0 +1,4 @@
+---
+layout: default
+title: Landmarks
+---
\ No newline at end of file
diff --git a/main.css b/main.css
index 64289d9..d027d0d 100644
--- a/main.css
+++ b/main.css
@@ -1,5 +1,5 @@
 :root {
-    --sidebar-size: clamp(300px, 20%, 400px);
+    --sidebar-size: clamp(200px, 15%, 400px);
 }
 
 @font-face {
@@ -214,12 +214,16 @@ body:not(.sidebar-opened) > #sider-outer > #sider > img {
     padding-left: 10px;
 }
 
-#sider-cats > div {
+#sider-cats > input + label + div {
     display: none;
     border-left: 2px solid white;
     padding-left: 10px;
 }
 
+#sider-cats > div {
+    padding-bottom: 5px;
+}
+
 #sider-cats > label {
     color: #333333;
     padding-right: 10px;
@@ -240,6 +244,7 @@ body:not(.sidebar-opened) > #sider-outer > #sider > img {
     border-right: 2px solid white;
     border-bottom: 2px solid white;
     text-align: center;
+    padding-bottom: 10px;
 }
 
 a {
diff --git a/main.js b/main.js
index 503e637..f724243 100644
--- a/main.js
+++ b/main.js
@@ -57,7 +57,7 @@ const scrollchecks = () => {
         }
     });
     var perc = clamp(0, document.getElementById("outer").scrollTop / (window.innerHeight / 2), 1);
-    document.querySelector("#headin > h1").style.fontSize = 2 + 4 * (1 - perc) + "em";
+    document.querySelector("#headin > a > h1").style.fontSize = 2 + 4 * (1 - perc) + "em";
     document.querySelector("#links").style.opacity = perc;
     document.querySelector("#hambugha + label").style.opacity = perc;
     //document.querySelector("#carousel").style.opacity = perc;
@@ -167,9 +167,14 @@ function toggle_sidebar() {
     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";
+        el.src = "/res/arrow-left.svg";
     }
     else {
-        el.src = "res/arrow-none.svg";
+        el.src = "/res/arrow-none.svg";
     }
+}
+
+function sidebar_off() {
+    //document.body.classList.remove("sidebar-opened");
+    //el.src = "res/arrow-none.svg";
 }
\ No newline at end of file
diff --git a/membership.md b/membership.md
new file mode 100644
index 0000000..f8a2383
--- /dev/null
+++ b/membership.md
@@ -0,0 +1,4 @@
+---
+layout: default
+title: Membership
+---
\ No newline at end of file
diff --git a/res/web_hamburger_icon.svg b/res/web_hamburger_icon.svg
new file mode 100644
index 0000000..ce75e0e
--- /dev/null
+++ b/res/web_hamburger_icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="500" zoomAndPan="magnify" viewBox="0 0 375 374.999991" height="500" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><clipPath id="fd47b5b3d7"><path d="M 5.96875 37.5 L 368.957031 37.5 L 368.957031 97.753906 L 5.96875 97.753906 Z M 5.96875 37.5 " clip-rule="nonzero"/></clipPath><clipPath id="9968fcffd3"><path d="M 5.96875 157 L 368.957031 157 L 368.957031 218 L 5.96875 218 Z M 5.96875 157 " clip-rule="nonzero"/></clipPath><clipPath id="37e53ce280"><path d="M 5.96875 277.109375 L 368.957031 277.109375 L 368.957031 337.5 L 5.96875 337.5 Z M 5.96875 277.109375 " clip-rule="nonzero"/></clipPath></defs><g clip-path="url(#fd47b5b3d7)"><path fill="#1e1e1e" d="M 338.953125 97.511719 L 35.96875 97.511719 C 19.398438 97.511719 5.96875 84.078125 5.96875 67.503906 C 5.96875 50.9375 19.398438 37.503906 35.96875 37.503906 L 338.953125 37.503906 C 355.523438 37.503906 368.949219 50.9375 368.949219 67.503906 C 368.949219 84.078125 355.523438 97.511719 338.953125 97.511719 " fill-opacity="1" fill-rule="nonzero"/></g><g clip-path="url(#9968fcffd3)"><path fill="#1e1e1e" d="M 338.953125 217.535156 L 35.96875 217.535156 C 19.398438 217.535156 5.96875 204.101562 5.96875 187.527344 C 5.96875 170.953125 19.398438 157.523438 35.96875 157.523438 L 338.953125 157.523438 C 355.523438 157.523438 368.949219 170.953125 368.949219 187.527344 C 368.949219 204.101562 355.523438 217.535156 338.953125 217.535156 " fill-opacity="1" fill-rule="nonzero"/></g><g clip-path="url(#37e53ce280)"><path fill="#1e1e1e" d="M 338.953125 337.558594 L 35.96875 337.558594 C 19.398438 337.558594 5.96875 324.125 5.96875 307.550781 C 5.96875 290.976562 19.398438 277.546875 35.96875 277.546875 L 338.953125 277.546875 C 355.523438 277.546875 368.949219 290.976562 368.949219 307.550781 C 368.949219 324.125 355.523438 337.558594 338.953125 337.558594 " fill-opacity="1" fill-rule="nonzero"/></g></svg>
\ No newline at end of file
diff --git a/services.md b/services.md
new file mode 100644
index 0000000..2ec324c
--- /dev/null
+++ b/services.md
@@ -0,0 +1,4 @@
+---
+layout: default
+title: Services
+---
\ No newline at end of file
diff --git a/volunteer.md b/volunteer.md
new file mode 100644
index 0000000..be7772c
--- /dev/null
+++ b/volunteer.md
@@ -0,0 +1,4 @@
+---
+layout: default
+title: Volunteer
+---
\ No newline at end of file
