X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/33a6b79bd78f1903011367f6a5adf2f91d160f74..91a4fd6b5ab7a077211a7608248b3878f226d405:/app/views/site/help.html.erb

diff --git a/app/views/site/help.html.erb b/app/views/site/help.html.erb
index e72aac190..ade1e9437 100644
--- a/app/views/site/help.html.erb
+++ b/app/views/site/help.html.erb
@@ -1,12 +1,32 @@
 <% content_for :heading do %>
-  <h2><%= t "help_page.title" %></h2>
+  <h1><%= t ".title" %></h1>
 <% end %>
 
-<p class='introduction'><%= t "help_page.introduction" %></p>
+<p class='introduction'><%= t ".introduction" %></p>
 
-<% ['welcome', 'learnosm', 'help', 'wiki'].each do |site| %>
-  <a class='<%= site %>' href='<%= t "help_page.#{site}.url" %>'>
-    <h3><%= t "help_page.#{site}.title" %></h3>
-    <p><%= t "help_page.#{site}.description" %></p>
-  </a>
-<% end %>
+<% sites = %w[beginners_guide help mailing_lists community irc switch2osm welcomemat wiki] %>
+<% sites.prepend("welcome") if current_user %>
+
+<div class="row row-cols-sm-3 g-4 mb-3">
+  <% sites.each do |site| %>
+    <div class="col">
+      <div class='<%= site %> help-item card h-100'>
+        <div class='card-body'>
+          <h6 class='card-title'>
+            <a href='<%= t ".#{site}.url" %>'>
+              <%= t ".#{site}.title" %>
+            </a>
+          </h6>
+          <p class='card-text'><%= t ".#{site}.description" %></p>
+        </div>
+        <div class="card-footer">
+          <small>
+            <a href='<%= t ".#{site}.url" %>'>
+              <%= t ".#{site}.url" %>
+            </a>
+          </small>
+        </div>
+      </div>
+    </div>
+  <% end %>
+</div>