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

Fix mobile nav/TOC/overflow on article pages + harden membership form 

Mobile fixes (article, guide, get-to-know, projects pages):
- Remove duplicate main.js include site-wide. footer.js emitted a
  <script src=main.js> inside the footer block while pages also load one
  before </body>, so DOMContentLoaded ran twice and every tap toggled the
  mobile menu / article TOC twice (net no-op). Menu and TOC only worked on
  the homepage. Now exactly one main.js per page, before </body>.
- Kill horizontal overflow: add overflow-x: clip to html/body (clips the
  off-canvas mobile nav panel without breaking position: sticky, unlike
  overflow-x: hidden).
- Reset align-items to stretch in the mobile .article-layout-container
  rule; the desktop flex-start made .article-container size to max-content
  width in a column flexbox and overflow the viewport.

Membership form hardening (Become a Member):
- Honeypot field + localStorage cooldown (30s gap, max 3/24h) + stronger
  email regex; trilingual cooldown alert message.
- Apps Script (setup doc): per-email auto-reply dedupe + daily send cap;
  applicant reply is a plain thank-you that never echoes submitted answers.
- Draft HTML welcome email (email-welcome-preview.html) for later use.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
popovskik 2026-08-01 10:59:55 +02:00
parent 7bc249e8a4
commit efb3c6ea39
196 changed files with 83 additions and 203 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
css/base/_base.css
View File

@ -23,11 +23,13 @@
html { html {
/* /*
* POMEMBNO: Ta selektor naj ostane brez `overflow` pravil. * `overflow-x: hidden` na `<html>`/`<body>` bi pokvaril `position: sticky`
* `overflow-x: hidden` na `<html>` ali `<body>` elementu preprečuje * (stranska vrstica in mobilni TOC v člankih). Zato uporabljamo
* pravilno delovanje `position: sticky`, ki ga uporablja stranska * `overflow-x: clip`, ki obreže vodoravni preliv (npr. mobilni meni,
* vrstica v člankih. * ki je zunaj zaslona), NE da bi ustvaril drsni vsebnik, zato `sticky`
* še vedno deluje.
*/ */
overflow-x: clip;
} }
body { body {
@ -35,7 +37,7 @@
margin: 0; margin: 0;
background-color: #FFFFFF; background-color: #FFFFFF;
color: #101828; color: #101828;
/* `overflow-x: hidden;` je bil odstranjen, da omogoči pravilno delovanje `position: sticky`. */ overflow-x: clip;
} }
/* Pravilo za preprečevanje drsenja, ko je mobilni meni odprt. To je pravilno in ostane. */ /* Pravilo za preprečevanje drsenja, ko je mobilni meni odprt. To je pravilno in ostane. */

4
css/pages/_article.css
View File

@ -526,6 +526,10 @@
.article-layout-container { .article-layout-container {
flex-direction: column; flex-direction: column;
/* Reset the desktop `align-items: flex-start`: in a column flexbox it
sizes children to their content width (max-content), which makes
.article-container overflow the viewport. Stretch fits it to width. */
align-items: stretch;
padding: 0; padding: 0;
gap: 0; gap: 0;
} }

2
css/pages/_member.css
View File

