deleted the entire website but everything's okay now

This commit is contained in:
Lazy Hippopotamus
2024-03-05 11:57:56 -05:00
parent 52390303a1
commit 6009c4ed40
47 changed files with 4258 additions and 0 deletions

73
site/index.html Normal file
View File

@@ -0,0 +1,73 @@
[!]
[=title Home]
[=content-]
<p>
Welcome to the Avraham Society! If you are looking for the Jewish Humanist voice of the MENA region then you came to
the
right place! We are the home of future leaders who want to make a change in the world. We are an opportunity for all
Jews and everything Jewish or Jew-ish! This is our oasis of Jewish Culture and a celebration of Humanism and
Humanity!
</p>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
</p>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
</p>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
</p>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
</p>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
</p>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
</p>
<div class="space"></div>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
</p>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
</p>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
</p>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
</p>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
</p>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
</p>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
</p>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
</p>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
</p>
[/]
[#templates/default.html]

342
site/main.css Normal file
View File

@@ -0,0 +1,342 @@
@font-face {
font-family: Lobster;
src: url(Lobster-Regular.ttf);
}
* {
padding: 0px;
margin: 0px;
font-family: sans-serif;
--deepcream: rgb(247, 233, 213);
--cream: rgb(255, 254, 250);
--kuwaitgreen: #007b3a;
--kuwaitred: #cf0821;
}
#bg {
position: absolute;
z-index: -1000;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100vw;
height: 100vh;
overflow: hidden;
background-image: url(res/Avraham_Society.png),
/*linear-gradient(90deg, var(--kuwaitgreen), var(--cream), var(--kuwaitred), black)*/
linear-gradient(45deg, red, rgb(0, 255, 0, 0), green),
linear-gradient(135deg, black, rgb(255, 255, 255, 0), white);
background-size: contain;
background-position: 50% 65%;
background-repeat: no-repeat;
/*background-color: var(--kuwaitgreen);/*white;*/ /*var(--deepcream);*/ /*#993231;*/ /* var(--cream); */
}
#main {
/*display: none;*/
position: absolute;
top: 0px;
left: 0px;
width: 100vw;
height: 100vh;
overflow: auto;
}
#main > div, #main > p {
background-color: var(--cream);
}
#main > p:first-of-type {
padding-top: 50px;
}
#main > p {
padding-bottom: 50px;
padding-left: 20vw;
padding-right: 30vw;
line-height: 2em;
font-family: Arial;
}
#main > div.space {
background-color: transparent;
height: clamp(150px, 30vh, 500px);
border-bottom: 50px solid var(--cream);
}
#main > div.bottom {
background-color: #007b3a; /* kuwait green */
display: flex;
padding: 50px;
width: 100vw;
box-sizing: border-box;
align-items: center;
color: white;
}
#main > div.bottom > * {
flex-basis: 100%;
justify-self: start;
width: 100%;
}
#main > .top {
text-align: center;
height: 100vh;
position: relative;
background-color: transparent;
}
#shape {
height: calc(10vh + 3px);
width: 100vw;
background-color: var(--cream);
clip-path: polygon(0% calc(100% - 3px), 0% 100%, 100% 100%, 100% calc(100% - 3px), 50% 0%);
position: absolute;
bottom: -1px;
}
#title {
font-size: 4em;
font-family: Lobster;
text-align: center;
background-color: var(--cream);
color: black;
padding-top: 52px; /* TODO: make this less worsely */
position: sticky;
top: 0px;
padding-bottom: 10vh;
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% calc(100% - 10vh), 0% 100%);
}
div#nav {
display: flex;
justify-content: center;
}
#nav > a {
color: black;
text-decoration: none;
padding-left: 10px;
padding-right: 10px;
font-family: Lobster;
}
#nav > a:hover {
font-weight: bold;
}
#nav > a::before {
content: ">";
}
#nav > a::after {
content: "<";
}
div#banner {
background-color: white;
color: black;
/*--colorslant-point: clamp(20px, 10vw, 200px);
background-image: linear-gradient(90deg, var(--kuwaitred) 0px, var(--kuwaitred) var(--colorslant-point), white var(--colorslant-point), white calc(100% - var(--colorslant-point)), var(--kuwaitred) calc(100% - var(--colorslant-point)));*/
border: 4px solid var(--kuwaitred);
border-top: none;
/*box-shadow: 0px 0px 5px var(--kuwaitred);*/
/*box-shadow: 0px 0px 5px black;*/
padding-bottom: 5px;
text-align: center;
position: fixed;
width: 100vw;
top: 0px;
box-sizing: border-box;
z-index: 2;
}
#banner > a {
height: 2em;
float: left;
}
#banner > a > img {
height: 100%;
}
div#banner > * {
flex: 1;
}
small {
font-size: 0.2em !important;
}
#nav > #nav-expand {
display: none;
}
@media (max-width: 1000px) {
#main > p {
padding-left: 10px;
padding-right: 10px;
}
#shape {
height: 20px;
}
#title {
font-size: 2em;
padding-bottom: 20px;
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% calc(100% - 19px), 0% 100%);
}
#main > .top {
height: 90vh;
}
.bottom {
flex-direction: column-reverse;
}
.bottom > img {
width: 100%;
}
#nav {
flex-direction: column;
}
#nav > #nav-expand {
display: initial;
}
#navExpander:checked + #nav > a {
height: 0px;
padding: 0px;
}
#navExpander + #nav > a {
height: 1em;
padding: 2px;
overflow: hidden;
transition: height 0.3s, padding 0.3s;
}
#navExpander + #nav > #nav-expand::before {
content: '↑';
}
#navExpander:checked + #nav > #nav-expand::before {
content: '↓';
}
#library {
padding-left: 10px;
padding-right: 10px;
flex-direction: column-reverse !important;
}
#libpages {
grid-template-columns: 100% !important;
padding-left: 0px !important;
max-width: unset !important;
}
}
#plug {
background-color: black !important;
color: white;
text-align: center;
font-size: 0.75em;
padding: 5px;
}
h1 {
text-align: center;
}
#libpages {
display: grid;
grid-template-columns: 50% 50%;
padding-left: 10vw;
max-width: 60vw;
}
#libpages > a {
border-top: 4px solid var(--kuwaitred);
margin: 20px;
padding: 20px;
text-decoration: none;
color: black;
}
#libpages > a > span:first-child {
font-size: 1.5em;
}
#libpages > a > p {
position: relative;
}
#libpages > a > p::after {
content: "";
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 50px;
background-image: linear-gradient(transparent 0%, white 100%);
z-index: 100000;
}
#libpages > a > span:last-child {
position: relative;
}
#libpages > a > span:last-child::before {
content: "";
transform: translateY(-8px);
height: 1px;
width: 60%;
display: inline-block;
background-color: black;
transition: width 0.5s;
}
#libpages > a:hover > span:last-child::before {
content: "";
transform: translateY(-8px);
height: 1px;
width: 80%;
display: inline-block;
background-color: black;
}
#library {
display: flex;
flex-direction: row;
}
#study {
flex: 0 1 auto;
}
#study-inner {
background-color: var(--deepcream);
padding: 40px;
margin: 10px;
border-radius: 20px;
position: sticky;
top: 40%;
}
#study-inner > div {
border-top: 1px solid black;
padding: 20px;
color: #111111;
}
#libpages {
flex: 1 1 min-content;
}

