app/views/site/about.html.erb

   1 <% content_for(:content_class) { "bg-body-secondary" } %>
   2 <% I18n.with_locale @locale do %>
   3   <%= tag.div :lang => @locale, :dir => t("html.dir") do %>
   4     <div class="container-lg attr">
   5       <div class='row'>
   6         <div class='col-sm-7 user-image'></div>
   7         <div class='col-sm-5 px-5 py-3 byosm'>
   8           <p class='h5 text-white text-nowrap'>
   9             <%= t ".heading_html", :copyright => tag.span(t(".copyright_symbol_html")),
  10                                    :br => tag.br %>
  11           </p>
  12         </div>
  13       </div>
  14       <div class='row'>
  15         <div class="px-5 py-4 bg-black bg-opacity-75">
  16           <h1 class="text-white fw-light"><%= t ".used_by_html", :name => tag.span("OpenStreetMap", :class => "user-name") %></h1>
  17         </div>
  18       </div>
  19     </div>
  20
  21     <div class='bg-body px-5 py-4'>
  22       <p class="lead"><%= t ".lede_text" %></p>
  23
  24       <section>
  25         <div class="d-flex align-items-center gap-2 mb-2">
  26           <svg width="30" height="30" class="flex-shrink-0">
  27             <circle cx="15" cy="15" r="13" fill="none" stroke="#c0c0c0" stroke-width="4" />
  28             <path d="m 15,22 c 0,0 5,-4.5199 5,-8 0,-3 -2,-5 -5,-5 -3,0 -5,2 -5,5 0,3.4801 5,8 5,8 z" fill="#c0c0c0" />
  29           </svg>
  30           <h2 class="flex-grow-1 mb-0"><%= t ".local_knowledge_title" %></h2>
  31         </div>
  32         <p><%= t ".local_knowledge_html" %></p>
  33       </section>
  34
  35       <section>
  36         <div class="d-flex align-items-center gap-2 mb-2">
  37           <svg width="30" height="30" class="flex-shrink-0">
  38             <circle cx="15" cy="15" r="13" fill="none" stroke="#c0c0c0" stroke-width="4" />
  39             <path d="m 15,7 -6,6 0,7 4,0 0,-4 4,0 0,4 4,0 0,-7 z" fill="#c0c0c0" />
  40           </svg>
  41           <h2 class="flex-grow-1 mb-0"><%= t ".community_driven_title" %></h2>
  42         </div>
  43         <p>
  44           <%= t ".community_driven_1_html", :osm_blog_link => link_to(t(".community_driven_osm_blog"),
  45                                                                       t(".community_driven_osm_blog_url")),
  46                                             :user_diaries_link => link_to(t(".community_driven_user_diaries"),
  47                                                                           diary_entries_path),
  48                                             :community_blogs_link => link_to(t(".community_driven_community_blogs"),
  49                                                                              t(".community_driven_community_blogs_url")),
  50                                             :osm_foundation_link => link_to(t(".community_driven_osm_foundation"),
  51                                                                             t(".community_driven_osm_foundation_url")) %>
  52         </p>
  53       </section>
  54
  55       <section id="open-data">
  56         <div class="d-flex align-items-center gap-2 mb-2">
  57           <svg width="30" height="30" class="flex-shrink-0">
  58             <circle cx="15" cy="15" r="13" fill="none" stroke="#c0c0c0" stroke-width="4" />
  59             <path d="M20.196 18 a6 6 0 1 1 0 -6" fill="none" stroke="#c0c0c0" stroke-width="3" />
  60           </svg>
  61           <h2 class="flex-grow-1 mb-0"><%= t ".open_data_title" %></h2>
  62         </div>
  63         <p>
  64           <%= t ".open_data_1_html", :open_data => tag.i(t(".open_data_open_data")),
  65                                      :copyright_license_link => link_to(t(".open_data_copyright_license"),
  66                                                                         copyright_path) %></p>
  67       </section>
  68
  69       <section id="legal">
  70         <div class="d-flex align-items-center gap-2 mb-2">
  71           <svg width="30" height="30" class="flex-shrink-0">
  72             <circle cx="15" cy="15" r="13" fill="none" stroke="#c0c0c0" stroke-width="4" />
  73             <g fill="none" stroke="#c0c0c0" stroke-width="1.125" stroke-linecap="round">
  74               <path transform="translate(15 15) scale(2.2 1.75) rotate(45)"
  75                     d="M.5 1 a1 1 0 0 0 0 -2 h-2.5 a1 1 0 0 1 0 -2 h.5" />
  76               <path transform="translate(15 15) scale(-2.2 -1.75) rotate(45)"
  77                     d="M.5 1 a1 1 0 0 0 0 -2 h-2.5 a1 1 0 0 1 0 -2 h.5" />
  78             </g>
  79           </svg>
  80           <h2 class="flex-grow-1 mb-0"><%= t ".legal_title" %></h2>
  81         </div>
  82         <p>
  83           <%= t ".legal_1_1_html", :openstreetmap_foundation_link => link_to(t(".legal_1_1_openstreetmap_foundation"),
  84                                                                              t(".legal_1_1_openstreetmap_foundation_url")),
  85                                    :terms_of_use_link => link_to(t(".legal_1_1_terms_of_use"),
  86                                                                  t(".legal_1_1_terms_of_use_url")),
  87                                    :aup_link => link_to(t(".legal_1_1_aup"),
  88                                                         t(".legal_1_1_aup_url")),
  89                                    :privacy_policy_link => link_to(t(".legal_1_1_privacy_policy"),
  90                                                                    t(".legal_1_1_privacy_policy_url")) %>
  91         </p>
  92         <p>
  93           <%= t ".legal_2_1_html", :contact_the_osmf_link => link_to(t(".legal_2_1_contact_the_osmf"),
  94                                                                      t(".legal_2_1_contact_the_osmf_url")) %>
  95         </p>
  96         <p>
  97           <%= t ".legal_2_2_html", :registered_trademarks_link => link_to(t(".legal_2_2_registered_trademarks"),
  98                                                                           t(".legal_2_2_registered_trademarks_url")) %>
  99         </p>
 100       </section>
 101
 102       <section id="partners">
 103         <div class="d-flex align-items-center gap-2 mb-2">
 104           <svg width="30" height="30" class="flex-shrink-0">
 105             <circle cx="15" cy="15" r="13" fill="none" stroke="#c0c0c0" stroke-width="4" />
 106             <g stroke="#c0c0c0" stroke-width="4" stroke-linecap="round">
 107               <line x1="11" y1="15" x2="19" y2="15" />
 108               <line x1="15" y1="11" x2="15" y2="19" />
 109             </g>
 110           </svg>
 111           <h2 class="flex-grow-1 mb-0"><%= t ".partners_title" %></h2>
 112         </div>
 113         <p><%= t "layouts.hosting_partners_2024_html", :fastly => link_to(t("layouts.partners_fastly"), "https://www.fastly.com/"),
 114                                                        :corpmembers => link_to(t("layouts.partners_corpmembers"), "https://osmfoundation.org/wiki/Corporate_Members"),
 115                                                        :partners => link_to(t("layouts.partners_partners"), "https://hardware.openstreetmap.org/thanks/") %>
 116         </p>
 117       </section>
 118     </div>
 119   <% end %>
 120 <% end %>