mark
/
msos
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Go-live content: CMS + 2025-26 events (real photos), MK/SI/EN guide & deadline fixes, press interview #20

Merged
popovskik merged 22 commits from release/golive-content into develop 2026-08-26 00:00:14 +00:00
Conversation 0 Commits 22 Files Changed 249 +564 -17
12 changed files with 564 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 954dfb4d7d - Show all commits

8
content/news/meet-student-slovenia-2026/en.md
View File

@ -32,7 +32,7 @@ body_format: html
<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">Under the patronage of</figcaption></figure>
<figure class="event-partner event-partner--lead"><img src="../../../images/partners/ambasada-slo.png" alt="Embassy of the Republic of Slovenia in Skopje" loading="lazy"><figcaption class="event-partner-role">With the support of</figcaption></figure>
<figure class="event-partner"><span class="event-partner-name">Capital Financial Center</span><figcaption class="event-partner-role">Sponsor</figcaption></figure>
<figure class="event-partner"><span class="event-partner-name">Kapital Aset Menadžment DOOEL</span><figcaption class="event-partner-role">Sponsor</figcaption></figure>
</div>
</div>
<h2>Honest conversations about student life in Slovenia</h2>
@ -145,3 +145,9 @@ body_format: html
</div>
</div>
</section>
<section class="event-support">
<span class="event-support-eyebrow"><i class="fas fa-hand-holding-heart" aria-hidden="true"></i> Support MSOS</span>
<h2>Support MSOS and this event</h2>
<p>MSOS is built by students, for students. If you would like to help make Meet Student Slovenia possible, as a partner, a sponsor, or in any other way, we would love to hear from you.</p>
<a class="btn btn-primary-orange" href="../../support/">Become a partner or supporter</a>
</section>

8
content/news/meet-student-slovenia-2026/mk.md
View File

@ -32,7 +32,7 @@ body_format: html
<div class="event-partners">
<figure class="event-partner event-partner--lead"><img src="../../../images/partners/nlb.png" alt="НЛБ Банка Скопје" loading="lazy"><figcaption class="event-partner-role">Покровител на настанот</figcaption></figure>
<figure class="event-partner event-partner--lead"><img src="../../../images/partners/ambasada-slo.png" alt="Амбасада на Република Словенија во Скопје" loading="lazy"><figcaption class="event-partner-role">Со поддршка од</figcaption></figure>
<figure class="event-partner"><span class="event-partner-name">Capital Financial Center</span><figcaption class="event-partner-role">Спонзор</figcaption></figure>
<figure class="event-partner"><span class="event-partner-name">Капитал асет менаџмент ДООЕЛ</span><figcaption class="event-partner-role">Спонзор</figcaption></figure>
</div>
</div>
<h2>Искрено за студентскиот живот во Словенија</h2>
@ -147,3 +147,9 @@ body_format: html
</div>
</div>
</section>
<section class="event-support">
<span class="event-support-eyebrow"><i class="fas fa-hand-holding-heart" aria-hidden="true"></i> Поддржи го МСОС</span>
<h2>Поддржи го МСОС и овој настан</h2>
<p>МСОС го градат студенти, за студенти. Ако сакаш да помогнеш „Запознај ја студентска Словенија“ да се случи, како партнер, спонзор или на кој било друг начин, со задоволство ќе те слушнеме.</p>
<a class="btn btn-primary-orange" href="../../support/">Стани партнер или поддржувач</a>
</section>

8
content/news/meet-student-slovenia-2026/si.md
View File

@ -32,7 +32,7 @@ body_format: html
<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>
@ -147,3 +147,9 @@ body_format: html
</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>

12
css/pages/_event.css
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; }

2
css/pages/_member.css
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; }

12
en/news/meet-student-slovenia-2026/index.html
View File

