diff --git a/app/views/showcase/websites/_list.html.erb b/app/views/showcase/websites/_list.html.erb index adc1f97a6cf7e874ffa41874dc90f756e8dd2acb..ca0474a34ecf275be2ee0766e06767deb1e7149b 100644 --- a/app/views/showcase/websites/_list.html.erb +++ b/app/views/showcase/websites/_list.html.erb @@ -6,7 +6,7 @@ current_year = nil <%= Communication::Website.model_name.human(count: @websites.total_count).downcase %> </p> -<div class="row"> +<div class="row g-5"> <% @websites.each do |website| %> <% year = website.created_at.year @@ -18,41 +18,17 @@ current_year = nil <hr> </div> <% end %> - <div class="col-lg-6"> - <article class="mb-5 pb-5"> + <div class="col-md-6 col-xl-4"> + <article class="d-relative"> <% if website.screenshot.attached? %> - <%= link_to showcase_website_path(website) do %> - <%= kamifusen_tag website.screenshot, - class: 'img-fluid rounded mb-3' %> - <% end %> + <%= kamifusen_tag website.screenshot, + class: 'img-fluid rounded mb-3' %> <% end %> - <div class="row"> - <div class="col-lg-10"> - <h3 class="h4"><%= link_to website.original_localization.to_s, showcase_website_path(website) %></h3> - <div class="small mb-1"> - <i class="bi bi-compass-fill me-1"></i> - <%= contact_link website.url, :website %> - </div> - <div class="small mb-1"> - <i class="bi bi-github me-1"></i> - <%= contact_link website.repository_url, :github %> - </div> - <% website.showcase_tags.each do |tag| %> - <%= link_to tag, - showcase_tag_path(tag.slug), - class: 'btn btn-sm btn-outline-light text-dark rounded-pill' %> - <% end %> - </div> - <% if website.university.logo.attached? %> - <div class="col-3 col-lg-2"> - <div class="ratio ratio-1x1 mb-3"> - <%= image_tag website.university.logo, - class: 'img-fluid p-3', - style: 'filter: saturate(0)' %> - </div> - </div> - <% end %> - </div> + <h3 class="h4"> + <%= link_to website.original_localization.to_s, + showcase_website_path(website), + class: 'stretched-link' %> + </h3> </article> </div> <% end %>