health: fix broken pages, add image dimensions, a11y & SEO wins
Site-wide health pass (excludes in-progress blog work). Verified with a
local server + headless browser: Timeline, homepage and gallery pages load
with zero console errors and no layout distortion.
Render bugs
- Timeline page (en/mk/si): fix ../../../ paths that overshot the site root,
so the main stylesheet and hero image load again.
- Meet Student Slovenia 2023 (en/mk/si): remove a <figure> referencing
event3-photo-11.png, an image that was never uploaded (broken image).
Performance
- Add intrinsic width/height to 1039 raster <img> tags to prevent layout
shift (CLS); 450 SVGs correctly skipped. Add a global
`img { max-width:100%; height:auto }` safety net so aspect ratio is
preserved and images never overflow.
- Preload the homepage hero (LCP) image on en/mk/si.
- Load Font Awesome non-blocking (media=print/onload swap) with a <noscript>
fallback, on 225 pages.
Accessibility
- Add aria-label to 57 unlabeled newsletter email inputs.
- Add an sr-only <h1> to the three "My Route" pages (had no h1).
- Add an .sr-only utility class.
SEO
- Add meta descriptions to legal/msos-hub/support pages (en/mk/si).
Note: MK/SI meta descriptions are machine-drafted and should be proofread
by a native speaker before considering them final.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
popovskikandClaude Opus 4.8 committed
1 parent
168e4ce378
commit
9ce7450aa1
209 files changed
+1289
-1267
No files matched your search
@@ -56,7 +56,7 @@
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
|
||||
<!-- Font Awesome (for icons) -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" media="print" onload="this.media='all'" /><noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /></noscript>
|
||||
|
||||
<!-- Povezava na glavno CSS datoteko -->
|
||||
<link rel="stylesheet" href="../../../css/main.css">
|
||||
@@ -201,7 +201,7 @@
|
||||
</header>
|
||||
|
||||
<figure class="article-main-image">
|
||||
<img fetchpriority="high" src="../../../images/event4-img-1.webp" alt="Skupina študentov na dogodku 'Spoznaj študentsko Slovenijo 2024'">
|
||||
<img width="1920" height="1280" fetchpriority="high" src="../../../images/event4-img-1.webp" alt="Skupina študentov na dogodku 'Spoznaj študentsko Slovenijo 2024'">
|
||||
</figure>
|
||||
|
||||
<div class="article-body">
|
||||
@@ -211,12 +211,12 @@
|
||||
<p>Naš cilj nikoli ni bil delati »suhih predstavitev«. Namesto tega smo organizirali panel, pravi pogovor s štirimi študenti, ki že živijo slovensko študentsko življenje. Marija Koštrevska z Univerze v Ljubljani, Vasil Hanџiski z Univerze v Mariboru, Sofija Matovska z Univerze v Novi Gorici in Igor Arsov z Univerze na Primorskem so govorili o vsem: o prvih dneh daleč od doma, o tem, kako najti nastanitev, kaj so študentski »boni« in kako izgleda gradnja novega kroga prijateljev. Vsak je delil nekaj svojega, občinstvo pa je spraševalo in se vključevalo, čisto kot kofetkanje.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img loading="lazy" decoding="async" src="../../../images/event4-img-2.webp" alt="Panelna razprava z govorci">
|
||||
<img width="1920" height="1280" loading="lazy" decoding="async" src="../../../images/event4-img-2.webp" alt="Panelna razprava z govorci">
|
||||
<figcaption>Fotografija moderatorja in panelistov v naslednjem vrstnem redu: Klimentina Čapovska (levo, moderator), Vasil Hanџiski, Marija Koštrevska, Igor Arsov in Sofija Matovska.</figcaption>
|
||||
</figure>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img loading="lazy" decoding="async" src="../../../images/event4-img-3.webp" alt="Marija Koštrevska in Sofija Matovska pripovedujeta o svojih študentskih izkušnjah v Sloveniji.">
|
||||
<img width="1920" height="1280" loading="lazy" decoding="async" src="../../../images/event4-img-3.webp" alt="Marija Koštrevska in Sofija Matovska pripovedujeta o svojih študentskih izkušnjah v Sloveniji.">
|
||||
<figcaption>Marija Koštrevska (na zgornji sliki) in Sofija Matovska (na spodnji sliki) pripovedujeta o svojih študentskih izkušnjah v Sloveniji.</figcaption>
|
||||
</figure>
|
||||
|
||||
@@ -224,20 +224,20 @@
|
||||
<p>Ta večer ni bila le izmenjava informacij. Bil je trenutek, ko so bodoči študenti razumeli, da niso sami v svojih skrbeh in strahovih. Vsako vprašanje je dobilo odgovor iz izkušenj, vsaka dilema je bila razrešena s primerom iz resničnega življenja. Mnogi so odšli opogumljeni, z novimi prijatelji in z občutkom, da Slovenija ni več tako oddaljena in neznana.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img loading="lazy" decoding="async" src="../../../images/event4-img-4.webp" alt="Marko Ivanovski, voditelj dogodka">
|
||||
<img width="1920" height="1280" loading="lazy" decoding="async" src="../../../images/event4-img-4.webp" alt="Marko Ivanovski, voditelj dogodka">
|
||||
<figcaption>Marko Ivanovski, voditelj dogodka.</figcaption>
|
||||
</figure>
|
||||
<figure class="article-inline-image">
|
||||
<img loading="lazy" decoding="async" src="../../../images/event4-img-5.webp" alt="Lea Janačkovska, koordinatorka dogodka">
|
||||
<img width="1920" height="1280" loading="lazy" decoding="async" src="../../../images/event4-img-5.webp" alt="Lea Janačkovska, koordinatorka dogodka">
|
||||
<figcaption>Lea Janačkovska, koordinatorka dogodka.</figcaption>
|
||||
</figure>
|
||||
<figure class="article-inline-image">
|
||||
<img loading="lazy" decoding="async" src="../../../images/event4-img-6.webp" alt="Marko Arsov, predavatelj">
|
||||
<img width="1920" height="1280" loading="lazy" decoding="async" src="../../../images/event4-img-6.webp" alt="Marko Arsov, predavatelj">
|
||||
<figcaption>Marko Arsov, predavatelj.</figcaption>
|
||||
</figure>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img loading="lazy" decoding="async" src="../../../images/event4-img-7.webp" alt="Predstavniki Veleposlaništva, Upravnega odbora NLB Banke in Upravnega odbora MŠOS.">
|
||||
<img width="1920" height="1280" loading="lazy" decoding="async" src="../../../images/event4-img-7.webp" alt="Predstavniki Veleposlaništva, Upravnega odbora NLB Banke in Upravnega odbora MŠOS.">
|
||||
<figcaption>Na spodnji sliki so predstavniki Veleposlaništva, Upravnega odbora NLB Banke in Upravnega odbora MŠOS.</figcaption>
|
||||
</figure>
|
||||
|
||||
@@ -245,12 +245,12 @@
|
||||
<p>»Spoznaj študentsko Slovenijo 2024« ne bi bil takšen brez pomoči naših partnerjev in prijateljev. Veliko zahvalo izrekamo Veleposlaništvu Republike Slovenije v Severni Makedoniji, NLB Banki Skopje kot pokrovitelju in glavnemu sponzorju celotnega dogodka ter Capital Financial Centru, ki so s svojo podporo omogočili izvedbo dogodka na tako visoki ravni.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img loading="lazy" decoding="async" src="../../../images/event4-img-8.webp" alt="Novo natisnjene nalepke MŠOS">
|
||||
<img width="1920" height="1280" loading="lazy" decoding="async" src="../../../images/event4-img-8.webp" alt="Novo natisnjene nalepke MŠOS">
|
||||
<figcaption>Fotografija novo natisnjenih nalepk MŠOS.</figcaption>
|
||||
</figure>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img loading="lazy" decoding="async" src="../../../images/event4-img-9.webp" alt="Predaja cvetja v znak zahvale Veleposlaništvu, Capital Financial Centru in NLB Banki Skopje">
|
||||
<img width="1920" height="1280" loading="lazy" decoding="async" src="../../../images/event4-img-9.webp" alt="Predaja cvetja v znak zahvale Veleposlaništvu, Capital Financial Centru in NLB Banki Skopje">
|
||||
<figcaption>Fotografija s predaje cvetja v znak zahvale Veleposlaništvu, Capital Financial Centru in NLB Banki Skopje.</figcaption>
|
||||
</figure>
|
||||
|
||||
@@ -258,7 +258,7 @@
|
||||
<p>Tokratne spomine na večer dolgujemo Hristini Trakovski, ki je bila fotografinja in je poskrbela, da so vsi ti trenutki ostali zabeleženi in jih lahko ponovno podoživimo skozi fotografije.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img loading="lazy" decoding="async" src="../../../images/event4-img-10.webp" alt="Pozdravni govor N.E. veleposlanika gospoda Gregorja Preskerja.">
|
||||
<img width="1920" height="1005" loading="lazy" decoding="async" src="../../../images/event4-img-10.webp" alt="Pozdravni govor N.E. veleposlanika gospoda Gregorja Preskerja.">
|
||||
<figcaption>Fotografija pozdravnega govora N.E. veleposlanika gospoda Gregorja Preskerja.</figcaption>
|
||||
</figure>
|
||||
|
||||
@@ -266,7 +266,7 @@
|
||||
<p>Zato ker ta dogodek ni bil le še ena predstavitev. Bil je iztegnjena roka bodočim študentom, sporočilo, da niso sami, da jih skupnost že čaka. Nekateri so odšli z novimi prijatelji, drugi s konkretnimi odgovori na vprašanja, ki so jih mučila mesece. Vsi pa so odšli z enakim občutkom: da Slovenija ni več neznan kraj, ampak nov dom, v katerem bodo del nečesa večjega.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img loading="lazy" decoding="async" src="../../../images/event4-img-11.webp" alt="Udeleženci postavljajo vprašanja panelistom">
|
||||
<img width="1920" height="1280" loading="lazy" decoding="async" src="../../../images/event4-img-11.webp" alt="Udeleženci postavljajo vprašanja panelistom">
|
||||
<figcaption>Trenutki, ko udeleženci postavljajo vprašanja panelistom!😊✨</figcaption>
|
||||
</figure>
|
||||
|
||||
@@ -274,7 +274,7 @@
|
||||
<p>Vemo, da vsem ni uspelo biti prisotnim v NLB Galeriji, zato smo zagotovili kakovosten prenos v živo. Dogodek je bil prenašan v živo in je zdaj na voljo za ponovni ogled. Če želite občutiti vzdušje in slišati iskrene zgodbe s panela, si lahko celoten dogodek ogledate na tej povezavi <a href="#">Poglej video tukaj.</a></p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img loading="lazy" decoding="async" src="../../../images/event4-img-12.webp" alt="Plakat za dogodek 'Spoznaj študentsko Slovenijo'">
|
||||
<img width="1200" height="1600" loading="lazy" decoding="async" src="../../../images/event4-img-12.webp" alt="Plakat za dogodek 'Spoznaj študentsko Slovenijo'">
|
||||
<figcaption>Fotografija plakata za dogodek!</figcaption>
|
||||
</figure>
|
||||
|
||||
@@ -288,18 +288,18 @@
|
||||
<section class="event-gallery">
|
||||
<h2 class="event-gallery-title">Fotografije z dogodka</h2>
|
||||
<div class="event-gallery-grid js-lightbox">
|
||||
<button type="button" class="eg-thumb" data-full="../../../images/event4-img-1.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-1.webp" alt="Spoznaj študentsko Slovenijo 2024, photo 1"></button>
|
||||
<button type="button" class="eg-thumb" data-full="../../../images/event4-img-2.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-2.webp" alt="Spoznaj študentsko Slovenijo 2024, photo 2"></button>
|
||||
<button type="button" class="eg-thumb" data-full="../../../images/event4-img-3.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-3.webp" alt="Spoznaj študentsko Slovenijo 2024, photo 3"></button>
|
||||
<button type="button" class="eg-thumb" data-full="../../../images/event4-img-4.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-4.webp" alt="Spoznaj študentsko Slovenijo 2024, photo 4"></button>
|
||||
<button type="button" class="eg-thumb" data-full="../../../images/event4-img-5.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-5.webp" alt="Spoznaj študentsko Slovenijo 2024, photo 5"><span class="eg-more">+7</span></button>
|
||||
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event4-img-6.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-6.webp" alt="Spoznaj študentsko Slovenijo 2024, photo 6"></button>
|
||||
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event4-img-7.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-7.webp" alt="Spoznaj študentsko Slovenijo 2024, photo 7"></button>
|
||||
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event4-img-8.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-8.webp" alt="Spoznaj študentsko Slovenijo 2024, photo 8"></button>
|
||||
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event4-img-9.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-9.webp" alt="Spoznaj študentsko Slovenijo 2024, photo 9"></button>
|
||||
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event4-img-10.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-10.webp" alt="Spoznaj študentsko Slovenijo 2024, photo 10"></button>
|
||||
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event4-img-11.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-11.webp" alt="Spoznaj študentsko Slovenijo 2024, photo 11"></button>
|
||||
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event4-img-12.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img loading="lazy" decoding="async" src="../../../images/event4-img-12.webp" alt="Spoznaj študentsko Slovenijo 2024, photo 12"></button>
|
||||
<button type="button" class="eg-thumb" data-full="../../../images/event4-img-1.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../../images/event4-img-1.webp" alt="Spoznaj študentsko Slovenijo 2024, photo 1"></button>
|
||||
<button type="button" class="eg-thumb" data-full="../../../images/event4-img-2.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../../images/event4-img-2.webp" alt="Spoznaj študentsko Slovenijo 2024, photo 2"></button>
|
||||
<button type="button" class="eg-thumb" data-full="../../../images/event4-img-3.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../../images/event4-img-3.webp" alt="Spoznaj študentsko Slovenijo 2024, photo 3"></button>
|
||||
<button type="button" class="eg-thumb" data-full="../../../images/event4-img-4.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../../images/event4-img-4.webp" alt="Spoznaj študentsko Slovenijo 2024, photo 4"></button>
|
||||
<button type="button" class="eg-thumb" data-full="../../../images/event4-img-5.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../../images/event4-img-5.webp" alt="Spoznaj študentsko Slovenijo 2024, photo 5"><span class="eg-more">+7</span></button>
|
||||
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event4-img-6.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../../images/event4-img-6.webp" alt="Spoznaj študentsko Slovenijo 2024, photo 6"></button>
|
||||
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event4-img-7.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../../images/event4-img-7.webp" alt="Spoznaj študentsko Slovenijo 2024, photo 7"></button>
|
||||
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event4-img-8.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../../images/event4-img-8.webp" alt="Spoznaj študentsko Slovenijo 2024, photo 8"></button>
|
||||
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event4-img-9.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../../images/event4-img-9.webp" alt="Spoznaj študentsko Slovenijo 2024, photo 9"></button>
|
||||
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event4-img-10.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img width="1920" height="1005" loading="lazy" decoding="async" src="../../../images/event4-img-10.webp" alt="Spoznaj študentsko Slovenijo 2024, photo 10"></button>
|
||||
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event4-img-11.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../../images/event4-img-11.webp" alt="Spoznaj študentsko Slovenijo 2024, photo 11"></button>
|
||||
<button type="button" class="eg-thumb is-hidden" data-full="../../../images/event4-img-12.webp" data-caption="Spoznaj študentsko Slovenijo 2024"><img width="1200" height="1600" loading="lazy" decoding="async" src="../../../images/event4-img-12.webp" alt="Spoznaj študentsko Slovenijo 2024, photo 12"></button>
|
||||
</div>
|
||||
</section>
|
||||
</article>
|
||||
@@ -310,7 +310,7 @@
|
||||
<p>Novice, obvestila in razpisi, naravnost v vaš e-poštni predal.</p>
|
||||
<form class="subscribe-form-bottom">
|
||||
<div class="input-wrapper">
|
||||
<input type="email" placeholder="Vnesite svoj e-mail">
|
||||
<input type="email" placeholder="Vnesite svoj e-mail" aria-label="E-poštni naslov">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary-orange">Naroči se</button>
|
||||
</form>
|
||||
|
||||
Reference in new issue
Block a user