@ -195,7 +195,7 @@
<span class="newshub-eyebrow">News</span>
<h1>Meet Student Slovenia 2026</h1>
<p class="news-article-date">Published 20 August 2026</p>
<p class="na-lead">Honest, first-hand answers from Macedonian students already living in Slovenia — for future students and their parents.</p>
<p class="na-lead">Honest, first-hand answers from Macedonian students already living in Slovenia, for future students and their parents.</p>
<figure class="news-article-hero">
<img width="1920" height="1280" fetchpriority="high" src="../../../images/event4-img-1.webp" alt="Students and speakers at the Meet Student Slovenia event in Skopje">
<figcaption>Meet Student Slovenia 2024. Photo: MSOS</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">Under the patronage of</figcaption></figure>
<figure class="event-partner event-partner--lead"><img src="../../../images/partners/ambasada-slo.png" alt="Embassy of the Republic of Slovenia in Skopje" loading="lazy"><figcaption class="event-partner-role">With the support of</figcaption></figure>
<figure class="event-partner"><span class="event-partner-name">Capital Financial Center</span><figcaption class="event-partner-role">Sponsor</figcaption></figure>
<figure class="event-partner"><span class="event-partner-name">Kapital Aset Menadžment DOOEL</span><figcaption class="event-partner-role">Sponsor</figcaption></figure>
</div>
</div>
<h2>Honest conversations about student life in Slovenia</h2>
@ -330,6 +330,12 @@
<a class="btn btn-secondary" href="../../projects/meet-student-slovenia-2024/">See last year's event</a>
</div>
</div>
</section>
<section class="event-support">
<span class="event-support-eyebrow"><i class="fas fa-hand-holding-heart" aria-hidden="true"></i> Support MSOS</span>
<h2>Support MSOS and this event</h2>
<p>MSOS is built by students, for students. If you would like to help make Meet Student Slovenia possible, as a partner, a sponsor, or in any other way, we would love to hear from you.</p>
<a class="btn btn-primary-orange" href="../../support/">Become a partner or supporter</a>
</section>
</article>
<section class="newsletter-cta">
@ -412,7 +418,7 @@
<a href="#" class="js-manage-cookies" onclick="if(window.msosOpenConsent){msosOpenConsent();}return false;">Manage cookies</a>
</div>
</div>
<div class="footer-disclaimer"><p>The information on this website is shared by students for general guidance only. It may be incomplete or out of date and is not legal or professional advice — always verify important details with the relevant official institutions. MSOS accepts no liability for errors, omissions, or decisions made based on this content.</p></div>
<div class="footer-disclaimer"><p>The information on this website is shared by students for general guidance only. It may be incomplete or out of date and is not legal or professional advice, always verify important details with the relevant official institutions. MSOS accepts no liability for errors, omissions, or decisions made based on this content.</p></div>
<div class="footer-credit">
<span>Built with the help of Mark and Domen from <a href="https://www.spletnimojster.si" target="_blank" rel="noopener">Spletni Mojster</a> and Kristijan from MSOS. Big thanks to them!</span>
</div>

166
en/support/index.html
View File

