bdfr-browser/priv/templates/http/subreddit_posts.eex

<nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/">Overview</a></li>
    <li class="breadcrumb-item">
      <%= if is_list(subreddit) do %>
        <a href="/m/<%= Enum.join(subreddit, "+") %>"><%= Enum.join(subreddit, ", ") %></a>
      <% else %>
        <a href="/r/<%= subreddit %>"><%= subreddit %></a>
      <% end %>
    </li>
    <li class="breadcrumb-item active" aria-current="page"><%= date %></li>
  </ol>
</nav>

<h2>
  <%= if is_list(subreddit) and length(subreddit) > 1 do %>
    Multi-Reddit
  <% else %>
    <%= subreddit %>
  <% end %>
</h2>

<div class="row text-center">
  <div class="d-grid gap-2 col-12 mx-auto">
    <%= for post <- posts do %>
      <div class="card">
        <div class="card-body">
          <h5 class="card-title"><a href="/r/<%= post.subreddit %>/<%= post.date %>/<%= post.id %>"><%= post.title %></a></h5>
          <h6 class="card-subtitle mb-2 text-body-secondary">
            <small>
              <%= BdfrBrowser.RenderUtils.post_type_icon(post.url) %>
              <%= post.num_comments %> comment(s)
              -
              <%= BdfrBrowser.RenderUtils.format_date(post.posted_at, :short) %></small>
          </h6>
        </div>
      </div>
    <% end %>
  </div>
</div>