this is not less bad

.gitea/workflows/build.yaml

@@ -0,0 +1,20 @@
+name: avraham dev build
+run-name: building dev.clarkeis.com/avrahamsociety/
+on: [push]
+
+jobs:
+  Build-Docker-Image:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Pull repo
+        uses: actions/checkout@v4
+      - name: Login to Docker Hub
+        uses: docker/login-action@v3
+        with:
+          registry: swaous.asuscomm.com
+          username: ${{ secrets.DOCKER_USERNAME }}
+          password: ${{ secrets.DOCKER_PASSWORD }}
+      - name: Build
+        run: |
+          docker build -t swaous.asuscomm.com/avrahamsociety.org:latest .
+          docker push swaous.asuscomm.com/avrahamsociety.org:latest

.github/workflows/main.yml

@@ -0,0 +1,34 @@
+on:
+  push:
+    branches: [ rewrite ]
+  pull_request:
+    branches: [ rewrite ]
+permissions:
+  contents: write
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+        with:
+          repository: LinuxRocks2000/sitix-rewrite
+          ref: master
+          path: sitix-rewrite
+      - uses: actions/checkout@v2
+        with:
+          path: jhewit
+          ref: rewrite
+      - name: Build website
+        run: |
+             cd jhewit
+             ../sitix-rewrite/bin/sitix-ubuntu site -o gh-pages -y
+             mv gh-pages ..
+             rm -rf site
+             mv ../gh-pages/* .
+             #mv output/* .
+             git config --global user.name Robot
+             git config --global user.email notan@emailaddr.ess
+             git add .
+             git commit -am "automated build"
+             git branch
+             git push --force origin rewrite:gh-pages

.gitignore

@@ -1,5 +1 @@
-_site
-.sass-cache
-.jekyll-cache
-.jekyll-metadata
-vendor
+output

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>

CNAME

@@ -1 +1 @@
-avrahamsociety.org
+avrahamsociety.org

Dockerfile

@@ -0,0 +1,24 @@
+FROM swaous.asuscomm.com/sitix:latest AS build
+# build the site
+
+
+RUN mkdir site
+
+COPY site site
+
+RUN ls site
+
+ARG SITIX_ENVIRONMENT="production"
+
+RUN /sitix site -y -c ${SITIX_ENVIRONMENT}
+
+
+FROM busybox:1.35
+
+# Copy the static website
+COPY --from=build /output /avrahamsociety
+
+WORKDIR /
+
+# Run BusyBox httpd
+CMD ["busybox", "httpd", "-f", "-v", "-p", "80"]

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]

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

README

@@ -0,0 +1,12 @@
+The Avraham Society is a Jewish Humanist organization in the MENA region.
+This is their website code.
+
+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. Yes, I wrote sitix and
+should understand all of its implications. What, you *don't* get tired?
+The avrahamsociety directory contains the old website code which was *generated*
+by Jekyll; I (cough, erm) made a mistake and erased most of the Jekyll source.
+My templating pattern was simple so it's been easy to repair, luckily.

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

_layouts/default.html

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

about.markdown

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

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

charities.md

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

contact.markdown

@@ -1,6 +0,0 @@
----
-layout: default
-title: Contact Us
----
-
-Kindly email ovadiah@avrahamsociety.org if you have any questions or concerns. 

events.md

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

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. 

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

intro-to-judaism.md

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

jewish-history-culture.md

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

landmarks.md

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

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();

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);
-}

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

membership.md

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

services.md

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

site/about.html

@@ -0,0 +1,14 @@
+[!][@on minify][@on markdown]
+[=content-]
+The Avraham Society is the first modern Humanistic and Cultural initiative that is based on and representing the Jewish
+Community of Kuwait in all its denominations.
+
+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.
+[/]
+[=title "About Us"]
+[#templates/default.html]

site/admin.html

@@ -0,0 +1,32 @@
+[!][@on minify]
+<!DOCTYPE html>
+
+<html>
+    <head>
+        <title>Avraham Society Administration Page</title>
+        <style>
+            body {
+                margin: 0px;
+                padding: 0px;
+                background-color: #000055;
+            }
+            body > div {
+                padding: 100px;
+                margin: 50px;
+                margin-left: 20vw;
+                margin-right: 20vw;
+                background-color: darkblue;
+            }
+        </style>
+    </head>
+    <body>
+        <div>
+            <h2>This is the self-contained administration page for the Avraham Society website.</h2>
+            <b id="loginnoying">You cannot make changes until you are logged in.</b> <button onclick="login()">Click me to log in</button>
+        </div>
+        <div>
+            Parsha Calendar
+        </div>
+        <script src="admin.js"></script>
+    </body>
+</html>

site/config.stx

@@ -0,0 +1,8 @@
+[?][@on minify]
+[=baseurl "https://avrahamsociety.org"]
+[i production]
+    [=baseurl "https://dev.clarkeis.com/avrahamsociety"]
+[/]
+[i conf/dev]
+    [=baseurl "http://localhost:8080"]
+[/]

site/contact-us.html

@@ -0,0 +1,8 @@
+[!][@on minify]
+[=content-]
+<p style="text-align: center;">
+Kindly email <a href="ovadiah@avrahamsociety.org">ovadiah@avrahamsociety.org</a> if you have any questions or concerns.
+</p>
+[/]
+[=title "Contact Us"]
+[#templates/default.html]

site/culturalstuff/daoudandsaleh.html

@@ -0,0 +1,11 @@
+[?][@on minify]
+[=videoEmbed-]
+<iframe class="ytframe" width="996" height="747" src="https://www.youtube.com/embed/ybw7INieV10"
+    title="daoud and saleh al kuwaiti - walla ajabni jamalak" frameborder="0"
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+    referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+[/]
+[=text-]
+Saleh and Daoud Al-Kuwaiti were Kuwaiti born musicians that belonged to the Jewish Community of Kuwait and contributed
+to the Kuwaiti Sawt genre. The Al-Kuwaiti Brothers street in Tel Aviv is named after them.
+[/]

site/culturalstuff/video1.html

@@ -0,0 +1,11 @@
+[?][@on minify]
+[=videoEmbed-]
+<iframe class="ytframe" width="1280" height="720" src="https://www.youtube.com/embed/9A1fjI_ve7c"
+    title="Wen Raich Wen - Dudu Tassa&amp; The Kuwaitis | דודו טסה והכוויתים" frameborder="0"
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+    referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+[/]
+[=text-]
+David “Dudu” Tassa is the grandson of Daoud Al-Kuwaiti and is the leader of the band Dudu Tassa & the Kuwaitis. He is a
+successful musician in Israel and has songs in Arabic.
+[/]

site/culturalstuff/video2.html

@@ -0,0 +1,11 @@
+[?][@on minify]
+[=videoEmbed-]
+<iframe class="ytframe" width="1280" height="720" src="https://www.youtube.com/embed/r2lDBjzF2o0"
+    title="مقبره اليهود في الكويت لأول مره" frameborder="0"
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+    referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+[/]
+[=text-]
+Hussain Al-Failakawi is a local YouTuber in Kuwait. In this Arabic video he visited the Jewish Cemetery of Kuwait and
+has a message from Dudu Tassa.
+[/]

site/culturalstuff/video3.html

@@ -0,0 +1,11 @@
+[?][@on minify]
+[=videoEmbed-]
+<iframe class="ytframe" width="996" height="747" src="https://www.youtube.com/embed/jSbC4eGZPj0"
+    title="ايما هافا ناغيلا Ema Shah Hava Nagila" frameborder="0"
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+    referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+[/]
+[=text-]
+Emma Shah is a Kuwaiti Singer. In this video she is singing Hava Nagila to the Kuwait City’s Alumni Club. She received
+the Pomegranate Award and performed at the American Sephardi Federation in New York at the Center for Jewish History.
+[/]

site/culturalstuff/video4.html

@@ -0,0 +1,12 @@
+[?][@on minify]
+[=videoEmbed-]
+<iframe class="ytframe" width="1280" height="720" src="https://www.youtube.com/embed/DxCTNdL4v7g"
+    title="Interview with Rabbi David Rosen for Interheart Kuwait" frameborder="0"
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+    referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+[/]
+[=text-]
+Inteeheart Kuwait/Italia is an initially Kuwaiti initiative founded by Luca Picilli and Nejoud Al-Yagoit that spreads a
+message of oneness and love beyond discrimination. In this video Nejoud interviews Rabbi David Rosen who is an Advisor
+to the Abrahamic Family House in Abu Dhabi.
+[/]

site/culture.html

@@ -0,0 +1,33 @@
+[!][@on minify]
+[=content-]
+<div id="culture">
+    [=order-]
+        [=+ "daoudandsaleh"]
+        [=+ "video1"]
+        [=+ "video2"]
+        [=+ "video3"]
+        [=+ "video4"]
+    [/]
+    [f order o]
+        [f culturalstuff cultureThing]
+            [i o cultureThing.filename strip_fname equals]
+                <div>
+                    <div>
+                        [i cultureThing.img]
+                        <img src="[^cultureThing.img]" />
+                        [/i]
+                        [i cultureThing.videoEmbed]
+                        [^cultureThing.videoEmbed]
+                        [/i]
+                    </div>
+                    <p>
+                        [^cultureThing.text]
+                    </p>
+                </div>
+            [/]
+        [/]
+    [/]
+</div>
+[/]
+[=title "Culture"]
+[#templates/default.html]

site/humanistic-judaism.html

@@ -0,0 +1,57 @@
+[!][@on minify][@on markdown]
+[=content-]
+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.
+
+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.
+
+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.
+
+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 Kuwaiti Jews and their heritage namely in Kuwait and abroad 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 has a special place in our hearts given that our initiative was based on it and on serving its Jewish community.
+
+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.
+[/]
+[=title "Humanistic Judaism"]
+[#templates/default.html]

site/index.html

@@ -0,0 +1,12 @@
+[!][@on minify]
+[=title "Home"]
+[=content-]
+<p style="text-align: center;">
+    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>
+[/]
+[#templates/default.html]

site/library/aentry1.html

@@ -0,0 +1,22 @@
+[!][@on minify]
+[=libraryTitle "Jews"]
+[=libraryBlurb-]
+Reminders for Jews
+[/]
+[=libraryContent-]
+[@on markdown]
+## Four Remembrances
+ - Exodus from Egypt
+ - Giving of Torah
+ - Amalek
+ - Incident with Miriam
+
+## Three Essentials of Faith
+ - G-d
+ - Revelation
+ - Divine Providence
+
+[@off markdown]
+[/]
+
+[#templates/library.html]

site/library/aentry2.html

@@ -0,0 +1,20 @@
+[!]
+[=libraryTitle "Non-Jews"]
+[=libraryBlurb-]
+Reminders for Non-Jews
+[/]
+[=libraryContent-]
+[@on markdown]
+## Seven Noahide Laws
+ - To not Worship Idols
+ - To not Blaspheme
+ - To not Murder
+ - To not Steal
+ - To not commit Sexual Immorality
+ - To not eat a limb from a living animal
+ - To establish courts of law that enforce the other 6 noahide laws
+
+[@off markdown]
+[/]
+
+[#templates/library.html]

site/librarymain.html

@@ -0,0 +1,41 @@
+[!][@on minify]
+[=content-]
+<div id="library">
+    <div id="libpages">
+        [=order-]
+            [=+ "Jews"]
+            [=+ "Non-Jews"]
+        [/]
+        [f order o]
+            [f library libPage]
+                [i libPage.libraryTitle o equals]
+                    <a href="[^baseurl]/library/aentry1.html">
+                        <span>
+                            [^libPage.libraryTitle]
+                        </span>
+                        <p>
+                            [^libPage.libraryBlurb]
+                        </p>
+                        <span><img src="[^baseurl]/res/librarrow.svg"></span>
+                    </a>
+                [/]
+            [/]
+        [/]
+    </div>
+    <div id="study">
+        <div id="study-inner">
+            <h1 style="color: var(--kuwaitred);">Daily Study</h1>
+            <div>
+                Bustan Al Uqul: Chapter <b id="bustanaluqul"></b>
+            </div>
+            <div>
+                Tomer Devorah: Chapter <b id="tomerdevorah"></b>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="[^baseurl]/torahstudy.js"></script>
+[/]
+[=title "Library"]
+
+[#templates/default.html]

site/links.html

@@ -0,0 +1,18 @@
+[?][@on minify]
+[#config.stx]
+[=links-]
+<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]/about">About Us</a>
+<a onclick="localStorage.refered = true" href="[^baseurl]/humanistic-judaism">Humanistic Judaism</a>
+<a onclick="localStorage.refered = true" href="[^baseurl]/solidarity-values">Statement of Solidarity and Values</a>
+<a onclick="localStorage.refered = true" href="[^baseurl]/librarymain">Library</a>
+<a onclick="localStorage.refered = true" href="[^baseurl]/culture">Culture</a>
+<a onclick="localStorage.refered = true" href="[^baseurl]/membership">Membership</a>
+<a onclick="localStorage.refered = true" href="[^baseurl]/services">Services</a>
+<a onclick="localStorage.refered = true" href="[^baseurl]/contact-us">Contact Us</a>
+[/]

site/main.css

@@ -0,0 +1,571 @@
+@font-face {
+    font-family: Lobster;
+    src: url(res/Lobster-Regular.ttf);
+}
+
+* {
+    padding: 0px;
+    margin: 0px;
+    font-family: "Anton";
+    --newpurple: #5c3d92;
+    --newgold: #e1c305;
+    --newblue: #43baef;
+    --deepcream: rgb(247, 233, 213);
+    --cream: rgb(255, 254, 250);
+    --kuwaitgreen: #007b3a;
+    --kuwaitred: #cf0821;
+    --sandlight: #ddc68c;
+    --seadark: #6090a4;
+    --sealight: #71a3b8;
+    --scrollight: #8e3b37;
+    --humanbody: #434343;
+    --handledark: #7a6034;
+    --scrollpaperlight: var(--newpurple)/*#d5c6ad*/;
+}
+
+img {
+    width: 100%;
+}
+
+#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(rgb(0, 0, 0, 0.5), rgb(0, 0, 0, 0.5)), */linear-gradient(45deg, red, rgb(0, 255, 0, 0), green),
+    linear-gradient(135deg, black, rgb(255, 255, 255, 0), white);
+    background-size: contain, cover;
+    background-position: 50% 50%;
+    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;
+    overflow-x: hidden;
+}
+
+#main > div, #main > p, #main > ol, #main > ul, #main > h1, #main > h2 {
+    background-color: var(--scrollpaperlight);
+
+}
+
+#main > p:first-of-type {
+    padding-top: 50px;
+}
+
+#main > h1, #main > h2 {
+    text-align: center;
+}
+
+#main > p, #main > ol, #main > ul, #main > h1, #main > h2 {
+    padding-bottom: 50px;
+    padding-left: 25vw;
+    padding-right: 25vw;
+    line-height: 2em;
+    font-family: "Anton";
+}
+
+#main > div.space {
+    background-color: transparent;
+    height: clamp(150px, 30vh, 500px);
+    border-bottom: 50px solid var(--scrollpaperlight);
+}
+
+#main > div.bottom {
+    background-color: var(--seadark);
+    display: flex;
+    padding: 50px;
+    width: 100vw;
+    box-sizing: border-box;
+    align-items: center;
+    color: black;
+}
+
+#main > div.bottom > * {
+    flex-basis: 100%;
+    width: 100%;
+}
+
+#main > div.bottom > img {
+    max-width: 50vw;
+    margin-left: 0;
+    margin-right: 0;
+}
+
+#main > .top {
+    text-align: center;
+    height: 100vh;
+    position: relative;
+    background-color: transparent;
+}
+
+#shape {
+    height: calc(10vh + 3px);
+    width: 100vw;
+    background-color: var(--kuwaitred); /* kuwaitred */
+    clip-path: polygon(0% calc(100% - 3px), 0% 100%, 100% 100%, 100% calc(100% - 3px), 50% 0%);
+    position: absolute;
+    bottom: -1px;
+}
+
+#shape::after {
+    content: "";
+    display: inline-block;
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 3px;
+    left: 0px;
+    clip-path: inherit;
+    background-color: var(--scrollpaperlight);
+}
+
+#title {
+    font-size: 4em;
+    font-family: Lobster;
+    text-align: center;
+    background-color: var(--kuwaitred);
+    color: black;
+    padding-top: 62px; /* todo: make this less terrible */
+    position: sticky;
+    top: 0px;
+    padding-bottom: calc(20vh + 10px);
+    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% calc(100% - 10vh), 0% 100%);
+}
+
+#title::after {
+    display: inline-block;
+    content: "";
+    width: 100vw;
+    height: 100%;
+    position: absolute;
+    top: -3px;
+    left: 0px;
+    z-index: -1;
+    background-color: var(--scrollpaperlight);
+    clip-path: inherit;
+}
+
+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: var(--humanbody); /* --humanbody */
+    color: white;
+    /*--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-bottom: 4px solid var(--scrollight); /* scrollight */
+    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;
+    min-height: 54px;
+}
+
+#banner > a {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+}
+
+#nav > a {
+    color: inherit;
+}
+
+#banner > a > img {
+    height: 54px; /* for safari. vomit emoji. */
+    width: 77px;
+}
+
+div#banner > * {
+    flex: 1;
+}
+
+small {
+    font-size: 0.2em !important;
+}
+
+#nav > #nav-expand {
+    display: none;
+}
+
+@media (max-width: 1000px) {
+    #bg {
+        background-size: 120%, cover;
+    }
+
+    #main > p {
+        padding-left: 10px;
+        padding-right: 10px;
+    }
+
+    #shape {
+        height: 40px;
+    }
+
+    #title {
+        font-size: 2em;
+        padding-bottom: calc(40px + 40px);
+        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% calc(100% - 37px), 0% 100%);
+    }
+
+
+    #main > .top {
+        height: 90vh;
+    }
+
+    .bottom {
+        flex-direction: column-reverse;
+    }
+
+    .bottom > img {
+        width: 100%;
+    }
+
+    .bottom > * {
+        margin-left: 0px;
+        margin-right: 0px;
+    }
+
+    #nav {
+        flex-direction: column;
+    }
+
+    #banner {
+        position: relative;
+    }
+
+    #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;
+    }
+
+    #main > div.bottom > img {
+        max-width: 90vw;
+    }
+
+    #culture > div {
+        flex-direction: column !important;
+        justify-content: stretch;
+    }
+    
+    #culture > div > div {
+        width: 100% !important;
+        box-sizing: border-box;
+        padding: 30px;
+    }
+
+    #title {
+        padding-top: calc(1.5em + 20px);
+    }
+
+    .bottom > div > p {
+        margin-left: 0px !important;
+        margin-right: 0px !important;
+        font-size: 1.2em !important;
+    }
+
+    .affiliatesgrid {
+        display: inline-grid;
+        grid-template-columns: repeat(1, 1fr) !important;
+    }
+
+    #thatoneproblem {
+        grid-column: 1 !important;
+        background-color: var(--cream) !important;
+    }
+
+    #thatoneproblem > div {
+        padding: 0px !important;
+    }
+}
+
+#plug {
+    background-color: var(--scrollight) !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%, var(--scrollpaperlight) 100%);
+    z-index: 100000;
+}
+
+#libpages > a > span:last-child {
+    position: relative;
+}
+
+#libpages > a > span:last-child > img {
+    width: auto;
+}
+
+#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;
+    position: sticky;
+    top: 40%;
+}
+
+#study-inner > div {
+    border-top: 1px solid black;
+    padding: 20px;
+    color: #111111;
+}
+
+#libpages {
+    flex: 1 1 min-content;
+}
+
+p#liblurb {
+    font-size: 1.2em;
+    text-align: center;
+}
+
+#culture > div {
+    display: flex;
+}
+
+#culture > div:nth-child(2n) {
+    flex-direction: row-reverse;
+}
+
+#culture > div > * {
+    width: 100%;
+}
+
+#culture > div > div {
+    min-width: 50vw;
+    box-sizing: border-box;
+    border: 10px solid black;
+    padding: 50px;
+    background-color: #888888;
+}
+
+#culture > div > p {
+    padding: 10%;
+    box-sizing: border-box;
+}
+
+.social {
+    background-color: var(--cream);
+    border-radius: 100vw;
+    padding: 10px;
+    display: inline-flex;
+    align-items: center;
+
+    /* Safari fixes, hopefully */
+    display: -webkit-inline-flex;
+    display: -ms-inline-flexbox;
+    justify-content: center;
+}
+
+.bottom > div > p {
+    margin-left: 20%;
+    margin-right: 20%;
+}
+
+.centered-container {
+    text-align: center;
+}
+
+.social > a > svg, .social > a > img {
+    height: 2em;
+}
+
+.social > a {
+    display: inline-block;
+    padding-left: 10px;
+    padding-right: 10px;
+    font-weight: bold;
+    font-family: Arial, Helvetica, sans-serif;
+    color: blue;
+    text-decoration: none;
+    transition: color 0.5s;
+}
+
+.social > a:hover {
+    color: var(--kuwaitred);
+}
+
+#dates {
+    font-size: 0.75em;
+}
+
+#affiliates-outer {
+    text-align: center;
+}
+
+.affiliatesgrid {
+    display: inline-grid;
+    grid-template-columns: repeat(2, 1fr);
+}
+
+.affiliatesgrid > div > img {
+    max-width: 100%;
+    max-height: 2em;
+    width: auto;
+    padding: 10px;
+}
+
+.affiliatesgrid > div {
+    display: flex;
+    align-items: center;
+    padding: 10px;
+    border-radius: 10px;
+    margin: 20px;
+    background-color: var(--cream);
+}
+
+.affiliatesgrid > div > a {
+    max-width: 100%;
+    max-height: 100%;
+    width: auto;
+    padding: 10px;
+    text-decoration: none;
+    color: black;
+}
+
+.affiliatesgrid > div > a:hover {
+    color: grey;
+}
+
+#thatoneproblem {
+    grid-column: 1/3;
+}

