From 2a043e3ad6599ad6684b6ce60b99ed431ece0931 Mon Sep 17 00:00:00 2001
From: sebastjan <sebastjan@folx.tv>
Date: Mon, 31 Aug 2026 13:48:52 +0200
Subject: [PATCH] siroka postavitev z dvema novicama se ponovi po vsaki tretji
 vrstici, ne le na koncu mreze

---
 client/src/pages/home.tsx | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index 51698a2..8096bc8 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -957,6 +957,19 @@ export default function Home() {
     return rows;
   }, [gridItems]);
 
+  // Siroka postavitev z dvema novicama: prej samo na koncu mreze, zdaj po
+  // vsaki tretji vrstici. Clanke jemljemo izza omejitve naslovnice, da se
+  // nobeden ne ponovi.
+  const widePairs = useMemo(() => {
+    const vMrezi = new Set(spaced.slice(0, 48).map((a) => a.id));
+    const ostanek = spaced.filter((a) => !vMrezi.has(a.id));
+    const pari: Article[][] = [];
+    for (let i = 0; i + 1 < ostanek.length && pari.length < 6; i += 2) {
+      pari.push([ostanek[i], ostanek[i + 1]]);
+    }
+    return pari;
+  }, [spaced]);
+
   const widePickedArticles = useMemo(() => {
     if (!articles || articles.length < 3) return [];
     const carouselIds = new Set(articles.slice(0, 9).map((a) => a.id));
@@ -1058,6 +1071,12 @@ export default function Home() {
                           ? <MediumCard key={item.key} article={item.article} focalPoints={focalPoints} />
                           : null
                 )}
+                {ri > 0 && (ri + 1) % 3 === 0 && widePairs[Math.floor(ri / 3) % Math.max(1, widePairs.length)] && (
+                  <div className="sm:col-span-2 lg:col-span-4 grid grid-cols-1 sm:grid-cols-2 gap-4">
+                    <WideCardClassic article={widePairs[Math.floor(ri / 3) % widePairs.length][0]} focalPoints={focalPoints} />
+                    <WideCardClassic article={widePairs[Math.floor(ri / 3) % widePairs.length][1]} focalPoints={focalPoints} />
+                  </div>
+                )}
                 {ri === gridRows.length - 1 && widePickedArticles.length > 0 && (
                   <div className="sm:col-span-2 lg:col-span-4 grid grid-cols-1 sm:grid-cols-2 gap-4">
                     <WideCardClassic article={widePickedArticles[0]} focalPoints={focalPoints} />