fix

layouts/partials/UI/article-card.html

@@ -1,7 +1,8 @@
 <article class="story__card">
 
+<a href="{{.RelPermalink}}" data-story-url="{{.RelPermalink}}" class="open-modal">  
 {{ partial "common/image.html" (dict "src" .Params.image "alt" .Title) . }}
-
+</a>
   <div class="story__card__details">
       <ul class="card_category_list">
         {{ range first 5 .Params.categories }}
@@ -22,8 +23,9 @@
                 <p class="timeToRead">{{ .ReadingTime }} {{T "minutesToRead"}} </p>
               </div>
 <!-- description -->
-        <p class="card__description">{{.Params.description | truncate 100}}</p>
-
+<a href="{{.RelPermalink}}" data-story-url="{{.RelPermalink}}" class="open-modal">
+<p class="card__description">{{.Params.description | truncate 100}}</p>
+</a>
         <!-- tags -->
       <ul class="card_tags_list">
         {{ range first 3 .Params.tags }}
@@ -37,4 +39,4 @@
 
 
   </div>
-</article>
+</article>

layouts/partials/sections/hero.html

@@ -3,7 +3,7 @@
 
   <h1 class="" data-pagefind-meta="title">{{T "hero.heading"}}</h1>
   <p class="" data-pagefind-meta="description">{{T "hero.description"}}</p>
-<img src="/images/{{ .Site.Language.Lang }}.svg" class="story-btn" alt="{{ .Site.Language.Lang }} flag" />
+<img src="/images/{{ .Site.Language.Lang }}.svg" class="story-btn" id="createStoryBtn" alt="{{ .Site.Language.Lang }} flag" />
 
   </button>
 </section>