Add News hub and wire homepage Latest news to a dated content index

New /<lang>/news/ hub aggregates real projects (title+image read from their pages), placeholder news announcements, and blog items, newest-first with type badges and a type filter. Homepage Latest news now shows the newest dated items as badged cards with a working See all to the hub; the News menu link points there too. Dates in news.js are placeholders to replace with real publish dates.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

si/index.html

@@ -64,7 +64,7 @@
                     <li class="menu-item menu-item-has-children">
                         <a href="#">Novice</a>
                         <ul class="dropdown-menu">
-                            <li><a href="#">Novice in obvestila</a></li>
+                            <li><a href="../si/news/">Novice in obvestila</a></li>
                             <li><a href="#">Sporočila za javnost</a></li>
                         </ul>
                     </li>
@@ -134,7 +134,7 @@
             <li class="menu-item menu-item-has-children">
                 <a href="#">Novice</a>
                 <ul class="dropdown-menu">
-                    <li><a href="#">Novice in obvestila</a></li>
+                    <li><a href="../si/news/">Novice in obvestila</a></li>
                     <li><a href="#">Sporočila za javnost</a></li>
                 </ul>
             </li>
@@ -261,38 +261,44 @@
             </div>
         </section>
 
-        <section class="latest-news-section">
+                <section class="latest-news-section">
             <div class="news-header">
-                <h2>Zadnje novice</h2>
-                <p>Don’t miss what’s happening! Here you’ll find all our updates, from student news to upcoming activities and community highlights.</p>
+                <h2>Najnovejše novice</h2>
+                <p>Kaj je novega pri MSOS, od dogodkov in projektov do blog zgodb in obvestil.</p>
             </div>
             <div class="news-articles">
-                <article class="news-card">
-                    <img src="../images/4-billwalsh.webp" alt="Roza in modro obarvana podoba zasneženega vrha gore">
+                <article class="news-card" data-type="news">
+                    <a class="news-card-media" href="../si/news/">
+                        <div class="news-ph"><i class="fas fa-bullhorn" aria-hidden="true"></i></div>
+                        <span class="news-badge news-badge--news"><i class="fas fa-bullhorn" aria-hidden="true"></i> Novica</span>
+                    </a>
                     <div class="card-content">
-                        <p class="author">Alec Whitten • 17 Jan 2022</p>
-                        <h3>Lekcije vodenja Billa Walsha</h3>
-                        <p>Bi radi izvedeli skrivnosti preoblikovanja ekipe z rezultatom 2-14 v trikratne zmagovalce Super Bowla...</p>
+                        <p class="author">15 julij 2026</p>
+                        <h3><a href="../si/news/">Prijave za študijsko leto 2026/2027 so odprte</a></h3>
                     </div>
                 </article>
-                <article class="news-card">
-                    <img src="../images/5-pmmentals.webp" alt="Ženska predstavlja pred belo tablo z listki ekipi">
+                <article class="news-card" data-type="news">
+                    <a class="news-card-media" href="../si/news/">
+                        <div class="news-ph"><i class="fas fa-bullhorn" aria-hidden="true"></i></div>
+                        <span class="news-badge news-badge--news"><i class="fas fa-bullhorn" aria-hidden="true"></i> Novica</span>
+                    </a>
                     <div class="card-content">
-                        <p class="author">Demi Wilkinson • 16 Jan 2022</p>
-                        <h3>Mentalni modeli za PM</h3>
-                        <p>Mentalni modeli so preprosti izrazi kompleksnih procesov ali odnosov.</p>
+                        <p class="author">5 julij 2026</p>
+                        <h3><a href="../si/news/">Pridruži se tednu dobrodošlice za nove študente</a></h3>
                     </div>
                 </article>
-                <article class="news-card">
-                    <img src="../images/6-whatiswireframing.webp" alt="Moderna računalniška miza z velikim monitorjem, tipkovnico in slušalkami">
+                <article class="news-card" data-type="news">
+                    <a class="news-card-media" href="../si/news/">
+                        <div class="news-ph"><i class="fas fa-bullhorn" aria-hidden="true"></i></div>
+                        <span class="news-badge news-badge--news"><i class="fas fa-bullhorn" aria-hidden="true"></i> Novica</span>
+                    </a>
                     <div class="card-content">
-                        <p class="author">Candice Wu • 15 Jan 2022</p>
-                        <h3>Kaj je žični model (Wireframing)?</h3>
-                        <p>Uvod v žično modeliranje in njegova načela. Učite se od najboljših v industriji.</p>
+                        <p class="author">20 junij 2026</p>
+                        <h3><a href="../si/news/">Poletne uradne ure in kako nas dosežete</a></h3>
                     </div>
                 </article>
             </div>
-            <button class="btn btn-secondary">Poglej vse</button>
+            <a href="../si/news/" class="btn btn-secondary">Poglej vse</a>
         </section>
 
         <section class="testimonials-section">