more salsing yeah

Author: akae

news-data.json

@@ -27,7 +27,8 @@
       "title": "🚗 DHH's Pagani Zonda HH BANNED From Valencia's Low-Emission Zone",
       "content": "Rails creator David Heinemeier Hansson's €2M hypercar doesn't meet EU emissions standards. The legendary supercar with his initials won't be allowed in Valencia's restricted area. Ironic considering he's a tech philanthropist advocating for climate action.",
       "category": "Tech",
-      "size": "medium"
+      "size": "medium",
+      "image": "./orange-zonda-f.jpg"
     },
     {
       "id": 5,

orange-zonda-f.jpg

@@ -57,8 +57,10 @@ function createNewsBlock(news) {
     const block = document.createElement('article');
     block.className = `news-block ${news.size}`;
     const linkHTML = news.link ? `<a href="${news.link}" target="_blank" class="block-link">Read more →</a>` : '';
+    const imageHTML = news.image ? `<img src="${news.image}" alt="${news.title}" class="block-image" loading="lazy">` : '';
 
     block.innerHTML = `
+        ${imageHTML}
         <span class="block-category">${news.category}</span>
         <h2 class="block-title">${news.title}</h2>
         <p class="block-content">${news.content}</p>

script.js

@@ -217,6 +217,16 @@ body {
     letter-spacing: 0.05em;
 }
 
+.block-image {
+    width: 100%;
+    height: auto;
+    object-fit: cover;
+    border-radius: 8px;
+    margin-bottom: 12px;
+    display: block;
+    box-shadow: 0 4px 8px rgba(255, 105, 180, 0.2);
+}
+
 .block-title {
     font-size: 1.3rem;
     font-weight: 900;