{{ define "main" }}
<section class="hero">
  <div class="">
    <h1 class="" data-pagefind-meta="title">{{T "hero.heading"}}</h1>
    <p class="" data-pagefind-meta="description">{{T "hero.description"}}</p>
  </div>
  <div class="tags_categories">
    <div class="category_list">

      <h3 class="">
        <img src="/icons/categories.svg" alt="" class="">
        {{T "categories"}}
      </h3>
      <ul>
        {{ range $name, $taxonomy := .Site.Taxonomies.categories }}
        <li class="chip">
          <a href="{{site.BaseURL}}{{"categories/"| relLangURL}}{{ $name | urlize }}/">{{ $name }}</a>
        </li>
        {{ end }}
      </ul>
    </div>

    <div class="tags_list">

      <h3 class="">
        <img src="/icons/hastag.svg" alt="" class="">
        {{T "tags"}}
      </h3>
      <ul>
        {{ range $name, $taxonomy := .Site.Taxonomies.tags }}
        <li class="chip">
          <a href="{{site.BaseURL}}{{"tags/"| relLangURL}}{{ $name | urlize }}/">{{ $name }}</a>
        </li>
        {{ end }}
      </ul>
    </div>
  </div>
</section>

<button class="story-btn" id="createStoryBtn">{{T "submitButtonLabelText"}}</button>
<dialog class="story_dialog">
  <button id="closeStoryModal" autofocus>Close</button>
  <iframe src="https://ai.odoo4projects.com/form/345c0f2c-8764-4094-8a5d-1be9c2ed86ef" frameborder="1"></iframe>
</dialog>

<!-- stories -->
<section class="story__grid">
  {{ range site.RegularPages }} 
{{ partial "UI/article-card.html" . }}  {{end}}
</section>
{{ end }}