Add welcome page based on http://osmlab.github.io/welcome-osm/

config/locales/en.yml

@@ -1148,6 +1148,84 @@ en:
         to our <a href="http://www.osmfoundation.org/wiki/License/Takedown_procedure">takedown
         procedure</a> or file directly at our
         <a href="http://dmca.openstreetmap.org/">on-line filing page</a>.
+  welcome_page:
+    title: Welcome to OpenStreetMap
+    subtitle: a free map that you can edit
+    introduction_html: |
+      Unlike other maps, OpenStreetMap is completely <abbr title="OpenStreetMap has over
+      1 million users, who add data based on local knowledge, GPS tracks, and more">created
+      by people like you</abbr>, and free for anyone to fix, update, download and use.
+      Here's a quick guide to get you started!
+    section_1:
+      title: 'One Map: Many Websites'
+      paragraph_1_html: |
+        If you're here to correct an error you found on a site like Foursquare or Craigslist,
+        you're in the right place - OpenStreetMap is the central map database used by hundreds
+        of websites.
+      paragraph_2_html: |
+        You just need to edit OpenStreetMap, and the changes will be visible everywhere else.
+        Copying the map data from place to place can take from a few minutes to a few hours,
+        so don't worry if it isn't instant.
+    section_2:
+      title: What's on the Map
+      on_html: |
+        OpenStreetMap is a place for any data that's both <em>real and current</em> - it includes
+        millions of buildings, roads, and other details about places.
+      off_html: |
+        What it <em>doesn't</em> include is opinionated data, like ratings, or data that isn't
+        current, like historical buildings or hypothetical structures.
+    section_3:
+      title: You're Signed Up
+      title_no_user: Get a Free Account
+      paragraph_1_html: |
+        To edit OpenStreetMap, you'll need <a target="_blank" href="https://www.openstreetmap.org/user/new">a
+        free user account - sign up here</a>.
+      paragraph_2_html: |
+        With your user account, you can edit the map,
+        <abbr title="Your profile shows off how much you have edited!">create a profile</abbr> page, and
+        <abbr title="Users on OpenStreetMap talk over mailing lists, chat, and private messages you can
+        send on the website">communicate with other people</abbr> working on improving the map.
+    section_4:
+      title: Basic Terms For Mapping
+      paragraph_1_html: |
+        OpenStreetMap has some of its own lingo. Here are a few key words that'll come in handy.
+      editor_html: |
+        <strong>An Editor</strong> is a program or website you can use to edit the map.
+      node_html: |
+        <strong>A Node</strong> is a point on the map, like a single restauraunt or a tree.
+      way_html: |
+        <strong>A Way</strong> is a line, like a road, stream, or shape.
+      changeset_html: |
+        <strong>A Changeset</strong> is <abbr title='changesets can have comments, like "adding a
+        road here", that let other users know what you were intending to change and why'>group of
+        changes</abbr> to the map saved by a user.
+    section_5:
+      title: Any questions?
+      paragraph_1_html: |
+        Need help mapping, or not clear on how to use OpenStreetMap? Feel free to ask on
+        <a href='http://help.openstreetmap.org/'>the help website</a>!
+    section_6:
+      title: Start Editing
+      paragraph_1_html: |
+        You can zoom in anywhere in the world and click the <em>Edit</em> button to start editing.
+      paragraph_1_no_user_html: |
+        Once you have an account, you can zoom in anywhere in the world and click the <em>Edit</em> button
+        to start editing.
+      paragraph_2_html: |
+        Since OpenStreetMap is an open project, there are lots of different ways to edit the map - whether with
+        <a href='http://www.openstreetmap.org/edit?editor=id'>a web based editor like iD</a>, or
+        <a href='https://itunes.apple.com/us/app/pushpin-osm/id565850639?mt=8'>on your iPhone with Pushpin</a>,
+        or <a href='https://play.google.com/store/apps/details?id=net.osmand.plus'>with your Android phone
+        with OsmAnd+</a>.
+    section_7:
+      title: No Time To Edit? Add a Note!
+      paragraph_1_html: |
+        If you just want something small fixed and don't have the time to sign up and learn how to edit, it's
+        easy to add a note!
+      paragraph_2_html: |
+        Just go to <a href='http://www.openstreetmap.org/'>the map</a> and click <em>'Add a note'</em> in
+        the <em>bottom-right corner</em>. This will add a marker to the map, which you can move by dragging
+        the green plus sign. Click save to add a note, and experienced mappers will find and address your issue.
   notifier:
     diary_comment_notification:
       subject: "[OpenStreetMap] %{user} commented on your diary entry"

config/routes.rb

@@ -125,6 +125,7 @@ OpenStreetMap::Application.routes.draw do
   match '/edit' => 'site#edit', :via => :get
   match '/copyright/:copyright_locale' => 'site#copyright', :via => :get
   match '/copyright' => 'site#copyright', :via => :get
+  match '/welcome' => 'site#welcome', :via => :get
   match '/history' => 'changeset#list', :via => :get
   match '/history/feed' => 'changeset#feed', :via => :get, :format => :atom
   match '/export' => 'site#index', :export => true, :via => :get