diff --git a/avrahamsociety/404.html b/avrahamsociety/404.html new file mode 100644 index 0000000..2b338ea --- /dev/null +++ b/avrahamsociety/404.html @@ -0,0 +1,92 @@ + + + + + + + + + + Avraham Society | + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
Avraham Society
+ May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though. +
+
+
+
+

+
+

404

+ +

Page not found :(

+

The requested page could not be found.

+ +
+ +
+

+ Quick informative blurb, social links, etc. +

+

+ Could follow a number of different designs; this is the most basic possibility. +

+
+
+
Website by Tyler Clarke.
+
+ + + \ No newline at end of file diff --git a/avrahamsociety/about.html b/avrahamsociety/about.html new file mode 100644 index 0000000..a40e1f4 --- /dev/null +++ b/avrahamsociety/about.html @@ -0,0 +1,94 @@ + + + + + + + + + + Avraham Society | About Us + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
Avraham Society
+ May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though. +
+
+
+
+

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

+ Quick informative blurb, social links, etc. +

+

+ Could follow a number of different designs; this is the most basic possibility. +

+
+
+
Website by Tyler Clarke.
+
+ + + \ No newline at end of file diff --git a/avrahamsociety/build.py b/avrahamsociety/build.py new file mode 100644 index 0000000..83ec8a0 --- /dev/null +++ b/avrahamsociety/build.py @@ -0,0 +1,10 @@ +## 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())) \ No newline at end of file diff --git a/avrahamsociety/charities.html b/avrahamsociety/charities.html new file mode 100644 index 0000000..47e2c17 --- /dev/null +++ b/avrahamsociety/charities.html @@ -0,0 +1,88 @@ + + + + + + + + + + Avraham Society | Charities + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
Avraham Society
+ May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though. +
+
+
+
+

Charities

+
+ +
+ +
+

+ Quick informative blurb, social links, etc. +

+

+ Could follow a number of different designs; this is the most basic possibility. +

+
+
+
Website by Tyler Clarke.
+
+ + + \ No newline at end of file diff --git a/avrahamsociety/contact.html b/avrahamsociety/contact.html new file mode 100644 index 0000000..5830ae2 --- /dev/null +++ b/avrahamsociety/contact.html @@ -0,0 +1,88 @@ + + + + + + + + + + Avraham Society | Contact Us + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
Avraham Society
+ May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though. +
+
+
+
+

Contact Us

+
+ Kindly email ovadiah@avrahamsociety.org if you have any questions or concerns. +
+ +
+

+ Quick informative blurb, social links, etc. +

+

+ Could follow a number of different designs; this is the most basic possibility. +

+
+
+
Website by Tyler Clarke.
+
+ + + \ No newline at end of file diff --git a/avrahamsociety/events.html b/avrahamsociety/events.html new file mode 100644 index 0000000..71ae78a --- /dev/null +++ b/avrahamsociety/events.html @@ -0,0 +1,88 @@ + + + + + + + + + + Avraham Society | Events + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
Avraham Society
+ May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though. +
+
+
+
+

Events

+
+ +
+ +
+

+ Quick informative blurb, social links, etc. +

+

+ Could follow a number of different designs; this is the most basic possibility. +

+
+
+
Website by Tyler Clarke.
+
+ + + \ No newline at end of file diff --git a/avrahamsociety/feed.xml b/avrahamsociety/feed.xml new file mode 100644 index 0000000..6c5499e --- /dev/null +++ b/avrahamsociety/feed.xml @@ -0,0 +1 @@ +Jekyll2024-03-04T08:19:08-05:00/https://swaous.asuscomm.com/dev/avrahamsociety/feed.xmlAvraham SocietyThe Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait. \ No newline at end of file diff --git a/avrahamsociety/humanism.html b/avrahamsociety/humanism.html new file mode 100644 index 0000000..a5764f2 --- /dev/null +++ b/avrahamsociety/humanism.html @@ -0,0 +1,100 @@ + + + + + + + + + + Avraham Society | Humanism + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
Avraham Society
+ May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though. +
+
+
+
+

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

+ Quick informative blurb, social links, etc. +

+

+ Could follow a number of different designs; this is the most basic possibility. +

+
+
+
Website by Tyler Clarke.
+
+ + + \ No newline at end of file diff --git a/avrahamsociety/index.html b/avrahamsociety/index.html new file mode 100644 index 0000000..9b06770 --- /dev/null +++ b/avrahamsociety/index.html @@ -0,0 +1,139 @@ + + + + + + + + + + Avraham Society | Home + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
Avraham Society
+ May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though. +
+
+
+
+

Home

+
+

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

+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+
+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+
+ +
+

+ Quick informative blurb, social links, etc. +

+

+ Could follow a number of different designs; this is the most basic possibility. +

+
+
+
Website by Tyler Clarke.
+
+ + + \ No newline at end of file diff --git a/avrahamsociety/intro-to-judaism.html b/avrahamsociety/intro-to-judaism.html new file mode 100644 index 0000000..68fe854 --- /dev/null +++ b/avrahamsociety/intro-to-judaism.html @@ -0,0 +1,97 @@ + + + + + + + + + + Avraham Society | Intro to Judaism + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
Avraham Society
+ May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though. +
+
+
+
+

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

+ Quick informative blurb, social links, etc. +

+

+ Could follow a number of different designs; this is the most basic possibility. +

+
+
+
Website by Tyler Clarke.
+
+ + + \ No newline at end of file diff --git a/avrahamsociety/jewish-history-culture.html b/avrahamsociety/jewish-history-culture.html new file mode 100644 index 0000000..f2dd064 --- /dev/null +++ b/avrahamsociety/jewish-history-culture.html @@ -0,0 +1,100 @@ + + + + + + + + + + Avraham Society | The Cultural Diversity of Judaism + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
Avraham Society
+ May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though. +
+
+
+
+

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.

+
+ +
+

+ Quick informative blurb, social links, etc. +

+

+ Could follow a number of different designs; this is the most basic possibility. +

+
+
+
Website by Tyler Clarke.
+
+ + + \ No newline at end of file diff --git a/avrahamsociety/landmarks.html b/avrahamsociety/landmarks.html new file mode 100644 index 0000000..0c6210e --- /dev/null +++ b/avrahamsociety/landmarks.html @@ -0,0 +1,88 @@ + + + + + + + + + + Avraham Society | Landmarks + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
Avraham Society
+ May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though. +
+
+
+
+

Landmarks

+
+ +
+ +
+

+ Quick informative blurb, social links, etc. +

+

+ Could follow a number of different designs; this is the most basic possibility. +

+
+
+
Website by Tyler Clarke.
+
+ + + \ No newline at end of file diff --git a/avrahamsociety/library.html b/avrahamsociety/library.html new file mode 100644 index 0000000..b86c01a --- /dev/null +++ b/avrahamsociety/library.html @@ -0,0 +1,151 @@ + + + + + + + + + + Avraham Society | Library + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
Avraham Society
+ May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though. +
+
+
+
+

Library

+
+
+
+ + Library Entry +

+ Information about the entry; initiail blurb, etc. Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum distinctio facilis ut, repellendus veniam cupiditate nulla, optio blanditiis odit, dicta quas numquam dolorem repellat deleniti tenetur? Aspernatur error deleniti nobis! +

+ + + + Library Entry +

+ Information about the entry; initiail blurb, etc. Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum distinctio facilis ut, repellendus veniam cupiditate nulla, optio blanditiis odit, dicta quas numquam dolorem repellat deleniti tenetur? Aspernatur error deleniti nobis! +

+ + + + Library Entry +

+ Information about the entry; initiail blurb, etc. Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum distinctio facilis ut, repellendus veniam cupiditate nulla, optio blanditiis odit, dicta quas numquam dolorem repellat deleniti tenetur? Aspernatur error deleniti nobis! +

+ + + + Library Entry +

+ Information about the entry; initiail blurb, etc. Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum distinctio facilis ut, repellendus veniam cupiditate nulla, optio blanditiis odit, dicta quas numquam dolorem repellat deleniti tenetur? Aspernatur error deleniti nobis! +

+ + + + Library Entry +

+ Information about the entry; initiail blurb, etc. Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum distinctio facilis ut, repellendus veniam cupiditate nulla, optio blanditiis odit, dicta quas numquam dolorem repellat deleniti tenetur? Aspernatur error deleniti nobis! +

+ + + + Library Entry +

+ Information about the entry; initiail blurb, etc. Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum distinctio facilis ut, repellendus veniam cupiditate nulla, optio blanditiis odit, dicta quas numquam dolorem repellat deleniti tenetur? Aspernatur error deleniti nobis! +

+ + + + Library Entry +

+ Information about the entry; initiail blurb, etc. Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum distinctio facilis ut, repellendus veniam cupiditate nulla, optio blanditiis odit, dicta quas numquam dolorem repellat deleniti tenetur? Aspernatur error deleniti nobis! +

+ + +
+
+
+

Daily Study

+
+ Something to study! +
+
+ Something else to study! +
+
+
+
+
+ +
+

+ Quick informative blurb, social links, etc. +

+

+ Could follow a number of different designs; this is the most basic possibility. +

+
+
+
Website by Tyler Clarke.
+
+ + + \ No newline at end of file diff --git a/avrahamsociety/main-old.js b/avrahamsociety/main-old.js new file mode 100644 index 0000000..7a057ab --- /dev/null +++ b/avrahamsociety/main-old.js @@ -0,0 +1,104 @@ +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(); \ No newline at end of file diff --git a/avrahamsociety/membership.html b/avrahamsociety/membership.html new file mode 100644 index 0000000..9a78095 --- /dev/null +++ b/avrahamsociety/membership.html @@ -0,0 +1,94 @@ + + + + + + + + + + Avraham Society | Membership + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
Avraham Society
+ May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though. +
+
+
+
+

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

+ Quick informative blurb, social links, etc. +

+

+ Could follow a number of different designs; this is the most basic possibility. +

+
+
+
Website by Tyler Clarke.
+
+ + + \ No newline at end of file diff --git a/avrahamsociety/services.html b/avrahamsociety/services.html new file mode 100644 index 0000000..7df6e64 --- /dev/null +++ b/avrahamsociety/services.html @@ -0,0 +1,88 @@ + + + + + + + + + + Avraham Society | Services + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
Avraham Society
+ May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though. +
+
+
+
+

Services

+
+ +
+ +
+

+ Quick informative blurb, social links, etc. +

+

+ Could follow a number of different designs; this is the most basic possibility. +

+
+
+
Website by Tyler Clarke.
+
+ + + \ No newline at end of file diff --git a/avrahamsociety/volunteer.html b/avrahamsociety/volunteer.html new file mode 100644 index 0000000..d6b6190 --- /dev/null +++ b/avrahamsociety/volunteer.html @@ -0,0 +1,88 @@ + + + + + + + + + + Avraham Society | Volunteer + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
Avraham Society
+ May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though. +
+
+
+
+

Volunteer

+
+ +
+ +
+

+ Quick informative blurb, social links, etc. +

+

+ Could follow a number of different designs; this is the most basic possibility. +

+
+
+
Website by Tyler Clarke.
+
+ + + \ No newline at end of file diff --git a/avrahamsociety/workshop.html b/avrahamsociety/workshop.html new file mode 100644 index 0000000..c2e51ee --- /dev/null +++ b/avrahamsociety/workshop.html @@ -0,0 +1,109 @@ + + + + + + + + + + Avraham Society | Workshop + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
Avraham Society
+ May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though. +
+
+
+
+

Workshop

+
+

This is a development page for sampling new styles &c. I will be removing it for the page launch, of course.

+

+ Please select your sidebar style preference:

+ Slanted Down
+ Smooth Curve (based on your suggestion)
+ Square (original; bad)
+ Full Height
+ 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. +

+ + +
+ +
+

+ Quick informative blurb, social links, etc. +

+

+ Could follow a number of different designs; this is the most basic possibility. +

+
+
+
Website by Tyler Clarke.
+
+ + + \ No newline at end of file diff --git a/output/index.html b/output/index.html new file mode 100644 index 0000000..9d5b574 --- /dev/null +++ b/output/index.html @@ -0,0 +1,158 @@ + + + + + + + + + + + Avraham Society | Home + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
Avraham Society
+ May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though. +
+
+
+
+

Home

+
+ +

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

+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+
+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+ +
+ +
+

+ Quick informative blurb, social links, etc. +

+

+ Could follow a number of different designs; this is the most basic possibility. +

+
+
+
Website by Tyler Clarke.
+
+ + + \ No newline at end of file diff --git a/output/main.css b/output/main.css new file mode 100644 index 0000000..3087a9d --- /dev/null +++ b/output/main.css @@ -0,0 +1,342 @@ +@font-face { + font-family: Lobster; + src: url(res/Lobster-Regular.ttf); +} + +* { + padding: 0px; + margin: 0px; + font-family: sans-serif; + --deepcream: rgb(247, 233, 213); + --cream: rgb(255, 254, 250); + --kuwaitgreen: #007b3a; + --kuwaitred: #cf0821; +} + +#bg { + position: absolute; + z-index: -1000; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 100vw; + height: 100vh; + overflow: hidden; + background-image: url(res/Avraham_Society.png), + /*linear-gradient(90deg, var(--kuwaitgreen), var(--cream), var(--kuwaitred), black)*/ + linear-gradient(45deg, red, rgb(0, 255, 0, 0), green), + linear-gradient(135deg, black, rgb(255, 255, 255, 0), white); + background-size: contain; + background-position: 50% 65%; + background-repeat: no-repeat; + /*background-color: var(--kuwaitgreen);/*white;*/ /*var(--deepcream);*/ /*#993231;*/ /* var(--cream); */ +} + +#main { + /*display: none;*/ + position: absolute; + top: 0px; + left: 0px; + width: 100vw; + height: 100vh; + overflow: auto; +} + +#main > div, #main > p { + background-color: var(--cream); +} + +#main > p:first-of-type { + padding-top: 50px; +} + +#main > p { + padding-bottom: 50px; + padding-left: 20vw; + padding-right: 30vw; + line-height: 2em; + font-family: Arial; +} + +#main > div.space { + background-color: transparent; + height: clamp(150px, 30vh, 500px); + border-bottom: 50px solid var(--cream); +} + +#main > div.bottom { + background-color: #007b3a; /* kuwait green */ + display: flex; + padding: 50px; + width: 100vw; + box-sizing: border-box; + align-items: center; + color: white; +} + +#main > div.bottom > * { + flex-basis: 100%; + justify-self: start; + width: 100%; +} + +#main > .top { + text-align: center; + height: 100vh; + position: relative; + background-color: transparent; +} + +#shape { + height: calc(10vh + 3px); + width: 100vw; + background-color: var(--cream); + clip-path: polygon(0% calc(100% - 3px), 0% 100%, 100% 100%, 100% calc(100% - 3px), 50% 0%); + position: absolute; + bottom: -1px; +} + +#title { + font-size: 4em; + font-family: Lobster; + text-align: center; + background-color: var(--cream); + color: black; + padding-top: 52px; /* TODO: make this less worsely */ + position: sticky; + top: 0px; + padding-bottom: 10vh; + clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% calc(100% - 10vh), 0% 100%); +} + +div#nav { + display: flex; + justify-content: center; +} + +#nav > a { + color: black; + text-decoration: none; + padding-left: 10px; + padding-right: 10px; + font-family: Lobster; +} + +#nav > a:hover { + font-weight: bold; +} + +#nav > a::before { + content: ">"; +} + +#nav > a::after { + content: "<"; +} + +div#banner { + background-color: white; + color: black; + /*--colorslant-point: clamp(20px, 10vw, 200px); + background-image: linear-gradient(90deg, var(--kuwaitred) 0px, var(--kuwaitred) var(--colorslant-point), white var(--colorslant-point), white calc(100% - var(--colorslant-point)), var(--kuwaitred) calc(100% - var(--colorslant-point)));*/ + border: 4px solid var(--kuwaitred); + border-top: none; + /*box-shadow: 0px 0px 5px var(--kuwaitred);*/ + /*box-shadow: 0px 0px 5px black;*/ + padding-bottom: 5px; + text-align: center; + position: fixed; + width: 100vw; + top: 0px; + box-sizing: border-box; + z-index: 2; +} + +#banner > a { + height: 2em; + float: left; +} + +#banner > a > img { + height: 100%; +} + +div#banner > * { + flex: 1; +} + +small { + font-size: 0.2em !important; +} + +#nav > #nav-expand { + display: none; +} + +@media (max-width: 1000px) { + #main > p { + padding-left: 10px; + padding-right: 10px; + } + + #shape { + height: 20px; + } + + #title { + font-size: 2em; + padding-bottom: 20px; + clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% calc(100% - 19px), 0% 100%); + } + + + #main > .top { + height: 90vh; + } + + .bottom { + flex-direction: column-reverse; + } + + .bottom > img { + width: 100%; + } + + #nav { + flex-direction: column; + } + + #nav > #nav-expand { + display: initial; + } + + #navExpander:checked + #nav > a { + height: 0px; + padding: 0px; + } + + #navExpander + #nav > a { + height: 1em; + padding: 2px; + overflow: hidden; + transition: height 0.3s, padding 0.3s; + } + + #navExpander + #nav > #nav-expand::before { + content: '↑'; + } + + #navExpander:checked + #nav > #nav-expand::before { + content: '↓'; + } + + #library { + padding-left: 10px; + padding-right: 10px; + flex-direction: column-reverse !important; + } + + #libpages { + grid-template-columns: 100% !important; + padding-left: 0px !important; + max-width: unset !important; + } +} + +#plug { + background-color: black !important; + color: white; + text-align: center; + font-size: 0.75em; + padding: 5px; +} + +h1 { + text-align: center; +} + +#libpages { + display: grid; + grid-template-columns: 50% 50%; + padding-left: 10vw; + max-width: 60vw; +} + +#libpages > a { + border-top: 4px solid var(--kuwaitred); + margin: 20px; + padding: 20px; + text-decoration: none; + color: black; +} + +#libpages > a > span:first-child { + font-size: 1.5em; +} + + +#libpages > a > p { + position: relative; +} + +#libpages > a > p::after { + content: ""; + position: absolute; + bottom: 0px; + left: 0px; + width: 100%; + height: 50px; + background-image: linear-gradient(transparent 0%, white 100%); + z-index: 100000; +} + +#libpages > a > span:last-child { + position: relative; +} + +#libpages > a > span:last-child::before { + content: ""; + transform: translateY(-8px); + height: 1px; + width: 60%; + display: inline-block; + background-color: black; + transition: width 0.5s; +} + +#libpages > a:hover > span:last-child::before { + content: ""; + transform: translateY(-8px); + height: 1px; + width: 80%; + display: inline-block; + background-color: black; +} + +#library { + display: flex; + flex-direction: row; +} + +#study { + flex: 0 1 auto; +} + +#study-inner { + background-color: var(--deepcream); + padding: 40px; + margin: 10px; + border-radius: 20px; + position: sticky; + top: 40%; +} + +#study-inner > div { + border-top: 1px solid black; + padding: 20px; + color: #111111; +} + +#libpages { + flex: 1 1 min-content; +} \ No newline at end of file diff --git a/output/main.js b/output/main.js new file mode 100644 index 0000000..f0a5032 --- /dev/null +++ b/output/main.js @@ -0,0 +1,13 @@ +window.onresize = () => { // stupid hack for mobile browsers. Won't do anything on desktop. + document.getElementById("main").style.height = window.innerHeight + "px"; + document.getElementById("bg").style.height = window.innerHeight + "px"; +}; + +window.onresize(); + +if (localStorage.refered) { + delete localStorage.refered; + document.getElementById("shape").scrollIntoView({ + "behavior": "smooth" + }); +} \ No newline at end of file diff --git a/output/res/Avraham_Society.png b/output/res/Avraham_Society.png new file mode 100644 index 0000000..9ff4234 Binary files /dev/null and b/output/res/Avraham_Society.png differ diff --git a/output/res/Avraham_Society_icon.png b/output/res/Avraham_Society_icon.png new file mode 100644 index 0000000..aeeba3e Binary files /dev/null and b/output/res/Avraham_Society_icon.png differ diff --git a/output/res/Cantarell-VF.otf b/output/res/Cantarell-VF.otf new file mode 100644 index 0000000..9586afb --- /dev/null +++ b/output/res/Cantarell-VF.otf @@ -0,0 +1,504 @@ + + + + + + + GNOME – Simple, beautiful, elegant. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + + + + +
+ + + +
+ + +
+ + +
+ + + +
+ + +
+ + + + + + + +
GNOME 40
+ + + + + + + +

Get things done with ease, comfort, and control.

+ + + +

An easy and elegant way to use your computer, GNOME 43 is designed to help you have the best possible computing experience.

+ + + +
+
Get GNOME
+
+ + + + + + + +
+ + + + + + + +
GNOME 40 overview
+

Simple and Easy to Use

+ + + +

Every part of GNOME 43 has been designed to make it simple and easy to use. The Activities Overview is a simple way to access all your basic tasks. A press of a button is all it takes to view your open windows, launch applications, or check if you have new messages. Having everything in one convenient place means you don’t have to learn your way around a maze of different technologies.

+
+ + + +
+ + + +
GNOME 40 folders
+

Intuitive and Efficient

+ + + +

GNOME 43 provides a focused working environment that helps you get things done. It is packed with features that will make you more productive: a powerful search feature that helps you access all your work from one place; side-by-side windows that make it easy to view several documents at the same time; seamless integration with online accounts which allows you to access all your data in one place; and a messaging system that comfortably deals with notifications, letting you quickly respond in place or return to them in a convenient time.

+
+ + + +
+ + + +
+

Finely Crafted

+ + + +

Every aspect of GNOME 43 has been crafted to fit together as a harmonious whole, providing a consistent and integrated experience. Our attention to detail means a smooth and polished product that lets you do the things you want without getting in the way. GNOME 43 is satisfying to use and beautiful to behold.

+
+ + + + + + + +
+ + + +
+ + + + + + + +

And much, much more…

+ + + +
+
Get GNOME
+
+ + + +
+ + + +

GNOME Supporters

+ + + +

GNOME is supported by our generous network of supporters—one-time donors, sponsors, Friends of GNOME, infrastructure supporters, and our Advisory Board.

+ + +
CDN77
OSL Open Source Lab
DigitalOcean
Codethink
AWS
SUSE
sugarlabs
Red Hat
Google
Endless
Debian
Canonical
The Document Foundation
+ + + +
+
Learn More
+
+ + +
+ +
+ + +
+ + +
+ + +
+ + + +
+ + + + + + + + + +
+ + +
+ + + + + + + +
+ + Close Menu + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/output/res/Lobster-Regular.ttf b/output/res/Lobster-Regular.ttf new file mode 100644 index 0000000..21c0073 Binary files /dev/null and b/output/res/Lobster-Regular.ttf differ diff --git a/output/res/arrow-left.svg b/output/res/arrow-left.svg new file mode 100644 index 0000000..b566d23 --- /dev/null +++ b/output/res/arrow-left.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + diff --git a/output/res/arrow-none.svg b/output/res/arrow-none.svg new file mode 100644 index 0000000..5960995 --- /dev/null +++ b/output/res/arrow-none.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + diff --git a/output/res/arrow-right-2.svg b/output/res/arrow-right-2.svg new file mode 100644 index 0000000..8a45f22 --- /dev/null +++ b/output/res/arrow-right-2.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + diff --git a/output/res/arrow-right.svg b/output/res/arrow-right.svg new file mode 100644 index 0000000..d8b7f62 --- /dev/null +++ b/output/res/arrow-right.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + diff --git a/output/res/bwrg.svg b/output/res/bwrg.svg new file mode 100644 index 0000000..b3e94d1 --- /dev/null +++ b/output/res/bwrg.svg @@ -0,0 +1,70 @@ + + + + + + + + + + + + + diff --git a/output/res/librarrow.svg b/output/res/librarrow.svg new file mode 100644 index 0000000..83d8e9a --- /dev/null +++ b/output/res/librarrow.svg @@ -0,0 +1,21 @@ + + + + + + + + + diff --git a/output/res/web_hamburger_icon.svg b/output/res/web_hamburger_icon.svg new file mode 100644 index 0000000..ce75e0e --- /dev/null +++ b/output/res/web_hamburger_icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/index.html b/site/index.html new file mode 100644 index 0000000..629eb78 --- /dev/null +++ b/site/index.html @@ -0,0 +1,73 @@ +[!] +[=title Home] +[=content-] +

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

+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+
+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam + alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia. +

+[/] +[#templates/default.html] \ No newline at end of file diff --git a/site/main.css b/site/main.css new file mode 100644 index 0000000..95a512e --- /dev/null +++ b/site/main.css @@ -0,0 +1,342 @@ +@font-face { + font-family: Lobster; + src: url(Lobster-Regular.ttf); +} + +* { + padding: 0px; + margin: 0px; + font-family: sans-serif; + --deepcream: rgb(247, 233, 213); + --cream: rgb(255, 254, 250); + --kuwaitgreen: #007b3a; + --kuwaitred: #cf0821; +} + +#bg { + position: absolute; + z-index: -1000; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 100vw; + height: 100vh; + overflow: hidden; + background-image: url(res/Avraham_Society.png), + /*linear-gradient(90deg, var(--kuwaitgreen), var(--cream), var(--kuwaitred), black)*/ + linear-gradient(45deg, red, rgb(0, 255, 0, 0), green), + linear-gradient(135deg, black, rgb(255, 255, 255, 0), white); + background-size: contain; + background-position: 50% 65%; + background-repeat: no-repeat; + /*background-color: var(--kuwaitgreen);/*white;*/ /*var(--deepcream);*/ /*#993231;*/ /* var(--cream); */ +} + +#main { + /*display: none;*/ + position: absolute; + top: 0px; + left: 0px; + width: 100vw; + height: 100vh; + overflow: auto; +} + +#main > div, #main > p { + background-color: var(--cream); +} + +#main > p:first-of-type { + padding-top: 50px; +} + +#main > p { + padding-bottom: 50px; + padding-left: 20vw; + padding-right: 30vw; + line-height: 2em; + font-family: Arial; +} + +#main > div.space { + background-color: transparent; + height: clamp(150px, 30vh, 500px); + border-bottom: 50px solid var(--cream); +} + +#main > div.bottom { + background-color: #007b3a; /* kuwait green */ + display: flex; + padding: 50px; + width: 100vw; + box-sizing: border-box; + align-items: center; + color: white; +} + +#main > div.bottom > * { + flex-basis: 100%; + justify-self: start; + width: 100%; +} + +#main > .top { + text-align: center; + height: 100vh; + position: relative; + background-color: transparent; +} + +#shape { + height: calc(10vh + 3px); + width: 100vw; + background-color: var(--cream); + clip-path: polygon(0% calc(100% - 3px), 0% 100%, 100% 100%, 100% calc(100% - 3px), 50% 0%); + position: absolute; + bottom: -1px; +} + +#title { + font-size: 4em; + font-family: Lobster; + text-align: center; + background-color: var(--cream); + color: black; + padding-top: 52px; /* TODO: make this less worsely */ + position: sticky; + top: 0px; + padding-bottom: 10vh; + clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% calc(100% - 10vh), 0% 100%); +} + +div#nav { + display: flex; + justify-content: center; +} + +#nav > a { + color: black; + text-decoration: none; + padding-left: 10px; + padding-right: 10px; + font-family: Lobster; +} + +#nav > a:hover { + font-weight: bold; +} + +#nav > a::before { + content: ">"; +} + +#nav > a::after { + content: "<"; +} + +div#banner { + background-color: white; + color: black; + /*--colorslant-point: clamp(20px, 10vw, 200px); + background-image: linear-gradient(90deg, var(--kuwaitred) 0px, var(--kuwaitred) var(--colorslant-point), white var(--colorslant-point), white calc(100% - var(--colorslant-point)), var(--kuwaitred) calc(100% - var(--colorslant-point)));*/ + border: 4px solid var(--kuwaitred); + border-top: none; + /*box-shadow: 0px 0px 5px var(--kuwaitred);*/ + /*box-shadow: 0px 0px 5px black;*/ + padding-bottom: 5px; + text-align: center; + position: fixed; + width: 100vw; + top: 0px; + box-sizing: border-box; + z-index: 2; +} + +#banner > a { + height: 2em; + float: left; +} + +#banner > a > img { + height: 100%; +} + +div#banner > * { + flex: 1; +} + +small { + font-size: 0.2em !important; +} + +#nav > #nav-expand { + display: none; +} + +@media (max-width: 1000px) { + #main > p { + padding-left: 10px; + padding-right: 10px; + } + + #shape { + height: 20px; + } + + #title { + font-size: 2em; + padding-bottom: 20px; + clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% calc(100% - 19px), 0% 100%); + } + + + #main > .top { + height: 90vh; + } + + .bottom { + flex-direction: column-reverse; + } + + .bottom > img { + width: 100%; + } + + #nav { + flex-direction: column; + } + + #nav > #nav-expand { + display: initial; + } + + #navExpander:checked + #nav > a { + height: 0px; + padding: 0px; + } + + #navExpander + #nav > a { + height: 1em; + padding: 2px; + overflow: hidden; + transition: height 0.3s, padding 0.3s; + } + + #navExpander + #nav > #nav-expand::before { + content: '↑'; + } + + #navExpander:checked + #nav > #nav-expand::before { + content: '↓'; + } + + #library { + padding-left: 10px; + padding-right: 10px; + flex-direction: column-reverse !important; + } + + #libpages { + grid-template-columns: 100% !important; + padding-left: 0px !important; + max-width: unset !important; + } +} + +#plug { + background-color: black !important; + color: white; + text-align: center; + font-size: 0.75em; + padding: 5px; +} + +h1 { + text-align: center; +} + +#libpages { + display: grid; + grid-template-columns: 50% 50%; + padding-left: 10vw; + max-width: 60vw; +} + +#libpages > a { + border-top: 4px solid var(--kuwaitred); + margin: 20px; + padding: 20px; + text-decoration: none; + color: black; +} + +#libpages > a > span:first-child { + font-size: 1.5em; +} + + +#libpages > a > p { + position: relative; +} + +#libpages > a > p::after { + content: ""; + position: absolute; + bottom: 0px; + left: 0px; + width: 100%; + height: 50px; + background-image: linear-gradient(transparent 0%, white 100%); + z-index: 100000; +} + +#libpages > a > span:last-child { + position: relative; +} + +#libpages > a > span:last-child::before { + content: ""; + transform: translateY(-8px); + height: 1px; + width: 60%; + display: inline-block; + background-color: black; + transition: width 0.5s; +} + +#libpages > a:hover > span:last-child::before { + content: ""; + transform: translateY(-8px); + height: 1px; + width: 80%; + display: inline-block; + background-color: black; +} + +#library { + display: flex; + flex-direction: row; +} + +#study { + flex: 0 1 auto; +} + +#study-inner { + background-color: var(--deepcream); + padding: 40px; + margin: 10px; + border-radius: 20px; + position: sticky; + top: 40%; +} + +#study-inner > div { + border-top: 1px solid black; + padding: 20px; + color: #111111; +} + +#libpages { + flex: 1 1 min-content; +} \ No newline at end of file diff --git a/site/main.js b/site/main.js new file mode 100644 index 0000000..f0a5032 --- /dev/null +++ b/site/main.js @@ -0,0 +1,13 @@ +window.onresize = () => { // stupid hack for mobile browsers. Won't do anything on desktop. + document.getElementById("main").style.height = window.innerHeight + "px"; + document.getElementById("bg").style.height = window.innerHeight + "px"; +}; + +window.onresize(); + +if (localStorage.refered) { + delete localStorage.refered; + document.getElementById("shape").scrollIntoView({ + "behavior": "smooth" + }); +} \ No newline at end of file diff --git a/site/res/Avraham_Society.png b/site/res/Avraham_Society.png new file mode 100644 index 0000000..9ff4234 Binary files /dev/null and b/site/res/Avraham_Society.png differ diff --git a/site/res/Avraham_Society_icon.png b/site/res/Avraham_Society_icon.png new file mode 100644 index 0000000..aeeba3e Binary files /dev/null and b/site/res/Avraham_Society_icon.png differ diff --git a/site/res/Cantarell-VF.otf b/site/res/Cantarell-VF.otf new file mode 100644 index 0000000..9586afb --- /dev/null +++ b/site/res/Cantarell-VF.otf @@ -0,0 +1,504 @@ + + + + + + + GNOME – Simple, beautiful, elegant. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + + + + +
+ + + +
+ + +
+ + +
+ + + +
+ + +
+ + + + + + + +
GNOME 40
+ + + + + + + +

Get things done with ease, comfort, and control.

+ + + +

An easy and elegant way to use your computer, GNOME 43 is designed to help you have the best possible computing experience.

+ + + +
+
Get GNOME
+
+ + + + + + + +
+ + + + + + + +
GNOME 40 overview
+

Simple and Easy to Use

+ + + +

Every part of GNOME 43 has been designed to make it simple and easy to use. The Activities Overview is a simple way to access all your basic tasks. A press of a button is all it takes to view your open windows, launch applications, or check if you have new messages. Having everything in one convenient place means you don’t have to learn your way around a maze of different technologies.

+
+ + + +
+ + + +
GNOME 40 folders
+

Intuitive and Efficient

+ + + +

GNOME 43 provides a focused working environment that helps you get things done. It is packed with features that will make you more productive: a powerful search feature that helps you access all your work from one place; side-by-side windows that make it easy to view several documents at the same time; seamless integration with online accounts which allows you to access all your data in one place; and a messaging system that comfortably deals with notifications, letting you quickly respond in place or return to them in a convenient time.

+
+ + + +
+ + + +
+

Finely Crafted

+ + + +

Every aspect of GNOME 43 has been crafted to fit together as a harmonious whole, providing a consistent and integrated experience. Our attention to detail means a smooth and polished product that lets you do the things you want without getting in the way. GNOME 43 is satisfying to use and beautiful to behold.

+
+ + + + + + + +
+ + + +
+ + + + + + + +

And much, much more…

+ + + +
+
Get GNOME
+
+ + + +
+ + + +

GNOME Supporters

+ + + +

GNOME is supported by our generous network of supporters—one-time donors, sponsors, Friends of GNOME, infrastructure supporters, and our Advisory Board.

+ + +
CDN77
OSL Open Source Lab
DigitalOcean
Codethink
AWS
SUSE
sugarlabs
Red Hat
Google
Endless
Debian
Canonical
The Document Foundation
+ + + +
+
Learn More
+
+ + +
+ +
+ + +
+ + +
+ + +
+ + + +
+ + + + + + + + + +
+ + +
+ + + + + + + +
+ + Close Menu + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/site/res/Lobster-Regular.ttf b/site/res/Lobster-Regular.ttf new file mode 100644 index 0000000..21c0073 Binary files /dev/null and b/site/res/Lobster-Regular.ttf differ diff --git a/site/res/arrow-left.svg b/site/res/arrow-left.svg new file mode 100644 index 0000000..b566d23 --- /dev/null +++ b/site/res/arrow-left.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + diff --git a/site/res/arrow-none.svg b/site/res/arrow-none.svg new file mode 100644 index 0000000..5960995 --- /dev/null +++ b/site/res/arrow-none.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + diff --git a/site/res/arrow-right-2.svg b/site/res/arrow-right-2.svg new file mode 100644 index 0000000..8a45f22 --- /dev/null +++ b/site/res/arrow-right-2.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + diff --git a/site/res/arrow-right.svg b/site/res/arrow-right.svg new file mode 100644 index 0000000..d8b7f62 --- /dev/null +++ b/site/res/arrow-right.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + diff --git a/site/res/bwrg.svg b/site/res/bwrg.svg new file mode 100644 index 0000000..b3e94d1 --- /dev/null +++ b/site/res/bwrg.svg @@ -0,0 +1,70 @@ + + + + + + + + + + + + + diff --git a/site/res/librarrow.svg b/site/res/librarrow.svg new file mode 100644 index 0000000..83d8e9a --- /dev/null +++ b/site/res/librarrow.svg @@ -0,0 +1,21 @@ + + + + + + + + + diff --git a/site/res/web_hamburger_icon.svg b/site/res/web_hamburger_icon.svg new file mode 100644 index 0000000..ce75e0e --- /dev/null +++ b/site/res/web_hamburger_icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/templates/default.html b/site/templates/default.html new file mode 100644 index 0000000..ed86211 --- /dev/null +++ b/site/templates/default.html @@ -0,0 +1,90 @@ +[?] +[=baseurl http://localhost:8080] + + + + + + + + + + Avraham Society | [^title] + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
Avraham Society
+ May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though. +
+
+
+
+

[^title]

+
+ [^content] +
+ +
+

+ Quick informative blurb, social links, etc. +

+

+ Could follow a number of different designs; this is the most basic possibility. +

+
+
+
Website by Tyler Clarke.
+
+ + + \ No newline at end of file