admin/avrahamsociety
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

stuff

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

61
_layouts/default.html
View File

@@ -14,9 +14,9 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>{{ site.title }} | {{ page.title }}</title> <title>{{ site.title }} | {{ page.title }}</title>
<link rel="stylesheet" href="main.css" /> <link rel="stylesheet" href="/main.css" />
</head> </head>
<body> <body onclick="sidebar_off()">
<svg width="0" height="0"> <!-- clip paths for the sidebar --> <svg width="0" height="0"> <!-- clip paths for the sidebar -->
<defs> <defs>
<clipPath id="design-2" clipPathUnits="objectBoundingBox"> <clipPath id="design-2" clipPathUnits="objectBoundingBox">
@@ -33,7 +33,7 @@
<div id="sider"> <div id="sider">
<h2>Sidebar</h2> <h2>Sidebar</h2>
<div id="sider-cats"> <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> <label for="i_1">Category 1</label>
<div> <div>
<a href="#">This is a link</a><br> <a href="#">This is a link</a><br>
@@ -44,40 +44,48 @@
<div> <div>
<a href="#">Third link, new category</a><br> <a href="#">Third link, new category</a><br>
<a href="#">Links.</a> <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> </div>
<img src="res/arrow-none.svg" onclick="toggle_sidebar()" /> <img src="/res/arrow-none.svg" onclick="toggle_sidebar()" />
</div> </div>
</div> </div>
<div id="outer"> <div id="outer">
<div id="header"> <div id="header">
<div id="head-marker" class="scrolly"></div> <div id="head-marker" class="scrolly"></div>
<div id="headin"> <div id="headin">
<h1>Jhewit</h1> <a href="/" style="color: black;"><h1>Jhewit</h1></a>
<div id="links-outer"> <div id="links-outer">
<input id="hambugha" type="checkbox" style="display: none;"> <input id="hambugha" type="checkbox" style="display: none;">
<label for="hambugha">Ham</label> <label for="hambugha">Ham</label>
<div id="links"> <div id="links">
<div class="link"> <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> <div></div>
<div class="link"> <div class="link">
<a href="about.html">ABOUT JHEWIT</a> <a href="/contact">CONTACT US</a>
</div> </div>
<div></div> <div></div>-->
<div class="link"> <!--<div class="dropdown">
<a href="workshop.html">DESIGN WORKSHOP</a>
</div>
<div></div>
<div class="dropdown">
DROPDOWN MENU DROPDOWN MENU
</div> </div>
<div> <div>
<div class="dropdown-inner"> <div class="dropdown-inner">
<a>DROPDOWN MENU LINK</a> <a>DROPDOWN MENU LINK</a>
</div> </div>
</div> </div>-->
<!--<div> <!--<div>
<div class="dropdown-inner"> <div class="dropdown-inner">
<a href="#"> <a href="#">
@@ -96,23 +104,14 @@
</div> </div>
</div> </div>
<div class="carousel-outer"> <div class="carousel-outer">
<img src="res/arrow-left.svg" /> <img src="/res/arrow-left.svg" />
<div class="carousel" id="carousel_1"> <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);" 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);">Category #2</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);">Category #3</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);">Category #4</div> <div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);"><a href="/landmarks"></a>Landmarks</a></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> </div>
<img src="res/arrow-right.svg" /> <img src="/res/arrow-right.svg" />
</div> </div>
<div id="content"> <div id="content">
{{ content }} {{ content }}
@@ -132,6 +131,6 @@
© Jhew It Org. All rights reserved. Website by <a href="https://swaous.asuscomm.com">Tyler Clarke</a>. © Jhew It Org. All rights reserved. Website by <a href="https://swaous.asuscomm.com">Tyler Clarke</a>.
</div> </div>
</div> </div>
<script src="main.js"></script> <script src="/main.js"></script>
</body> </body>
</html> </html>

145
about.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>

17
about.markdown
View File

@@ -1,18 +1,5 @@
--- ---
layout: default layout: default
title: About title: About Us
permalink: /about/
--- ---
This is an about us page
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

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

4
jewish-history-culture.md Normal file
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
---

9
main.css
View File

@@ -1,5 +1,5 @@
:root { :root {
--sidebar-size: clamp(300px, 20%, 400px); --sidebar-size: clamp(200px, 15%, 400px);
} }
@font-face { @font-face {
@@ -214,12 +214,16 @@ body:not(.sidebar-opened) > #sider-outer > #sider > img {
padding-left: 10px; padding-left: 10px;
} }
#sider-cats > div { #sider-cats > input + label + div {
display: none; display: none;
border-left: 2px solid white; border-left: 2px solid white;
padding-left: 10px; padding-left: 10px;
} }
#sider-cats > div {
padding-bottom: 5px;
}
#sider-cats > label { #sider-cats > label {
color: #333333; color: #333333;
padding-right: 10px; padding-right: 10px;
@@ -240,6 +244,7 @@ body:not(.sidebar-opened) > #sider-outer > #sider > img {
border-right: 2px solid white; border-right: 2px solid white;
border-bottom: 2px solid white; border-bottom: 2px solid white;
text-align: center; text-align: center;
padding-bottom: 10px;
} }
a { a {

11
main.js
View File

@@ -57,7 +57,7 @@ const scrollchecks = () => {
} }
}); });
var perc = clamp(0, document.getElementById("outer").scrollTop / (window.innerHeight / 2), 1); 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("#links").style.opacity = perc;
document.querySelector("#hambugha + label").style.opacity = perc; document.querySelector("#hambugha + label").style.opacity = perc;
//document.querySelector("#carousel").style.opacity = perc; //document.querySelector("#carousel").style.opacity = perc;
@@ -167,9 +167,14 @@ function toggle_sidebar() {
document.body.classList.toggle("sidebar-opened"); document.body.classList.toggle("sidebar-opened");
var el = document.querySelector("#sider > img"); var el = document.querySelector("#sider > img");
if (document.body.classList.contains("sidebar-opened")) { if (document.body.classList.contains("sidebar-opened")) {
el.src = "res/arrow-left.svg"; el.src = "/res/arrow-left.svg";
} }
else { 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
---

1
res/web_hamburger_icon.svg Normal file
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>
Side by Side

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