Merge pull request #3678 from AntonKhorev/close-button-margins

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

diff --git a/app/views/site/welcome.html.erb b/app/views/site/welcome.html.erb
index f3a0b086db80a95de85bb89f30ceff1ad1d5125a..7c1ee38ab86d9fc434f80fd571379b310230e7c1 100644 (file)
--- a/app/views/site/welcome.html.erb
+++ b/app/views/site/welcome.html.erb
@@ -1,95 +1,71 @@
+<% content_for :head do %>
+  <%= javascript_include_tag "welcome" %>
+<% end %>
+
 <% content_for :heading do %>
-  <h2><%= t "welcome_page.title" %></h2>
-  <h3><%= t "welcome_page.subtitle" %></h3>
+  <h1><%= t ".title" %></h1>
 <% end %>
 
-<div class='pad2'>
-  <p><%= t "welcome_page.introduction_html" %></p>
-</div>
+<p class="lead"><%= t ".introduction_html" %></p>
 
-<div class='pad2 drop'>
-  <h3><%= t "welcome_page.section_1.title" %></h3>
-  <div class='center'>
-    <span class='sprite large one-map'></span>
-  </div>
-  <p><%= t "welcome_page.section_1.paragraph_1_html" %></p>
-  <p><%= t "welcome_page.section_1.paragraph_2_html" %></p>
-</div>
+<h2><%= t ".whats_on_the_map.title" %></h2>
 
-<div class='pad2 drop clearfix'>
-  <h3><%= t "welcome_page.section_2.title" %></h3>
-  <div class='col6 pad1'>
-    <div class='center pad1'>
-      <span class='sprite small check'></span>
+<div class='row'>
+  <div class='col'>
+    <div>
+      <span class='sprite small check mx-auto'></span>
     </div>
-    <p><%= t "welcome_page.section_2.on_html" %></p>
+    <p><%= t ".whats_on_the_map.on_html" %></p>
   </div>
-  <div class='col6 pad1'>
-    <div class='center pad1'>
-      <span class='sprite small x'></span>
+  <div class='col'>
+    <div class='center'>
+      <span class='sprite small x mx-auto'></span>
     </div>
-    <p><%= t "welcome_page.section_2.off_html" %></p>
+    <p><%= t ".whats_on_the_map.off_html" %></p>
   </div>
 </div>
 
-<% if @user %>
-  <div class='pad2 drop'>
-    <h3><%= t "welcome_page.section_3.title" %></h3>
-    <p><%= t "welcome_page.section_3.paragraph_2_html" %></p>
+<h2><%= t ".basic_terms.title" %></h2>
+
+<p><%= t ".basic_terms.paragraph_1_html" %></p>
+
+<div class='clearfix'>
+  <div class='clearfix'>
+    <span class='sprite small term editor float-start'></span>
+    <p><%= t ".basic_terms.editor_html" %></p>
   </div>
-<% else %>
-  <div class='pad2 drop'>
-    <h3><%= t "welcome_page.section_3.title_no_user" %></h3>
-    <p><%= t "welcome_page.section_3.paragraph_1_html" %></p>
-    <p><%= t "welcome_page.section_3.paragraph_2_html" %></p>
+  <div class='clearfix'>
+    <span class='sprite small term node float-start'></span>
+    <p><%= t ".basic_terms.node_html" %></p>
   </div>
-<% end %>
-
-<div class='pad2 drop'>
-  <h3><%= t "welcome_page.section_4.title" %></h3>
-  <p><%= t "welcome_page.section_4.paragraph_1_html" %></p>
-  <div class='col12 clearfix'>
-    <p>
-      <span class='sprite small term editor'></span>
-      <%= t "welcome_page.section_4.editor_html" %>
-    </p>
-    <p>
-      <span class='sprite small term node'></span>
-      <%= t "welcome_page.section_4.node_html" %>
-    </p>
-    <p>
-      <span class='sprite small term way'></span>
-      <%= t "welcome_page.section_4.way_html" %>
-    </p>
-    <p>
-      <span class='sprite small term changeset'></span>
-      <%= t "welcome_page.section_4.changeset_html" %>
-    </p>
+  <div class='clearfix'>
+    <span class='sprite small term way float-start'></span>
+    <p><%= t ".basic_terms.way_html" %></p>
+  </div>
+  <div class='clearfix'>
+    <span class='sprite small term tag float-start'></span>
+    <p><%= t ".basic_terms.tag_html" %></p>
   </div>
 </div>
 
-<div class='pad2 drop'>
-  <h3><%= t "welcome_page.section_5.title" %></h3>
-  <div class='center pad1'>
-    <span class='sprite small term question'></span>
-  </div>
-  <p><%= t "welcome_page.section_5.paragraph_1_html" %></p>
+<div class='clearfix'>
+  <h2><%= t ".rules.title" %></h2>
+  <span class='sprite small term rules float-start'></span>
+  <p><%= t ".rules.paragraph_1_html" %></p>
 </div>
 
-<div class='pad2 drop'>
-  <h3><%= t "welcome_page.section_6.title" %></h3>
-  <% if @user %>
-    <p><%= t "welcome_page.section_6.paragraph_1_html" %></p>
-  <% else %>
-    <p><%= t "welcome_page.section_6.paragraph_1_no_user_html" %></p>
-  <% end %>
-  <p><%= t "welcome_page.section_6.paragraph_2_html" %></p>
+<div class='clearfix'>
+  <h2><%= t ".questions.title" %></h2>
+  <span class='sprite small term question float-start'></span>
+  <p><%= t ".questions.paragraph_1_html", :help_url => help_path %></p>
 </div>
 
-<div class='pad2 drop'>
-  <div class='fillE pad1'>
-    <h3><%= t "welcome_page.section_7.title" %></h3>
-    <p><%= t "welcome_page.section_7.paragraph_1_html" %></p>
-    <p><%= t "welcome_page.section_7.paragraph_2_html" %></p>
-  </div>
+<div class='clearfix text-center'>
+  <p class="display-5"><a href="<%= edit_path %>" class="button start-mapping"><%= t ".start_mapping" %></a></p>
+</div>
+
+<div class='alert alert-primary'>
+  <h2><%= t ".add_a_note.title" %></h2>
+  <p><%= t ".add_a_note.paragraph_1_html" %></p>
+  <p><%= t ".add_a_note.paragraph_2_html", :map_url => root_path %></p>
 </div>