<div class="more-articles container">
  <% ArticleSuggester.new(@article).articles(4).each do |article| %>
    <a href="<%=article.path%>" data-preload-image="<%=cloud_cover_url(article.main_image) %>">
      <div class="single-other-article">
        <div class="picture">
          <%=cl_image_tag(article.user.profile_image_url,
            :type=>"fetch",
            :crop => "imagga_scale",
            :width => 100,
            :height => 100,
            :quality => "auto",
            :flags => "progressive",
            :fetch_format => "auto",
            :sign_url => true) %>
          </div>
        <div class="content">
          <h3><%= article.title %></h3>
          <h4>
            <%= article.user.name %>
            <span class="published-at">- <%= article.readable_publish_date if article.published_at %></span>
          </h4>
        </div>
      </div>
    </a>
  <% end %>
</div>
