yisroelbaum/TIDE
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add community destination links

Browse source
This commit is contained in:
Yisroel Baum 2026-08-10 22:45:01 +03:00
parent b502ad2393
commit e6ccc7ebe1
Signed by: yisroelbaum
GPG key ID: 0FA60884F75520A9
2 changed files with 123 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

66
site/index.html
View file

@ -77,10 +77,10 @@
<a
class="button button--small"
href="https://discourse.torahimderecheretz.com"
href="#community"
>
Join the Forum
<span aria-hidden="true">↗</span>
Connect
<span aria-hidden="true">↓</span>
</a>
</div>
</header>
@ -100,10 +100,10 @@
<div class="hero__actions">
<a
class="button button--primary"
href="https://discourse.torahimderecheretz.com"
href="#community"
>
Join the Forum
<span aria-hidden="true">↗</span>
Join the Community
<span aria-hidden="true">↓</span>
</a>
<a class="text-link" href="#vision">
Explore the vision
@ -233,22 +233,57 @@
<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.
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="Forum topics">
<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="button button--light"
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"
>
Join the Forum
<span aria-hidden="true">↗</span>
<span class="community-link__title">Forum</span>
<span class="community-link__arrow" aria-hidden="true">↗</span>
<span class="community-link__description">
Discuss Rav Hirsch’s 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>
@ -273,7 +308,12 @@
<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">

80
site/styles.css
View file

@ -274,16 +274,6 @@ cite {
color: var(--color-white);
}
.button--light {
border-color: var(--color-paper);
background: var(--color-paper);
color: var(--color-forest-dark);
}
.button--light:hover {
background: var(--color-white);
}
.hero {
position: relative;
min-height: calc(100svh - 5.25rem);
@ -617,7 +607,7 @@ cite {
.community__inner {
position: relative;
z-index: 1;
max-width: 52rem;
max-width: 62rem;
margin-inline: auto;
text-align: center;
}
@ -656,6 +646,59 @@ cite {
letter-spacing: 0.04em;
}
.community__links {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
text-align: left;
}
.community-link {
display: grid;
grid-template-columns: 1fr auto;
align-content: start;
min-height: 9.5rem;
padding: 1.35rem 1.5rem;
border: 1px solid rgb(244 240 230 / 30%);
background: rgb(244 240 230 / 6%);
text-decoration: none;
transition:
background-color 160ms ease,
border-color 160ms ease,
transform 160ms ease;
}
.community-link:hover {
transform: translateY(-2px);
border-color: var(--color-brass);
background: rgb(244 240 230 / 11%);
}
.community-link:focus-visible {
outline-color: var(--color-paper);
}
.community-link__title {
color: var(--color-white);
font-family: var(--font-display);
font-size: 1.25rem;
line-height: 1.3;
}
.community-link__arrow {
color: #e5c997;
font-size: 1.2rem;
line-height: 1;
}
.community-link__description {
grid-column: 1 / -1;
margin-top: 0.7rem;
color: rgb(244 240 230 / 76%);
font-size: 0.92rem;
line-height: 1.5;
}
.site-footer {
padding-block: 4.5rem 2rem;
background: var(--color-forest-dark);
@ -687,7 +730,9 @@ cite {
.site-footer nav {
display: flex;
gap: 2rem;
flex-wrap: wrap;
justify-content: flex-end;
gap: 1rem 1.5rem;
}
.site-footer nav a {
@ -826,6 +871,14 @@ cite {
margin-bottom: 1.4rem;
}
.community__links {
grid-template-columns: 1fr;
}
.community-link {
min-height: auto;
}
.site-footer__main,
.site-footer__legal {
align-items: flex-start;
@ -833,8 +886,7 @@ cite {
}
.site-footer nav {
flex-wrap: wrap;
gap: 1rem 1.5rem;
justify-content: flex-start;
}
}