This commit is contained in:
Lazy Hippopotamus
2023-06-22 09:21:38 -04:00
parent f46b1f0090
commit 103faffcb9
16 changed files with 89 additions and 196 deletions

View File

@@ -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><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>
</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>

View File

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

View File

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

4
charities.md Normal file
View File

@@ -0,0 +1,4 @@
---
layout: default
title: Charities
---

5
contact.markdown Normal file
View File

@@ -0,0 +1,5 @@
---
layout: default
title: Contact Us
---
Contact data here

4
events.md Normal file
View File

@@ -0,0 +1,4 @@
---
layout: default
title: Events
---

4
humanism.md Normal file
View File

@@ -0,0 +1,4 @@
---
layout: default
title: Humanism
---

4
intro-to-judaism.md Normal file
View File

@@ -0,0 +1,4 @@
---
layout: default
title: Intro to Judaism
---

View File

@@ -0,0 +1,4 @@
---
layout: default
title: Jewish History/Culture
---

4
landmarks.md Normal file
View File

@@ -0,0 +1,4 @@
---
layout: default
title: Landmarks
---

View File

@@ -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 {

11
main.js
View File

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

4
membership.md Normal file
View File

@@ -0,0 +1,4 @@
---
layout: default
title: Membership
---

View File

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

After

Width:  |  Height:  |  Size: 1.9 KiB

4
services.md Normal file
View File

@@ -0,0 +1,4 @@
---
layout: default
title: Services
---

4
volunteer.md Normal file
View File

@@ -0,0 +1,4 @@
---
layout: default
title: Volunteer
---