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

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