13
site/main.js Normal file
View File

@@ -0,0 +1,13 @@
window.onresize = () => { // stupid hack for mobile browsers. Won't do anything on desktop.
document.getElementById("main").style.height = window.innerHeight + "px";
document.getElementById("bg").style.height = window.innerHeight + "px";
};
window.onresize();
if (localStorage.refered) {
delete localStorage.refered;
document.getElementById("shape").scrollIntoView({
"behavior": "smooth"
});
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 163 KiB

504
site/res/Cantarell-VF.otf Normal file

File diff suppressed because one or more lines are too long

Binary file not shown.

52
site/res/arrow-left.svg Normal file
View File

@@ -0,0 +1,52 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="67.722931mm"
height="248.83067mm"
viewBox="0 0 67.722931 248.83067"
version="1.1"
id="svg5"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="arrow-left.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="0.37721168"
inkscape:cx="165.68946"
inkscape:cy="532.8573"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" />
<defs
id="defs2" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0.23499242,-0.29279519)">
<path
id="path627"
style="fill:none;stroke:black;stroke-width:10;stop-color:#000000"
d="m 12.891763,74.516068 v -5.12e-4" />
<path
id="path625"
style="fill:none;stroke:black;stroke-width:10;stop-color:#000000"
d="M 66.415659,248.55925 1.2877685,124.70778 66.415471,0.85665987" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

