Reorganise landing: group the 30 links into six numbered journey stages

Replaces the flat crowded quicklink wall with six numbered stage cards (Start here, Apply to study, Residence and healthcare, Move and settle in, Everyday student life, After your first year), each with an icon, a one-line description, and its topic links. New guide-cats/guide-cat styles; section retitled to Find your way through the guide.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
popovskikandClaude Opus 4.8 committed 2026-07-31 12:25:37 +02:00
1 parent ff22dc1888
commit 13b2bb6eb2
4 files changed
+377 -111

No files matched your search

+99 -33
View File
@@ -221,39 +221,105 @@
</div>
<section class="guide-section">
<h2>Jump to what you need</h2>
<p class="guide-section-sub">The most-used parts of the guide. More sections are being added.</p>
<div class="guide-quicklinks">
<a class="guide-quicklink" href="complete-student-journey/"><i class="fas fa-route" aria-hidden="true"></i>Your complete journey</a>
<a class="guide-quicklink" href="application-deadlines/"><i class="fas fa-calendar-day" aria-hidden="true"></i>Current deadlines</a>
<a class="guide-quicklink" href="bachelor-application/"><i class="fas fa-graduation-cap" aria-hidden="true"></i>Bachelor application</a>
<a class="guide-quicklink" href="master-application/"><i class="fas fa-user-graduate" aria-hidden="true"></i>Master application</a>
<a class="guide-quicklink" href="evs-application-guide/"><i class="fas fa-file-lines" aria-hidden="true"></i>eVŠ step by step</a>
<a class="guide-quicklink" href="choose-a-programme/"><i class="fas fa-compass" aria-hidden="true"></i>Choosing a programme</a>
<a class="guide-quicklink" href="recognition-of-education/"><i class="fas fa-stamp" aria-hidden="true"></i>Recognition of education</a>
<a class="guide-quicklink" href="document-preparation/"><i class="fas fa-folder-open" aria-hidden="true"></i>Preparing documents</a>
<a class="guide-quicklink" href="admission-and-enrolment/"><i class="fas fa-clipboard-check" aria-hidden="true"></i>Admission and enrolment</a>
<a class="guide-quicklink" href="tuition-and-scholarships/"><i class="fas fa-money-bill-wave" aria-hidden="true"></i>Tuition and scholarships</a>
<a class="guide-quicklink" href="visa-and-residence-explained/"><i class="fas fa-passport" aria-hidden="true"></i>Visa and residence</a>
<a class="guide-quicklink" href="student-residence-permit/"><i class="fas fa-id-card" aria-hidden="true"></i>Residence permit</a>
<a class="guide-quicklink" href="where-to-apply-for-residence/"><i class="fas fa-location-dot" aria-hidden="true"></i>Where to apply</a>
<a class="guide-quicklink" href="means-accommodation-address/"><i class="fas fa-file-invoice-dollar" aria-hidden="true"></i>Means and address</a>
<a class="guide-quicklink" href="rm-si-3-health-insurance/"><i class="fas fa-heart-pulse" aria-hidden="true"></i>Health insurance (RM/SI 3)</a>
<a class="guide-quicklink" href="healthcare-in-slovenia/"><i class="fas fa-house-medical" aria-hidden="true"></i>Using healthcare</a>
<a class="guide-quicklink" href="student-accommodation/"><i class="fas fa-house" aria-hidden="true"></i>Accommodation</a>
<a class="guide-quicklink" href="prepare-to-move/"><i class="fas fa-suitcase-rolling" aria-hidden="true"></i>Travelling and packing</a>
<a class="guide-quicklink" href="arrival-checklist/"><i class="fas fa-list-check" aria-hidden="true"></i>Arrival checklist</a>
<a class="guide-quicklink" href="administrative-basics/"><i class="fas fa-gears" aria-hidden="true"></i>Admin basics (EMŠO, tax, bank)</a>
<a class="guide-quicklink" href="student-meals/"><i class="fas fa-utensils" aria-hidden="true"></i>Student meals</a>
<a class="guide-quicklink" href="student-transport/"><i class="fas fa-bus" aria-hidden="true"></i>Student transport</a>
<a class="guide-quicklink" href="student-work/"><i class="fas fa-briefcase" aria-hidden="true"></i>Student work and tax</a>
<a class="guide-quicklink" href="academic-life/"><i class="fas fa-book-open-reader" aria-hidden="true"></i>Academic life</a>
<a class="guide-quicklink" href="study-cities/"><i class="fas fa-city" aria-hidden="true"></i>Study cities</a>
<a class="guide-quicklink" href="student-budget/"><i class="fas fa-wallet" aria-hidden="true"></i>Budget and daily life</a>
<a class="guide-quicklink" href="wellbeing-and-community/"><i class="fas fa-hands-holding-circle" aria-hidden="true"></i>Wellbeing and community</a>
<a class="guide-quicklink" href="student-organisations-and-extracurriculars/"><i class="fas fa-people-group" aria-hidden="true"></i>Student organisations</a>
<a class="guide-quicklink" href="renew-change-graduate/"><i class="fas fa-arrows-rotate" aria-hidden="true"></i>Renewal and graduation</a>
<a class="guide-quicklink" href="official-sources-and-checklists/"><i class="fas fa-list-ul" aria-hidden="true"></i>Official sources</a>
<h2>Find your way through the guide</h2>
<p class="guide-section-sub">The guide follows your journey in six stages, from choosing a programme to daily life in Slovenia. Open the stage you are in, or use Show my route above for a personal checklist.</p>
<div class="guide-cats">
<div class="guide-cat">
<div class="guide-cat-head">
<span class="guide-cat-num">1</span>
<div class="guide-cat-heading">
<h3><i class="fas fa-compass" aria-hidden="true"></i>Start here: explore and decide</h3>
<p>See the whole journey, then pick a programme, a city, and check the cost.</p>
</div>
</div>
<div class="guide-cat-links">
<a class="guide-quicklink" href="complete-student-journey/"><i class="fas fa-route" aria-hidden="true"></i>Your complete journey</a>
<a class="guide-quicklink" href="choose-a-programme/"><i class="fas fa-compass" aria-hidden="true"></i>Choosing a programme</a>
<a class="guide-quicklink" href="study-cities/"><i class="fas fa-city" aria-hidden="true"></i>Study cities</a>
<a class="guide-quicklink" href="tuition-and-scholarships/"><i class="fas fa-money-bill-wave" aria-hidden="true"></i>Tuition and scholarships</a>
</div>
</div>
<div class="guide-cat">
<div class="guide-cat-head">
<span class="guide-cat-num">2</span>
<div class="guide-cat-heading">
<h3><i class="fas fa-file-lines" aria-hidden="true"></i>Apply to study</h3>
<p>Deadlines, the eVŠ application, recognition, documents, and enrolment.</p>
</div>
</div>
<div class="guide-cat-links">
<a class="guide-quicklink" href="application-deadlines/"><i class="fas fa-calendar-day" aria-hidden="true"></i>Current deadlines</a>
<a class="guide-quicklink" href="bachelor-application/"><i class="fas fa-graduation-cap" aria-hidden="true"></i>Bachelor application</a>
<a class="guide-quicklink" href="master-application/"><i class="fas fa-user-graduate" aria-hidden="true"></i>Master application</a>
<a class="guide-quicklink" href="evs-application-guide/"><i class="fas fa-file-lines" aria-hidden="true"></i>eVŠ step by step</a>
<a class="guide-quicklink" href="recognition-of-education/"><i class="fas fa-stamp" aria-hidden="true"></i>Recognition of education</a>
<a class="guide-quicklink" href="document-preparation/"><i class="fas fa-folder-open" aria-hidden="true"></i>Preparing documents</a>
<a class="guide-quicklink" href="admission-and-enrolment/"><i class="fas fa-clipboard-check" aria-hidden="true"></i>Admission and enrolment</a>
</div>
</div>
<div class="guide-cat">
<div class="guide-cat-head">
<span class="guide-cat-num">3</span>
<div class="guide-cat-heading">
<h3><i class="fas fa-passport" aria-hidden="true"></i>Residence and healthcare</h3>
<p>Your legal right to stay for the year and your access to healthcare.</p>
</div>
</div>
<div class="guide-cat-links">
<a class="guide-quicklink" href="visa-and-residence-explained/"><i class="fas fa-passport" aria-hidden="true"></i>Visa and residence</a>
<a class="guide-quicklink" href="student-residence-permit/"><i class="fas fa-id-card" aria-hidden="true"></i>Residence permit</a>
<a class="guide-quicklink" href="where-to-apply-for-residence/"><i class="fas fa-location-dot" aria-hidden="true"></i>Where to apply</a>
<a class="guide-quicklink" href="means-accommodation-address/"><i class="fas fa-file-invoice-dollar" aria-hidden="true"></i>Means and address</a>
<a class="guide-quicklink" href="rm-si-3-health-insurance/"><i class="fas fa-heart-pulse" aria-hidden="true"></i>Health insurance (RM/SI 3)</a>
<a class="guide-quicklink" href="healthcare-in-slovenia/"><i class="fas fa-house-medical" aria-hidden="true"></i>Using healthcare</a>
</div>
</div>
<div class="guide-cat">
<div class="guide-cat-head">
<span class="guide-cat-num">4</span>
<div class="guide-cat-heading">
<h3><i class="fas fa-suitcase-rolling" aria-hidden="true"></i>Move and settle in</h3>
<p>Housing, packing, arrival, and the admin that unlocks everything else.</p>
</div>
</div>
<div class="guide-cat-links">
<a class="guide-quicklink" href="student-accommodation/"><i class="fas fa-house" aria-hidden="true"></i>Accommodation</a>
<a class="guide-quicklink" href="prepare-to-move/"><i class="fas fa-suitcase-rolling" aria-hidden="true"></i>Travelling and packing</a>
<a class="guide-quicklink" href="arrival-checklist/"><i class="fas fa-list-check" aria-hidden="true"></i>Arrival checklist</a>
<a class="guide-quicklink" href="administrative-basics/"><i class="fas fa-gears" aria-hidden="true"></i>Admin basics (EMŠO, tax, bank)</a>
</div>
</div>
<div class="guide-cat">
<div class="guide-cat-head">
<span class="guide-cat-num">5</span>
<div class="guide-cat-heading">
<h3><i class="fas fa-mug-hot" aria-hidden="true"></i>Everyday student life</h3>
<p>Meals, transport, work, budget, studying, and finding your community.</p>
</div>
</div>
<div class="guide-cat-links">
<a class="guide-quicklink" href="student-meals/"><i class="fas fa-utensils" aria-hidden="true"></i>Student meals</a>
<a class="guide-quicklink" href="student-transport/"><i class="fas fa-bus" aria-hidden="true"></i>Student transport</a>
<a class="guide-quicklink" href="student-work/"><i class="fas fa-briefcase" aria-hidden="true"></i>Student work and tax</a>
<a class="guide-quicklink" href="student-budget/"><i class="fas fa-wallet" aria-hidden="true"></i>Budget and daily life</a>
<a class="guide-quicklink" href="academic-life/"><i class="fas fa-book-open-reader" aria-hidden="true"></i>Academic life</a>
<a class="guide-quicklink" href="wellbeing-and-community/"><i class="fas fa-hands-holding-circle" aria-hidden="true"></i>Wellbeing and community</a>
<a class="guide-quicklink" href="student-organisations-and-extracurriculars/"><i class="fas fa-people-group" aria-hidden="true"></i>Student organisations</a>
</div>
</div>
<div class="guide-cat">
<div class="guide-cat-head">
<span class="guide-cat-num">6</span>
<div class="guide-cat-heading">
<h3><i class="fas fa-arrows-rotate" aria-hidden="true"></i>After your first year</h3>
<p>Renewing, changing or graduating, plus the official sources to trust.</p>
</div>
</div>
<div class="guide-cat-links">
<a class="guide-quicklink" href="renew-change-graduate/"><i class="fas fa-arrows-rotate" aria-hidden="true"></i>Renewal and graduation</a>
<a class="guide-quicklink" href="official-sources-and-checklists/"><i class="fas fa-list-ul" aria-hidden="true"></i>Official sources</a>
</div>
</div>
</div>
</section>