From 4423bd9dff3eea250338439b890d8147f88f08b0 Mon Sep 17 00:00:00 2001
From: Lazy Hippopotamus <lazy@hippo.com>
Date: Tue, 6 Jun 2023 15:32:11 -0400
Subject: [PATCH] sidebar changes. build script.

---
 build.py          | 10 ++++++
 index.html        | 26 +-------------
 main.css          | 10 +++---
 main.js           |  1 +
 src/_index.html   |  1 +
 src/template.html | 91 +++++++++++++++++++++++++++++++++++++++++++++++
 6 files changed, 109 insertions(+), 30 deletions(-)
 create mode 100644 build.py
 create mode 100644 src/_index.html
 create mode 100644 src/template.html

diff --git a/build.py b/build.py
new file mode 100644
index 0000000..83ec8a0
--- /dev/null
+++ b/build.py
@@ -0,0 +1,10 @@
+## simple, minimal build script.
+import os
+
+
+template = open("src/template.html").read()
+
+for file in os.listdir("src"):
+    if file[0] == '_':
+        output = open(file[1:], "w+")
+        output.write(template.format(content=open("src/" + file).read()))
\ No newline at end of file
diff --git a/index.html b/index.html
index 78e20a9..935fd0d 100644
--- a/index.html
+++ b/index.html
@@ -83,31 +83,7 @@
                 </div>
             </div>
             <div id="content">
-                Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa quis deleniti, numquam, voluptatibus eos perspiciatis a nulla temporibus laborum saepe perferendis esse cumque consectetur molestias rerum amet. Impedit, minima quisquam! Lorem, ipsum dolor sit amet consectetur adipisicing elit. Doloremque quis eveniet ipsa perferendis possimus molestias? Perferendis suscipit, at error, reiciendis quis, velit dicta assumenda earum labore magni architecto officiis delectus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa quis deleniti, numquam, voluptatibus eos perspiciatis a
-                nulla temporibus laborum saepe perferendis esse cumque consectetur molestias rerum amet. Impedit, minima quisquam!
-                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Doloremque quis eveniet ipsa perferendis possimus molestias?
-                Perferendis suscipit, at error, reiciendis quis, velit dicta assumenda earum labore magni architecto officiis delectus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa quis deleniti, numquam, voluptatibus eos perspiciatis a
-                nulla temporibus laborum saepe perferendis esse cumque consectetur molestias rerum amet. Impedit, minima quisquam!
-                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Doloremque quis eveniet ipsa perferendis possimus molestias?
-                Perferendis suscipit, at error, reiciendis quis, velit dicta assumenda earum labore magni architecto officiis delectus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa quis deleniti, numquam, voluptatibus eos perspiciatis a
-                nulla temporibus laborum saepe perferendis esse cumque consectetur molestias rerum amet. Impedit, minima quisquam!
-                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Doloremque quis eveniet ipsa perferendis possimus molestias?
-                Perferendis suscipit, at error, reiciendis quis, velit dicta assumenda earum labore magni architecto officiis delectus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa quis deleniti, numquam, voluptatibus eos perspiciatis a
-                nulla temporibus laborum saepe perferendis esse cumque consectetur molestias rerum amet. Impedit, minima quisquam!
-                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Doloremque quis eveniet ipsa perferendis possimus molestias?
-                Perferendis suscipit, at error, reiciendis quis, velit dicta assumenda earum labore magni architecto officiis delectus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa quis deleniti, numquam, voluptatibus eos perspiciatis a
-                nulla temporibus laborum saepe perferendis esse cumque consectetur molestias rerum amet. Impedit, minima quisquam!
-                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Doloremque quis eveniet ipsa perferendis possimus molestias?
-                Perferendis suscipit, at error, reiciendis quis, velit dicta assumenda earum labore magni architecto officiis delectus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa quis deleniti, numquam, voluptatibus eos perspiciatis a
-                nulla temporibus laborum saepe perferendis esse cumque consectetur molestias rerum amet. Impedit, minima quisquam!
-                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Doloremque quis eveniet ipsa perferendis possimus molestias?
-                Perferendis suscipit, at error, reiciendis quis, velit dicta assumenda earum labore magni architecto officiis delectus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa quis deleniti, numquam, voluptatibus eos perspiciatis a
-                nulla temporibus laborum saepe perferendis esse cumque consectetur molestias rerum amet. Impedit, minima quisquam!
-                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Doloremque quis eveniet ipsa perferendis possimus molestias?
-                Perferendis suscipit, at error, reiciendis quis, velit dicta assumenda earum labore magni architecto officiis delectus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa quis deleniti, numquam, voluptatibus eos perspiciatis a
-                nulla temporibus laborum saepe perferendis esse cumque consectetur molestias rerum amet. Impedit, minima quisquam!
-                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Doloremque quis eveniet ipsa perferendis possimus molestias?
-                Perferendis suscipit, at error, reiciendis quis, velit dicta assumenda earum labore magni architecto officiis delectus.
+                Your mom
             </div>
         </div>
         <script src="main.js"></script>
