Refactor CSS styles and update news section markup

Author: DevLabStudy

index.html

@@ -25,9 +25,9 @@
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
     }
-    
-    .hero-title span { 
-        color: var(--accent-contrast); 
+
+    .hero-title span {
+        color: var(--accent-contrast);
         -webkit-text-fill-color: var(--accent-contrast);
     }
 
@@ -55,25 +55,25 @@
         text-transform: uppercase;
         letter-spacing: 1px;
     }
-    
+
     .btn-primary {
         background: var(--accent-contrast);
         color: #000;
         border: none;
         box-shadow: 0 4px 20px rgba(255, 94, 0, 0.3);
     }
-    .btn-primary:hover { 
-        background: #ff7a2e; 
+    .btn-primary:hover {
+        background: #ff7a2e;
         transform: translateY(-2px);
         box-shadow: 0 6px 25px rgba(255, 94, 0, 0.4);
     }
-    
+
     .btn-secondary {
         background: rgba(0, 210, 255, 0.05);
         color: var(--accent-blue);
         border: 1px solid rgba(0, 210, 255, 0.3);
     }
-    .btn-secondary:hover { 
+    .btn-secondary:hover {
         background: rgba(0, 210, 255, 0.1);
         border-color: var(--accent-blue);
         transform: translateY(-2px);
@@ -98,7 +98,7 @@
         backdrop-filter: blur(10px);
         transition: 0.3s;
     }
-    
+
     .stat-card:hover {
         border-color: var(--accent-blue);
         background: rgba(10, 15, 25, 0.85);
@@ -156,13 +156,6 @@
         transform: translateY(-3px);
         box-shadow: 0 10px 30px rgba(0,210,255,0.15);
     }
-    .home-news-thumb {
-        width: 100%;
-        height: 180px;
-        object-fit: cover;
-        border-bottom: 1px solid var(--border);
-        display: block;
-    }
     .home-news-content {
         padding: 20px;
         display: flex;
@@ -171,6 +164,28 @@
         flex-grow: 1;
     }
 
+    /* MINIATURKA / IKONA NEWSA */
+    .news-thumb {
+        width: 100%;
+        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);
+        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;
+    }
+
     .sponsors-grid {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
@@ -275,7 +290,7 @@
         transition: 0.2s;
         text-decoration: none;
     }
-    
+
     .archive-item:hover {
         background: rgba(0, 210, 255, 0.03);
         padding-left: 25px;
@@ -295,7 +310,7 @@
         color: var(--text-main);
         letter-spacing: 0.5px;
     }
-    
+
     .archive-item:hover .archive-title {
         color: var(--accent-blue);
     }
@@ -371,31 +386,12 @@ <h1 class="hero-title">DEVLAB<br>STUDY<span>_</span></h1>
     </a>
 </div>
 
-<!-- SEKCJA NAJNOWSZE NEWSY Z AUTOMATYCZNYM WYCIĄGANIEM OBRAZKA -->
+<!-- SEKCJA NAJNOWSZE NEWSY -->
 <span class="section-tag">NAJNOWSZE RAPORTY TECHNOLOGICZNE (NEWSY)</span>
 <div class="newsy-home-grid">
     {% for post in site.newsy limit:3 %}
-        {% 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 %}
-
-    <a href="{{ post.url }}" class="home-news-card">
-        {% if post_thumb %}
-            <img src="{{ post_thumb | relative_url }}" alt="{{ post.title }}" class="home-news-thumb">
-        {% endif %}
+    <a href="{{ post.url | relative_url }}" class="home-news-card">
+        {% include news-thumb.html post=post %}
         <div class="home-news-content">
             <div>
                 <div style="font-family: 'JetBrains Mono', monospace; font-size: 0.75rem; color: var(--accent-contrast); margin-bottom: 8px; font-weight: 800;">