-<%= tag.div :lang => @locale, :dir => t("html.dir", :locale => @locale) do %>
- <div class="container-lg attr">
- <div class='row'>
- <div class='col-sm-7 user-image'></div>
- <div class='col-sm-5 px-5 py-3 byosm'>
- <h5 class='text-white text-nowrap'><%= t ".copyright_html", :locale => @locale %></h4>
+<% I18n.with_locale @locale do %>
+ <%= tag.div :lang => @locale, :dir => t("html.dir") do %>
+ <div class="container-lg attr">
+ <div class='row'>
+ <div class='col-sm-7 user-image'></div>
+ <div class='col-sm-5 px-5 py-3 byosm'>
+ <p class='h5 text-white text-nowrap'><%= t ".copyright_html" %></p>
+ </div>
</div>
- </div>
- <div class='row'>
- <div class="w-100 px-5 py-4 bg-dark">
- <h1 class="text-white font-weight-light"><%= t ".used_by_html", :name => tag.span("OpenStreetMap", :class => "user-name"), :locale => @locale %></h1>
+ <div class='row'>
+ <div class="w-100 px-5 py-4 bg-dark">
+ <h1 class="text-white fw-light"><%= t ".used_by_html", :name => tag.span("OpenStreetMap", :class => "user-name") %></h1>
+ </div>
</div>
</div>
- </div>
- <div class='bg-white px-5 py-4'>
- <div class='section'>
- <p><strong><%= t ".lede_text", :locale => @locale %></strong></p>
- <h2><div class='icon local'></div><%= t ".local_knowledge_title", :locale => @locale %></h2>
- <p><%= t ".local_knowledge_html", :locale => @locale %></p>
- </div>
+ <div class='bg-white px-5 py-4'>
+ <p class="lead"><%= t ".lede_text" %></p>
- <div class='section'>
- <h2><div class='icon community'></div><%= t ".community_driven_title", :locale => @locale %></h2>
- <p><%= t ".community_driven_html", :locale => @locale, :diary_path => diary_entries_path %></p>
- </div>
+ <%= render :layout => "about_section", :locals => { :icon => "local", :title => "local_knowledge" } do %>
+ <p><%= t "site.about.local_knowledge_html" %></p>
+ <% end %>
- <div class='section' id='open-data'>
- <h2><div class='icon open'></div><%= t ".open_data_title", :locale => @locale %></h2>
- <p><%= t ".open_data_html", :locale => @locale, :copyright_path => copyright_path %></p>
- </div>
+ <%= render :layout => "about_section", :locals => { :icon => "community", :title => "community_driven" } do %>
+ <p><%= t "site.about.community_driven_html", :diary_path => diary_entries_path %></p>
+ <% end %>
- <div class='section' id='legal'>
- <h2><div class='icon legal'></div><%= t ".legal_title", :locale => @locale %></h2>
- <p><%= t ".legal_1_html", :locale => @locale %></p>
- <p><%= t ".legal_2_html", :locale => @locale %></p>
- </div>
+ <%= render :layout => "about_section", :locals => { :id => "open-data", :icon => "open", :title => "open_data" } do %>
+ <p><%= t "site.about.open_data_html", :copyright_path => copyright_path %></p>
+ <% end %>
+
+ <%= render :layout => "about_section", :locals => { :id => "legal", :icon => "legal", :title => "legal" } do %>
+ <p><%= t "site.about.legal_1_html" %></p>
+ <p><%= t "site.about.legal_2_html" %></p>
+ <% end %>
- <div class='section' id='partners'>
- <h2><div class='icon partners'></div><%= t ".partners_title", :locale => @locale %></h2>
- <p><%= t "layouts.hosting_partners_html", :locale => @locale,
- :ucl => link_to(t("layouts.partners_ucl", :locale => @locale), "https://www.ucl.ac.uk"),
- :bytemark => link_to(t("layouts.partners_bytemark", :locale => @locale), "https://www.bytemark.co.uk"),
- :partners => link_to(t("layouts.partners_partners", :locale => @locale), "https://hardware.openstreetmap.org/thanks/") %>
- </p>
+ <%= render :layout => "about_section", :locals => { :id => "partners", :icon => "partners", :title => "partners" } do %>
+ <p><%= t "layouts.hosting_partners_html", :ucl => link_to(t("layouts.partners_ucl"), "https://www.ucl.ac.uk"),
+ :fastly => link_to(t("layouts.partners_fastly"), "https://www.fastly.com/"),
+ :bytemark => link_to(t("layouts.partners_bytemark"), "https://www.bytemark.co.uk"),
+ :partners => link_to(t("layouts.partners_partners"), "https://hardware.openstreetmap.org/thanks/") %>
+ </p>
+ <% end %>
</div>
- </div>
+ <% end %>
<% end %>