TIDE/site/index.html

322 lines
12 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Torah Im Derech Eretz</title>
<meta
name="description"
content="Discover and discuss Rav Samson Raphael Hirsch's vision of Torah for the whole of life."
>
<meta name="theme-color" content="#244a3d">
<link rel="canonical" href="https://torahimderecheretz.com/">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Torah Im Derech Eretz">
<meta property="og:title" content="A Torah vision for the whole of life">
<meta
property="og:description"
content="Explore Rav Samson Raphael Hirsch's enduring approach to Torah, work, education, culture, and community."
>
<meta property="og:url" content="https://torahimderecheretz.com/">
<meta
property="og:image"
content="https://torahimderecheretz.com/assets/social-preview.png"
>
<meta
property="og:image:alt"
content="Torah Im Derech Eretz: A Torah vision for the whole of life"
>
<meta name="twitter:card" content="summary_large_image">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link
rel="preload"
href="/assets/fonts/libre-baskerville-latin.woff2"
as="font"
type="font/woff2"
crossorigin
>
<link
rel="preload"
href="/assets/fonts/source-sans-3-latin.woff2"
as="font"
type="font/woff2"
crossorigin
>
<link
rel="preload"
href="/assets/rav-hirsch-1847.webp"
as="image"
type="image/webp"
>
<link rel="stylesheet" href="/styles.css">
</head>
<body id="top">
<a class="skip-link" href="#main-content">Skip to main content</a>
<header class="site-header">
<div class="container site-header__inner">
<a class="brand" href="#top" aria-label="Torah Im Derech Eretz home">
<span class="brand__seal" aria-hidden="true">
<svg viewBox="0 0 32 32" role="img">
<path d="M7 8.5c3.4 0 6.4 1 9 3.3 2.6-2.3 5.6-3.3 9-3.3v15c-3.5 0-6.5 1-9 3.2-2.5-2.2-5.5-3.2-9-3.2z"/>
<path d="M16 11.8v14.9"/>
</svg>
</span>
<span class="brand__name">Torah Im Derech Eretz</span>
</a>
<nav class="site-nav" aria-label="Primary navigation">
<ul class="site-nav__list">
<li><a href="#vision">The Vision</a></li>
<li><a href="#rav-hirsch">Rav Hirsch</a></li>
<li><a href="#community">Community</a></li>
</ul>
</nav>
</div>
</header>
<main id="main-content">
<section class="hero" aria-labelledby="hero-title">
<div class="hero__ornament" aria-hidden="true">תורה</div>
<div class="container hero__grid">
<div class="hero__content">
<p class="eyebrow" lang="he" dir="rtl">תורה עם דרך ארץ</p>
<h1 id="hero-title">A Torah vision for the whole of life.</h1>
<p class="hero__lede">
Discover and discuss Rav Samson Raphael Hirschs enduring
approach to Torah, work, education, culture, and communal
responsibility.
</p>
<div class="hero__actions">
<a
class="button button--primary"
href="#community"
>
Join the Community
<span aria-hidden="true"></span>
</a>
<a class="text-link" href="#vision">
Explore the vision
<span aria-hidden="true"></span>
</a>
</div>
<p class="hero__note">
A community devoted to learning, living, and sharing the
teachings of Rav Hirsch.
</p>
</div>
<figure class="portrait">
<div class="portrait__frame">
<picture>
<source
srcset="/assets/rav-hirsch-1847.webp"
type="image/webp"
>
<img
src="/assets/rav-hirsch-1847.jpg"
width="960"
height="1005"
alt="Lithographic portrait of Rav Samson Raphael Hirsch as a young man"
>
</picture>
<span class="portrait__dates">1808 · 1888</span>
</div>
<figcaption>Rav Samson Raphael Hirsch</figcaption>
</figure>
</div>
</section>
<section class="vision section" id="vision" aria-labelledby="vision-title">
<div class="container">
<div class="section-heading section-heading--split">
<div>
<p class="eyebrow">The Vision</p>
<h2 id="vision-title">One Torah. A whole life.</h2>
</div>
<p>
Torah Im Derech Eretz is not a division between sacred and
ordinary life. It is a way of allowing Torah to give direction
and purpose to every human pursuit.
</p>
</div>
<div class="principles">
<article class="principle">
<p class="principle__number" aria-hidden="true">01</p>
<div class="principle__rule" aria-hidden="true"></div>
<h3>Torah as the measure</h3>
<p>
Torah is not one compartment among many. Its wisdom and
obligations shape how we understand every part of life.
</p>
</article>
<article class="principle">
<p class="principle__number" aria-hidden="true">02</p>
<div class="principle__rule" aria-hidden="true"></div>
<h3>Engagement with Derech Eretz</h3>
<p>
Work, education, culture, and society become arenas for
responsible service of God and the fulfillment of our task.
</p>
</article>
<article class="principle">
<p class="principle__number" aria-hidden="true">03</p>
<div class="principle__rule" aria-hidden="true"></div>
<h3>A living community</h3>
<p>
Serious learning is carried into practice through thoughtful
conversation, shared resources, and respectful disagreement.
</p>
</article>
</div>
</div>
</section>
<section
class="hirsch section"
id="rav-hirsch"
aria-labelledby="hirsch-title"
>
<div class="container hirsch__grid">
<div class="hirsch__intro">
<p class="eyebrow">Rav Hirsch</p>
<h2 id="hirsch-title">Faithful, thoughtful, and fully alive.</h2>
</div>
<div class="hirsch__copy">
<p class="drop-cap">
Rav Samson Raphael Hirsch was a nineteenth-century rabbi,
commentator, educator, and communal leader. In an age of rapid
social change, he articulated a Judaism of unwavering Torah
commitment and serious engagement with the wider world.
</p>
<p>
Through works such as <cite>The Nineteen Letters</cite>,
<cite>Horeb</cite>, and his Torah commentary, Rav Hirsch taught
that every dimension of human life could be directed toward
<span lang="he-Latn">avodas Hashem</span>, the service of God.
</p>
</div>
<aside class="works" aria-label="Selected works by Rav Hirsch">
<p class="works__label">Selected works</p>
<ul>
<li>The Nineteen Letters</li>
<li>Horeb</li>
<li>Commentary on the Torah</li>
<li>Collected Writings</li>
</ul>
</aside>
</div>
</section>
<section
class="community section"
id="community"
aria-labelledby="community-title"
>
<div class="community__hebrew" aria-hidden="true">יחד</div>
<div class="container community__inner">
<p class="eyebrow eyebrow--light">The Community</p>
<h2 id="community-title">Study deeply. Ask honestly. Build together.</h2>
<p class="community__lede">
Connect with others who believe Torah speaks to the whole of life.
Join the discussion, read articles and essays, or keep up with the
community in the way that suits you.
</p>
<div class="community__topics" aria-label="Community interests">
<span>Source study</span>
<span>Ideas in practice</span>
<span>History and legacy</span>
</div>
<nav class="community__links" aria-label="Community destinations">
<a
class="community-link"
href="https://torah-im-derech-eretz.blogspot.com/"
>
<span class="community-link__title">Blog</span>
<span class="community-link__arrow" aria-hidden="true"></span>
<span class="community-link__description">
Read articles exploring Torah Im Derech Eretz.
</span>
</a>
<a
class="community-link"
href="https://discourse.torahimderecheretz.com"
>
<span class="community-link__title">Forum</span>
<span class="community-link__arrow" aria-hidden="true"></span>
<span class="community-link__description">
Discuss Rav Hirschs teachings with the community.
</span>
</a>
<a
class="community-link"
href="https://tide613.substack.com/"
>
<span class="community-link__title">Substack</span>
<span class="community-link__arrow" aria-hidden="true"></span>
<span class="community-link__description">
Subscribe for essays and new writing.
</span>
</a>
<a
class="community-link"
href="https://chat.whatsapp.com/FLdSwkdiChA9wvXxooUV9K"
>
<span class="community-link__title">WhatsApp</span>
<span class="community-link__arrow" aria-hidden="true"></span>
<span class="community-link__description">
Join the group for conversation and updates.
</span>
</a>
</nav>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container site-footer__main">
<div>
<a class="brand brand--footer" href="#top">
<span class="brand__seal" aria-hidden="true">
<svg viewBox="0 0 32 32" role="img">
<path d="M7 8.5c3.4 0 6.4 1 9 3.3 2.6-2.3 5.6-3.3 9-3.3v15c-3.5 0-6.5 1-9 3.2-2.5-2.2-5.5-3.2-9-3.2z"/>
<path d="M16 11.8v14.9"/>
</svg>
</span>
<span class="brand__name">Torah Im Derech Eretz</span>
</a>
<p class="site-footer__mission">
Learning, living, and sharing the teachings of Rav Samson Raphael
Hirsch.
</p>
</div>
<nav aria-label="Footer navigation">
<a href="#vision">The Vision</a>
<a href="#rav-hirsch">Rav Hirsch</a>
<a href="https://torah-im-derech-eretz.blogspot.com/">Blog</a>
<a href="https://discourse.torahimderecheretz.com">Forum</a>
<a href="https://tide613.substack.com/">Substack</a>
<a href="https://chat.whatsapp.com/FLdSwkdiChA9wvXxooUV9K">
WhatsApp
</a>
</nav>
</div>
<div class="container site-footer__legal">
<p>© Torah Im Derech Eretz</p>
<p>
Portrait: 1847 lithograph by Druck von Schier,
<a
href="https://commons.wikimedia.org/wiki/File:Druck_von_Schier._Samson_Raphael_Hirsch.1847.jpg"
>public domain</a>.
</p>
</div>
</footer>
</body>
</html>