docbrown/app/views/articles/_bottom_content.html.erb
Ben Halpern 0e765b47de
[deploy] Modify articles below content for SEO and efficiency (#8755)
* Modify articles below content for SEO and efficiency

* fix Travis and code climate failures

Co-authored-by: mstruve <mollylbs@gmail.com>
2020-06-18 15:04:29 -04:00

32 lines
1.2 KiB
Text

<% if articles %>
<div class="more-articles crayons-card crayons-card--secondary">
<h1 class="fs-4xl fw-bold mb-4">
Read Next
</h1>
<% articles.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.cached_user.profile_image_url,
type: "fetch",
crop: "imagga_scale",
width: 100,
height: 100,
quality: "auto",
flags: "progressive",
fetch_format: "auto",
loading: "lazy",
sign_url: true,
alt: "#{article.cached_user.username} profile image") %>
</div>
<div class="content">
<h3 class="fs-2xl fw-bold mb-0"><%= article.title %></h3>
<h4 class="fs-base">
<%= article.cached_user.name %> - <time datetime="<%= article.published_timestamp %>"><%= article.readable_publish_date %></time>
</h4>
</div>
</div>
</a>
<% end %>
</div>
<% end %>