@ -195,7 +195,7 @@
<h1>We couldn&rsquo;t have done this alone</h1>
<p class="sup-lead">MSOS began as a handful of volunteers with an idea, and grew into a community that supports Macedonian students across Slovenia. Every event, every guide, every helping hand exists because partners, sponsors and people like you believed in it.</p>
<div class="sup-hero-cta">
<a href="mailto:info@msosorg.com?subject=Partnership%20with%20MSOS" class="btn btn-primary">Become a partner</a>
<a href="#join-form" class="btn btn-primary">Become a partner</a>
<a href="#donate" class="btn btn-secondary">Make a donation</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">Join us</span>
<h2>There is a place for you here</h2>
<p>Choose how you would like to join. It takes a couple of minutes, and you can decide later how active you want to be.</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="Step" data-of="of" 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="Please fill in the required fields." data-cooldown-msg="It looks like you have just sent a request. Please give us a moment before sending another.">Please fill in the required fields.</div>
<div class="ms-step ms-step--path" data-step="path" data-flow="both">
<h3 class="ms-path-prompt">Which one sounds like you?</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>I am a student</strong>
<span class="ms-path-desc">Current students, future students, bachelor and master students, in every Slovenian study city.</span>
<span class="ms-path-go">Choose this <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>I want to support MSOS</strong>
<span class="ms-path-desc">You do not need to be a student to support the community. Contribute through knowledge, partnerships, mentorship, volunteering, sponsorships, media or useful connections.</span>
<span class="ms-path-go">Choose this <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>Tell us who you are</h3>
<div class="ms-grid"><label class="ms-field"><span>First name *</span><input type="text" data-name="firstName" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Last name *</span><input type="text" data-name="lastName" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Email *</span><input type="email" data-name="email" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Phone (optional)</span><input type="tel" data-name="phone" autocomplete="off"></label><label class="ms-field"><span>Current city</span><input type="text" data-name="cityNow" autocomplete="off"></label><label class="ms-field"><span>Preferred contact</span><select data-name="contactPref"><option value="">Select...</option><option value="email">Email</option><option value="whatsapp">WhatsApp</option><option value="phone">Phone</option></select></label></div>
</div>
<div class="ms-step" data-step="s-status" data-flow="student">
<h3>Where are you in your student journey?</h3>
<div class="ms-radios" data-name="status" data-required="1">
<button type="button" class="ms-radio" data-value="studying">I already study in Slovenia</button>
<button type="button" class="ms-radio" data-value="moving">I am preparing to move to Slovenia</button>
<button type="button" class="ms-radio" data-value="exploring">I am still exploring my options</button>
<button type="button" class="ms-radio" data-value="graduated">I recently graduated</button>
</div>
<div class="ms-cond" data-when="studying">
<div class="ms-grid"><label class="ms-field"><span>University</span><input type="text" data-name="university" autocomplete="off"></label><label class="ms-field"><span>Faculty</span><input type="text" data-name="faculty" autocomplete="off"></label><label class="ms-field"><span>Study programme</span><input type="text" data-name="programme" autocomplete="off"></label><label class="ms-field"><span>Study level</span><select data-name="level"><option value="">Select...</option><option value="bachelor">Bachelor</option><option value="master">Master</option></select></label><label class="ms-field"><span>Year of study</span><input type="text" data-name="year" autocomplete="off"></label><label class="ms-field"><span>City of study</span><select data-name="studyCity"><option value="">Select...</option><option value="ljubljana">Ljubljana</option><option value="maribor">Maribor</option><option value="koper">Koper and Primorska</option><option value="nova-gorica">Nova Gorica and Gorizia</option><option value="celje">Celje</option><option value="other">Other</option><option value="unsure">I am not sure yet</option></select></label></div>
</div>
<div class="ms-cond" data-when="moving">
<div class="ms-grid"><label class="ms-field"><span>University</span><input type="text" data-name="university" autocomplete="off"></label><label class="ms-field"><span>Faculty or field of interest</span><input type="text" data-name="field" autocomplete="off"></label><label class="ms-field"><span>Study level</span><select data-name="level"><option value="">Select...</option><option value="bachelor">Bachelor</option><option value="master">Master</option></select></label><label class="ms-field"><span>Intended city</span><select data-name="intendedCity"><option value="">Select...</option><option value="ljubljana">Ljubljana</option><option value="maribor">Maribor</option><option value="koper">Koper and Primorska</option><option value="nova-gorica">Nova Gorica and Gorizia</option><option value="celje">Celje</option><option value="other">Other</option><option value="unsure">I am not sure yet</option></select></label><label class="ms-field"><span>Expected academic year</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>Areas of interest</span><input type="text" data-name="areas" autocomplete="off"></label><label class="ms-field"><span>Study level</span><select data-name="level"><option value="">Select...</option><option value="bachelor">Bachelor</option><option value="master">Master</option></select></label></div>
</div>
</div>
<div class="ms-step" data-step="s-intention" data-flow="student">
<h3>What sounds most like you?</h3>
<p class="ms-hint">Choose as many as you like.</p>
<div class="ms-multi" data-name="intention">
<button type="button" class="ms-chip" data-value="meet">I want to meet people</button>
<button type="button" class="ms-chip" data-value="events">I want to join events</button>
<button type="button" class="ms-chip" data-value="informed">I want to stay informed</button>
<button type="button" class="ms-chip" data-value="support">I am looking for support</button>
<button type="button" class="ms-chip" data-value="volunteer">I want to volunteer</button>
<button type="button" class="ms-chip" data-value="organise">I want to help organise events</button>
<button type="button" class="ms-chip" data-value="projects">I want to join projects</button>
<button type="button" class="ms-chip" data-value="experience">I want to build experience</button>
<button type="button" class="ms-chip" data-value="leadership">I am interested in leadership</button>
<button type="button" class="ms-chip" data-value="figuring">I am still figuring it out</button>
</div>
<p class="ms-msg" data-when="leadership" hidden>We would love to learn about your experience and the kind of responsibility you are interested in.</p>
<p class="ms-msg" data-when="events" hidden>Perfect. You can join the community without taking on any formal responsibility.</p>
<p class="ms-msg" data-when="figuring" hidden>No pressure. Start by staying connected and decide later how involved you want to be.</p>
</div>
<div class="ms-step" data-step="s-interests" data-flow="student">
<h3>What would you like to be part of?</h3>
<p class="ms-hint">Choose as many as you like.</p>
<div class="ms-multi" data-name="interests">
<button type="button" class="ms-chip" data-value="social">Social events</button>
<button type="button" class="ms-chip" data-value="cultural">Cultural events</button>
<button type="button" class="ms-chip" data-value="sports">Sports</button>
<button type="button" class="ms-chip" data-value="support">Student support</button>
<button type="button" class="ms-chip" data-value="creative">Creative projects</button>
<button type="button" class="ms-chip" data-value="humanitarian">Humanitarian activities</button>
<button type="button" class="ms-chip" data-value="professional">Professional development</button>
<button type="button" class="ms-chip" data-value="networking">Networking</button>
<button type="button" class="ms-chip" data-value="media">Media and communication</button>
<button type="button" class="ms-chip" data-value="design">Design and content</button>
<button type="button" class="ms-chip" data-value="partnerships">Partnerships</button>
<button type="button" class="ms-chip" data-value="volunteering">Volunteering</button>
</div>
</div>
<div class="ms-step" data-step="s-city" data-flow="student">
<h3>Where should we connect you?</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 and Primorska</button>
<button type="button" class="ms-radio" data-value="nova-gorica">Nova Gorica and Gorizia</button>
<button type="button" class="ms-radio" data-value="celje">Celje</button>
<button type="button" class="ms-radio" data-value="other">Other</button>
<button type="button" class="ms-radio" data-value="unsure">I am not sure yet</button>
</div>
<p class="ms-msg" data-when="*any" hidden>We will connect you with the MSOS community closest to you.</p>
</div>
<div class="ms-step" data-step="s-personal" data-flow="student">
<h3>What would make MSOS valuable to you? (optional)</h3>
<textarea data-name="personal" rows="4" placeholder="Share anything you hope to find, learn or experience."></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>I agree that MSOS may contact me about my request.</span></label>
<label class="ms-check"><input type="checkbox" data-name="consentPrivacy" data-required="1"> <span>I have read the privacy notice. (<a href="../privacy-policy/">privacy notice</a>)</span></label>
<label class="ms-check"><input type="checkbox" data-name="consentUpdates"> <span>I would like to receive event and community updates.</span></label>
</div>
<div class="ms-step" data-step="p-basic" data-flow="supporter">
<h3>Tell us who you are</h3>
<div class="ms-grid"><label class="ms-field"><span>First name *</span><input type="text" data-name="firstName" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Last name *</span><input type="text" data-name="lastName" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Email *</span><input type="email" data-name="email" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Phone (optional)</span><input type="tel" data-name="phone" autocomplete="off"></label><label class="ms-field"><span>Current city</span><input type="text" data-name="cityNow" autocomplete="off"></label><label class="ms-field"><span>Organisation or company (optional)</span><input type="text" data-name="org" autocomplete="off"></label><label class="ms-field"><span>Role or profession (optional)</span><input type="text" data-name="role" autocomplete="off"></label></div>
</div>
<div class="ms-step" data-step="p-support" data-flow="supporter">
<h3>How would you like to support MSOS?</h3>
<p class="ms-hint">Choose as many as you like.</p>
<div class="ms-multi" data-name="support">
<button type="button" class="ms-chip" data-value="partnerships">Partnerships</button>
<button type="button" class="ms-chip" data-value="sponsorships">Sponsorships</button>
<button type="button" class="ms-chip" data-value="mentorship">Mentorship</button>
<button type="button" class="ms-chip" data-value="volunteering">Volunteering</button>
<button type="button" class="ms-chip" data-value="expertise">Professional expertise</button>
<button type="button" class="ms-chip" data-value="media">Media support</button>
<button type="button" class="ms-chip" data-value="events">Event support</button>
<button type="button" class="ms-chip" data-value="careers">Career opportunities</button>
<button type="button" class="ms-chip" data-value="connections">Community connections</button>
<button type="button" class="ms-chip" data-value="venue">Venue or logistics</button>
</div>
</div>
<div class="ms-step" data-step="p-message" data-flow="supporter">
<h3>Tell us how you would like to contribute (optional)</h3>
<textarea data-name="contribution" rows="4" placeholder="A short note about what you can offer or a project you care about."></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>I agree that MSOS may contact me about my request.</span></label>
<label class="ms-check"><input type="checkbox" data-name="consentPrivacy" data-required="1"> <span>I have read the privacy notice. (<a href="../privacy-policy/">privacy notice</a>)</span></label>
</div>
<div class="ms-nav">
<button type="button" class="btn btn-secondary ms-back" hidden>Back</button>
<button type="button" class="btn btn-primary-orange ms-next" hidden>Continue</button>
<button type="button" class="btn btn-primary-orange ms-submit" data-student="Join MSOS" data-supporter="Support MSOS" hidden>Join 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="Welcome to the community" data-supporter-title="Thank you for supporting MSOS"></h3>
<p class="ms-success-text"
data-student-text="Thank you for reaching out. We are excited to get to know you. A member of the MSOS team will contact you soon." data-supporter-text="We appreciate your interest in the Macedonian student community in Slovenia. Our team will review your message and contact you soon."></p>
<p class="ms-success-next">While you wait</p>
<div class="ms-success-links">
<a class="btn btn-secondary" href="../news/">Explore upcoming events</a>
<a class="btn btn-secondary" href="../student-welcome-guide/">Read the Student Welcome Guide</a>
<a class="btn btn-secondary" href="../projects/">Discover recent projects</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>

