diff --git a/about.html b/about.html new file mode 100644 index 0000000..f67d22b --- /dev/null +++ b/about.html @@ -0,0 +1,218 @@ + + + + + + + + + About Shiloh Echo '26 | Christian Family Retreat in North Idaho + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + +
+ + + + + \ No newline at end of file diff --git a/components/footer.html b/components/footer.html index 4672c85..2dcd4cb 100644 --- a/components/footer.html +++ b/components/footer.html @@ -46,8 +46,10 @@

company

- about + about + contact + privacy + terms careers - contact
diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..4d7db17 --- /dev/null +++ b/contact.html @@ -0,0 +1,187 @@ + + + + + + + + Contact | Shiloh Echo '26 Christian Family Retreat + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + +
+ + + + + \ No newline at end of file diff --git a/css/styles.css b/css/styles.css index 49f91b6..bebd944 100644 --- a/css/styles.css +++ b/css/styles.css @@ -2411,6 +2411,97 @@ footer { align-self: flex-start; } +/* ---------- Testimonials ---------- */ + +.testimonials { + padding: 80px 24px; + display: flex; + flex-direction: column; + align-items: center; + gap: 24px; + background: var(--bg-page); +} + +.testimonials__title { + font-family: var(--font-display); + font-size: clamp(2rem, 4vw, 3rem); + text-align: center; + margin: 0; +} + +.testimonials__intro { + text-align: center; + max-width: 720px; + font-size: 1.05rem; + color: var(--text-body); + margin: 0; + line-height: 1.6; +} + +.testimonials__embed { + width: 100%; + max-width: 1000px; + margin-top: 16px; + aspect-ratio: 16 / 9; + border-radius: 16px; + overflow: hidden; + box-shadow: 0 12px 32px rgba(67, 120, 107, 0.15); + background: var(--bg-surface); +} + +.testimonials__embed iframe { + width: 100%; + height: 100%; + border: 0; + display: block; +} + +.testimonials__transcript { + width: 100%; + max-width: 720px; + margin-top: 16px; + background: var(--bg-surface); + border-radius: 12px; + padding: 16px 20px; + border: 1px solid rgba(67, 120, 107, 0.15); +} + +.testimonials__transcript-toggle { + cursor: pointer; + font-weight: 600; + list-style: none; + display: flex; + align-items: center; + gap: 8px; + color: var(--text-body); +} + +.testimonials__transcript-toggle::-webkit-details-marker { + display: none; +} + +.testimonials__transcript[open] .testimonials__transcript-toggle { + margin-bottom: 12px; +} + +.testimonials__transcript-list { + margin: 0; + padding-left: 1.25rem; + font-size: 0.95rem; + line-height: 1.6; + color: var(--text-body); +} + +.testimonials__transcript-list li { + margin-bottom: 8px; +} + +@media (max-width: 960px) { + .testimonials__embed { + aspect-ratio: 16 / 9; + } +} + /* ---------- Challenge ---------- */ .challenge { width: 100%; @@ -4906,3 +4997,109 @@ footer { .tickets-embed__notes-hero i { color: #8b5cf6 !important; } + +/* ---------- Accessibility helpers ---------- */ + +.skip-link { + position: absolute; + top: -100px; + left: 16px; + background: var(--accent, #43786b); + color: #fff; + padding: 12px 18px; + border-radius: 8px; + z-index: 10000; + text-decoration: none; + font-weight: 600; + transition: top 0.2s ease; +} + +.skip-link:focus { + top: 16px; + outline: 3px solid var(--color-gold, #f9b745); + outline-offset: 2px; +} + +.visually-hidden { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +/* ---------- Legal / Static Pages ---------- */ + +.legal-page { + background: var(--bg-page); + min-height: 60vh; + padding-bottom: 80px; +} + +.legal-hero { + background: var(--bg-surface); + padding: 80px 24px 56px; + text-align: center; + border-bottom: 1px solid rgba(67, 120, 107, 0.1); +} + +.legal-hero__title { + font-family: var(--font-display); + font-size: clamp(2.25rem, 4.5vw, 3.5rem); + margin: 0 0 16px; + color: var(--text-heading, #1a3a2e); +} + +.legal-hero__lead { + max-width: 720px; + margin: 0 auto; + font-size: 1.1rem; + line-height: 1.55; + color: var(--text-body); +} + +.legal-content { + max-width: 760px; + margin: 0 auto; + padding: 56px 24px; + font-size: 1.05rem; + line-height: 1.7; + color: var(--text-body); +} + +.legal-content h2 { + font-family: var(--font-display); + font-size: 1.6rem; + margin: 40px 0 12px; + color: var(--text-heading, #1a3a2e); +} + +.legal-content h2:first-child { + margin-top: 0; +} + +.legal-content p { + margin: 0 0 16px; +} + +.legal-content ul { + margin: 0 0 16px; + padding-left: 1.5rem; +} + +.legal-content li { + margin-bottom: 8px; +} + +.legal-content a { + color: var(--accent, #43786b); +} + +.legal-back { + margin-top: 48px !important; + text-align: center; +} diff --git a/index.html b/index.html index 517ca9e..279576d 100644 --- a/index.html +++ b/index.html @@ -20,21 +20,24 @@ - + + + - + + + + + +

+ Shiloh Echo '26 — Pacific Northwest Christian Family Retreat, + Festival & Worship Concert in Idaho +