diff --git a/main.css b/main.css
index 1f63b3a..f5e55f5 100644
--- a/main.css
+++ b/main.css
@@ -115,24 +115,24 @@ body {
 
 #sider-cats > div {
     display: none;
-    border-left: 2px solid red;
+    border-left: 2px solid white;
     padding-left: 10px;
 }
 
 #sider-cats > input:checked + label {
-    border-right: 2px solid red;
-    border-bottom: 2px solid red;
+    /*border-right: 2px solid red;
+    border-bottom: 2px solid red;*/
 }
 
 #sider-cats > label {
-    color: green;
+    color: #333333;
     padding-right: 10px;
     padding-bottom: 10px;
     display: inline-block;
 }
 
 #sider-cats > label:hover {
-    color: darkgreen;
+    color: black;
     cursor: pointer;
 }
 
diff --git a/main.js b/main.js
index 173c7ee..8d6cbe7 100644
--- a/main.js
+++ b/main.js
@@ -30,6 +30,7 @@ const scrollchecks = () => {
     });
 };
 window.addEventListener("scroll", scrollchecks);
+window.addEventListener("scrollend", scrollchecks);
 window.addEventListener("wheel", scrollchecks);
 window.addEventListener("resize", scrollchecks);
 window.addEventListener("load", scrollchecks);
\ No newline at end of file
diff --git a/src/_index.html b/src/_index.html
new file mode 100644
index 0000000..8979967
--- /dev/null
+++ b/src/_index.html
@@ -0,0 +1 @@
+Your mom
\ No newline at end of file
diff --git a/src/template.html b/src/template.html
new file mode 100644
index 0000000..5e68af1
--- /dev/null
+++ b/src/template.html
@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+
+
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <title>Jhewit | Home</title>
+        <link rel="stylesheet" href="main.css" />
+    </head>
+    <body>
+        <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>
+        </div>
+        <div id="outer">
+            <div id="header">
+                <div id="head-marker" class="scrolly"></div>
+                <div id="headin">
+                    <h1>Jhewit</h1>
+                    <div id="links">
+                        <div class="dropdown">
+                            Dropdown 1
+                        </div>
+                        <div>
+                            <div class="dropdown-inner">
+                                <a href="#">
+                                    LINK
+                                </a>
+                                <a href="#">
+                                    LINK
+                                </a>
+                                <a href="#">
+                                    LINK
+                                </a>
+                            </div>
+                        </div>
+                        <div class="dropdown">
+                            Dropdown 2
+                        </div>
+                        <div>
+                            <div class="dropdown-inner">
+                                <a href="#">
+                                    LINK
+                                </a>
+                                <a href="#">
+                                    LINK
+                                </a>
+                                <a href="#">
+                                    LINK
+                                </a>
+                            </div>
+                        </div>
+                        <div class="dropdown">
+                            Dropdown 3
+                        </div>
+                        <div>
+                            <div class="dropdown-inner">
+                                <a href="#">
+                                    LINK
+                                </a>
+                                <a href="#">
+                                    LINK
+                                </a>
+                                <a href="#">
+                                    LINK
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div id="content">
+                {content}
+            </div>
+        </div>
+        <script src="main.js"></script>
+    </body>
+</html>
\ No newline at end of file