11
member-form.js
View File

@ -243,5 +243,16 @@
success.scrollIntoView({ behavior: 'smooth', block: 'center' });
});
// Locked single-flow mode: pages that only offer one path (e.g. the Support
// page, supporter-only) set data-only-flow="supporter" to skip the path
// chooser and start straight in that flow.
var lockedFlow = form.getAttribute('data-only-flow');
if (lockedFlow && FLOWS[lockedFlow]) {
state.path = lockedFlow;
state.order = FLOWS[lockedFlow].filter(function (s) { return s !== 'path'; });
state.idx = 0;
progress.hidden = false;
}
render();
})();

12
mk/news/meet-student-slovenia-2026/index.html
View File

@ -195,7 +195,7 @@
<span class="newshub-eyebrow">Вести</span>
<h1>Запознај ја студентска Словенија 2026</h1>
<p class="news-article-date">Објавено 20 август 2026</p>
<p class="na-lead">Искрени одговори од прва рака од македонски студенти кои веќе живеат во Словенија — за идните студенти и нивните родители.</p>
<p class="na-lead">Искрени одговори од прва рака од македонски студенти кои веќе живеат во Словенија, за идните студенти и нивните родители.</p>
<figure class="news-article-hero">
<img width="1920" height="1280" fetchpriority="high" src="../../../images/event4-img-1.webp" alt="Студенти и говорници на настанот „Запознај ја студентска Словенија“ во Скопје">
<figcaption>Запознај ја студентска Словенија 2024. Фото: МСОС</figcaption>
@ -218,7 +218,7 @@
<div class="event-partners">
<figure class="event-partner event-partner--lead"><img src="../../../images/partners/nlb.png" alt="НЛБ Банка Скопје" loading="lazy"><figcaption class="event-partner-role">Покровител на настанот</figcaption></figure>
<figure class="event-partner event-partner--lead"><img src="../../../images/partners/ambasada-slo.png" alt="Амбасада на Република Словенија во Скопје" loading="lazy"><figcaption class="event-partner-role">Со поддршка од</figcaption></figure>
<figure class="event-partner"><span class="event-partner-name">Capital Financial Center</span><figcaption class="event-partner-role">Спонзор</figcaption></figure>
<figure class="event-partner"><span class="event-partner-name">Капитал асет менаџмент ДООЕЛ</span><figcaption class="event-partner-role">Спонзор</figcaption></figure>
</div>
</div>
<h2>Искрено за студентскиот живот во Словенија</h2>
@ -332,6 +332,12 @@
<a class="btn btn-secondary" href="../../projects/meet-student-slovenia-2024/">Погледнете го минатогодишниот настан</a>
</div>
</div>
</section>
<section class="event-support">
<span class="event-support-eyebrow"><i class="fas fa-hand-holding-heart" aria-hidden="true"></i> Поддржи го МСОС</span>
<h2>Поддржи го МСОС и овој настан</h2>
<p>МСОС го градат студенти, за студенти. Ако сакаш да помогнеш „Запознај ја студентска Словенија“ да се случи, како партнер, спонзор или на кој било друг начин, со задоволство ќе те слушнеме.</p>
<a class="btn btn-primary-orange" href="../../support/">Стани партнер или поддржувач</a>
</section>
</article>
<section class="newsletter-cta">
@ -414,7 +420,7 @@
<a href="#" class="js-manage-cookies" onclick="if(window.msosOpenConsent){msosOpenConsent();}return false;">Управувај со колачиња</a>
</div>
</div>
<div class="footer-disclaimer"><p>Информациите на оваа веб-страница се споделени од студенти само за општо упатство. Може да бидат нецелосни или застарени и не претставуваат правен или професионален совет — секогаш проверувајте ги важните детали кај надлежните официјални институции. МСОС не сноси одговорност за грешки, пропусти или одлуки донесени врз основа на оваа содржина.</p></div>
<div class="footer-disclaimer"><p>Информациите на оваа веб-страница се споделени од студенти само за општо упатство. Може да бидат нецелосни или застарени и не претставуваат правен или професионален совет, секогаш проверувајте ги важните детали кај надлежните официјални институции. МСОС не сноси одговорност за грешки, пропусти или одлуки донесени врз основа на оваа содржина.</p></div>
<div class="footer-credit">
<span>Изработено со помош на Марк и Домен од <a href="https://www.spletnimojster.si" target="_blank" rel="noopener">Сплетни Мојстер</a> и Кристијан од МСОС. Голема благодарност до нив!</span>
</div>

