Update newsy.html

Author: DevLabStudy

newsy.html

@@ -142,12 +142,26 @@
         background: var(--accent-blue);
     }
 
-    .news-card-thumb {
+    /* MINIATURKA / IKONA NEWSA */
+    .news-thumb {
         width: 100%;
-        height: 200px;
-        object-fit: cover;
+        height: 170px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: radial-gradient(circle at 30% 20%, rgba(0, 210, 255, 0.12), rgba(0, 0, 0, 0.55));
         border-bottom: 1px solid var(--border);
-        display: block;
+        overflow: hidden;
+    }
+    .news-thumb-img { width: 100%; height: 100%; object-fit: cover; display: block; }
+    .news-thumb-img.is-icon { width: 96px; height: 96px; object-fit: contain; }
+    .news-thumb-fallback {
+        font-size: 3.2rem;
+        width: 96px; height: 96px;
+        display: flex; align-items: center; justify-content: center;
+        background: rgba(0, 210, 255, 0.08);
+        border: 1px solid rgba(0, 210, 255, 0.25);
+        border-radius: 18px;
     }
 
     .news-card-content {
@@ -233,7 +247,7 @@
             <span class="section-tag">SYSTEM / ARCHIVES</span>
             <h1>Tech Briefs & News</h1>
         </div>
-        
+
         <div class="search-container">
             <span class="search-icon">&gt;</span>
             <input type="text" id="newsSearch" class="search-input" placeholder="Szukaj po tytule newsa...">
@@ -250,7 +264,7 @@ <h1>Tech Briefs & News</h1>
         {% endif %}
     {% endfor %}
     {% assign unique_cats = raw_cats | split: "," | uniq | sort %}
-    
+
     {% for cat in unique_cats %}
         {% if cat != "" %}
             <button class="filter-btn" data-filter="{{ cat | downcase }}">{{ cat | upcase }}</button>
@@ -260,31 +274,11 @@ <h1>Tech Briefs & News</h1>
 
 <div class="newsy-grid" id="newsGrid">
     {% for post in site.newsy %}
-        <!-- Automatyczne wyciąganie pierwszego obrazka z treści posta -->
-        {% assign post_thumb = nil %}
-        {% if post.content contains '<img' %}
-            {% assign img_tag = post.content | split: '<img' | second %}
-            {% assign img_src = img_tag | split: 'src="' | second | split: '"' | first %}
-            {% if img_src %}
-                {% assign post_thumb = img_src %}
-            {% endif %}
-        {% endif %}
-        {% unless post_thumb %}
-            {% if post.content contains '![' %}
-                {% assign md_img = post.content | split: '![' | second | split: ']' | second | split: '(' | second | split: ')' | first %}
-                {% if md_img %}
-                    {% assign post_thumb = md_img %}
-                {% endif %}
-            {% endif %}
-        {% endunless %}
-
         {% assign post_cat = post.category | default: "brief" | downcase %}
 
-    <a href="{{ post.url }}" class="news-card" data-title="{{ post.title | downcase }}" data-category="{{ post_cat }}">
+    <a href="{{ post.url | relative_url }}" class="news-card" data-title="{{ post.title | downcase }}" data-category="{{ post_cat }}">
         <div style="display: flex; flex-direction: column; height: 100%;">
-            {% if post_thumb %}
-                <img src="{{ post_thumb | relative_url }}" alt="{{ post.title }}" class="news-card-thumb">
-            {% endif %}
+            {% include news-thumb.html post=post %}
             <div class="news-card-content">
                 <div>
                     <div class="news-card-meta">
@@ -342,11 +336,7 @@ <h2 class="news-card-title">{{ post.title }}</h2>
             }
         });
 
-        if (visibleCount === 0) {
-            noResults.style.display = 'block';
-        } else {
-            noResults.style.display = 'none';
-        }
+        noResults.style.display = (visibleCount === 0) ? 'block' : 'none';
     }
 
     searchInput.addEventListener('input', (e) => {