@ -111,6 +111,8 @@
.ms-progress-text { display: block; margin-top: 8px; font-size: 12px; font-weight: 600; color: #98A2B3; } .ms-progress-text { display: block; margin-top: 8px; font-size: 12px; font-weight: 600; color: #98A2B3; }
.ms-alert { background: #FEF3F2; color: #B42318; border: 1px solid #FECDCA; border-radius: 10px; padding: 10px 14px; font-size: 14px; margin-bottom: 16px; } .ms-alert { background: #FEF3F2; color: #B42318; border: 1px solid #FECDCA; border-radius: 10px; padding: 10px 14px; font-size: 14px; margin-bottom: 16px; }
.ms-alert[hidden] { display: none; } .ms-alert[hidden] { display: none; }
/* honeypot: off-screen, hidden from users and assistive tech, visible to naive bots */
.ms-hp { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.ms-step[hidden] { display: none; } .ms-step[hidden] { display: none; }
.ms-step h3 { font-size: 20px; margin: 0 0 6px; } .ms-step h3 { font-size: 20px; margin: 0 0 6px; }
.ms-hint { font-size: 14px; color: #98A2B3; margin: 0 0 16px; } .ms-hint { font-size: 14px; color: #98A2B3; margin: 0 0 16px; }

2
en/about-us/index.html
View File

@ -393,9 +393,9 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->
<script src="../../main.js"></script>
</body> </body>
</html> </html>

5
en/become-a-member/index.html
View File

@ -347,8 +347,9 @@
<p>A few friendly questions. You do not need to decide now how active you want to be.</p> <p>A few friendly questions. You do not need to decide now how active you want to be.</p>
</div> </div>
<form class="ms-form" novalidate> <form class="ms-form" 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-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>Please fill in the required fields.</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" data-step="path" data-flow="both"> <div class="ms-step" data-step="path" data-flow="both">
<h3>How would you like to connect with MSOS?</h3> <h3>How would you like to connect with MSOS?</h3>
@ -567,10 +568,10 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->
<script src="../../member-form.js"></script> <script src="../../member-form.js"></script>
<script src="../../main.js"></script>
</body> </body>
</html> </html>

2
en/blog/index.html
View File

@ -348,10 +348,10 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->
<script src="../../blog-filter.js"></script> <script src="../../blog-filter.js"></script>
<script src="../../main.js"></script>
</body> </body>
</html> </html>

1
en/cookie-policy/index.html
View File

@ -283,7 +283,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

2
en/faq/index.html
View File

@ -501,9 +501,9 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->
<script src="../../main.js"></script>
</body> </body>
</html> </html>

1
en/get-to-know-macedonia/a-table-full-of-macedonia/index.html
View File

@ -360,7 +360,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/get-to-know-macedonia/history-you-can-still-walk-through/index.html
View File

@ -366,7 +366,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/get-to-know-macedonia/index.html
View File

@ -335,7 +335,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/get-to-know-macedonia/music-dance-and-the-moments-that-bring-us-together/index.html
View File

@ -366,7 +366,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/get-to-know-macedonia/ohrid-more-than-a-postcard/index.html
View File

@ -358,7 +358,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/get-to-know-macedonia/skopje-a-city-of-many-layers/index.html
View File

@ -348,7 +348,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/get-to-know-macedonia/welcome-to-macedonia/index.html
View File

@ -345,7 +345,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/get-to-know-slovenia/a-first-taste-of-slovenian-food/index.html
View File

@ -350,7 +350,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/get-to-know-slovenia/index.html
View File

@ -335,7 +335,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/get-to-know-slovenia/lake-bled-beyond-the-famous-view/index.html
View File

@ -346,7 +346,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/get-to-know-slovenia/ljubljana-through-our-eyes/index.html
View File

@ -340,7 +340,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/get-to-know-slovenia/slovenian-habits-that-may-surprise-you/index.html
View File

@ -367,7 +367,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/get-to-know-slovenia/slovenias-stories-in-stone-and-tradition/index.html
View File

@ -352,7 +352,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/get-to-know-slovenia/welcome-to-slovenia/index.html
View File

@ -323,7 +323,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

2
en/index.html
View File

@ -509,9 +509,9 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->
<script src="../main.js"></script>
</body> </body>
</html> </html>

2
en/news/index.html
View File

@ -413,10 +413,10 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->
<script src="../../news-filter.js"></script> <script src="../../news-filter.js"></script>
<script src="../../main.js"></script>
</body> </body>
</html> </html>

1
en/privacy-policy/index.html
View File

@ -328,7 +328,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/projects/humanitarian-tournament-in-maribor/index.html
View File

@ -316,7 +316,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/projects/in-memory-of-frosina-kulakova/index.html
View File

@ -265,7 +265,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/projects/in-memory-of-the-kochani-victims/index.html
View File

@ -275,7 +275,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

2
en/projects/index.html
View File

@ -384,9 +384,9 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->
<script src="../../main.js"></script>
</body> </body>
</html> </html>

2
en/projects/macedonian-student-night-in-ljubljana/index.html
View File

@ -368,9 +368,9 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body> </body>
</html> </html>

2
en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html
View File

@ -339,10 +339,10 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body> </body>
</html> </html>

2
en/projects/meet-student-slovenia-2023/index.html
View File

@ -394,9 +394,9 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body> </body>
</html> </html>

2
en/projects/meet-student-slovenia-2024/index.html
View File

@ -390,9 +390,9 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body> </body>
</html> </html>

2
en/projects/morning-coffee-in-front-of-ctk/index.html
View File

@ -354,9 +354,9 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body> </body>
</html> </html>

1
en/projects/paint-and-wine-at-sunset/index.html
View File

@ -299,7 +299,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/projects/watching-handball-together-in-slovenia/index.html
View File

@ -287,7 +287,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/student-welcome-guide/academic-life/index.html
View File

@ -326,7 +326,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/student-welcome-guide/administrative-basics/index.html
View File

@ -323,7 +323,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/student-welcome-guide/admission-and-enrolment/index.html
View File

@ -324,7 +324,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/student-welcome-guide/application-deadlines/index.html
View File

@ -321,7 +321,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/student-welcome-guide/arrival-checklist/index.html
View File

@ -339,7 +339,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/student-welcome-guide/bachelor-application/index.html
View File

@ -351,7 +351,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/student-welcome-guide/choose-a-programme/index.html
View File

@ -342,7 +342,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/student-welcome-guide/complete-student-journey/index.html
View File

@ -367,7 +367,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/student-welcome-guide/document-preparation/index.html
View File

@ -316,7 +316,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/student-welcome-guide/evs-application-guide/index.html
View File

@ -334,7 +334,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/student-welcome-guide/healthcare-in-slovenia/index.html
View File

@ -377,7 +377,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/student-welcome-guide/index.html
View File

@ -482,7 +482,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/student-welcome-guide/master-application/index.html
View File

@ -328,7 +328,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/student-welcome-guide/means-accommodation-address/index.html
View File

@ -400,7 +400,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/student-welcome-guide/my-route/index.html
View File

@ -228,7 +228,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/student-welcome-guide/official-sources-and-checklists/index.html
View File

@ -355,7 +355,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/student-welcome-guide/prepare-to-move/index.html
View File

@ -372,7 +372,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/student-welcome-guide/recognition-of-education/index.html
View File

@ -317,7 +317,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/student-welcome-guide/renew-change-graduate/index.html
View File

@ -326,7 +326,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/student-welcome-guide/rm-si-3-health-insurance/index.html
View File

@ -366,7 +366,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/student-welcome-guide/student-accommodation/index.html
View File

@ -366,7 +366,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/student-welcome-guide/student-budget/index.html
View File

@ -336,7 +336,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/student-welcome-guide/student-meals/index.html
View File

@ -324,7 +324,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/student-welcome-guide/student-organisations-and-extracurriculars/index.html
View File

@ -361,7 +361,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/student-welcome-guide/student-residence-permit/index.html
View File

@ -378,7 +378,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/student-welcome-guide/student-transport/index.html
View File

@ -345,7 +345,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/student-welcome-guide/student-work/index.html
View File

@ -319,7 +319,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/student-welcome-guide/study-cities/index.html
View File

@ -351,7 +351,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/student-welcome-guide/tuition-and-scholarships/index.html
View File

@ -321,7 +321,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/student-welcome-guide/visa-and-residence-explained/index.html
View File

@ -348,7 +348,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/student-welcome-guide/wellbeing-and-community/index.html
View File

@ -315,7 +315,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
en/student-welcome-guide/where-to-apply-for-residence/index.html
View File

@ -386,7 +386,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

2
en/timeline-and-milestones/index.html
View File

@ -474,9 +474,9 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->
<script src="../../main.js"></script>
</body> </body>
</html> </html>

40
member-form.js
View File

@ -117,7 +117,7 @@
} }
next.addEventListener('click', function () { next.addEventListener('click', function () {
if (!validate()) { alertBox.hidden = false; return; } if (!validate()) { alertBox.textContent = alertBox.getAttribute('data-required-msg') || alertBox.textContent; alertBox.hidden = false; return; }
if (state.idx < state.order.length - 1) { state.idx++; render(); form.scrollIntoView({ behavior: 'smooth', block: 'start' }); } if (state.idx < state.order.length - 1) { state.idx++; render(); form.scrollIntoView({ behavior: 'smooth', block: 'start' }); }
}); });
back.addEventListener('click', function () { back.addEventListener('click', function () {
@ -172,10 +172,46 @@
try { fetch(GOOGLE_FORM.action, { method: 'POST', mode: 'no-cors', headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, body: params.toString() }); } catch (e) { } try { fetch(GOOGLE_FORM.action, { method: 'POST', mode: 'no-cors', headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, body: params.toString() }); } catch (e) { }
} }
/* ---- soft anti-abuse: honeypot + localStorage cooldown/cap ----
A static site cannot rate-limit by IP (no backend). These are client-side
soft limits that stop casual flooding and bots; the Apps Script adds a
server-side per-email dedupe and daily cap as the real safety net. */
var hp = form.querySelector('.ms-hp input');
var LS_KEY = 'msos_member_submits';
var MIN_GAP_MS = 30 * 1000; // at least 30s between submissions
var WINDOW_MS = 24 * 60 * 60 * 1000; // rolling 24h window
var MAX_IN_WINDOW = 3; // max 3 submissions / 24h from this browser
function recentSubmits() {
var now = Date.now(), arr;
try { arr = JSON.parse(localStorage.getItem(LS_KEY) || '[]'); } catch (e) { arr = []; }
if (!Array.isArray(arr)) arr = [];
return arr.filter(function (t) { return typeof t === 'number' && (now - t) < WINDOW_MS; });
}
function coolingDown() {
var arr = recentSubmits(), now = Date.now();
if (arr.length >= MAX_IN_WINDOW) return true;
if (arr.length && (now - Math.max.apply(null, arr)) < MIN_GAP_MS) return true;
return false;
}
function recordSubmit() {
var arr = recentSubmits(); arr.push(Date.now());
try { localStorage.setItem(LS_KEY, JSON.stringify(arr)); } catch (e) { }
}
function showAlert(kind) {
var msg = alertBox.getAttribute(kind === 'cooldown' ? 'data-cooldown-msg' : 'data-required-msg');
if (msg) alertBox.textContent = msg;
alertBox.hidden = false;
}
submit.addEventListener('click', function () { submit.addEventListener('click', function () {
if (!validate()) { alertBox.hidden = false; return; } // Bot trap: honeypot must stay empty. Silently succeed (no feedback for bots).
if (hp && hp.value) { form.hidden = true; success.hidden = false; return; }
if (!validate()) { showAlert('required'); return; }
if (coolingDown()) { showAlert('cooldown'); return; }
submit.disabled = true;
var d = collect(); var d = collect();
sendToForm(d); sendToForm(d);
recordSubmit();
form.hidden = true; form.hidden = true;
var t = success.querySelector('.ms-success-title'), p = success.querySelector('.ms-success-text'); var t = success.querySelector('.ms-success-title'), p = success.querySelector('.ms-success-text');
t.textContent = d.type === 'student' ? t.getAttribute('data-student-title') : t.getAttribute('data-supporter-title'); t.textContent = d.type === 'student' ? t.getAttribute('data-student-title') : t.getAttribute('data-supporter-title');

5
mk/become-a-member/index.html
View File

@ -347,8 +347,9 @@
<p>Неколку пријателски прашања. Не мора сега да одлучиш колку активен сакаш да бидеш.</p> <p>Неколку пријателски прашања. Не мора сега да одлучиш колку активен сакаш да бидеш.</p>
</div> </div>
<form class="ms-form" novalidate> <form class="ms-form" 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-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>Пополни ги задолжителните полиња.</div> <div class="ms-alert" hidden data-required-msg="Пополни ги задолжителните полиња." data-cooldown-msg="Изгледа дека штотуку испрати пријава. Почекај момент пред да испратиш нова.">Пополни ги задолжителните полиња.</div>
<div class="ms-step" data-step="path" data-flow="both"> <div class="ms-step" data-step="path" data-flow="both">
<h3>Како сакаш да се поврзеш со МСОС?</h3> <h3>Како сакаш да се поврзеш со МСОС?</h3>
@ -565,10 +566,10 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->
<script src="../../member-form.js"></script> <script src="../../member-form.js"></script>
<script src="../../main.js"></script>
</body> </body>
</html> </html>

2
mk/blog/index.html
View File

@ -346,10 +346,10 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->
<script src="../../blog-filter.js"></script> <script src="../../blog-filter.js"></script>
<script src="../../main.js"></script>
</body> </body>
</html> </html>

1
mk/cookie-policy/index.html
View File

@ -281,7 +281,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

2
mk/faq/index.html
View File

@ -499,9 +499,9 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->
<script src="../../main.js"></script>
</body> </body>
</html> </html>

1
mk/get-to-know-macedonia/a-table-full-of-macedonia/index.html
View File

@ -358,7 +358,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
mk/get-to-know-macedonia/history-you-can-still-walk-through/index.html
View File

@ -364,7 +364,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
mk/get-to-know-macedonia/index.html
View File

@ -333,7 +333,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
mk/get-to-know-macedonia/music-dance-and-the-moments-that-bring-us-together/index.html
View File

@ -364,7 +364,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
mk/get-to-know-macedonia/ohrid-more-than-a-postcard/index.html
View File

@ -356,7 +356,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
mk/get-to-know-macedonia/skopje-a-city-of-many-layers/index.html
View File

@ -346,7 +346,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
mk/get-to-know-macedonia/welcome-to-macedonia/index.html
View File

@ -343,7 +343,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
mk/get-to-know-slovenia/a-first-taste-of-slovenian-food/index.html
View File

@ -348,7 +348,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
mk/get-to-know-slovenia/index.html
View File

@ -333,7 +333,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
mk/get-to-know-slovenia/lake-bled-beyond-the-famous-view/index.html
View File

@ -344,7 +344,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
mk/get-to-know-slovenia/ljubljana-through-our-eyes/index.html
View File

@ -334,7 +334,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
mk/get-to-know-slovenia/slovenian-habits-that-may-surprise-you/index.html
View File

@ -365,7 +365,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
mk/get-to-know-slovenia/slovenias-stories-in-stone-and-tradition/index.html
View File

@ -350,7 +350,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
mk/get-to-know-slovenia/welcome-to-slovenia/index.html
View File

@ -321,7 +321,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

2
mk/index.html
View File

@ -510,9 +510,9 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->
<script src="../main.js"></script>
</body> </body>
</html> </html>

2
mk/news/index.html
View File

@ -411,10 +411,10 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->
<script src="../../news-filter.js"></script> <script src="../../news-filter.js"></script>
<script src="../../main.js"></script>
</body> </body>
</html> </html>

1
mk/privacy-policy/index.html
View File

@ -326,7 +326,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
mk/projects/humanitarian-tournament-in-maribor/index.html
View File

@ -314,7 +314,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
mk/projects/in-memory-of-frosina-kulakova/index.html
View File

@ -263,7 +263,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
mk/projects/in-memory-of-the-kochani-victims/index.html
View File

@ -273,7 +273,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

2
mk/projects/index.html
View File

@ -382,11 +382,11 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->
<!-- Поврзување до главната JS-датотека --> <!-- Поврзување до главната JS-датотека -->
<script src="../../main.js"></script>
</body> </body>
</html> </html>

1
mk/projects/macedonian-student-night-in-ljubljana/index.html
View File

@ -337,7 +337,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
mk/projects/meet-student-slovenia-2023/index.html
View File

@ -360,7 +360,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
mk/projects/meet-student-slovenia-2024/index.html
View File

@ -352,7 +352,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
mk/projects/morning-coffee-in-front-of-ctk/index.html
View File

@ -321,7 +321,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

1
mk/projects/paint-and-wine-at-sunset/index.html
View File

@ -297,7 +297,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="../../../main.js"></script>
</footer> </footer>
<!-- END_FOOTER --> <!-- END_FOOTER -->

Some files were not shown because too many files have changed in this diff Show More