166
mk/support/index.html
View File

@ -195,7 +195,7 @@
<h1>Ова не можевме да го постигнеме без вас</h1>
<p class="sup-lead">МСОС започна како група на волонтери со една идеја, а прерасна во заедница што ги поддржува македонските студенти низ цела Словенија. Секој настан, секој водич, секоја подадена рака постои затоа што партнери, спонзори и луѓе како вас веруваа во нас.</p>
<div class="sup-hero-cta">
<a href="mailto:info@msosorg.com?subject=Партнерство%20со%20МСОС" class="btn btn-primary">Стани партнер</a>
<a href="#join-form" class="btn btn-primary">Стани партнер</a>
<a href="#donate" class="btn btn-secondary">Донирај</a>
</div>
</div>
@ -250,6 +250,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">Приклучи се</span>
<h2>Тука има место за тебе</h2>
<p>Избери како сакаш да се приклучиш. Трае само неколку минути, а колку активен ќе бидеш можеш да одлучиш подоцна.</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="Чекор" data-of="од" 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="Пополни ги задолжителните полиња." data-cooldown-msg="Изгледа дека штотуку испрати пријава. Почекај момент пред да испратиш нова.">Пополни ги задолжителните полиња.</div>
<div class="ms-step ms-step--path" data-step="path" data-flow="both">
<h3 class="ms-path-prompt">Што те опишува подобро?</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>Јас сум студент</strong>
<span class="ms-path-desc">Сегашни и идни студенти, додипломски и магистерски, во секој словенечки студентски град.</span>
<span class="ms-path-go">Избери го ова <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>Сакам да го поддржам МСОС</strong>
<span class="ms-path-desc">Не мора да си студент за да ја поддржиш заедницата. Придонеси со знаење, партнерства, менторство, волонтирање, спонзорства, медиуми или корисни врски.</span>
<span class="ms-path-go">Избери го ова <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>Кажи ни кој си</h3>
<div class="ms-grid"><label class="ms-field"><span>Име *</span><input type="text" data-name="firstName" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Презиме *</span><input type="text" data-name="lastName" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Е-пошта *</span><input type="email" data-name="email" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Телефон (изборно)</span><input type="tel" data-name="phone" autocomplete="off"></label><label class="ms-field"><span>Тековен град</span><input type="text" data-name="cityNow" autocomplete="off"></label><label class="ms-field"><span>Претпочитан контакт</span><select data-name="contactPref"><option value="">Избери...</option><option value="email">Е-пошта</option><option value="whatsapp">WhatsApp</option><option value="phone">Телефон</option></select></label></div>
</div>
<div class="ms-step" data-step="s-status" data-flow="student">
<h3>Каде си на твоето студентско патување?</h3>
<div class="ms-radios" data-name="status" data-required="1">
<button type="button" class="ms-radio" data-value="studying">Веќе студирам во Словенија</button>
<button type="button" class="ms-radio" data-value="moving">Се подготвувам да се преселам во Словенија</button>
<button type="button" class="ms-radio" data-value="exploring">Сè уште ги истражувам можностите</button>
<button type="button" class="ms-radio" data-value="graduated">Неодамна дипломирав</button>
</div>
<div class="ms-cond" data-when="studying">
<div class="ms-grid"><label class="ms-field"><span>Универзитет</span><input type="text" data-name="university" autocomplete="off"></label><label class="ms-field"><span>Факултет</span><input type="text" data-name="faculty" autocomplete="off"></label><label class="ms-field"><span>Студиска програма</span><input type="text" data-name="programme" autocomplete="off"></label><label class="ms-field"><span>Степен на студии</span><select data-name="level"><option value="">Избери...</option><option value="bachelor">Додипломски</option><option value="master">Магистерски</option></select></label><label class="ms-field"><span>Година на студии</span><input type="text" data-name="year" autocomplete="off"></label><label class="ms-field"><span>Град на студирање</span><select data-name="studyCity"><option value="">Избери...</option><option value="ljubljana">Љубљана</option><option value="maribor">Марибор</option><option value="koper">Копер и Приморска</option><option value="nova-gorica">Нова Горица и Горица</option><option value="celje">Целје</option><option value="other">Друго</option><option value="unsure">Сè уште не сум сигурен</option></select></label></div>
</div>
<div class="ms-cond" data-when="moving">
<div class="ms-grid"><label class="ms-field"><span>Универзитет</span><input type="text" data-name="university" autocomplete="off"></label><label class="ms-field"><span>Факултет или област на интерес</span><input type="text" data-name="field" autocomplete="off"></label><label class="ms-field"><span>Степен на студии</span><select data-name="level"><option value="">Избери...</option><option value="bachelor">Додипломски</option><option value="master">Магистерски</option></select></label><label class="ms-field"><span>Предвиден град</span><select data-name="intendedCity"><option value="">Избери...</option><option value="ljubljana">Љубљана</option><option value="maribor">Марибор</option><option value="koper">Копер и Приморска</option><option value="nova-gorica">Нова Горица и Горица</option><option value="celje">Целје</option><option value="other">Друго</option><option value="unsure">Сè уште не сум сигурен</option></select></label><label class="ms-field"><span>Предвидена академска година</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>Области на интерес</span><input type="text" data-name="areas" autocomplete="off"></label><label class="ms-field"><span>Степен на студии</span><select data-name="level"><option value="">Избери...</option><option value="bachelor">Додипломски</option><option value="master">Магистерски</option></select></label></div>
</div>
</div>
<div class="ms-step" data-step="s-intention" data-flow="student">
<h3>Што најмногу ти се допаѓа?</h3>
<p class="ms-hint">Избери колку сакаш.</p>
<div class="ms-multi" data-name="intention">
<button type="button" class="ms-chip" data-value="meet">Сакам да запознавам луѓе</button>
<button type="button" class="ms-chip" data-value="events">Сакам да доаѓам на настани</button>
<button type="button" class="ms-chip" data-value="informed">Сакам да бидам информиран</button>
<button type="button" class="ms-chip" data-value="support">Барам поддршка</button>
<button type="button" class="ms-chip" data-value="volunteer">Сакам да волонтирам</button>
<button type="button" class="ms-chip" data-value="organise">Сакам да помагам во организирање настани</button>
<button type="button" class="ms-chip" data-value="projects">Сакам да се приклучам на проекти</button>
<button type="button" class="ms-chip" data-value="experience">Сакам да стекнам искуство</button>
<button type="button" class="ms-chip" data-value="leadership">Ме интересира лидерство</button>
<button type="button" class="ms-chip" data-value="figuring">Сè уште размислувам</button>
</div>
<p class="ms-msg" data-when="leadership" hidden>Со задоволство би дознале повеќе за твоето искуство и видот одговорност што те интересира.</p>
<p class="ms-msg" data-when="events" hidden>Одлично. Може да се приклучиш на заедницата без никаква формална одговорност.</p>
<p class="ms-msg" data-when="figuring" hidden>Без притисок. Почни со тоа што ќе останеш поврзан, а подоцна одлучи колку сакаш да бидеш вклучен.</p>
</div>
<div class="ms-step" data-step="s-interests" data-flow="student">
<h3>Во што би сакал да учествуваш?</h3>
<p class="ms-hint">Избери колку сакаш.</p>
<div class="ms-multi" data-name="interests">
<button type="button" class="ms-chip" data-value="social">Друженија</button>
<button type="button" class="ms-chip" data-value="cultural">Културни настани</button>
<button type="button" class="ms-chip" data-value="sports">Спорт</button>
<button type="button" class="ms-chip" data-value="support">Поддршка на студенти</button>
<button type="button" class="ms-chip" data-value="creative">Креативни проекти</button>
<button type="button" class="ms-chip" data-value="humanitarian">Хуманитарни активности</button>
<button type="button" class="ms-chip" data-value="professional">Професионален развој</button>
<button type="button" class="ms-chip" data-value="networking">Вмрежување</button>
<button type="button" class="ms-chip" data-value="media">Медиуми и комуникација</button>
<button type="button" class="ms-chip" data-value="design">Дизајн и содржина</button>
<button type="button" class="ms-chip" data-value="partnerships">Партнерства</button>
<button type="button" class="ms-chip" data-value="volunteering">Волонтирање</button>
</div>
</div>
<div class="ms-step" data-step="s-city" data-flow="student">
<h3>Каде да те поврземе?</h3>
<div class="ms-radios" data-name="connectCity">
<button type="button" class="ms-radio" data-value="ljubljana">Љубљана</button>
<button type="button" class="ms-radio" data-value="maribor">Марибор</button>
<button type="button" class="ms-radio" data-value="koper">Копер и Приморска</button>
<button type="button" class="ms-radio" data-value="nova-gorica">Нова Горица и Горица</button>
<button type="button" class="ms-radio" data-value="celje">Целје</button>
<button type="button" class="ms-radio" data-value="other">Друго</button>
<button type="button" class="ms-radio" data-value="unsure">Сè уште не сум сигурен</button>
</div>
<p class="ms-msg" data-when="*any" hidden>Ќе те поврземе со најблиската заедница на МСОС.</p>
</div>
<div class="ms-step" data-step="s-personal" data-flow="student">
<h3>Што би го направило МСОС вредно за тебе? (изборно)</h3>
<textarea data-name="personal" rows="4" placeholder="Напиши што се надеваш дека ќе најдеш, научиш или доживееш."></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>Се согласувам МСОС да ме контактира во врска со мојата пријава.</span></label>
<label class="ms-check"><input type="checkbox" data-name="consentPrivacy" data-required="1"> <span>Ја прочитав изјавата за приватност. (<a href="../privacy-policy/">изјавата за приватност</a>)</span></label>
<label class="ms-check"><input type="checkbox" data-name="consentUpdates"> <span>Сакам да примам новости за настани и заедницата.</span></label>
</div>
<div class="ms-step" data-step="p-basic" data-flow="supporter">
<h3>Кажи ни кој си</h3>
<div class="ms-grid"><label class="ms-field"><span>Име *</span><input type="text" data-name="firstName" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Презиме *</span><input type="text" data-name="lastName" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Е-пошта *</span><input type="email" data-name="email" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Телефон (изборно)</span><input type="tel" data-name="phone" autocomplete="off"></label><label class="ms-field"><span>Тековен град</span><input type="text" data-name="cityNow" autocomplete="off"></label><label class="ms-field"><span>Организација или компанија (изборно)</span><input type="text" data-name="org" autocomplete="off"></label><label class="ms-field"><span>Улога или професија (изборно)</span><input type="text" data-name="role" autocomplete="off"></label></div>
</div>
<div class="ms-step" data-step="p-support" data-flow="supporter">
<h3>Како сакаш да го поддржиш МСОС?</h3>
<p class="ms-hint">Избери колку сакаш.</p>
<div class="ms-multi" data-name="support">
<button type="button" class="ms-chip" data-value="partnerships">Партнерства</button>
<button type="button" class="ms-chip" data-value="sponsorships">Спонзорства</button>
<button type="button" class="ms-chip" data-value="mentorship">Менторство</button>
<button type="button" class="ms-chip" data-value="volunteering">Волонтирање</button>
<button type="button" class="ms-chip" data-value="expertise">Стручно знаење</button>
<button type="button" class="ms-chip" data-value="media">Медиумска поддршка</button>
<button type="button" class="ms-chip" data-value="events">Поддршка на настани</button>
<button type="button" class="ms-chip" data-value="careers">Кариерни можности</button>
<button type="button" class="ms-chip" data-value="connections">Врски во заедницата</button>
<button type="button" class="ms-chip" data-value="venue">Простор или логистика</button>
</div>
</div>
<div class="ms-step" data-step="p-message" data-flow="supporter">
<h3>Кажи ни како сакаш да придонесеш (изборно)</h3>
<textarea data-name="contribution" rows="4" placeholder="Кратка белешка за тоа што можеш да понудиш или проект што ти е важен."></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>Се согласувам МСОС да ме контактира во врска со мојата пријава.</span></label>
<label class="ms-check"><input type="checkbox" data-name="consentPrivacy" data-required="1"> <span>Ја прочитав изјавата за приватност. (<a href="../privacy-policy/">изјавата за приватност</a>)</span></label>
</div>
<div class="ms-nav">
<button type="button" class="btn btn-secondary ms-back" hidden>Назад</button>
<button type="button" class="btn btn-primary-orange ms-next" hidden>Продолжи</button>
<button type="button" class="btn btn-primary-orange ms-submit" data-student="Приклучи се на МСОС" data-supporter="Поддржи го МСОС" hidden>Приклучи се на МСОС</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="Добредојде во заедницата" data-supporter-title="Ти благодариме за поддршката на МСОС"></h3>
<p class="ms-success-text"
data-student-text="Ти благодариме што се пријави. Се радуваме што ќе те запознаеме. Член на тимот на МСОС наскоро ќе те контактира." data-supporter-text="Го цениме твојот интерес за македонската студентска заедница во Словенија. Тимот ќе ја прегледа пораката и наскоро ќе те контактира."></p>
<p class="ms-success-next">Додека чекаш</p>
<div class="ms-success-links">
<a class="btn btn-secondary" href="../news/">Истражи ги претстојните настани</a>
<a class="btn btn-secondary" href="../student-welcome-guide/">Прочитај го студентскиот водич</a>
<a class="btn btn-secondary" href="../projects/">Откриј ги неодамнешните проекти</a>
</div>
</div>
</section>
<!-- Where your support goes -->
<section class="sup-section sup-section--tint">
<div class="sup-inner">
@ -430,6 +593,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>

10
si/news/meet-student-slovenia-2026/index.html
View File

@ -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">

166
si/support/index.html
View File

@ -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>