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
1 parent
270df5b2f8
commit
954dfb4d7d
12 files changed
+564
-17
No files matched your search
@@ -195,7 +195,7 @@
|
||||
<span class="newshub-eyebrow">Novice</span>
|
||||
<h1>Spoznaj študentsko Slovenijo 2026</h1>
|
||||
<p class="news-article-date">Objavljeno 20 avgust 2026</p>
|
||||
<p class="na-lead">Iskreni odgovori iz prve roke od makedonskih študentov, ki že živijo v Sloveniji — za bodoče študente in njihove starše.</p>
|
||||
<p class="na-lead">Iskreni odgovori iz prve roke od makedonskih študentov, ki že živijo v Sloveniji, za bodoče študente in njihove starše.</p>
|
||||
<figure class="news-article-hero">
|
||||
<img width="1920" height="1280" fetchpriority="high" src="../../../images/event4-img-1.webp" alt="Študenti in govorci na dogodku „Spoznaj študentsko Slovenijo“ v Skopju">
|
||||
<figcaption>Spoznaj študentsko Slovenijo 2024. Foto: MŠOS</figcaption>
|
||||
@@ -218,7 +218,7 @@
|
||||
<div class="event-partners">
|
||||
<figure class="event-partner event-partner--lead"><img src="../../../images/partners/nlb.png" alt="NLB Banka Skopje" loading="lazy"><figcaption class="event-partner-role">Pokrovitelj dogodka</figcaption></figure>
|
||||
<figure class="event-partner event-partner--lead"><img src="../../../images/partners/ambasada-slo.png" alt="Veleposlaništvo Republike Slovenije v Skopju" loading="lazy"><figcaption class="event-partner-role">S podporo</figcaption></figure>
|
||||
<figure class="event-partner"><span class="event-partner-name">Capital Financial Center</span><figcaption class="event-partner-role">Sponzor</figcaption></figure>
|
||||
<figure class="event-partner"><span class="event-partner-name">Kapital Aset Menadžment DOOEL</span><figcaption class="event-partner-role">Sponzor</figcaption></figure>
|
||||
</div>
|
||||
</div>
|
||||
<h2>Iskreno o študentskem življenju v Sloveniji</h2>
|
||||
@@ -332,6 +332,12 @@
|
||||
<a class="btn btn-secondary" href="../../projects/meet-student-slovenia-2024/">Oglejte si lanski dogodek</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="event-support">
|
||||
<span class="event-support-eyebrow"><i class="fas fa-hand-holding-heart" aria-hidden="true"></i> Podpri MŠOS</span>
|
||||
<h2>Podpri MŠOS in ta dogodek</h2>
|
||||
<p>MŠOS ustvarjajo študenti za študente. Če želite pomagati, da dogodek Spoznaj študentsko Slovenijo uspe, kot partner, sponzor ali kako drugače, se z veseljem slišimo.</p>
|
||||
<a class="btn btn-primary-orange" href="../../support/">Postani partner ali podpornik</a>
|
||||
</section>
|
||||
</article>
|
||||
<section class="newsletter-cta">
|
||||
|
||||
+165
-1
@@ -195,7 +195,7 @@
|
||||
<h1>Tega ne bi zmogli sami</h1>
|
||||
<p class="sup-lead">MSOS se je začel s peščico prostovoljcev in eno idejo, prerasel pa je v skupnost, ki podpira makedonske študente po vsej Sloveniji. Vsak dogodek, vsak vodnik, vsaka pomoč obstaja zato, ker so partnerji, sponzorji in ljudje, kot ste vi, verjeli v to.</p>
|
||||
<div class="sup-hero-cta">
|
||||
<a href="mailto:info@msosorg.com?subject=Partnerstvo%20z%20MSOS" class="btn btn-primary">Postanite partner</a>
|
||||
<a href="#join-form" class="btn btn-primary">Postanite partner</a>
|
||||
<a href="#donate" class="btn btn-secondary">Podarite donacijo</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -252,6 +252,169 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Become a partner / supporter form (same flow as Become a member, supporter path only) -->
|
||||
<section class="ms-section" id="join-form">
|
||||
<div class="ms-head">
|
||||
<span class="ms-eyebrow">Pridruži se</span>
|
||||
<h2>Tukaj je prostor zate</h2>
|
||||
<p>Izberi, kako se želiš pridružiti. Vzame le nekaj minut, kako aktiven boš, pa se lahko odločiš pozneje.</p>
|
||||
</div>
|
||||
<form class="ms-form" data-only-flow="supporter" novalidate>
|
||||
<div class="ms-hp" aria-hidden="true"><label>Do not fill this in<input type="text" name="company" tabindex="-1" autocomplete="off"></label></div>
|
||||
<div class="ms-progress" data-step="Korak" data-of="od" hidden><div class="ms-progress-track"><div class="ms-progress-bar"></div></div><span class="ms-progress-text"></span></div>
|
||||
<div class="ms-alert" hidden data-required-msg="Izpolni obvezna polja." data-cooldown-msg="Videti je, da si pravkar poslal prošnjo. Počakaj trenutek, preden pošlješ novo.">Izpolni obvezna polja.</div>
|
||||
|
||||
<div class="ms-step ms-step--path" data-step="path" data-flow="both">
|
||||
<h3 class="ms-path-prompt">Kaj te bolje opiše?</h3>
|
||||
<div class="ms-paths">
|
||||
<button type="button" class="ms-path ms-path--student" data-path="student">
|
||||
<span class="ms-path-ico"><i class="fas fa-graduation-cap" aria-hidden="true"></i></span>
|
||||
<strong>Sem študent</strong>
|
||||
<span class="ms-path-desc">Sedanji in bodoči študenti, dodiplomski in magistrski, v vsakem slovenskem študijskem mestu.</span>
|
||||
<span class="ms-path-go">Izberi to <i class="fas fa-arrow-right" aria-hidden="true"></i></span>
|
||||
</button>
|
||||
<button type="button" class="ms-path ms-path--supporter" data-path="supporter">
|
||||
<span class="ms-path-ico"><i class="fas fa-handshake-angle" aria-hidden="true"></i></span>
|
||||
<strong>Želim podpreti MSOS</strong>
|
||||
<span class="ms-path-desc">Ni ti treba biti študent, da podpiraš skupnost. Prispevaj z znanjem, partnerstvi, mentorstvom, prostovoljstvom, sponzorstvi, mediji ali povezavami.</span>
|
||||
<span class="ms-path-go">Izberi to <i class="fas fa-arrow-right" aria-hidden="true"></i></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="ms-step" data-step="s-basic" data-flow="student">
|
||||
<h3>Povej nam, kdo si</h3>
|
||||
<div class="ms-grid"><label class="ms-field"><span>Ime *</span><input type="text" data-name="firstName" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Priimek *</span><input type="text" data-name="lastName" data-required="1" autocomplete="off"></label><label class="ms-field"><span>E-pošta *</span><input type="email" data-name="email" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Telefon (neobvezno)</span><input type="tel" data-name="phone" autocomplete="off"></label><label class="ms-field"><span>Trenutno mesto</span><input type="text" data-name="cityNow" autocomplete="off"></label><label class="ms-field"><span>Želen način stika</span><select data-name="contactPref"><option value="">Izberi...</option><option value="email">E-pošta</option><option value="whatsapp">WhatsApp</option><option value="phone">Telefon</option></select></label></div>
|
||||
</div>
|
||||
<div class="ms-step" data-step="s-status" data-flow="student">
|
||||
<h3>Kje si na svoji študentski poti?</h3>
|
||||
<div class="ms-radios" data-name="status" data-required="1">
|
||||
<button type="button" class="ms-radio" data-value="studying">Že študiram v Sloveniji</button>
|
||||
<button type="button" class="ms-radio" data-value="moving">Pripravljam se na selitev v Slovenijo</button>
|
||||
<button type="button" class="ms-radio" data-value="exploring">Še vedno raziskujem možnosti</button>
|
||||
<button type="button" class="ms-radio" data-value="graduated">Nedavno sem diplomiral</button>
|
||||
</div>
|
||||
<div class="ms-cond" data-when="studying">
|
||||
<div class="ms-grid"><label class="ms-field"><span>Univerza</span><input type="text" data-name="university" autocomplete="off"></label><label class="ms-field"><span>Fakulteta</span><input type="text" data-name="faculty" autocomplete="off"></label><label class="ms-field"><span>Študijski program</span><input type="text" data-name="programme" autocomplete="off"></label><label class="ms-field"><span>Stopnja študija</span><select data-name="level"><option value="">Izberi...</option><option value="bachelor">Dodiplomski</option><option value="master">Magistrski</option></select></label><label class="ms-field"><span>Letnik</span><input type="text" data-name="year" autocomplete="off"></label><label class="ms-field"><span>Mesto študija</span><select data-name="studyCity"><option value="">Izberi...</option><option value="ljubljana">Ljubljana</option><option value="maribor">Maribor</option><option value="koper">Koper in Primorska</option><option value="nova-gorica">Nova Gorica in Gorica</option><option value="celje">Celje</option><option value="other">Drugo</option><option value="unsure">Še nisem prepričan</option></select></label></div>
|
||||
</div>
|
||||
<div class="ms-cond" data-when="moving">
|
||||
<div class="ms-grid"><label class="ms-field"><span>Univerza</span><input type="text" data-name="university" autocomplete="off"></label><label class="ms-field"><span>Fakulteta ali področje zanimanja</span><input type="text" data-name="field" autocomplete="off"></label><label class="ms-field"><span>Stopnja študija</span><select data-name="level"><option value="">Izberi...</option><option value="bachelor">Dodiplomski</option><option value="master">Magistrski</option></select></label><label class="ms-field"><span>Predvideno mesto</span><select data-name="intendedCity"><option value="">Izberi...</option><option value="ljubljana">Ljubljana</option><option value="maribor">Maribor</option><option value="koper">Koper in Primorska</option><option value="nova-gorica">Nova Gorica in Gorica</option><option value="celje">Celje</option><option value="other">Drugo</option><option value="unsure">Še nisem prepričan</option></select></label><label class="ms-field"><span>Predvideno študijsko leto</span><input type="text" data-name="academicYear" autocomplete="off"></label></div>
|
||||
</div>
|
||||
<div class="ms-cond" data-when="exploring">
|
||||
<div class="ms-grid"><label class="ms-field"><span>Področja zanimanja</span><input type="text" data-name="areas" autocomplete="off"></label><label class="ms-field"><span>Stopnja študija</span><select data-name="level"><option value="">Izberi...</option><option value="bachelor">Dodiplomski</option><option value="master">Magistrski</option></select></label></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ms-step" data-step="s-intention" data-flow="student">
|
||||
<h3>Kaj ti najbolj ustreza?</h3>
|
||||
<p class="ms-hint">Izberi, kolikor želiš.</p>
|
||||
<div class="ms-multi" data-name="intention">
|
||||
<button type="button" class="ms-chip" data-value="meet">Želim spoznati ljudi</button>
|
||||
<button type="button" class="ms-chip" data-value="events">Želim obiskovati dogodke</button>
|
||||
<button type="button" class="ms-chip" data-value="informed">Želim biti obveščen</button>
|
||||
<button type="button" class="ms-chip" data-value="support">Iščem podporo</button>
|
||||
<button type="button" class="ms-chip" data-value="volunteer">Želim prostovoljčiti</button>
|
||||
<button type="button" class="ms-chip" data-value="organise">Želim pomagati organizirati dogodke</button>
|
||||
<button type="button" class="ms-chip" data-value="projects">Želim se pridružiti projektom</button>
|
||||
<button type="button" class="ms-chip" data-value="experience">Želim pridobiti izkušnje</button>
|
||||
<button type="button" class="ms-chip" data-value="leadership">Zanima me vodenje</button>
|
||||
<button type="button" class="ms-chip" data-value="figuring">Še vedno razmišljam</button>
|
||||
</div>
|
||||
<p class="ms-msg" data-when="leadership" hidden>Z veseljem bi izvedeli več o tvojih izkušnjah in vrsti odgovornosti, ki te zanima.</p>
|
||||
<p class="ms-msg" data-when="events" hidden>Odlično. Skupnosti se lahko pridružiš brez kakršne koli formalne odgovornosti.</p>
|
||||
<p class="ms-msg" data-when="figuring" hidden>Brez pritiska. Začni tako, da ostaneš povezan, in kasneje odloči, kako aktiven želiš biti.</p>
|
||||
</div>
|
||||
<div class="ms-step" data-step="s-interests" data-flow="student">
|
||||
<h3>Česa bi rad bil del?</h3>
|
||||
<p class="ms-hint">Izberi, kolikor želiš.</p>
|
||||
<div class="ms-multi" data-name="interests">
|
||||
<button type="button" class="ms-chip" data-value="social">Družabni dogodki</button>
|
||||
<button type="button" class="ms-chip" data-value="cultural">Kulturni dogodki</button>
|
||||
<button type="button" class="ms-chip" data-value="sports">Šport</button>
|
||||
<button type="button" class="ms-chip" data-value="support">Podpora študentom</button>
|
||||
<button type="button" class="ms-chip" data-value="creative">Ustvarjalni projekti</button>
|
||||
<button type="button" class="ms-chip" data-value="humanitarian">Humanitarne dejavnosti</button>
|
||||
<button type="button" class="ms-chip" data-value="professional">Poklicni razvoj</button>
|
||||
<button type="button" class="ms-chip" data-value="networking">Mreženje</button>
|
||||
<button type="button" class="ms-chip" data-value="media">Mediji in komunikacija</button>
|
||||
<button type="button" class="ms-chip" data-value="design">Oblikovanje in vsebina</button>
|
||||
<button type="button" class="ms-chip" data-value="partnerships">Partnerstva</button>
|
||||
<button type="button" class="ms-chip" data-value="volunteering">Prostovoljstvo</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ms-step" data-step="s-city" data-flow="student">
|
||||
<h3>Kam naj te povežemo?</h3>
|
||||
<div class="ms-radios" data-name="connectCity">
|
||||
<button type="button" class="ms-radio" data-value="ljubljana">Ljubljana</button>
|
||||
<button type="button" class="ms-radio" data-value="maribor">Maribor</button>
|
||||
<button type="button" class="ms-radio" data-value="koper">Koper in Primorska</button>
|
||||
<button type="button" class="ms-radio" data-value="nova-gorica">Nova Gorica in Gorica</button>
|
||||
<button type="button" class="ms-radio" data-value="celje">Celje</button>
|
||||
<button type="button" class="ms-radio" data-value="other">Drugo</button>
|
||||
<button type="button" class="ms-radio" data-value="unsure">Še nisem prepričan</button>
|
||||
</div>
|
||||
<p class="ms-msg" data-when="*any" hidden>Povezali te bomo z najbližjo skupnostjo MSOS.</p>
|
||||
</div>
|
||||
<div class="ms-step" data-step="s-personal" data-flow="student">
|
||||
<h3>Zaradi česa bi ti bil MSOS dragocen? (neobvezno)</h3>
|
||||
<textarea data-name="personal" rows="4" placeholder="Napiši, kaj upaš, da boš našel, se naučil ali doživel."></textarea>
|
||||
</div>
|
||||
<div class="ms-step" data-step="s-consent" data-flow="student">
|
||||
<label class="ms-check"><input type="checkbox" data-name="consentContact" data-required="1"> <span>Strinjam se, da me MSOS lahko kontaktira glede moje prošnje.</span></label>
|
||||
<label class="ms-check"><input type="checkbox" data-name="consentPrivacy" data-required="1"> <span>Prebral sem obvestilo o zasebnosti. (<a href="../privacy-policy/">obvestilo o zasebnosti</a>)</span></label>
|
||||
<label class="ms-check"><input type="checkbox" data-name="consentUpdates"> <span>Želim prejemati novice o dogodkih in skupnosti.</span></label>
|
||||
</div>
|
||||
|
||||
<div class="ms-step" data-step="p-basic" data-flow="supporter">
|
||||
<h3>Povej nam, kdo si</h3>
|
||||
<div class="ms-grid"><label class="ms-field"><span>Ime *</span><input type="text" data-name="firstName" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Priimek *</span><input type="text" data-name="lastName" data-required="1" autocomplete="off"></label><label class="ms-field"><span>E-pošta *</span><input type="email" data-name="email" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Telefon (neobvezno)</span><input type="tel" data-name="phone" autocomplete="off"></label><label class="ms-field"><span>Trenutno mesto</span><input type="text" data-name="cityNow" autocomplete="off"></label><label class="ms-field"><span>Organizacija ali podjetje (neobvezno)</span><input type="text" data-name="org" autocomplete="off"></label><label class="ms-field"><span>Vloga ali poklic (neobvezno)</span><input type="text" data-name="role" autocomplete="off"></label></div>
|
||||
</div>
|
||||
<div class="ms-step" data-step="p-support" data-flow="supporter">
|
||||
<h3>Kako želiš podpreti MSOS?</h3>
|
||||
<p class="ms-hint">Izberi, kolikor želiš.</p>
|
||||
<div class="ms-multi" data-name="support">
|
||||
<button type="button" class="ms-chip" data-value="partnerships">Partnerstva</button>
|
||||
<button type="button" class="ms-chip" data-value="sponsorships">Sponzorstva</button>
|
||||
<button type="button" class="ms-chip" data-value="mentorship">Mentorstvo</button>
|
||||
<button type="button" class="ms-chip" data-value="volunteering">Prostovoljstvo</button>
|
||||
<button type="button" class="ms-chip" data-value="expertise">Strokovno znanje</button>
|
||||
<button type="button" class="ms-chip" data-value="media">Medijska podpora</button>
|
||||
<button type="button" class="ms-chip" data-value="events">Podpora dogodkom</button>
|
||||
<button type="button" class="ms-chip" data-value="careers">Karierne priložnosti</button>
|
||||
<button type="button" class="ms-chip" data-value="connections">Povezave v skupnosti</button>
|
||||
<button type="button" class="ms-chip" data-value="venue">Prostor ali logistika</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ms-step" data-step="p-message" data-flow="supporter">
|
||||
<h3>Povej, kako želiš prispevati (neobvezno)</h3>
|
||||
<textarea data-name="contribution" rows="4" placeholder="Kratek zapis o tem, kaj lahko ponudiš ali kateri projekt ti je pomemben."></textarea>
|
||||
</div>
|
||||
<div class="ms-step" data-step="p-consent" data-flow="supporter">
|
||||
<label class="ms-check"><input type="checkbox" data-name="consentContact" data-required="1"> <span>Strinjam se, da me MSOS lahko kontaktira glede moje prošnje.</span></label>
|
||||
<label class="ms-check"><input type="checkbox" data-name="consentPrivacy" data-required="1"> <span>Prebral sem obvestilo o zasebnosti. (<a href="../privacy-policy/">obvestilo o zasebnosti</a>)</span></label>
|
||||
</div>
|
||||
|
||||
<div class="ms-nav">
|
||||
<button type="button" class="btn btn-secondary ms-back" hidden>Nazaj</button>
|
||||
<button type="button" class="btn btn-primary-orange ms-next" hidden>Naprej</button>
|
||||
<button type="button" class="btn btn-primary-orange ms-submit" data-student="Pridruži se MSOS" data-supporter="Podpri MSOS" hidden>Pridruži se MSOS</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div class="ms-success" hidden>
|
||||
<div class="ms-success-icon"><i class="fas fa-circle-check" aria-hidden="true"></i></div>
|
||||
<h3 class="ms-success-title"
|
||||
data-student-title="Dobrodošel v skupnosti" data-supporter-title="Hvala za podporo MSOS"></h3>
|
||||
<p class="ms-success-text"
|
||||
data-student-text="Hvala, ker si se javil. Veseli nas, da te bomo spoznali. Član ekipe MSOS te bo kmalu kontaktiral." data-supporter-text="Cenimo tvoje zanimanje za makedonsko študentsko skupnost v Sloveniji. Ekipa bo pregledala sporočilo in te kmalu kontaktirala."></p>
|
||||
<p class="ms-success-next">Medtem</p>
|
||||
<div class="ms-success-links">
|
||||
<a class="btn btn-secondary" href="../news/">Razišči prihajajoče dogodke</a>
|
||||
<a class="btn btn-secondary" href="../student-welcome-guide/">Preberi vodnik za študente</a>
|
||||
<a class="btn btn-secondary" href="../projects/">Odkrij nedavne projekte</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Where your support goes -->
|
||||
<section class="sup-section sup-section--tint">
|
||||
<div class="sup-inner">
|
||||
@@ -432,6 +595,7 @@
|
||||
<!-- END_FOOTER -->
|
||||
|
||||
<script src="../../main.js"></script>
|
||||
<script src="../../member-form.js"></script>
|
||||
<link rel="stylesheet" href="/assistant.css">
|
||||
<script src="/assistant.js" defer></script>
|
||||
</body>
|
||||
|
||||
Reference in new issue
Block a user