52
site/res/arrow-none.svg Normal file
View File

@@ -0,0 +1,52 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="67.722931mm"
height="248.83067mm"
viewBox="0 0 67.722931 248.83067"
version="1.1"
id="svg5"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="arrow-left.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="0.37721168"
inkscape:cx="165.68946"
inkscape:cy="532.8573"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" />
<defs
id="defs2" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0.23499242,-0.29279519)">
<path
id="path627"
style="fill:none;stroke:none;stroke-width:2.423;stop-color:#000000"
d="m 12.891763,74.516068 v -5.12e-4" />
<path
id="path625"
style="fill:none;stroke:none;stroke-width:2.423;stop-color:#000000"
d="M 66.415659,248.55925 1.2877685,124.70778 66.415471,0.85665987" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

@@ -0,0 +1,52 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="67.722931mm"
height="248.83067mm"
viewBox="0 0 67.722931 248.83067"
version="1.1"
id="svg5"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="arrow-right.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="0.37721168"
inkscape:cx="165.68946"
inkscape:cy="532.8573"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" />
<defs
id="defs2" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0.23499242,-0.29279519)">
<path
id="path627"
style="fill:none;stroke:black;stroke-width:10;stop-color:#000000"
d="m 12.891763,74.516068 v -5.12e-4" />
<path
id="path625"
style="fill:none;stroke:black;stroke-width:10;stop-color:#000000"
d="M 0.99125754,248.55925 66.119148,124.70778 0.99144554,0.85665987" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

52
site/res/arrow-right.svg Normal file
View File

@@ -0,0 +1,52 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="67.722931mm"
height="248.83067mm"
viewBox="0 0 67.722931 248.83067"
version="1.1"
id="svg5"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="arrow-right.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="0.37721168"
inkscape:cx="165.68946"
inkscape:cy="532.8573"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" />
<defs
id="defs2" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0.23499242,-0.29279519)">
<path
id="path627"
style="fill:none;stroke:white;stroke-width:10;stop-color:#000000"
d="m 12.891763,74.516068 v -5.12e-4" />
<path
id="path625"
style="fill:none;stroke:white;stroke-width:10;stop-color:#000000"
d="M 0.99125754,248.55925 66.119148,124.70778 0.99144554,0.85665987" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

70
site/res/bwrg.svg Normal file
View File

