merge with main rewrite. it's a sitix project now.
This commit is contained in:
Lazy Hippopotamus
5
.gitignore
vendored
5
.gitignore
vendored
@@ -1,5 +0,0 @@
|
|||||||
_site
|
|
||||||
.sass-cache
|
|
||||||
.jekyll-cache
|
|
||||||
.jekyll-metadata
|
|
||||||
vendor
|
|
||||||
25
404.html
25
404.html
@@ -1,25 +0,0 @@
|
|||||||
---
|
|
||||||
permalink: /404.html
|
|
||||||
layout: default
|
|
||||||
---
|
|
||||||
|
|
||||||
<style type="text/css" media="screen">
|
|
||||||
.container {
|
|
||||||
margin: 10px auto;
|
|
||||||
max-width: 600px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
h1 {
|
|
||||||
margin: 30px 0;
|
|
||||||
font-size: 4em;
|
|
||||||
line-height: 1;
|
|
||||||
letter-spacing: -1px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<div class="container">
|
|
||||||
<h1>404</h1>
|
|
||||||
|
|
||||||
<p><strong>Page not found :(</strong></p>
|
|
||||||
<p>The requested page could not be found.</p>
|
|
||||||
</div>
|
|
||||||
504
Cantarell-VF.otf
504
Cantarell-VF.otf
File diff suppressed because one or more lines are too long
33
Gemfile
33
Gemfile
@@ -1,33 +0,0 @@
|
|||||||
source "https://rubygems.org"
|
|
||||||
# Hello! This is where you manage which Jekyll version is used to run.
|
|
||||||
# When you want to use a different version, change it below, save the
|
|
||||||
# file and run `bundle install`. Run Jekyll with `bundle exec`, like so:
|
|
||||||
#
|
|
||||||
# bundle exec jekyll serve
|
|
||||||
#
|
|
||||||
# This will help ensure the proper Jekyll version is running.
|
|
||||||
# Happy Jekylling!
|
|
||||||
gem "jekyll", "~> 4.3.2"
|
|
||||||
# This is the default theme for new Jekyll sites. You may change this to anything you like.
|
|
||||||
gem "minima", "~> 2.5"
|
|
||||||
# If you want to use GitHub Pages, remove the "gem "jekyll"" above and
|
|
||||||
# uncomment the line below. To upgrade, run `bundle update github-pages`.
|
|
||||||
# gem "github-pages", group: :jekyll_plugins
|
|
||||||
# If you have any plugins, put them here!
|
|
||||||
group :jekyll_plugins do
|
|
||||||
gem "jekyll-feed", "~> 0.12"
|
|
||||||
end
|
|
||||||
|
|
||||||
# Windows and JRuby does not include zoneinfo files, so bundle the tzinfo-data gem
|
|
||||||
# and associated library.
|
|
||||||
platforms :mingw, :x64_mingw, :mswin, :jruby do
|
|
||||||
gem "tzinfo", ">= 1", "< 3"
|
|
||||||
gem "tzinfo-data"
|
|
||||||
end
|
|
||||||
|
|
||||||
# Performance-booster for watching directories on Windows
|
|
||||||
gem "wdm", "~> 0.1.1", :platforms => [:mingw, :x64_mingw, :mswin]
|
|
||||||
|
|
||||||
# Lock `http_parser.rb` gem to `v0.6.x` on JRuby builds since newer versions of the gem
|
|
||||||
# do not have a Java counterpart.
|
|
||||||
gem "http_parser.rb", "~> 0.6.0", :platforms => [:jruby]
|
|
||||||
84
Gemfile.lock
84
Gemfile.lock
@@ -1,84 +0,0 @@
|
|||||||
GEM
|
|
||||||
remote: https://rubygems.org/
|
|
||||||
specs:
|
|
||||||
addressable (2.8.4)
|
|
||||||
public_suffix (>= 2.0.2, < 6.0)
|
|
||||||
colorator (1.1.0)
|
|
||||||
concurrent-ruby (1.2.2)
|
|
||||||
em-websocket (0.5.3)
|
|
||||||
eventmachine (>= 0.12.9)
|
|
||||||
http_parser.rb (~> 0)
|
|
||||||
eventmachine (1.2.7)
|
|
||||||
ffi (1.15.5)
|
|
||||||
forwardable-extended (2.6.0)
|
|
||||||
google-protobuf (3.23.3-x86_64-linux)
|
|
||||||
http_parser.rb (0.8.0)
|
|
||||||
i18n (1.14.1)
|
|
||||||
concurrent-ruby (~> 1.0)
|
|
||||||
jekyll (4.3.2)
|
|
||||||
addressable (~> 2.4)
|
|
||||||
colorator (~> 1.0)
|
|
||||||
em-websocket (~> 0.5)
|
|
||||||
i18n (~> 1.0)
|
|
||||||
jekyll-sass-converter (>= 2.0, < 4.0)
|
|
||||||
jekyll-watch (~> 2.0)
|
|
||||||
kramdown (~> 2.3, >= 2.3.1)
|
|
||||||
kramdown-parser-gfm (~> 1.0)
|
|
||||||
liquid (~> 4.0)
|
|
||||||
mercenary (>= 0.3.6, < 0.5)
|
|
||||||
pathutil (~> 0.9)
|
|
||||||
rouge (>= 3.0, < 5.0)
|
|
||||||
safe_yaml (~> 1.0)
|
|
||||||
terminal-table (>= 1.8, < 4.0)
|
|
||||||
webrick (~> 1.7)
|
|
||||||
jekyll-feed (0.17.0)
|
|
||||||
jekyll (>= 3.7, < 5.0)
|
|
||||||
jekyll-sass-converter (3.0.0)
|
|
||||||
sass-embedded (~> 1.54)
|
|
||||||
jekyll-seo-tag (2.8.0)
|
|
||||||
jekyll (>= 3.8, < 5.0)
|
|
||||||
jekyll-watch (2.2.1)
|
|
||||||
listen (~> 3.0)
|
|
||||||
kramdown (2.4.0)
|
|
||||||
rexml
|
|
||||||
kramdown-parser-gfm (1.1.0)
|
|
||||||
kramdown (~> 2.0)
|
|
||||||
liquid (4.0.4)
|
|
||||||
listen (3.8.0)
|
|
||||||
rb-fsevent (~> 0.10, >= 0.10.3)
|
|
||||||
rb-inotify (~> 0.9, >= 0.9.10)
|
|
||||||
mercenary (0.4.0)
|
|
||||||
minima (2.5.1)
|
|
||||||
jekyll (>= 3.5, < 5.0)
|
|
||||||
jekyll-feed (~> 0.9)
|
|
||||||
jekyll-seo-tag (~> 2.1)
|
|
||||||
pathutil (0.16.2)
|
|
||||||
forwardable-extended (~> 2.6)
|
|
||||||
public_suffix (5.0.1)
|
|
||||||
rb-fsevent (0.11.2)
|
|
||||||
rb-inotify (0.10.1)
|
|
||||||
ffi (~> 1.0)
|
|
||||||
rexml (3.2.5)
|
|
||||||
rouge (4.1.2)
|
|
||||||
safe_yaml (1.0.5)
|
|
||||||
sass-embedded (1.63.4-x86_64-linux-gnu)
|
|
||||||
google-protobuf (~> 3.23)
|
|
||||||
terminal-table (3.0.2)
|
|
||||||
unicode-display_width (>= 1.1.1, < 3)
|
|
||||||
unicode-display_width (2.4.2)
|
|
||||||
webrick (1.8.1)
|
|
||||||
|
|
||||||
PLATFORMS
|
|
||||||
x86_64-linux
|
|
||||||
|
|
||||||
DEPENDENCIES
|
|
||||||
http_parser.rb (~> 0.6.0)
|
|
||||||
jekyll (~> 4.3.2)
|
|
||||||
jekyll-feed (~> 0.12)
|
|
||||||
minima (~> 2.5)
|
|
||||||
tzinfo (>= 1, < 3)
|
|
||||||
tzinfo-data
|
|
||||||
wdm (~> 0.1.1)
|
|
||||||
|
|
||||||
BUNDLED WITH
|
|
||||||
2.4.14
|
|
||||||
Binary file not shown.
3
README
Normal file
3
README
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
This is a Sitix (https://github.com/LinuxRocks2000/sitix-rewrite) project. To build it, run `sitix site` in the root directory. The output directory will contain the built site.
|
||||||
|
DO NOT RUN `sitix build site -o .`! I learned the hard way that recovering the files sitix will delete IS IMPOSSIBLE! And it'll even remove all your git stuff, which I was rather
|
||||||
|
mad about.
|
||||||
46
_config.yml
46
_config.yml
@@ -1,46 +0,0 @@
|
|||||||
# Welcome to Jekyll!
|
|
||||||
#
|
|
||||||
# This config file is meant for settings that affect your whole blog, values
|
|
||||||
# which you are expected to set up once and rarely edit after that. If you find
|
|
||||||
# yourself editing this file very often, consider using Jekyll's data files
|
|
||||||
# feature for the data you need to update frequently.
|
|
||||||
#
|
|
||||||
# For technical reasons, this file is *NOT* reloaded automatically when you use
|
|
||||||
# 'bundle exec jekyll serve'. If you change this file, please restart the server process.
|
|
||||||
#
|
|
||||||
# If you need help with YAML syntax, here are some quick references for you:
|
|
||||||
# https://learn-the-web.algonquindesign.ca/topics/markdown-yaml-cheat-sheet/#yaml
|
|
||||||
# https://learnxinyminutes.com/docs/yaml/
|
|
||||||
#
|
|
||||||
# Site settings
|
|
||||||
# These are used to personalize your new site. If you look in the HTML files,
|
|
||||||
# you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
|
|
||||||
# You can create any custom variable you would like, and they will be accessible
|
|
||||||
# in the templates via {{ site.myvariable }}.
|
|
||||||
|
|
||||||
title: Avraham Society
|
|
||||||
email: your-email@example.com
|
|
||||||
description: >- # this means to ignore newlines until "baseurl:"
|
|
||||||
The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.
|
|
||||||
baseurl: "" # the subpath of your site, e.g. /blog
|
|
||||||
url: "" # the base hostname & protocol for your site, e.g. http://example.com
|
|
||||||
|
|
||||||
# Exclude from processing.
|
|
||||||
# The following items will not be processed, by default.
|
|
||||||
# Any item listed under the `exclude:` key here will be automatically added to
|
|
||||||
# the internal "default list".
|
|
||||||
#
|
|
||||||
# Excluded items can be processed by explicitly listing the directories or
|
|
||||||
# their entries' file path in the `include:` list.
|
|
||||||
#
|
|
||||||
# exclude:
|
|
||||||
# - .sass-cache/
|
|
||||||
# - .jekyll-cache/
|
|
||||||
# - gemfiles/
|
|
||||||
# - Gemfile
|
|
||||||
# - Gemfile.lock
|
|
||||||
# - node_modules/
|
|
||||||
# - vendor/bundle/
|
|
||||||
# - vendor/cache/
|
|
||||||
# - vendor/gems/
|
|
||||||
# - vendor/ruby/
|
|
||||||
@@ -1,187 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
|
|
||||||
|
|
||||||
<!--
|
|
||||||
Kuwait flag colors:
|
|
||||||
Green: #007b3a
|
|
||||||
Red: #cf0821
|
|
||||||
Black: black
|
|
||||||
White: white
|
|
||||||
-->
|
|
||||||
|
|
||||||
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<title>{{ site.title }} | {{ page.title }}</title>
|
|
||||||
<link rel="stylesheet" href="{{ site.baseurl }}/main.css" />
|
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
||||||
<link rel="icon" href="{{ site.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="{{ site.description }}">
|
|
||||||
|
|
||||||
<!-- Facebook Meta Tags -->
|
|
||||||
<meta property="og:url" content="https://avrahamsociety.org">
|
|
||||||
<meta property="og:type" content="website">
|
|
||||||
<meta property="og:title" content="{{ site.title }} | {{ page.title }}">
|
|
||||||
<meta property="og:description" content="{{ site.description }}">
|
|
||||||
<meta property="og:image" content="{{ site.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="{{ site.title }} | {{ page.title }}">
|
|
||||||
<meta name="twitter:description" content="{{ site.description }}">
|
|
||||||
<meta name="twitter:image" content="{{ site.baseurl }}/res/Avraham_Society.png">
|
|
||||||
|
|
||||||
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
|
|
||||||
</head>
|
|
||||||
<body onclick="" class="sidebar-opened">
|
|
||||||
<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="outer">
|
|
||||||
<div id="header">
|
|
||||||
<div id="head-marker" class="scrolly"></div>
|
|
||||||
<div id="headin">
|
|
||||||
<a href="{{ site.baseurl }}/"><h1>{{ site.title }}</h1></a>
|
|
||||||
<div id="links-outer">
|
|
||||||
<input id="hambugha" type="checkbox" style="display: none;">
|
|
||||||
<label for="hambugha" style="display: none;">Ham</label>
|
|
||||||
<div id="links">
|
|
||||||
<div class="link">
|
|
||||||
<a href="{{ site.baseurl }}/">HOME</a>
|
|
||||||
</div>
|
|
||||||
<div></div>
|
|
||||||
<!--<div class="link">
|
|
||||||
<a href="/about">ABOUT US</a>
|
|
||||||
</div>
|
|
||||||
<div></div>
|
|
||||||
<div class="link">
|
|
||||||
<a href="/contact">CONTACT US</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"><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">Humanism</a></div>
|
|
||||||
<div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);"><a href="/jewish-history-culture">Jewish History/Culture</a></div>
|
|
||||||
<div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);"><a href="/landmarks">Landmarks</a></div>
|
|
||||||
</div>
|
|
||||||
<img src="/res/arrow-right.svg" />
|
|
||||||
</div>-->
|
|
||||||
<div id="content">
|
|
||||||
<h1>{{ page.title }}</h1>
|
|
||||||
{{ content }}
|
|
||||||
</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">
|
|
||||||
© 2023 Avraham Society. All rights reserved. Website by <a href="https://swaous.asuscomm.com">Tyler Clarke</a>.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="sider-outer" class="design-1">
|
|
||||||
<div id="sider">
|
|
||||||
<h2>Welcome</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><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>-->
|
|
||||||
<!--
|
|
||||||
Intro to Judaism
|
|
||||||
Humanism
|
|
||||||
Jewish Culture & History
|
|
||||||
|
|
||||||
Kashrut
|
|
||||||
Membership
|
|
||||||
Events
|
|
||||||
|
|
||||||
Others:
|
|
||||||
About us
|
|
||||||
Contact us -->
|
|
||||||
<div><a href="{{ site.baseurl }}/about#TCAS_sc1">About Us</a></div>
|
|
||||||
<div><a href="{{ site.baseurl }}/intro-to-judaism#TCAS_sc1">Intro to Judaism</a></div>
|
|
||||||
<div><a href="{{ site.baseurl }}/humanism#TCAS_sc1">Humanism</a></div>
|
|
||||||
<div><a href="{{ site.baseurl }}/jewish-history-culture#TCAS_sc1">The Cultural Diversity of Judaism</a></div>
|
|
||||||
<input type="checkbox" id="i_1" class="hidden" />
|
|
||||||
<label for="i_1">Kashrut</label>
|
|
||||||
<div>
|
|
||||||
<a href="https://www.instagram.com/kosherkuwait">@kosherkuwait</a><br>
|
|
||||||
<a href="https://www.instagram.com/kosheriraq1">@kosheriraq1</a><br>
|
|
||||||
<a href="https://www.instagram.com/kosherwales">@kosherwales</a>
|
|
||||||
</div>
|
|
||||||
<div><a href="{{ site.baseurl }}/membership#TCAS_sc1">Membership</a></div>
|
|
||||||
<div><a href="{{ site.baseurl }}/contact#TCAS_sc1">Contact Us</a></div>
|
|
||||||
</div>
|
|
||||||
<img src="{{ site.baseurl }}/res/arrow-left.svg" onclick="toggle_sidebar()" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<script src="{{ site.baseurl }}/main.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,12 +0,0 @@
|
|||||||
---
|
|
||||||
layout: default
|
|
||||||
title: About Us
|
|
||||||
---
|
|
||||||
|
|
||||||
The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.
|
|
||||||
|
|
||||||
We also seek to promote peace and understanding by raising awareness about Judaism and combatting antisemitism.
|
|
||||||
|
|
||||||
We are a community and safe space that is service oriented based on the principle of Tikkun Olam (fixing the world).
|
|
||||||
|
|
||||||
Our leadership team is diverse in age, culture, and experiences. We welcome anyone who shares our views and wishes to contribute to our community.
|
|
||||||
10
build.py
10
build.py
@@ -1,10 +0,0 @@
|
|||||||
## 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()))
|
|
||||||
@@ -1,4 +0,0 @@
|
|||||||
---
|
|
||||||
layout: default
|
|
||||||
title: Charities
|
|
||||||
---
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
---
|
|
||||||
layout: default
|
|
||||||
title: Contact Us
|
|
||||||
---
|
|
||||||
|
|
||||||
Kindly email ovadiah@avrahamsociety.org if you have any questions or concerns.
|
|
||||||
17
humanism.md
17
humanism.md
@@ -1,17 +0,0 @@
|
|||||||
---
|
|
||||||
layout: default
|
|
||||||
title: Humanism
|
|
||||||
---
|
|
||||||
Humanism is a focus on action instead of wishful thinking and an occupation with the affairs and general welfare of humankind.
|
|
||||||
|
|
||||||
Our Humanism is based on promoting peace and harmony between peoples and nations. It is also service oriented where we seek to be of assistance to the Jewish communities of the MENA region.
|
|
||||||
|
|
||||||
We respect all recognized faiths and denominations and tolerate belief or lack thereof. We affirm and appreciate the diversity of humankind across many cultures and traditions as we stand firmly against ethnocentrism and all forms of discrimination.
|
|
||||||
|
|
||||||
Furthermore, we value individual liberty including the freedoms of expression, belief, association, movement, trade, and choice along with other liberal values and human rights.
|
|
||||||
|
|
||||||
We believe in an inclusive Judaism which affirms humanitarian values and is at peace with the abrahamic/semitic religions and cultures.
|
|
||||||
|
|
||||||
Our focus in Judaism is primarily on secular worldly/humanistic matters namely the concept of Tikkun Olam (fixing the world) along with values such as equality and Social Justice.
|
|
||||||
|
|
||||||
Our humanism is apolitical and doesn’t discriminate based on belief, ethnicity, nationality, sex, orientation, race, etc. To us all humans are inherently equal.
|
|
||||||
71
index.html
71
index.html
@@ -1,71 +0,0 @@
|
|||||||
---
|
|
||||||
layout: default
|
|
||||||
title: Home
|
|
||||||
---
|
|
||||||
<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>
|
|
||||||
<!--
|
|
||||||
<iframe width="1273" height="716" src="https://www.youtube.com/embed/XNtr-EZiF2c"
|
|
||||||
title="W̲e̲e̲ze̲r 2022 Mix - The Best of Weezer - Greatest Hits, Full Album - Rock Music" frameborder="0"
|
|
||||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
||||||
allowfullscreen></iframe>
|
|
||||||
<div class="image-relational-scrolling">
|
|
||||||
<div>
|
|
||||||
<img src="https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg" class="selected" />
|
|
||||||
<img src="https://www.badeloftusa.com/wp-content/uploads/2019/09/BW-02-XL-WHT-2020.jpg" />
|
|
||||||
<img src="https://www.applesfromny.com/wp-content/uploads/2020/05/20Ounce_NYAS-Apples2.png" />
|
|
||||||
<img src="https://res.cloudinary.com/dk-find-out/image/upload/q_80,w_1920,f_auto/pi_gqp5ha.jpg" />
|
|
||||||
<img
|
|
||||||
src="https://www.thespruceeats.com/thmb/wiFS2z1vLTt3fHKDVaka5KiWshI=/1500x0/filters:no_upscale():max_bytes(150000):strip_icc()/basic-cherry-pie-recipe-995136-14-dfe79487adf64a848a49dd07983b6614.jpg" />
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<p>
|
|
||||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptatibus optio ratione sit. Quibusdam
|
|
||||||
veritatis nemo distinctio dolorem doloribus quos ullam, quisquam consectetur numquam ab fuga sint, nostrum
|
|
||||||
corporis dolor iusto! Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quibusdam consequatur
|
|
||||||
suscipit vitae similique nulla animi inventore nisi perferendis eos, itaque nobis odit ut facilis tempore
|
|
||||||
rerum delectus unde ducimus fuga.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vitae, quam quisquam. Iste veniam ut velit.
|
|
||||||
Voluptatem laborum repellat, aliquid nisi earum nesciunt eius voluptatum at quis sint perferendis eos
|
|
||||||
dolore. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Repellat temporibus omnis excepturi
|
|
||||||
tempore! Illo maxime vel dolor nulla, velit iure. Dolore asperiores accusantium sunt obcaecati nam
|
|
||||||
doloremque suscipit laborum animi!
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit labore ut nihil, tempore quis
|
|
||||||
mollitia voluptates magni? Tenetur, corporis voluptates quia earum blanditiis molestias dignissimos
|
|
||||||
provident inventore aspernatur error assumenda. Lorem ipsum dolor sit amet consectetur adipisicing elit.
|
|
||||||
Laboriosam, et rem. Quo corporis dolorum magnam recusandae facilis voluptatum nostrum a, in perferendis sunt
|
|
||||||
numquam maiores corrupti sed excepturi repudiandae. Tempora!
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Rerum accusamus aliquam commodi voluptates
|
|
||||||
laborum, quia sint facilis dolores aliquid eaque repellat dolor dolorem? Temporibus et rem dolorum neque
|
|
||||||
excepturi optio. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolorem, adipisci rem natus magni
|
|
||||||
eum ducimus alias tempore reprehenderit nulla architecto eveniet a nemo non quis ipsum quo officiis, vel
|
|
||||||
sit!
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum earum quia laudantium ipsam eius, qui sint.
|
|
||||||
Repellat consectetur asperiores ex ea, earum deserunt in distinctio corrupti, soluta voluptates, tenetur
|
|
||||||
dolore. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Maiores animi necessitatibus, quia
|
|
||||||
expedita architecto molestiae autem perferendis nulla minima quisquam consequatur laborum saepe repellat
|
|
||||||
corporis, temporibus quibusdam omnis id nesciunt.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<p>
|
|
||||||
Parallaxing image below. For reasons beyond my control it may look bad (or even not function at all) on iOS devices.
|
|
||||||
Parallaxes are primarily useful as dividers between paragraphs.
|
|
||||||
</p>
|
|
||||||
<div class="parallax"
|
|
||||||
style="background-image: url('https://www.thoughtco.com/thmb/EXpjUAx2ZEgV64eKcsAsX7Ucl6w=/1500x0/filters:no_upscale():max_bytes(150000):strip_icc():format(webp)/GettyImages_482194715-56a1329e5f9b58b7d0bcf666.jpg');">
|
|
||||||
</div>
|
|
||||||
<p>
|
|
||||||
Generic paragraph element here
|
|
||||||
</p>-->
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
---
|
|
||||||
layout: default
|
|
||||||
title: Intro to Judaism
|
|
||||||
---
|
|
||||||
|
|
||||||
Judaism is an Abrahamic religion of diverse opinions. It encourages learning, has universalist and particularist features, and pursues the perfection of the world and mankind.
|
|
||||||
|
|
||||||
Judaism is the collective heritage of the Jewish people and associated with it one can find Jewish culture, history, religion, and languages.
|
|
||||||
|
|
||||||
Being an enthno-religion it is also an ethnicity and has a focus on the land of Israel along with the diaspora.
|
|
||||||
|
|
||||||
Shabbat (the day of rest), Pesach (which is connected to freedom), Sukkot (festival of booths), and Shavuot (which is connected to receiving the Torah) are important festivals in Judaism along with Yom Kippur (which is connected to repentance)
|
|
||||||
|
|
||||||
The Avraham Society seeks to raise awareness about Judaism in all of its unique facets with an emphasis on Judaism’s universalist perspectives and its cultural elements.
|
|
||||||
@@ -1,18 +0,0 @@
|
|||||||
---
|
|
||||||
layout: default
|
|
||||||
title: The Cultural Diversity of Judaism
|
|
||||||
---
|
|
||||||
|
|
||||||
We celebrate Judaism’s cultural diversity and acknowledge that Jews come from many cultures.
|
|
||||||
|
|
||||||
There is no way to look Jewish, rather Jews have a variety of customs and traditions from all over the world.
|
|
||||||
|
|
||||||
Our focus is on Iraqi Jews and their heritage namely in Kuwait and Iraq and the Mizrahi culture in general.
|
|
||||||
|
|
||||||
We do not privilege one tradition over another rather we connect with the heritage of our lands and seek to accommodate a plurality of traditions in our members to connect with the wider Jewish world.
|
|
||||||
|
|
||||||
Kuwait and Iraq have a special place in our hearts given that our initiative was based on them and serving their Jewish communities
|
|
||||||
|
|
||||||
However as humanists our vision is worldwide and our concern reflects many cultures both Jewish and non-Jewish.
|
|
||||||
|
|
||||||
We seek to promote a safe space where differences are understood and respected. This is a community to celebrate humanity as a whole with a focus on Judaism and preserving Mizrahi culture.
|
|
||||||
@@ -1,4 +0,0 @@
|
|||||||
---
|
|
||||||
layout: default
|
|
||||||
title: Landmarks
|
|
||||||
---
|
|
||||||
104
main-old.js
104
main-old.js
@@ -1,104 +0,0 @@
|
|||||||
function clamp(min, val, max) {
|
|
||||||
if (val < min) {
|
|
||||||
val = min;
|
|
||||||
}
|
|
||||||
if (val > max) {
|
|
||||||
val = max;
|
|
||||||
}
|
|
||||||
return val;
|
|
||||||
}
|
|
||||||
|
|
||||||
const scrollchecks = () => {
|
|
||||||
var el = document.getElementById("header");
|
|
||||||
el.style.backgroundPositionY = 50 + (document.documentElement.scrollTop/el.scrollHeight) / 2 * 100 + "%";
|
|
||||||
Array.from(document.getElementsByClassName("scrolly")).forEach(el => {
|
|
||||||
let box = el.getBoundingClientRect();
|
|
||||||
if (box.bottom < 0 || box.top >= window.innerHeight) {
|
|
||||||
el.classList.add("scrolly-out");
|
|
||||||
el.classList.remove("scrolly-in");
|
|
||||||
el.classList.remove("scrolly-onedge");
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
el.classList.remove("scrolly-out");
|
|
||||||
el.classList.add("scrolly-in");
|
|
||||||
el.classList.add("scrolly-entered");
|
|
||||||
if (box.top <= 0 || box.bottom >= window.innerHeight) {
|
|
||||||
el.classList.add("scrolly-onedge");
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
el.classList.remove("scrolly-onedge");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (box.top + box.height / 2 <= window.innerHeight / 2) {
|
|
||||||
el.classList.add("scrolly-tophalf");
|
|
||||||
el.classList.remove("scrolly-bottomhalf");
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
el.classList.remove("scrolly-tophalf");
|
|
||||||
el.classList.add("scrolly-bottomhalf");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
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("#links").style.opacity = perc;
|
|
||||||
//document.querySelector("#carousel").style.opacity = perc;
|
|
||||||
};
|
|
||||||
window.addEventListener("scroll", scrollchecks);
|
|
||||||
window.addEventListener("scrollend", scrollchecks);
|
|
||||||
window.addEventListener("wheel", scrollchecks);
|
|
||||||
window.addEventListener("resize", scrollchecks);
|
|
||||||
window.addEventListener("load", scrollchecks);
|
|
||||||
window.addEventListener("touchmove", scrollchecks);
|
|
||||||
setInterval(scrollchecks, 250); // Computers are fast and scrolling in JavaScript is dumb. Shoot me.
|
|
||||||
var gallery_position = 0;
|
|
||||||
var last_cycle = window.performance.now();
|
|
||||||
var GALLERYSPEED = -100;
|
|
||||||
var oldTouch = undefined;
|
|
||||||
|
|
||||||
document.getElementById("carousel-inner").addEventListener("wheel", (evt) => {
|
|
||||||
GALLERYSPEED = (-evt.deltaX + evt.deltaY) * 100;
|
|
||||||
evt.preventDefault();
|
|
||||||
});
|
|
||||||
|
|
||||||
document.getElementById("carousel-inner").addEventListener("touchmove", (evt) => {
|
|
||||||
var tuch = evt.touches[0];
|
|
||||||
if (oldTouch) {
|
|
||||||
GALLERYSPEED = -(oldTouch.pageX - tuch.pageX) * 100;
|
|
||||||
}
|
|
||||||
oldTouch = tuch;
|
|
||||||
});
|
|
||||||
|
|
||||||
document.getElementById("carousel-inner").addEventListener("touchend", () => {
|
|
||||||
oldTouch = undefined;
|
|
||||||
});
|
|
||||||
|
|
||||||
function main() {
|
|
||||||
var elapsed_time = window.performance.now() - last_cycle;
|
|
||||||
last_cycle += elapsed_time;
|
|
||||||
requestAnimationFrame(main);
|
|
||||||
var el = document.getElementById("carousel-inner");
|
|
||||||
if (getComputedStyle(el).getPropertyValue("--do-scroll") == "yes" && !oldTouch) {
|
|
||||||
GALLERYSPEED = -100;
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
GALLERYSPEED *= Math.pow(0.1, elapsed_time / 1000)
|
|
||||||
}
|
|
||||||
gallery_position += GALLERYSPEED * elapsed_time / 1000;
|
|
||||||
if (gallery_position > 0) {
|
|
||||||
var hammer = el.lastChild;
|
|
||||||
el.removeChild(hammer);
|
|
||||||
var smol = el.scrollWidth;
|
|
||||||
el.insertBefore(hammer, el.firstChild);
|
|
||||||
gallery_position -= (el.scrollWidth - smol);
|
|
||||||
}
|
|
||||||
if (gallery_position < -(el.scrollWidth - window.innerWidth)) {
|
|
||||||
var hammer = el.firstChild;
|
|
||||||
el.removeChild(hammer);
|
|
||||||
var smol = el.scrollWidth;
|
|
||||||
el.appendChild(hammer);
|
|
||||||
gallery_position += (el.scrollWidth - smol);
|
|
||||||
}
|
|
||||||
el.style.transform = "translate(" + gallery_position + "px, 0)";
|
|
||||||
}
|
|
||||||
|
|
||||||
main();
|
|
||||||
623
main.css
623
main.css
@@ -1,623 +0,0 @@
|
|||||||
:root {
|
|
||||||
--sidebar-size: clamp(200px, 15%, 400px);
|
|
||||||
--bg-clr: blanchedalmond;
|
|
||||||
--fg-clr: black;
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: "Cantarell";
|
|
||||||
font-weight: 100 900;
|
|
||||||
font-display: swap;
|
|
||||||
font-style: normal;
|
|
||||||
font-named-instance: "Regular";
|
|
||||||
src: url("Cantarell-VF.otf") format("opentype");
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: "Lobster";
|
|
||||||
src: url("Lobster-Regular.ttf") format("truetype");
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
margin: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
* {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
font-family: "Libre Baskerville";
|
|
||||||
}
|
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
|
||||||
font-family: Lobster;
|
|
||||||
}
|
|
||||||
|
|
||||||
#links {
|
|
||||||
display: inline-grid;
|
|
||||||
grid-template-rows: 100% 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#links > * {
|
|
||||||
margin-left: 10px;
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#header {
|
|
||||||
text-align: center;
|
|
||||||
padding-top: 6%;
|
|
||||||
padding-bottom: 10%;
|
|
||||||
min-height: 100vh;
|
|
||||||
box-sizing: border-box;
|
|
||||||
background-image: url(res/Avraham_Society.png);
|
|
||||||
background-position: 50% 50%;
|
|
||||||
background-attachment: fixed;
|
|
||||||
background-size: contain;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
position: relative;
|
|
||||||
margin-bottom: 5%;
|
|
||||||
/*clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 30% 100%, 0% 90%);*/
|
|
||||||
}
|
|
||||||
|
|
||||||
#header::before {
|
|
||||||
/*content: "";
|
|
||||||
position: absolute;
|
|
||||||
z-index: 0;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
|
||||||
display: block;
|
|
||||||
clip-path: polygon(0% 90%, 0 100%, 100% 100%, 100% 90%, 30% 100%);
|
|
||||||
background-color: black;
|
|
||||||
box-sizing: border-box;*/
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: auto;
|
|
||||||
transition: grid-template-columns 1s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown, .link {
|
|
||||||
background-color: aliceblue;
|
|
||||||
padding: 10px;
|
|
||||||
display: inline-block;
|
|
||||||
grid-row: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-inner {
|
|
||||||
background-color: white;
|
|
||||||
display: flex;
|
|
||||||
grid-row: 2;
|
|
||||||
visibility: hidden;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown:hover + div > .dropdown-inner, .dropdown-inner:hover {
|
|
||||||
visibility: visible;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-inner > * {
|
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content > * {
|
|
||||||
margin: 10%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#headin {
|
|
||||||
padding: 20px;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
z-index: 10000000;
|
|
||||||
box-sizing: border-box;
|
|
||||||
margin-bottom: 10vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
#hambugha + label {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 4em;
|
|
||||||
}
|
|
||||||
|
|
||||||
#head-marker {
|
|
||||||
padding-top: 10vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
#head-marker.scrolly-out + #headin {
|
|
||||||
position: fixed;
|
|
||||||
justify-content: space-between;
|
|
||||||
transition: background-color 0.3s, color 0.3s;
|
|
||||||
top: 0px;
|
|
||||||
left: 0px;
|
|
||||||
/*color: red;*/
|
|
||||||
/*margin-left: var(--sidebar-size);*/
|
|
||||||
width: calc(100vw); /*- var(--sidebar-size)*/
|
|
||||||
transition: margin-left 1s, width 1s;
|
|
||||||
/*width: 100vw;*/
|
|
||||||
background-color: var(--bg-clr);
|
|
||||||
color: var(--fg-clr);
|
|
||||||
}
|
|
||||||
|
|
||||||
#headin > * {
|
|
||||||
color: var(--fg-clr);
|
|
||||||
}
|
|
||||||
|
|
||||||
#head-marker.scrolly-out + #headin > #links > * > *, #head-marker.scrolly-out + #headin > #links > * {
|
|
||||||
/*background-color: black;*/
|
|
||||||
}
|
|
||||||
|
|
||||||
#outer {
|
|
||||||
position: relative;
|
|
||||||
height: 100vh;
|
|
||||||
overflow-y: scroll;
|
|
||||||
}
|
|
||||||
|
|
||||||
#sider-outer {
|
|
||||||
margin: 0px;
|
|
||||||
padding: 0px;
|
|
||||||
position: absolute;
|
|
||||||
overflow: visible !important;
|
|
||||||
z-index: 1000000000000;
|
|
||||||
min-width: var(--sidebar-size);
|
|
||||||
top: 50%;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
background-color: blanchedalmond;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.sidebar-opened > #sider-outer.design-1 {
|
|
||||||
clip-path: polygon(0% 0%, 0% 90%, 100% 100%, 100vw 100%, 100vw 0%, 100% 10%);
|
|
||||||
padding-bottom: 5vh;
|
|
||||||
padding-top: 5vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.sidebar-opened > #sider-outer.design-2 {
|
|
||||||
clip-path: url(#design-2);
|
|
||||||
padding-bottom: 5vh;
|
|
||||||
padding-top: 5vh;
|
|
||||||
padding-right: 5vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
#sider-outer.design-4 {
|
|
||||||
height: 100vh;
|
|
||||||
padding-top: 3.5em;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#sider {
|
|
||||||
padding: 20px;
|
|
||||||
padding-right: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
body:not(.sidebar-opened) {
|
|
||||||
--sidebar-size: 0px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
body:not(.sidebar-opened) > #sider-outer > #sider {
|
|
||||||
box-sizing: border-box;
|
|
||||||
overflow: hidden;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
width: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
body:not(.sidebar-opened) > #sider-outer > #sider > img {
|
|
||||||
/*right: none;*/
|
|
||||||
left: 0px;
|
|
||||||
padding-left: 10px;
|
|
||||||
background-color: rgb(117, 96, 63);
|
|
||||||
padding: 20px;
|
|
||||||
/*clip-path: polygon(0% 0%, 100% 50%, 0% 100%);*/
|
|
||||||
}
|
|
||||||
|
|
||||||
#sider > img {
|
|
||||||
position: absolute;
|
|
||||||
right: 0px;
|
|
||||||
top: 50%;
|
|
||||||
width: 20px;
|
|
||||||
z-index: 100000000000;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hidden {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#sider-cats {
|
|
||||||
border-left: 2px solid white;
|
|
||||||
padding-left: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#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;
|
|
||||||
padding-bottom: 10px;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
#sider-cats > label:hover {
|
|
||||||
color: black;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
#sider-cats > input:checked + label + div {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
#sider > h2 {
|
|
||||||
border-right: 2px solid white;
|
|
||||||
border-bottom: 2px solid white;
|
|
||||||
text-align: center;
|
|
||||||
padding-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: #333333;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover {
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
|
|
||||||
.carousel > div {
|
|
||||||
min-width: max(15vw, 15vh);
|
|
||||||
min-height: max(15vw, 15vh);
|
|
||||||
transition: min-height 1s, min-width 1s;
|
|
||||||
background-size: cover;
|
|
||||||
background-position: center;
|
|
||||||
padding: max(2vw, 2vh);
|
|
||||||
box-sizing: border-box;
|
|
||||||
border-radius: 30px;
|
|
||||||
display: inline-block;
|
|
||||||
margin-left: 2%;
|
|
||||||
margin-right: 2%;
|
|
||||||
opacity: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.carousel > div:first-child {
|
|
||||||
margin-left: 50vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.carousel > div:last-child {
|
|
||||||
margin-right: 50vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.carousel > div.selected {
|
|
||||||
min-width: max(20vw, 20vh);
|
|
||||||
min-height: max(20vw, 20vh);
|
|
||||||
opacity: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.carousel::-webkit-scrollbar {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.carousel {
|
|
||||||
/*-ms-overflow-style: none;
|
|
||||||
scrollbar-width: none;*/
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
width: max-content;
|
|
||||||
padding: 1%;
|
|
||||||
overflow: hidden;
|
|
||||||
box-sizing: border-box;
|
|
||||||
min-height: max(22vw, 22vh);
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
margin: 0 !important;
|
|
||||||
padding: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.carousel-outer {
|
|
||||||
margin-top: clamp(50px, 10vh, 100px);
|
|
||||||
display: flex;
|
|
||||||
background-color: black;
|
|
||||||
align-items: center;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.carousel-outer > img {
|
|
||||||
z-index: 1000;
|
|
||||||
position: absolute;
|
|
||||||
transition: height 1s;
|
|
||||||
height: 50%;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.carousel-outer > img:hover {
|
|
||||||
height: 75%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.carousel-outer > img:first-child {
|
|
||||||
left: 2vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.carousel-outer > img:last-child {
|
|
||||||
right: 2vw;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-relational-scrolling {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-relational-scrolling > div:last-child > p:last-child {
|
|
||||||
padding-bottom: 25vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-relational-scrolling > div:last-child > p {
|
|
||||||
padding-bottom: 75px;
|
|
||||||
max-width: 600px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-relational-scrolling > div:first-child {
|
|
||||||
min-width: 30vw;
|
|
||||||
max-width: 30vw;
|
|
||||||
box-sizing: border-box;
|
|
||||||
position: sticky;
|
|
||||||
top: calc(25vh);
|
|
||||||
left: 0px;
|
|
||||||
overflow: hidden;
|
|
||||||
align-self: flex-start;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-relational-scrolling > div:first-child > img {
|
|
||||||
width: 100%;
|
|
||||||
height: 0px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
position: relative;
|
|
||||||
opacity: 0%;
|
|
||||||
transition: opacity 200ms;
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-relational-scrolling > div:first-child > img.selected {
|
|
||||||
opacity: 100%;
|
|
||||||
height: auto;
|
|
||||||
position: initial;
|
|
||||||
}
|
|
||||||
|
|
||||||
#footer {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 1fr 1fr 1fr;
|
|
||||||
justify-content: space-evenly;
|
|
||||||
background-color: black;
|
|
||||||
border-bottom: 0.3px solid grey;
|
|
||||||
margin-top: 10%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#footer > p {
|
|
||||||
padding: 2em;
|
|
||||||
color: var(--fg-clr);
|
|
||||||
}
|
|
||||||
|
|
||||||
#truebottom {
|
|
||||||
background-color: black;
|
|
||||||
text-align: center;
|
|
||||||
padding: 5px;
|
|
||||||
color: white;
|
|
||||||
font-size: 0.7em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-relational-scrolling > div:last-child > p > img {
|
|
||||||
display: none;
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 1000px) {
|
|
||||||
#footer {
|
|
||||||
grid-template-columns: 1fr;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-relational-scrolling > div:first-child {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-relational-scrolling > div:last-child > p > img {
|
|
||||||
display: initial;
|
|
||||||
padding: 3em;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-relational-scrolling {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#hambugha + label {
|
|
||||||
display: inline-block;
|
|
||||||
background-color: aliceblue;
|
|
||||||
padding: 10px;
|
|
||||||
margin: 10px;
|
|
||||||
margin-bottom: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#hambugha + label:hover {
|
|
||||||
background-color: grey;
|
|
||||||
}
|
|
||||||
|
|
||||||
#links {
|
|
||||||
display: flex;
|
|
||||||
visibility: hidden;
|
|
||||||
flex-direction: column;
|
|
||||||
height: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#links-outer {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#links > div:nth-child(2n) {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#links > div:nth-child(2n - 1):hover + div, #links > div:nth-child(2n):hover {
|
|
||||||
display: inline-block;
|
|
||||||
visibility: visible;
|
|
||||||
}
|
|
||||||
|
|
||||||
#hambugha:checked + label + #links {
|
|
||||||
visibility: visible;
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
margin-left: 100px !important;
|
|
||||||
margin-right: 20px !important;
|
|
||||||
font-size: 2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
* {
|
|
||||||
/*font-size: 3em;*/
|
|
||||||
}
|
|
||||||
|
|
||||||
#header {
|
|
||||||
background-size: 100vw auto;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
#head-marker {
|
|
||||||
padding-top: 0vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
iframe {
|
|
||||||
--video-width: 90vw !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#sider {
|
|
||||||
font-size: 2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
#head-marker.scrolly-out+#headin {
|
|
||||||
position: static;
|
|
||||||
justify-content: center;
|
|
||||||
transition: background-color 0.3s, color 0.3s;
|
|
||||||
top: 0px;
|
|
||||||
left: 0px;
|
|
||||||
/*color: red;*/
|
|
||||||
/*margin-left: var(--sidebar-size);*/
|
|
||||||
width: calc(100vw);
|
|
||||||
/*- var(--sidebar-size)*/
|
|
||||||
transition: margin-left 1s, width 1s;
|
|
||||||
/*width: 100vw;*/
|
|
||||||
background-color: initial;
|
|
||||||
color: initial;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#content > p {
|
|
||||||
margin: 30px;
|
|
||||||
margin-left: 20vw;
|
|
||||||
margin-right: 20vw;
|
|
||||||
position: relative;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content > .wide {
|
|
||||||
margin: 0px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content {
|
|
||||||
min-height: 50vh;
|
|
||||||
background-color: var(--bg-clr);
|
|
||||||
color: var(--fg-clr);
|
|
||||||
padding-bottom: 10vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content > p > .overlay {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(-50%, -50%);
|
|
||||||
z-index: -1000000;
|
|
||||||
opacity: 50%;
|
|
||||||
}
|
|
||||||
/*
|
|
||||||
@keyframes shmoosh {
|
|
||||||
0% {
|
|
||||||
scale: 1;
|
|
||||||
translate: 10px -30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
38% {
|
|
||||||
scale: 0.8 1;
|
|
||||||
translate: 80% 30%;
|
|
||||||
rotate: 160deg;
|
|
||||||
}
|
|
||||||
|
|
||||||
40% {
|
|
||||||
scale: 0.8 1;
|
|
||||||
translate: 80% 30%;
|
|
||||||
rotate: 160deg;
|
|
||||||
}
|
|
||||||
|
|
||||||
78% {
|
|
||||||
scale: 1.3;
|
|
||||||
translate: 0% 50%;
|
|
||||||
rotate: -20deg;
|
|
||||||
}
|
|
||||||
|
|
||||||
80% {
|
|
||||||
scale: 1.3;
|
|
||||||
translate: 0% 50%;
|
|
||||||
rotate: -20deg;
|
|
||||||
}
|
|
||||||
|
|
||||||
100% {
|
|
||||||
scale: 1;
|
|
||||||
translate: 10px -30px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.shmoosh {
|
|
||||||
transform-origin: center;
|
|
||||||
animation: shmoosh 10s linear infinite;
|
|
||||||
}*/
|
|
||||||
|
|
||||||
.parallax {
|
|
||||||
height: clamp(100px, 40vh, 600px);
|
|
||||||
margin-left: 0 !important;
|
|
||||||
margin-right: 0 !important;
|
|
||||||
background-size: cover;
|
|
||||||
background-position: center;
|
|
||||||
background-attachment: fixed;
|
|
||||||
}
|
|
||||||
|
|
||||||
iframe {
|
|
||||||
--video-width: 50vw;
|
|
||||||
position: relative;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(-50%, 0);
|
|
||||||
box-sizing: border-box;
|
|
||||||
margin-left: 0 !important;
|
|
||||||
margin-right: 0 !important;
|
|
||||||
width: var(--video-width) !important;
|
|
||||||
height: calc(var(--video-width) * 9/16) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
background-color: var(--bg-clr);
|
|
||||||
}
|
|
||||||
211
main.js
211
main.js
@@ -1,211 +0,0 @@
|
|||||||
var startX = 0;
|
|
||||||
|
|
||||||
if (window.location.hash == "#TCAS_sc1") {
|
|
||||||
document.getElementById("outer").scrollTo({
|
|
||||||
top: document.getElementById("content").getBoundingClientRect().top,
|
|
||||||
left: 0,
|
|
||||||
behavior: "smooth"
|
|
||||||
});
|
|
||||||
sidebar_off();
|
|
||||||
}
|
|
||||||
else if (window.location.hash.startsWith("#TCAS_fya:")) {
|
|
||||||
document.getElementById("content").innerHTML = "<p>" + decodeURI(window.location.hash.substring(10)) + "</p>";
|
|
||||||
}
|
|
||||||
|
|
||||||
window.ontouchstart = (evt) => {
|
|
||||||
startX = evt.touches[0].clientX;
|
|
||||||
}
|
|
||||||
|
|
||||||
window.ontouchmove = (evt) => {
|
|
||||||
var difX = evt.touches[0].clientX - startX;
|
|
||||||
var el = document.querySelector("#sider > img");
|
|
||||||
if (difX > 100) {
|
|
||||||
document.body.classList.add("sidebar-opened");
|
|
||||||
el.src = "/res/arrow-left.svg";
|
|
||||||
}
|
|
||||||
if (difX < -100) {
|
|
||||||
document.body.classList.remove("sidebar-opened");
|
|
||||||
el.src = "/res/arrow-right.svg";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function clamp(min, val, max) {
|
|
||||||
if (val < min) {
|
|
||||||
val = min;
|
|
||||||
}
|
|
||||||
if (val > max) {
|
|
||||||
val = max;
|
|
||||||
}
|
|
||||||
return val;
|
|
||||||
}
|
|
||||||
|
|
||||||
var ua = window.navigator.userAgent;
|
|
||||||
var iOS = !!ua.match(/iPad/i) || !!ua.match(/iPhone/i); // THANKS, STACKOVERFLOW
|
|
||||||
|
|
||||||
function getNearestChildIndexTo(element, position) {
|
|
||||||
var nearest = undefined;
|
|
||||||
var nearestValue = Infinity;
|
|
||||||
for (var i = 0; i < element.children.length; i++){ // There isn't a short-circuit here because we have to consider for transforms. I don't think I'll be doing anything that hack but you never know.
|
|
||||||
var box = element.children[i].getBoundingClientRect();
|
|
||||||
var elPos = box.top + box.height / 2;
|
|
||||||
var distance = Math.abs(position - elPos);
|
|
||||||
if (distance < nearestValue) {
|
|
||||||
nearestValue = distance;
|
|
||||||
nearest = i;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return nearest; // If the element has any children, this is guaranteed to be well-defined.
|
|
||||||
}
|
|
||||||
|
|
||||||
const scrollchecks = () => {
|
|
||||||
var el = document.getElementById("header");
|
|
||||||
el.style.backgroundPositionY = 50 + (document.documentElement.scrollTop/el.scrollHeight) / 2 * 100 + "%";
|
|
||||||
Array.from(document.getElementsByClassName("scrolly")).forEach(el => {
|
|
||||||
let box = el.getBoundingClientRect();
|
|
||||||
if (box.bottom < 0 || box.top >= window.innerHeight) {
|
|
||||||
el.classList.add("scrolly-out");
|
|
||||||
el.classList.remove("scrolly-in");
|
|
||||||
el.classList.remove("scrolly-onedge");
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
el.classList.remove("scrolly-out");
|
|
||||||
el.classList.add("scrolly-in");
|
|
||||||
el.classList.add("scrolly-entered");
|
|
||||||
if (box.top <= 0 || box.bottom >= window.innerHeight) {
|
|
||||||
el.classList.add("scrolly-onedge");
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
el.classList.remove("scrolly-onedge");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (box.top + box.height / 2 <= window.innerHeight / 2) {
|
|
||||||
el.classList.add("scrolly-tophalf");
|
|
||||||
el.classList.remove("scrolly-bottomhalf");
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
el.classList.remove("scrolly-tophalf");
|
|
||||||
el.classList.add("scrolly-bottomhalf");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
var perc = clamp(0, document.getElementById("outer").scrollTop / (window.innerHeight / 2), 1);
|
|
||||||
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;
|
|
||||||
//document.querySelector("#sider > img").style.top = clamp(15, 100 * (document.querySelector("#headin > h1").getBoundingClientRect().top / window.innerHeight), 100) + "%";
|
|
||||||
Array.from(document.getElementsByClassName("image-relational-scrolling")).forEach(element => {
|
|
||||||
let sel = getNearestChildIndexTo(element.children[1], window.innerHeight / 2);
|
|
||||||
for (var i = 0; i < element.children[0].children.length; i++){
|
|
||||||
if (i == sel) {
|
|
||||||
element.children[0].children[i].classList.add("selected");
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
element.children[0].children[i].classList.remove("selected");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
if (iOS) {
|
|
||||||
Array.from(document.getElementsByClassName("parallax")).forEach((item, i) => {
|
|
||||||
item.style.backgroundPosition = "50% calc(" + (-item.getBoundingClientRect().top) + "px)";
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
window.addEventListener("load", () => {
|
|
||||||
Array.from(document.getElementsByClassName("image-relational-scrolling")).forEach(imagerelational => {
|
|
||||||
var row1 = imagerelational.children[0];
|
|
||||||
var row2 = imagerelational.children[1];
|
|
||||||
for (var i = 0; i < row1.children.length; i ++) {
|
|
||||||
var el = row1.children[i].cloneNode();
|
|
||||||
//el.classList.add("nearest-ignore");
|
|
||||||
row2.children[i].prepend(el);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
window.addEventListener("scroll", scrollchecks);
|
|
||||||
window.addEventListener("scrollend", scrollchecks);
|
|
||||||
window.addEventListener("wheel", scrollchecks);
|
|
||||||
window.addEventListener("resize", scrollchecks);
|
|
||||||
window.addEventListener("load", scrollchecks);
|
|
||||||
window.addEventListener("touchmove", scrollchecks);
|
|
||||||
setInterval(scrollchecks, 250); // Computers are fast and scrolling in JavaScript is dumb. Shoot me.
|
|
||||||
|
|
||||||
function getCarousel(id) {
|
|
||||||
var carousEL = document.querySelector(".carousel#" + id);
|
|
||||||
var carousel = {
|
|
||||||
element: carousEL,
|
|
||||||
delCalls: 0,
|
|
||||||
selected() {
|
|
||||||
return carousel.element.querySelector(".selected");
|
|
||||||
},
|
|
||||||
next(domarkate) {
|
|
||||||
var sel = carousel.selected();
|
|
||||||
sel.classList.remove("selected");
|
|
||||||
var newSel = sel.nextElementSibling;
|
|
||||||
if (!newSel) {
|
|
||||||
newSel = carousel.element.firstElementChild;
|
|
||||||
}
|
|
||||||
newSel.classList.add("selected");
|
|
||||||
carousel.display();
|
|
||||||
if (domarkate != true) {
|
|
||||||
carousel.delCalls = 3;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
nextAnim() {
|
|
||||||
if (carousel.delCalls == 0) {
|
|
||||||
carousel.next(true);
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
carousel.delCalls--;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
back(domarkate) {
|
|
||||||
var sel = carousel.selected();
|
|
||||||
sel.classList.remove("selected");
|
|
||||||
var newSel = sel.previousElementSibling;
|
|
||||||
if (!newSel) {
|
|
||||||
newSel = carousel.element.lastElementChild;
|
|
||||||
}
|
|
||||||
newSel.classList.add("selected");
|
|
||||||
carousel.display();
|
|
||||||
if (domarkate != true) {
|
|
||||||
carousel.delCalls = 3;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
display() {
|
|
||||||
var bbox = carousel.selected().getBoundingClientRect();
|
|
||||||
var bb2 = carousel.element.parentNode.getBoundingClientRect();
|
|
||||||
carousel.element.scrollBy({
|
|
||||||
left: (bbox.left - bb2.left - bb2.width/2 + bbox.width/2),
|
|
||||||
top: 0,
|
|
||||||
behavior: "smooth"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
carousEL.previousElementSibling.onclick = carousel.back;
|
|
||||||
carousEL.nextElementSibling.onclick = carousel.next;
|
|
||||||
return carousel;
|
|
||||||
}
|
|
||||||
|
|
||||||
var carousel_1 = getCarousel("carousel_1");
|
|
||||||
carousel_1.display();
|
|
||||||
|
|
||||||
setInterval(carousel_1.nextAnim, 2000);
|
|
||||||
|
|
||||||
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";
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
el.src = "/res/arrow-right.svg";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function sidebar_off() {
|
|
||||||
document.body.classList.remove("sidebar-opened");
|
|
||||||
document.querySelector("#sider > img").src = "res/arrow-right.svg";
|
|
||||||
}
|
|
||||||
@@ -1,12 +0,0 @@
|
|||||||
---
|
|
||||||
layout: default
|
|
||||||
title: Membership
|
|
||||||
---
|
|
||||||
|
|
||||||
We accept all tolerant and open minded people as members of our initiative. Membership is service-oriented therefore we expect our members to volunteer/contribute to our organization.
|
|
||||||
|
|
||||||
We interview our applicants and select them on a case-by-case basis to accommodate their skill-sets and make them feel included.
|
|
||||||
|
|
||||||
Membership fees are open to negotiation and are paid on a monthly basis. We take a holistic approach in supporting our members that includes the financial, spiritual, emotional, and intellectual.
|
|
||||||
|
|
||||||
We do not discriminate and promote the values of peace and equality within our society. Kindly send us an email if you are interested in applying. Our community is primarily Discord-based.
|
|
||||||
@@ -1,4 +0,0 @@
|
|||||||
---
|
|
||||||
layout: default
|
|
||||||
title: Services
|
|
||||||
---
|
|
||||||
@@ -1,4 +0,0 @@
|
|||||||
---
|
|
||||||
layout: default
|
|
||||||
title: Volunteer
|
|
||||||
---
|
|
||||||
@@ -1,26 +0,0 @@
|
|||||||
---
|
|
||||||
layout: default
|
|
||||||
title: Workshop
|
|
||||||
---
|
|
||||||
<h2>This is a development page for sampling new styles &c. I will be removing it for the page launch, of course.</h2>
|
|
||||||
<p>
|
|
||||||
Please select your sidebar style preference:<br></br>
|
|
||||||
<input name="sidebar-style" type="radio" value="design-1" onchange="setStyle(this.value)">Slanted Down<br>
|
|
||||||
<input name="sidebar-style" type="radio" value="design-2" onchange="setStyle(this.value)">Smooth Curve (based on your suggestion)<br>
|
|
||||||
<input name="sidebar-style" type="radio" value="design-3" onchange="setStyle(this.value)">Square (original; bad)<br>
|
|
||||||
<input name="sidebar-style" type="radio" value="design-4" onchange="setStyle(this.value)">Full Height<br>
|
|
||||||
<b>NOTE: On mobile devices, the sidebar will probably fill the whole screen. This is intentional: trying to fit it into half the screen or smaller will leave the text broken.</b>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
function setStyle(valyer) {
|
|
||||||
document.getElementById("sider-outer").className = valyer;
|
|
||||||
}
|
|
||||||
Array.from(document.getElementsByTagName("input")).forEach(item => {
|
|
||||||
if (item.name == "sidebar-style") {
|
|
||||||
if (item.checked) {
|
|
||||||
setStyle(item.value);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
Reference in New Issue
Block a user