add static landing page
This commit is contained in:
parent
26a5baf72a
commit
37b7e4f619
GPG key ID:
0FA60884F75520A9
20 changed files with 1564 additions and 11 deletions
290
site/index.html
Normal file
290
site/index.html
Normal file
|
|
@ -0,0 +1,290 @@
|
|||
<!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>
|
||||
|
||||
<a
|
||||
class="button button--small"
|
||||
href="https://discourse.torahimderecheretz.com"
|
||||
>
|
||||
Join the Forum
|
||||
<span aria-hidden="true">↗</span>
|
||||
</a>
|
||||
</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 Hirsch’s enduring
|
||||
approach to Torah, work, education, culture, and communal
|
||||
responsibility.
|
||||
</p>
|
||||
<div class="hero__actions">
|
||||
<a
|
||||
class="button button--primary"
|
||||
href="https://discourse.torahimderecheretz.com"
|
||||
>
|
||||
Join the Forum
|
||||
<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">
|
||||
Join a thoughtful forum for discussing Rav Hirsch’s writings,
|
||||
applying his ideas, sharing resources, and learning with others
|
||||
who believe Torah speaks to the whole of life.
|
||||
</p>
|
||||
<div class="community__topics" aria-label="Forum topics">
|
||||
<span>Source study</span>
|
||||
<span>Ideas in practice</span>
|
||||
<span>History and legacy</span>
|
||||
</div>
|
||||
<a
|
||||
class="button button--light"
|
||||
href="https://discourse.torahimderecheretz.com"
|
||||
>
|
||||
Join the Forum
|
||||
<span aria-hidden="true">↗</span>
|
||||
</a>
|
||||
</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://discourse.torahimderecheretz.com">Forum</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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue