[FIX]

Homepage articles fix

main/styleguide/source/_patterns/molecules/articles/article-carousel-item.mustache

 <div>
   <div class="flex max-w-md items-start xl:mr-2">
+     <a href="#" class="mr-4">
     <img src="https://i.picsum.photos/id/523/132/132.jpg?hmac=XjW7KxLZNbta7gMDNvldHNGwA9XyxpjBFUGkJqrMR4o" alt=""
-         class="w-16 xl:w-36 mr-4">
+         class="w-16 xl:w-36">
+    </a>
     <div class="flex flex-col justify-between items-start">
       <span class="text-green-500 mb-2">23.2.2022</span>
-      <h4 class="font-alt leading-5 text-base uppercase lg:text-base mb-2">
+      <a href="#" class="font-alt leading-5 text-base uppercase lg:text-base mb-2">
         Komentář Lukáše Koláříka: Kriminalita ve virtuálním prostoru není imaginární,
         ale skutečná. Jak nenaletět internetovým šmejdům?
-      </h4>
+      </a>
       {{> atoms-button-animated(btn-text: "Zjistit více") }}
     </div>
   </div>

main/styleguide/source/_patterns/molecules/articles/main-article-preview.mustache

 <div class="flex flex-wrap mb-5 lg:mb-10">
+  <a href="#">
   <img src="https://i.picsum.photos/id/361/576/576.jpg?hmac=kb62KiZkyDuigb46DUJQd7QvQM6LfYFolTdIMwEqei4" alt=""
        class="lg:max-w-lg lg:mr-11 h-fit">
+  </a>
   <div class="flex flex-col max-w-xl items-start">
     <span class="text-green-500 head-3xl mt-10 mb-4 lg:mb-8">2.3.2022</span>
-    <h5 class="head-4xl mb-5 lg:mb-10">Senátoři vyzvali k ukončení veřejné podpory firmám z Ruska
-      a Běloruska, vkteré neodsoudí akt vojenské agrese na Ukrajině</h5>
+    <a href="#" class="head-4xl mb-5 lg:mb-10">Senátoři vyzvali k ukončení veřejné podpory firmám z Ruska
+      a Běloruska, vkteré neodsoudí akt vojenské agrese na Ukrajině</a>
     <p class="leading-6 mb-4 lg:mb-8">
       Senát chce v souvislosti s ruskou agresí zabránit některým firmám z Ruska a Běloruska čerpat dotace z
       prostředků rozpočtu České republiky.

main/templates/main/blocks/news_block.html

@@ -8,10 +8,12 @@
     {% if article_main %}
       <div class="flex flex-wrap mb-5 lg:mb-10">
         {% image article_main.image original as article_img %}
+        <a href="{{ article_main.url }}">
         <img src="{{ article_img.url }}" draggable="false" alt="" class="lg:max-w-lg lg:mr-11 h-fit">
+          </a>
         <div class="flex flex-col max-w-xl items-start">
           <span class="text-green-500 head-3xl mt-10 mb-4 lg:mb-8">{{ article_main.date }}</span>
-          <h5 class="head-4xl mb-5 lg:mb-10">{{ article_main.title }}</h5>
+          <a href="{{ article_main.url }}" class="head-4xl mb-5 lg:mb-10">{{ article_main.title }}</a>
           <p class="leading-6 mb-4 lg:mb-8">{{ article_main.perex }}</p>
           {% include 'main/includes/button_animated.html' with btn_link=article_main.url btn_text="Číst dále" %}
         </div>

main/templates/main/includes/article_carousel_item.html

@@ -3,14 +3,16 @@
     <div>
         <div class="flex max-w-md items-start xl:mr-2">
             {% image article_item.image fill-128x128 as image %}
+          <a href="{{ article_item.url }}" class="mr-4">
             <img src="{{ image.url }}"
                  alt=""
-                 class="w-16 xl:w-36 mr-4">
+                 class="w-16 xl:w-36">
+          </a>
             <div class="flex flex-col justify-between items-start">
                 <span class="text-green-500 mb-2">{{ article_item.date | date }}</span>
-                <h4 class="font-alt leading-5 text-base uppercase lg:text-base mb-2">
+                <a href="{{ article_item.url }}" class="font-alt leading-5 text-base uppercase lg:text-base mb-2">
                     {{ article_item.title }}
-                </h4>
+                </a>
                 {% include 'main/includes/button_animated.html' with btn_link=article_item.url btn_text="Zjistit více" %}
             </div>
         </div>