site/main.js

@@ -0,0 +1,24 @@
+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"
+    });
+}
+
+Array.from(document.getElementsByClassName("ytframe")).forEach(frame => { // resizes youtube videos to fit their containers
+    var w1 = frame.getBoundingClientRect().width;
+    frame.width = "100%";
+    var w2 = frame.getBoundingClientRect().width;
+    frame.width = w2 + "px";
+    frame.height = frame.getBoundingClientRect().height * w2 / w1;
+});
+
+//document.getElementById("gregorian").innerText = new Date().toLocaleDateString('en-us', { weekday: "long", year: "numeric", month: "long", day: "numeric" });
+document.getElementById("hebrew").innerText = new Date().toLocaleDateString('en-u-ca-hebrew', { weekday: "long", year: "numeric", month: "long", day: "numeric" });

site/manifest.json

@@ -0,0 +1,14 @@
+{
+    "name": "Avraham Society",
+    "short_name": "Avraham Society",
+    "start_url": ".",
+    "display": "standalone",
+    "background_color": "#000000",
+    "description": "A Jewish Humanist organization serving the Middle East and North Africa",
+    "icons": [
+        {
+            "src": "res/logo-gradiented.png",
+            "sizes": "any"
+        }
+    ]
+}

site/membership.html

@@ -0,0 +1,15 @@
+[!][@on minify][@on markdown]
+[=content-]
+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.
+
+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. Alternatively, you can join our <a href="https://discord.gg/52DFF2ep">discord</a> as a guest.
+[/]
+[=title "Membership"]
+[#templates/default.html]

site/res/Discord.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 127.14 96.36"><path fill="#5865f2" d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"/></svg>

site/res/Instagram_Glyph_Black.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><path d="M295.42,6c-53.2,2.51-89.53,11-121.29,23.48-32.87,12.81-60.73,30-88.45,57.82S40.89,143,28.17,175.92c-12.31,31.83-20.65,68.19-23,121.42S2.3,367.68,2.56,503.46,3.42,656.26,6,709.6c2.54,53.19,11,89.51,23.48,121.28,12.83,32.87,30,60.72,57.83,88.45S143,964.09,176,976.83c31.8,12.29,68.17,20.67,121.39,23s70.35,2.87,206.09,2.61,152.83-.86,206.16-3.39S799.1,988,830.88,975.58c32.87-12.86,60.74-30,88.45-57.84S964.1,862,976.81,829.06c12.32-31.8,20.69-68.17,23-121.35,2.33-53.37,2.88-70.41,2.62-206.17s-.87-152.78-3.4-206.1-11-89.53-23.47-121.32c-12.85-32.87-30-60.7-57.82-88.45S862,40.87,829.07,28.19c-31.82-12.31-68.17-20.7-121.39-23S637.33,2.3,501.54,2.56,348.75,3.4,295.42,6m5.84,903.88c-48.75-2.12-75.22-10.22-92.86-17-23.36-9-40-19.88-57.58-37.29s-28.38-34.11-37.5-57.42c-6.85-17.64-15.1-44.08-17.38-92.83-2.48-52.69-3-68.51-3.29-202s.22-149.29,2.53-202c2.08-48.71,10.23-75.21,17-92.84,9-23.39,19.84-40,37.29-57.57s34.1-28.39,57.43-37.51c17.62-6.88,44.06-15.06,92.79-17.38,52.73-2.5,68.53-3,202-3.29s149.31.21,202.06,2.53c48.71,2.12,75.22,10.19,92.83,17,23.37,9,40,19.81,57.57,37.29s28.4,34.07,37.52,57.45c6.89,17.57,15.07,44,17.37,92.76,2.51,52.73,3.08,68.54,3.32,202s-.23,149.31-2.54,202c-2.13,48.75-10.21,75.23-17,92.89-9,23.35-19.85,40-37.31,57.56s-34.09,28.38-57.43,37.5c-17.6,6.87-44.07,15.07-92.76,17.39-52.73,2.48-68.53,3-202.05,3.29s-149.27-.25-202-2.53m407.6-674.61a60,60,0,1,0,59.88-60.1,60,60,0,0,0-59.88,60.1M245.77,503c.28,141.8,115.44,256.49,257.21,256.22S759.52,643.8,759.25,502,643.79,245.48,502,245.76,245.5,361.22,245.77,503m90.06-.18a166.67,166.67,0,1,1,167,166.34,166.65,166.65,0,0,1-167-166.34" transform="translate(-2.5 -2.5)"/></svg>

site/res/arrow-right-2.svg

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

site/res/bwrg.svg

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

site/res/librarrow.svg

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

site/res/whatsapp.svg

@@ -0,0 +1,3 @@
+<svg width="360" height="362" viewBox="0 0 360 362" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M307.546 52.5655C273.709 18.685 228.706 0.0171895 180.756 0C81.951 0 1.53846 80.404 1.50408 179.235C1.48689 210.829 9.74646 241.667 25.4319 268.844L0 361.736L95.0236 336.811C121.203 351.096 150.683 358.616 180.679 358.625H180.756C279.544 358.625 359.966 278.212 360 179.381C360.017 131.483 341.392 86.4547 307.546 52.5741V52.5655ZM180.756 328.354H180.696C153.966 328.346 127.744 321.16 104.865 307.589L99.4242 304.358L43.034 319.149L58.0834 264.168L54.5423 258.53C39.6304 234.809 31.749 207.391 31.7662 179.244C31.8006 97.1036 98.6334 30.2707 180.817 30.2707C220.61 30.2879 258.015 45.8015 286.145 73.9665C314.276 102.123 329.755 139.562 329.738 179.364C329.703 261.513 262.871 328.346 180.756 328.346V328.354ZM262.475 216.777C257.997 214.534 235.978 203.704 231.869 202.209C227.761 200.713 224.779 199.966 221.796 204.452C218.814 208.939 210.228 219.029 207.615 222.011C205.002 225.002 202.389 225.372 197.911 223.128C193.434 220.885 179.003 216.158 161.891 200.902C148.578 189.024 139.587 174.362 136.975 169.875C134.362 165.389 136.7 162.965 138.934 160.739C140.945 158.728 143.412 155.505 145.655 152.892C147.899 150.279 148.638 148.406 150.133 145.423C151.629 142.432 150.881 139.82 149.764 137.576C148.646 135.333 139.691 113.287 135.952 104.323C132.316 95.5909 128.621 96.777 125.879 96.6309C123.266 96.5019 120.284 96.4762 117.293 96.4762C114.302 96.4762 109.454 97.5935 105.346 102.08C101.238 106.566 89.6691 117.404 89.6691 139.441C89.6691 161.478 105.716 182.785 107.959 185.776C110.202 188.767 139.544 234.001 184.469 253.408C195.153 258.023 203.498 260.782 210.004 262.845C220.731 266.257 230.494 265.776 238.212 264.624C246.816 263.335 264.71 253.786 268.44 243.326C272.17 232.866 272.17 223.893 271.053 222.028C269.936 220.163 266.945 219.037 262.467 216.794L262.475 216.777Z" fill="#25D366"/>
+</svg>

site/servicepages/ekashrut.html

@@ -0,0 +1,9 @@
+[!][@on minify]
+[=title "Kashrut"]
+[=content-]
+[/]
+[=quickdesc-]
+See the selection of Jewish products available in Kuwait for free!<br><br>
+<a href="https://www.instagram.com/kosherkuwait/">Kosher Kuwait</a>
+[/]
+[#templates/default.html]

site/servicepages/fconsultation.html

@@ -0,0 +1,13 @@
+[!][@on minify]
+[=title "Consultation"]
+[=link "mailto:ovadiah@avrahamsociety.org"]
+[=content-]
+[/]
+[=quickdesc-]
+We offer basic individual consultations on topics ranging from conversion to the diversity of the modern Kuwaiti Jewish
+Community and Spiritual motivation for $20
+an hour!
+
+This fee goes to support current and potential SHJ members of the community by mutual aid.
+[/]
+[#templates/default.html]

site/servicepages/torahstudy.html

@@ -0,0 +1,12 @@
+[!][@on minify]
+[=title "Chavurah"]
+[=content-]
+[/]
+[=link "https://discord.com/invite/4ahahJN5BH"]
+[=quickdesc-]
+Attend our active Humanistic Jewish study and gain access to our non-denominational & lay led Chavurah for free and for
+$30 a month to register as a full member!
+
+This is a heterodox safe space and is very syncretic.
+[/]
+[#templates/default.html]

site/services.html

@@ -0,0 +1,54 @@
+[!][@on minify]
+[=content-]
+<div class="centered-container">
+    <div style="display: inline-flex;flex-direction: column;align-items: stretch;">
+        [=order-]
+            [=+ "Chavurah"]
+            [=+ "Consultation"]
+            [=+ "Kashrut"]
+        [/]
+        [f order i]
+            [f servicepages service]
+                [i service.title i equals]
+                    <a class="servicelink" [i service.link] href="[^service.link]"[/] >
+                        <div class="serviceitem">
+                            <span>[^service.title]</span>
+                            <p>
+                                [^service.quickdesc]
+                            </p>
+                        </div>
+                    </a>
+                [/]
+            [/]
+        [/]
+    </div>
+</div>
+<style>
+    .servicelink {
+        text-decoration: none;
+        color: black;
+    }
+    .serviceitem {
+        background-color: white;
+        border-radius: 20px 0px 20px 0px;
+        padding: 20px;
+        margin: 20px;
+        text-align: left;
+        box-shadow: 6px 6px 2px red;
+        transition: box-shadow 0.5s;
+        max-width: 1000px;
+    }
+    .serviceitem > span {
+        font-size: 1.5em;
+    }
+    .serviceitem > p {
+        border-left: 4px solid green;
+        padding: 10px;
+    }
+    .serviceitem:hover {
+        box-shadow: 3px 3px 0px red;
+    }
+</style>
+[/]
+[=title "Services"]
+[#templates/default.html]

site/solidarity-values.html

@@ -0,0 +1,32 @@
+[!][@on minify][@on markdown]
+[=content-]
+We are a Kuwait based international community of Arab Jews. Our beliefs officially align with Secular and Humanistic
+Judaism. We are a venue dedicated to Arab Jew and patrilineal Jew solidarity and development specifically and respect
+Sephardim and Mizrahim as separate identities.
+
+Our main values are anti-authoritarianism, freedom of choice, respect of human dignity, freedom of information,
+unconditional love to those struggling for our causes, acceptance and tolerance.
+
+Our main objectives include supporting the struggles of those fighting against gender and sex discrimination, Indigenous
+peoples, the economically disadvantaged, Non Normative judaisms (including Yahwists, and Canaanites), and non Jews who
+want to learn about the inner aspects of Judaism such as Kabbalah.
+
+We are dedicated towards hosting and supporting practitioners of Judaism and Non-Jews connected to the Jewish people,
+Jewish culture, YHWH, or Torah even if it’s a vague and slight connection or heritage (like DNA percentages).
+
+We also value the presence of those who study Jewish cultures and have mystical philosophies related or similar to early
+or modern Judaism. This is a place for Jews to focus on their identity and rediscover themselves.
+
+Non-Jews who are in a relationship with Jews are welcome. We support intermarriage and see it as a positive expression
+of humanism and the destruction of Anti-Semitism.
+
+Although we are apolitical we condemn violence against Arabs and Jews. We support the right of Palestinians to live with
+human dignity in Palestine and condemn anti-semitism. The flag of Palestine and the Palestinian cause represent Arabs
+regardless of religion and shed a light on the growing Anti-Arabism and Islamophobia in the world at large along with
+double standards and the politicization of human rights such as pink washing against non western countries.
+
+We affirm our solidarity with Jews and Arabs whether patrilineal or matrilineal, native or cultural, religious or
+secular.
+[/]
+[=title "Statement of Solidarity and Values"]
+[#templates/default.html]

site/templates/default.html

@@ -0,0 +1,94 @@
+[?]
+[#config.stx]
+[#links.html]
+<!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="manifest" href="[^baseurl]/manifest.json"/>
+        <link rel="icon" href="[^baseurl]/res/Avraham_Society_icon.png">
+        <!--
+            <link rel="preconnect" href="https://fonts.googleapis.com">
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <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">-->
+
+        <link rel="preconnect" href="https://fonts.googleapis.com">
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link href="https://fonts.googleapis.com/css2?family=Anton&display=swap" rel="stylesheet">
+
+        <!-- HTML Meta Tags -->
+        <meta name="description" content="The Avraham Society is the first modern Humanistic and Cultural initiative that is based on and representing the Jewish Community of Kuwait in all its denominations.">
+
+        <!-- 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 the first modern Humanistic and Cultural initiative that is based on and representing the Jewish Community of Kuwait in all its denominations.">
+        <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 the first modern Humanistic and Cultural initiative that is based on and representing the Jewish Community of Kuwait in all its denominations.">
+        <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="[^baseurl]/res/Avraham_Society.png"></a>
+                <div id="dates"><b id="hebrew"></b></div>
+                <input id="navExpander" style="display: none;" type="checkbox" checked>
+                <div id="nav">
+                    <label for="navExpander" id="nav-expand"></label>
+                    [^links]
+                </div>
+            </div>
+            <div class="top">
+                <div id="title">Avraham Society
+                </div>
+                <div id="shape"></div>
+            </div>
+            <div id="titlebracket">
+                <h1 style="padding-bottom: 2em;">[^title]</h1>
+            </div>
+            [^content]
+            <div class="bottom">
+                <img src="[^baseurl]/res/Avraham_Society.png">
+                <div>
+                    <p style="padding-bottom: 100px;font-family: sans-serif;font-weight: bold;font-size: 1.4em;">
+                        The Avraham Society is the first modern Humanistic and Cultural initiative that is based on and representing the Jewish Community of Kuwait in all its denominations.
+                    </p>
+                    <div class="centered-container">
+                        <div class="social">
+                            <a href="https://www.instagram.com/avraham_society?igsh=MXRnMG90enBoaGV3eA%3D%3D&utm_source=qr"><img src="[^baseurl]/res/Instagram_Glyph_Gradient.svg" /></a>
+                            <a href="https://discord.com/invite/tWesqdXmSa">Discord</a>
+                            <a href="https://www.facebook.com/share/hG9zRWFi1C5ebvwS/?mibextid=K35XfP"><img src="[^baseurl]/res/Facebook_Logo_Primary.png" /></a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div id="plug">© 2024 The Avraham Society. Website by <a href="https://swaous.asuscomm.com/">Tyler Clarke</a>. Built with <a href="https://swaous.asuscomm.com/sitix">Sitix.</a></div>
+        </div>
+        <script src="[^baseurl]/main.js"></script>
+    </body>
+</html>

site/templates/library.html

@@ -0,0 +1,6 @@
+[?]
+[=content-]
+[^libraryContent]
+[/]
+[=title-] Library | [^libraryTitle][/]
+[#templates/default.html]

site/torahstudy.js

@@ -0,0 +1,118 @@
+// Manages the Torah Study section of the Library
+
+const chocklyisrael = [ // 54 Torah sections, updates every sunday (or whatever day he wants really)
+    "Bereishit",
+    "Noach",
+    "Lech Lecha",
+    "Vayeira",
+    "Chayei Sarah",
+    "Toldot",
+    "Vayeitzei",
+    "Vayishlach",
+    "Vayeishev",
+    "Mikeitz",
+    "Vayigash",
+    "Vayechi",
+    "Shemot",
+    "Vaeira",
+    "Bo",
+    "Beshalach",
+    "Yitro",
+    "Mishpatim",
+    "Terumah",
+    "Tetzaveh",
+    "Ki Tissa",
+    "Vayakhel",
+    "Pekudei",
+    "Vayikra",
+    "Tzav",
+    "Shemini",
+    "Tazria",
+    "Metzora",
+    "Acharei Mot",
+    "Kedoshim",
+    "Emor",
+    "Behar",
+    "Bechukotai",
+    "Bamidbar",
+    "Naso",
+    "Behalotkha",
+    "Shelach",
+    "Korach",
+    "Chukat",
+    "Balak",
+    "Pinchas",
+    "Mattot",
+    "Masei",
+    "Devarim",
+    "Vaetchanan",
+    "Eikev",
+    "Reaih",
+    "Shoftim",
+    "Ki Teitzei",
+    "Ki Tavo",
+    "Nitzavim",
+    "Vayelech",
+    "Haazinu",
+    "Zot Haberakha"
+];
+
+const tomerdevorah = [
+    "I & II",
+    "III",
+    "IV",
+    "V & VI",
+    "VII",
+    "VIII",
+    "IX & X"
+];
+
+function roman(num) { // roman numeral converter for numbers <10 (used for Bustan Al-Uqul)
+    if (num < 4) {
+        var ret = "";
+        for (var i = 0; i < num; i++) {
+            ret += 'I';
+        }
+        return ret;
+    }
+    else if (num == 4) {
+        return "IV";
+    }
+    else if (num >= 5 && num <= 8) {
+        var ret = "V";
+        for (var i = 0; i < num - 5; i++) {
+            ret += 'I';
+        }
+        return ret;
+    }
+    else if (num == 9) {
+        return "IX";
+    }
+    else {
+        return "X";
+    }
+} 
+
+const oneDay = 24 * 60 * 60 * 1000; // hours * minutes * seconds * milliseconds
+const tripDay = 6; // saturday
+
+var startDate = new Date("2024-4-8");
+startDate.setHours(12); // midday
+var now = new Date();
+var dif = now - startDate;
+var difDays = Math.round(dif / oneDay);
+/*difDays     0   1   2   3   4   5   6   7   8   9   10  11  12  13  14  15  16  17  18  19  20  21  22  23  24  25  26  27  28  29  30  31  32  33  34
+  day    sun mon tue wed thu fri sat sun mon tue wed thu fri sat sun mon tue wed thu fri sat sun mon tue wed thu fri sat sun mon tue wed thu fri sat 
+  */
+var tripsSince = Math.floor(difDays / 7);
+if (now.getDay() == tripDay) {
+    tripsSince++;
+}
+
+tripsSince += 26; // Tazria
+
+var daysSinceSat = (now.getDay() + 1 + (now.getHours() > 12 ? 1 : 0)) % 7;
+
+//document.getElementById("torahsection").innerText = chocklyisrael[tripsSince];
+document.getElementById("bustanaluqul").innerText = roman(daysSinceSat);
+document.getElementById("tomerdevorah").innerText = tomerdevorah[daysSinceSat];

volunteer.md

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

workshop.html

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