@@ -0,0 +1,70 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="100"
height="100"
viewBox="0 0 26.458333 26.458333"
version="1.1"
id="svg1"
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
sodipodi:docname="bwrg.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="px"
inkscape:zoom="5.9246536"
inkscape:cx="48.019685"
inkscape:cy="48.188471"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" />
<defs
id="defs1" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<rect
style="fill:#ff0000;stroke-width:3.565;stroke-linecap:round;stroke-linejoin:round"
id="rect1"
width="13.229166"
height="13.229166"
x="0"
y="1.4785472e-16" />
<rect
style="fill:#f9f9f9;stroke-width:3.565;stroke-linecap:round;stroke-linejoin:round"
id="rect2"
width="13.229166"
height="13.229166"
x="13.229166"
y="1.4785472e-16" />
<rect
style="fill:#000000;stroke-width:3.565;stroke-linecap:round;stroke-linejoin:round"
id="rect3"
width="13.229166"
height="13.229166"
x="0"
y="13.229166" />
<rect
style="fill:#00ff00;stroke-width:3.565;stroke-linecap:round;stroke-linejoin:round"
id="rect4"
width="13.229166"
height="13.229166"
x="13.229166"
y="13.229166" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

21
site/res/librarrow.svg Normal file
View File

@@ -0,0 +1,21 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="8"
height="16"
viewBox="0 0 16 16"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<g
id="layer1">
<path
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:3.565;stroke-linecap:round;stroke-linejoin:round"
d="M 0,0 16,8 0,16 Z"
id="path1" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 522 B

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

View File

@@ -0,0 +1,90 @@
[?]
[=baseurl http://localhost:8080]
<!DOCTYPE html>
<!--
Kuwait flag colors:
Green: #007b3a
Red: #cf0821
Black: black
White: white
-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Avraham Society | [^title]</title>
<link rel="stylesheet" href="[^baseurl]/main.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="icon" href="[^baseurl]/res/Avraham_Society_icon.png">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@800&family=Libre+Baskerville&family=Roboto&family=Roboto+Mono:wght@300&display=swap" rel="stylesheet">
<!-- HTML Meta Tags -->
<meta name="description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
<!-- Facebook Meta Tags -->
<meta property="og:url" content="https://avrahamsociety.org">
<meta property="og:type" content="website">
<meta property="og:title" content="Avraham Society | Home">
<meta property="og:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
<meta property="og:image" content="[^baseurl]/res/Avraham_Society.png">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="avrahamsociety.org">
<meta property="twitter:url" content="https://avrahamsociety.org">
<meta name="twitter:title" content="Avraham Society | Home">
<meta name="twitter:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
<meta name="twitter:image" content="[^baseurl]/res/Avraham_Society.png">
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
<div id="bg"></div>
<div id="main">
<div id="banner">
<a href="[^baseurl]"><img src="res/Avraham_Society.png"></a>
<div id="social">Social media, recent updates, etc</div>
<input id="navExpander" style="display: none;" type="checkbox" checked>
<div id="nav">
<label for="navExpander" id="nav-expand"></label>
<a onclick="localStorage.refered = true" href="[^baseurl]/">Home</a>
<a onclick="localStorage.refered = true" href="[^baseurl]/intro-to-judaism">Intro to Judaism</a>
<a onclick="localStorage.refered = true" href="[^baseurl]/jewish-history-culture">Jewish History and Culture</a>
<a onclick="localStorage.refered = true" href="[^baseurl]/landmarks">Jewish Landmarks</a>
<a onclick="localStorage.refered = true" href="[^baseurl]/humanism">Humanism</a>
<a onclick="localStorage.refered = true" href="[^baseurl]/membership">Membership</a>
<a onclick="localStorage.refered = true" href="[^baseurl]/library">Library</a>
</div>
</div>
<div class="top">
<div id="title">Avraham Society<br>
<small><b><i>May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though.</i></b></small>
</div>
<div id="shape"></div>
</div>
<div>
<h1 style="padding-bottom: 2em;">[^title]</h1>
</div>
[^content]
<div class="bottom">
<img src="[^baseurl]/res/Avraham_Society.png">
<div>
<p>
Quick informative blurb, social links, etc.
</p>
<p>
Could follow a number of different designs; this is the most basic possibility.
</p>
</div>
</div>
<div id="plug">Website by <a href="mailto:plupy44@gmail.com">Tyler Clarke</a>.</div>
</div>
<script src="main.js"></script>
</body>
</html>