<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 }}
        <a href="{{ "/categories/" | relLangURL}}{{ . | urlize }}/">
          <li class="category__chip">
            {{.}}
          </li>
        </a>
        {{ end }}
      </ul>

        <a href="{{.RelPermalink}}" data-story-url="{{.RelPermalink}}" class="open-modal">
          <h4 class="card__title">{{ .Title | truncate 45 }}</h4>
        </a>

            <!-- author -->
             <div class="author__reading_time">
                <p class="timeToRead">{{ .ReadingTime }} {{T "minutesToRead"}} </p>
              </div>
<!-- description -->
<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 }}
        <a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}/">
          <li class="tag__chip">
            <span class="hastag">#</span>{{.}}
          </li>
        </a>
        {{ end }}
      </ul>


  </div>
</article>
