openstreetmap-website/app/views/users/terms.html.erb
Andy Allan 2a885c2cce Ensure the heading text appears above the illustration
The easiest way to do this is to make the text a child of the div
with the background image. The change to min-size is so that if
the text wraps often enough on narrow screens, the header expands
vertically rather than the text spilling over.

Fixes #3259
2021-07-21 15:08:33 +01:00

82 lines
2.8 KiB
Text

<% content_for :head do %>
<%= javascript_include_tag "user" %>
<% end %>
<% content_for :heading_class, "pb-0" %>
<% content_for :heading do %>
<div class='header-illustration new-user-terms'>
<h1><%= t ".heading" %></h1>
</div>
<% end %>
<%= form_tag({ :action => "save" }) do %>
<!-- legale is <%= @legale %> -->
<p class="text-muted"><%= t ".read and accept with tou" %></p>
<h4>
<%= t ".heading_ct" %>
</h4>
<p class="text-muted"><%= t ".contributor_terms_explain" %></p>
<label>
<%= t ".legale_select" %>
</label>
<div class="form-group">
<% [%w[france FR], %w[italy IT], %w[rest_of_world GB]].each do |name, legale| %>
<div class="form-check form-check-inline">
<%= radio_button_tag "legale", legale, @legale == legale, :data => { :url => url_for(:legale => legale) }, :class => "form-check-input" %>
<label for="legale_<%= legale %>" class="form-check-label">
<%= t(".legale_names.#{name}") %>
</label>
</div>
<% end %>
</div>
<div id="contributorTerms" class="legale">
<%= render :partial => "terms" %>
</div>
<div>
<p id="contributorGuidance" class="text-muted">
<%= t ".guidance_html",
:summary => "https://www.osmfoundation.org/wiki/License/Contributor_Terms_Summary",
:translations => "https://www.osmfoundation.org/wiki/License/Contributor_Terms/Informal_Translations" %>
</p>
</div>
<div class="form-group">
<div class="form-check">
<%= check_box_tag "read_ct", "1", false, :class => "form-check-input" %>
<label for="read_ct" class="form-check-label">
<%= t ".read_ct" %>
</label>
</div>
</div>
<h4>
<%= t "layouts.tou" %>
</h4>
<p class="text-muted"><%= t ".tou_explain_html", :tou_link => link_to(t("layouts.tou"), "https://wiki.osmfoundation.org/wiki/Terms_of_Use", :target => :new) %></p>
<div class="form-group">
<div class="form-check">
<%= check_box_tag "read_tou", "1", false, :class => "form-check-input" %>
<label for="read_tou" class="form-check-label">
<%= t ".read_tou" %>
</label>
</div>
</div>
<%= hidden_field_tag("referer", h(params[:referer])) unless params[:referer].nil? %>
<div class="form-group">
<%= submit_tag("Continue", :name => "continue", :id => "continue", :disabled => true, :class => "btn btn-primary") %>
<%= submit_tag("Cancel", :name => "decline", :id => "decline", :class => "btn btn-outline-secondary") %>
</div>
<div class="form-group">
<div class="form-check">
<%= check_box("user", "consider_pd", :class => "form-check-input") %>
<label for="user_consider_pd" class="form-check-label">
<%= t ".consider_pd" %>
</label>
<span class="minorNote">(<%= link_to(t(".consider_pd_why"), t(".consider_pd_why_url"), :target => :new) %>)</span>
</div>
<% end %>