<% @podcast_episodes.each_with_index do |episode, i| %>
  <a href="<%= episode.path %>" class="small-pic-link-wrapper" id="article-link-<%= episode.id %>">
    <div class="single-article single-article-small-pic single-article-single-podcast">
      <div class="small-pic">
        <%= cl_image_tag(episode.image_url || episode.podcast.image_url,
                         type: "fetch",
                         crop: "imagga_scale",
                         width: 240,
                         height: 240,
                         quality: "auto",
                         flags: "progressive",
                         fetch_format: "auto",
                         sign_url: true,
                         alt: episode.title) %>
      </div>
      <div class="content">
        <h3><span class="tag-identifier">podcast</span><%= episode.title %></h3>
      </div>
      <h4>
        <a href="/<%= episode.podcast.slug %>">
          <%= episode.podcast.title %>
          <% if episode.published_at? %>
            ・<time class="published-at" datetime="<%= episode.published_timestamp %>">
            <%= episode.readable_publish_date %>
            </time>
            <span class="time-ago-indicator-initial-placeholder" data-seconds="<%= episode.published_at_int %>"></span>
          <% end %>
        </a>
      </h4>
    </div>
  </a>
<% end %>
