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>

mk/index.html

@@ -64,7 +64,7 @@
                     <li class="menu-item menu-item-has-children">
                         <a href="#">Новости</a>
                         <ul class="dropdown-menu">
-                            <li><a href="#">Вести и соопштенија</a></li>
+                            <li><a href="../mk/news/">Вести и соопштенија</a></li>
                             <li><a href="#">Соопштенија за медиуми</a></li>
                         </ul>
                     </li>
@@ -134,7 +134,7 @@
             <li class="menu-item menu-item-has-children">
                 <a href="#">Новости</a>
                 <ul class="dropdown-menu">
-                    <li><a href="#">Вести и соопштенија</a></li>
+                    <li><a href="../mk/news/">Вести и соопштенија</a></li>
                     <li><a href="#">Соопштенија за медиуми</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>Најнови вести</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>
+                <p>Што е ново кај МСОС, од настани и проекти до блог приказни и објави.</p>
             </div>
             <div class="news-articles">
-                <article class="news-card">
-                    <img src="../images/4-billwalsh.webp" alt="Слика на снежен планински врв во розови и сини нијанси">
+                <article class="news-card" data-type="news">
+                    <a class="news-card-media" href="../mk/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> Вест</span>
+                    </a>
                     <div class="card-content">
-                        <p class="author">Alec Whitten • 17 Јан 2022</p>
-                        <h3>Лекции за лидерство од Бил Волш</h3>
-                        <p>Сакате да ги дознаете тајните за трансформација на тим со резултат 2-14 во династија со 3x Супер Боул...</p>
+                        <p class="author">15 јули 2026</p>
+                        <h3><a href="../mk/news/">Пријавите за академската 2026/2027 година се отворени</a></h3>
                     </div>
                 </article>
-                <article class="news-card">
-                    <img src="../images/5-pmmentals.webp" alt="Жена презентира пред табла со лепливи белешки на тим">
+                <article class="news-card" data-type="news">
+                    <a class="news-card-media" href="../mk/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> Вест</span>
+                    </a>
                     <div class="card-content">
-                        <p class="author">Demi Wilkinson • 16 Јан 2022</p>
-                        <h3>ПМ ментални модели</h3>
-                        <p>Менталните модели се едноставни изрази на сложени процеси или односи.</p>
+                        <p class="author">5 јули 2026</p>
+                        <h3><a href="../mk/news/">Придружи се на неделата на добредојде за нови студенти</a></h3>
                     </div>
                 </article>
-                <article class="news-card">
-                    <img src="../images/6-whatiswireframing.webp" alt="Модерно компјутерско биро со голем монитор, тастатура и слушалки">
+                <article class="news-card" data-type="news">
+                    <a class="news-card-media" href="../mk/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> Вест</span>
+                    </a>
                     <div class="card-content">
-                        <p class="author">Candice Wu • 15 Јан 2022</p>
-                        <h3>Што е Wireframing?</h3>
-                        <p>Вовед во Wireframing и неговите принципи. Учете од најдобрите во индустријата.</p>
+                        <p class="author">20 јуни 2026</p>
+                        <h3><a href="../mk/news/">Летни термини и како да нè контактирате</a></h3>
                     </div>
                 </article>
             </div>
-            <button class="btn btn-secondary">Види ги сите</button>
+            <a href="../mk/news/" class="btn btn-secondary">Види ги сите</a>
         </section>
 
         <section class="testimonials-section">