more clickable surface (#64)

klubFITpp · Sep 25, 2024 · 1b72fe1 · 1b72fe1
1 parent b8bbcbb
commit 1b72fe1
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 14 deletions.
diff --git a/events/index.html b/events/index.html
@@ -16,15 +16,17 @@ <h2 class="main__title">Akce</h2>
 
 <div class="events__article__wrapper">
     {% for event in paginator.posts %}
+    <a href="{{event.url}}">
     <article class="event__article " >    
       <h3 class="event__title">{{event.title}}</h3>
       <div class="event__background event__image" style="background-image: url({{ event.img | relative_url }});">
       </div>
       <div class="event__footer ">
         <small class="event__date">{{ event.date | date: "%-d. %-m. %Y" }}</small>
-        <a class="event__link" href="{{event.url}}">Více</a>
+        <span class="event__link" href="{{event.url}}">Více</span>
       </div>
     </article>
+    </a>
     {% endfor %}
   </div>
 

diff --git a/index.html b/index.html
@@ -31,15 +31,17 @@ <h2 class="section__title">Akce</h2>
   <div class="events__article__wrapper">
     {% assign events = site.events | sort: 'date' | reverse  %}
     {% for event in events  limit:3 %}
-    <article class="event__article " >    
-      <h3 class="event__title">{{event.title}}</h3>
-      <div class="event__background event__image" style="background-image: url({{ event.img | relative_url }});">
-      </div>
-      <div class="event__footer ">
-        <small class="event__date">{{ event.date | date: "%-d. %-m. %Y" }}</small>
-        <a class="event__link" href="{{event.url}}">Více</a>
-      </div>
-    </article>
+    <a href="{{event.url}}">
+      <article class="event__article " >    
+        <h3 class="event__title">{{event.title}}</h3>
+        <div class="event__background event__image" style="background-image: url({{ event.img | relative_url }});">
+        </div>
+        <div class="event__footer ">
+          <small class="event__date">{{ event.date | date: "%-d. %-m. %Y" }}</small>
+          <span class="event__link" href="{{event.url}}">Více</span>
+        </div>
+      </article>
+    </a>
     {% endfor %}
   </div>
   <a class="events__more__link" href="/events">Další akce</a>
@@ -51,9 +53,9 @@ <h2 class="section__title">Aktuality</h2>
     {% assign news = site.news | sort: 'date' | reverse  %}
     {% for post in news limit:3 %}
     <article class="news__article ">
-      <div class="news__image" style="background-image: url({{ post.img | relative_url }});"></div>
+      <a href="{{post.url}}"><div class="news__image" style="background-image: url({{ post.img | relative_url }});"></div></a>
       <div class="news__text ">
-          <h3 class="news__title ">{{post.title}}</h3>
+          <a href="{{post.url}}"><h3 class="news__title ">{{post.title}}</h3></a>
           <p class="news__short">{{post.short}}</p>
           <div class="news__footer">
             <a class="news__link" href="{{post.url}}">Přečíst</a>
@@ -108,4 +110,4 @@ <h2 class="section__title">Další zajímavé skupiny</h2>
     <a class="refs__links__link" href="https://seznamovak.fit.cvut.cz/">Seznamovák FIT</a>
     <a class="refs__links__link" href="https://magistrovak.fit.cvut.cz/">Magistrovák FIT</a>
   </article>
-</section>
+</section>
diff --git a/news/index.html b/news/index.html
@@ -15,9 +15,13 @@ <h2 class="main__title">Aktuality</h2>
 <div class="news__article__wrapper">
   {% for post in paginator.posts %}
   <article class="news__article ">
+    <a href="{{post.url}}">
     <div class="news__image" style="background-image: url('{{ post.img | relative_url }}');"></div>
+    </a>
     <div class="news__text ">
-        <h3 class="news__title">{{post.title}}</h3>
+        <a href="{{post.url}}">
+          <h3 class="news__title">{{post.title}}</h3>
+        </a>
         <p class="news__short">{{post.short}}</p>
         <div class="news__footer">
           <a class="news__link" href="{{post.url}}">Číst dále</a>