<% 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>
+<% sites = %w[beginners_guide help mailing_lists forums irc switch2osm welcomemat wiki] %>
+<% sites.prepend("welcome") if current_user %>
+
+<% sites.in_groups_of(3, false) do |group| %>
+ <div class="card-deck mb-4">
+ <% group.each do |site| %>
+ <div class='<%= site %> help-item card'>
+ <div class='card-body'>
+ <h6 class='card-title'>
+ <a href='<%= t ".#{site}.url" %>'>
+ <%= t ".#{site}.title" %>
+ </a>
+ </h3>
+ <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>
+ <% end %>
+ </div>
<% end %>