Refactor About header to use bootstrap and flex

[rails.git] / app / views / site / about.html.erb

diff --git a/app/views/site/about.html.erb b/app/views/site/about.html.erb
index 066df724cc54c1b4bc23d9a213406da1f008417d..f495193a61e178760f84198941f21ddd9c3e0d8d 100644 (file)
--- a/app/views/site/about.html.erb
+++ b/app/views/site/about.html.erb
@@ -1,39 +1,48 @@
-<% content_for :head do %>
-  <%= javascript_include_tag "about" %>
-<% end %>
-
-<div class='attr'>
-  <div class='byosm'>
-    <%= t "about_page.copyright_html" %>
-  </div>
-
-  <div class='user-image'></div>
-
-  <h1><%= raw t "about_page.used_by", :name => "<span class='user-name'>OpenStreetMap</span>" %></h1>
-</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>
+<%= 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>
+      </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>
+    </div>
   </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>
-  </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>
-</div>
-
-<% 5.times do |i| %>
-  <div class='caption photo-<%= i %>'>
-    <%= t "about_page.photo_caption_#{i}_html" %>
+  <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='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>
+
+    <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>
+
+    <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>
+
+    <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>
+    </div>
   </div>
 <% end %>
-
-<a class='next' id='next-photo' href='#'><%= t "about_page.next" %></a>