25/lib/mse25_web/controllers/page_html/articles.html.heex

<h1>
  <%= @page_title %>
</h1>
<p>
  Inlägg skrivna sedan 2006.
  <%= if @nosearch? do %>
    Gå direkt till:
  <% end %>
</p>
<ul class="months">
  <%= for {year, articles} <- @articles do %>
    <li>
      <a href={"#y" <> year}><%= year %></a> (<%= Enum.count(articles) %>)
    </li>
  <% end %>
</ul>
<form method="get" action="/webblogg">
  <p>
    <%= if @nosearch? do %>
      Eller
    <% end %>
    <label for="q">sök innehåll</label>:
    <input type="search" value={@q} name="q" id="q" size="7" />
    <button>Sök</button>
  </p>
</form>
<%= for {year, articles} <- @articles do %>
  <section id={"y" <> year}>
    <h2 class="sticky"><%= year %></h2>
    <div class="articles">
      <%= for article <- articles do %>
        <article class="article" vocab="https://schema.org/" typeof="Article">
          <h2 property="name">
            <a href={"/" <> article["slug"]}><%= article["title"] %></a>
          </h2>
          <time><%= article["pubDate"] %></time>
        </article>
      <% end %>
    </div>
  </section>
<% end %>