X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/3ebad9ec2f59f2ba5716952f6169cdbb4972f931..a120f65e18a6dcd7add89945c336920228b6256a:/app/views/site/about.html.erb?ds=inline

diff --git a/app/views/site/about.html.erb b/app/views/site/about.html.erb
index 59d0db062..12d9a0608 100644
--- a/app/views/site/about.html.erb
+++ b/app/views/site/about.html.erb
@@ -1,43 +1,46 @@
-<% content_for :head do %>
-  <%= javascript_include_tag "about" %>
-<% end %>
-
-<div id='content-body'>
-  <div class='attr'>
-    <div class='byosm'>
-      <%= t "about_page.copyright_html" %>
-    </div>
-
-    <div class='user-image'></div>
-
-    <strong>
-      <%= raw t "about_page.used_by", :name => "<span class='user-name'>OpenStreetMap</span>" %>
-    </strong>
-  </div>
-
-  <div class='text'>
-    <div class='section'>
-      <p><strong><%= t "about_page.lede_text" %></strong></p>
-      <h2><div class='icon local'></div><%= t "about_page.local_knowledge_title" %></h2>
-      <p><%= t "about_page.local_knowledge_html" %></p>
-    </div>
-
-    <div class='section'>
-      <h2><div class='icon community'></div><%= t "about_page.community_driven_title" %></h2>
-      <p><%= t "about_page.community_driven_html", :diary_path => diary_path %></p>
+<% 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 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 class='section' id='open-data'>
-      <h2><div class='icon open'></div><%= t "about_page.open_data_title" %></h2>
-      <p><%= t "about_page.open_data_html", :copyright_path => copyright_path %></p>
+    <div class='bg-white px-5 py-4'>
+      <p class="lead"><%= t ".lede_text" %></p>
+
+      <%= render :layout => "about_section", :locals => { :icon => "local", :title => "local_knowledge" } do %>
+        <p><%= t "site.about.local_knowledge_html" %></p>
+      <% end %>
+
+      <%= 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 %>
+
+      <%= 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 %>
+
+      <%= 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>
-</div>
-
-<% 5.times do |i| %>
-  <div class='caption photo-<%= i %>'>
-    <%= t "about_page.photo_caption_#{i}_html" %>
-  </div>
+  <% end %>
 <% end %>
-
-<a class='next' id='next-photo' href='#'><%= t "about_page.next" %></a>