X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/24422a3bafaf0f81f2417f30d896a859f6cb0ff2..3296e168e9f1caf80b56dd2d6c87714b342a8eae:/app/views/site/welcome.html.erb

diff --git a/app/views/site/welcome.html.erb b/app/views/site/welcome.html.erb
index 78dd51552..324d4659a 100644
--- a/app/views/site/welcome.html.erb
+++ b/app/views/site/welcome.html.erb
@@ -3,68 +3,71 @@
 <% end %>
 
 <% content_for :heading do %>
-  <h2><%= t "welcome_page.title" %></h2>
+  <h1><%= t ".title" %></h1>
 <% end %>
 
-<div class='pad2'>
-  <p><%= t "welcome_page.introduction_html" %></p>
-</div>
+<p class="lead"><%= t ".introduction" %></p>
+
+<h2><%= t ".whats_on_the_map.title" %></h2>
 
-<div class='pad2 clearfix'>
-  <h3><%= t "welcome_page.whats_on_the_map.title" %></h3>
-  <div class='col6 pad1'>
-    <div class='center pad1'>
-      <span class='sprite small check'></span>
+<div class='row'>
+  <div class='col-sm'>
+    <div>
+      <span class='sprite check mx-auto'></span>
     </div>
-    <p><%= t "welcome_page.whats_on_the_map.on_html" %></p>
+    <p><%= t ".whats_on_the_map.on_the_map_html", :real_and_current => tag.em(t(".whats_on_the_map.real_and_current")) %></p>
   </div>
-  <div class='col6 pad1'>
-    <div class='center pad1'>
-      <span class='sprite small x'></span>
+  <div class='col-sm'>
+    <div>
+      <span class='sprite x mx-auto'></span>
     </div>
-    <p><%= t "welcome_page.whats_on_the_map.off_html" %></p>
+    <p><%= t ".whats_on_the_map.off_the_map_html", :doesnt => tag.em(t(".whats_on_the_map.doesnt")) %></p>
   </div>
 </div>
 
-<div class='pad2'>
-  <h3><%= t "welcome_page.basic_terms.title" %></h3>
-  <p><%= t "welcome_page.basic_terms.paragraph_1_html" %></p>
-  <div class='col12 clearfix'>
-    <p>
-      <span class='sprite small term editor'></span>
-      <%= t "welcome_page.basic_terms.editor_html" %>
-    </p>
-    <p>
-      <span class='sprite small term node'></span>
-      <%= t "welcome_page.basic_terms.node_html" %>
-    </p>
-    <p>
-      <span class='sprite small term way'></span>
-      <%= t "welcome_page.basic_terms.way_html" %>
-    </p>
-    <p>
-      <span class='sprite small term changeset'></span>
-      <%= t "welcome_page.basic_terms.changeset_html" %>
-    </p>
-  </div>
-</div>
+<h2><%= t ".basic_terms.title" %></h2>
 
-<div class='pad2'>
-  <h3><%= t "welcome_page.questions.title" %></h3>
-  <div class='center pad1'>
-    <span class='sprite small term question'></span>
-  </div>
-  <p><%= t "welcome_page.questions.paragraph_1_html" %></p>
+<p><%= t ".basic_terms.paragraph_1" %></p>
+
+<ul class='list-unstyled'>
+  <li class='d-flex align-items-center gap-2 mb-2'>
+    <span class='flex-shrink-0 align-self-start sprite editor'></span>
+    <span><%= t ".basic_terms.an_editor_html", :editor => tag.strong(t(".basic_terms.editor")) %></span>
+  </li>
+  <li class='d-flex align-items-center gap-2 mb-2'>
+    <span class='flex-shrink-0 align-self-start sprite node'></span>
+    <span><%= t ".basic_terms.a_node_html", :node => tag.strong(t(".basic_terms.node")) %></span>
+  </li>
+  <li class='d-flex align-items-center gap-2 mb-2'>
+    <span class='flex-shrink-0 align-self-start sprite way'></span>
+    <span><%= t ".basic_terms.a_way_html", :way => tag.strong(t(".basic_terms.way")) %></span>
+  </li>
+  <li class='d-flex align-items-center gap-2 mb-2'>
+    <span class='flex-shrink-0 align-self-start sprite tag'></span>
+    <span><%= t ".basic_terms.a_tag_html", :tag => tag.strong(t(".basic_terms.tag")) %></span>
+  </li>
+</ul>
+
+<h2><%= t ".rules.title" %></h2>
+<div class='d-flex align-items-center gap-2'>
+  <span class='flex-shrink-0 align-self-start sprite rules'></span>
+  <p><%= t ".rules.para_1_html", :imports_link => link_to(t(".rules.imports"), t(".rules.imports_url")),
+                                 :automated_edits_link => link_to(t(".rules.automated_edits"), t(".rules.automated_edits_url")) %></p>
 </div>
 
-<div class='pad2 center'>
-  <a href="<%= edit_path %>" class="start-mapping"><%= t "welcome_page.start_mapping" %></a>
+<%= render "any_questions" %>
+
+<div class='text-center mb-3'>
+<% if params[:oauth_return_url] %>
+  <a class="btn btn-primary" href="<%= params[:oauth_return_url] %>"><%= t ".continue_authorization" %></a>
+<% else %>
+  <a class="button btn btn-primary start-mapping" href="<%= edit_path %>"><%= t ".start_mapping" %></a>
+<% end %>
 </div>
 
-<div class='note-box pad2 drop'>
-  <div class='pad1'>
-    <h3><%= t "welcome_page.add_a_note.title" %></h3>
-    <p><%= t "welcome_page.add_a_note.paragraph_1_html" %></p>
-    <p><%= t "welcome_page.add_a_note.paragraph_2_html" %></p>
-  </div>
+<div class='alert alert-primary'>
+  <h2><%= t ".add_a_note.title" %></h2>
+  <p><%= t ".add_a_note.para_1" %></p>
+  <p><%= t ".add_a_note.para_2_html", :map_link => link_to(t(".add_a_note.the_map"), root_path),
+                                      :note_icon => tag.span(:class => "icon note bg-dark rounded-1") %></p>
 </div>