adjust

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 %>