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:
popovskikandClaude Opus 4.8 committed 2026-08-20 23:35:43 +02:00
1 parent 270df5b2f8
commit 954dfb4d7d
12 files changed
+564 -17

No files matched your search

+10 -2
View File
@@ -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; }
+1 -1
View File
@@ -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; }