sidebar changes. build script.
This commit is contained in:
Lazy Hippopotamus
10
build.py
Normal file
10
build.py
Normal file
@@ -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()))
|
||||
26
index.html
26
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>
|
||||
|
||||
10
main.css
10
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;
|
||||
}
|
||||
|
||||
|
||||
1
main.js
1
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);
|
||||
1
src/_index.html
Normal file
1
src/_index.html
Normal file
@@ -0,0 +1 @@
|
||||
Your mom
|
||||
91
src/template.html
Normal file
91
src/template.html
Normal file
@@ -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>
|
||||
Reference in New Issue
Block a user