feat(event,support): refine event page + add supporter form to Support page
Event page (Meet Student Slovenia 2026): - Guide-style centred header with wide banner hero and caption - Key facts on a plain background: When/Where side by side, subtle live-stream line, centred Register CTA, full-width note - Partner logos (NLB patron, Embassy support) + sponsor Kapital Aset Menadžment DOOEL / Капитал асет менаџмент ДООЕЛ - Inline photos between sections; em-dash removed from the subtitle - "Support MSOS" call-out linking to the support page Support page: - Added the become-a-member supporter flow (supporter path only) via a new data-only-flow="supporter" mode in member-form.js; submits to the same combined Google Form tagged type=supporter - Hero "Become a partner" button now scrolls to the form - .ms-section carries its own brand vars so the form renders off the member page Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
1 parent
270df5b2f8
commit
954dfb4d7d
12 files changed
+564
-17
No files matched your search
+10
-2
@@ -44,9 +44,9 @@
|
||||
.event-key-stream { font-size: 15px; color: #667085; margin: 4px 0 22px; }
|
||||
.event-key-stream i { color: #2D738C; margin-right: 6px; }
|
||||
.event-key-stream strong { color: #2D738C; font-weight: 600; }
|
||||
.event-key-actions { margin: 0 0 22px; }
|
||||
.event-key-actions { margin: 0 0 18px; }
|
||||
.event-key-cta.btn { padding: 14px 42px; font-size: 16px; border-radius: 10px; }
|
||||
.event-key-note { max-width: 620px; margin: 0 auto; font-size: 14px; line-height: 22px; color: #667085; }
|
||||
.event-key-note { max-width: none; margin: 0; font-size: 18px; line-height: 30px; color: #344054; text-align: left; }
|
||||
|
||||
/* ---- event partners / patron / sponsor ---- */
|
||||
.event-partners {
|
||||
@@ -59,6 +59,14 @@
|
||||
.event-partner--lead img { height: 34px; }
|
||||
.event-partner-name { font-size: 15px; font-weight: 700; color: #344054; }
|
||||
|
||||
/* ---- support / become-a-partner call-out ---- */
|
||||
.event-support { margin: 46px 0 6px; border-radius: 18px; background: linear-gradient(120deg, #F2762E 0%, #E85D2A 46%, #2D738C 100%); color: #fff; padding: 44px 32px; text-align: center; }
|
||||
.event-support-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.92; margin-bottom: 12px; }
|
||||
.event-support h2 { color: #fff; font-size: 28px; line-height: 1.15; margin: 0 0 12px; }
|
||||
.event-support p { color: rgba(255,255,255,0.92); font-size: 17px; line-height: 27px; max-width: 620px; margin: 0 auto 24px; }
|
||||
.event-support .btn { background: #fff; color: #E85D2A; border: none; padding: 14px 34px; font-size: 16px; border-radius: 10px; }
|
||||
.event-support .btn:hover { background: #FFF3EC; }
|
||||
|
||||
/* ---- inline photos between paragraphs (breaks up the text) ---- */
|
||||
.news-article-body .event-inline { margin: 30px 0; }
|
||||
.news-article-body .event-inline img { width: 100%; height: auto; border-radius: 14px; display: block; }
|
||||
|
||||
@@ -145,7 +145,7 @@
|
||||
}
|
||||
|
||||
/* ---- multi-step form ---- */
|
||||
.ms-section { max-width: 760px; margin: 0 auto; padding: 72px 24px; }
|
||||
.ms-section { max-width: 760px; margin: 0 auto; padding: 72px 24px; --mm-orange: #F2762E; --mm-teal: #2D738C; }
|
||||
.ms-head { text-align: center; margin-bottom: 28px; }
|
||||
.ms-eyebrow { display: inline-block; color: var(--mm-orange); font-weight: 700; font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 10px; }
|
||||
.ms-head h2 { font-size: 30px; margin: 0 0 8px; }
|
||||
|
||||
Reference in new issue
Block a user