<p>This pull request tracks work on a redesign of the header, sidebar, and main page map based on the presentation (<a href="http://osm.won2.de/sotm/d2t1-1630-John_Firebaugh-Refining_a_vision_for_OpenStreetMap.org.mp4">video</a>, <a href="http://jfire.io/sotm13/">slides</a>, <a href="https://github.com/samanpwbb/osm-redesign/tree/sotm-birmingham/renders">mock ups</a>) at State of the Map Birmingham.</p>
<p>Major components of the redesign include a new help page; new about page; moving navigation elements out of the sidebar; moving search results, export controls, changeset history, and feature details into the sidebar; and removal of the sidebar from "interior" pages such as the user profile and diaries.</p>
<h2>TODO List</h2>
<ul class="task-list">
<li class="task-list-item">
<input type="checkbox" class="task-list-item-checkbox" disabled> Finalize header design</li>
<li class="task-list-item">
<input type="checkbox" class="task-list-item-checkbox" disabled> Add call to action button to main sidebar</li>
<li class="task-list-item">
<input type="checkbox" class="task-list-item-checkbox" disabled> Implement closing the sidebar</li>
<li class="task-list-item">
<input type="checkbox" class="task-list-item-checkbox" disabled> Hook up interactivity for changeset view (load changesets for current view, update on map move)</li>
<li class="task-list-item">
<input type="checkbox" class="task-list-item-checkbox" disabled> pushState-based navigation</li>
<li class="task-list-item">
<input type="checkbox" class="task-list-item-checkbox" disabled> Restore sidebar when editing with Potlatch</li>
</ul>
<hr>
<h4>You can merge this Pull Request by running</h4>
<pre> git pull https://github.com/osmlab/openstreetmap-website redesign</pre>
<p>Or view, comment on, or merge it at:</p>
<p> <a href='https://github.com/openstreetmap/openstreetmap-website/pull/498'>https://github.com/openstreetmap/openstreetmap-website/pull/498</a></p>
<h4>Commit Summary</h4>
<ul>
<li>Add help page</li>
<li>adjustments to help page + better copy</li>
<li>Style</li>
<li>Link to help page from welcome</li>
<li>Adjust header layout for user menu</li>
<li>Remove LearnOSM</li>
<li>Frontpage redesign</li>
<li>Sidebar work</li>
<li>Convert history page to sidebar layout</li>
<li>Convert browse details to sidebar layout</li>
<li>Redirect ?node=n and similar to browse pages</li>
<li>Fix display of browsed objects on map</li>
<li>Fixes</li>
<li>Clean up search CSS</li>
<li>Work on changeset display</li>
<li>Remove unused bounds parameters</li>
</ul>
<h4>File Changes</h4>
<ul>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-0">app/assets/javascripts/browse.js</a>
(85)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-1">app/assets/javascripts/changeset.js</a>
(22)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-2">app/assets/javascripts/edit.js</a>
(6)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-3">app/assets/javascripts/index.js</a>
(14)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-4">app/assets/javascripts/index/browse.js</a>
(3)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-5">app/assets/javascripts/index/export.js</a>
(6)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-6">app/assets/javascripts/index/search.js</a>
(6)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-7">app/assets/javascripts/leaflet.extend.js.erb</a>
(7)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-8">app/assets/javascripts/osm.js.erb</a>
(41)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-9">app/assets/javascripts/sidebar.js</a>
(14)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-10">app/assets/javascripts/user.js</a>
(9)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-11">app/assets/stylesheets/browse.css.scss</a>
(9)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-12">app/assets/stylesheets/common.css.scss</a>
(757)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-13">app/assets/stylesheets/print.css</a>
(5)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-14">app/assets/stylesheets/small.css.scss</a>
(50)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-15">app/controllers/changeset_controller.rb</a>
(21)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-16">app/controllers/site_controller.rb</a>
(13)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-17">app/views/browse/_changeset_details.html.erb</a>
(78)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-18">app/views/browse/_common_details.html.erb</a>
(10)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-19">app/views/browse/_map.html.erb</a>
(78)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-20">app/views/browse/_navigation.html.erb</a>
(43)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-21">app/views/browse/_node_details.html.erb</a>
(7)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-22">app/views/browse/_tag.html.erb</a>
(5)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-23">app/views/browse/_tag_details.html.erb</a>
(6)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-24">app/views/browse/_way_details.html.erb</a>
(1)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-25">app/views/browse/changeset.html.erb</a>
(70)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-26">app/views/browse/node.html.erb</a>
(18)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-27">app/views/browse/node_history.html.erb</a>
(21)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-28">app/views/browse/note.html.erb</a>
(34)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-29">app/views/browse/relation.html.erb</a>
(15)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-30">app/views/browse/relation_history.html.erb</a>
(18)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-31">app/views/browse/start.html.erb</a>
(1)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-32">app/views/browse/way.html.erb</a>
(16)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-33">app/views/browse/way_history.html.erb</a>
(18)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-34">app/views/changeset/_changeset.html.erb</a>
(47)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-35">app/views/changeset/_changeset_paging_nav.html.erb</a>
(15)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-36">app/views/changeset/_changesets.html.erb</a>
(4)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-37">app/views/changeset/_map.html.erb</a>
(2)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-38">app/views/changeset/list.html.erb</a>
(53)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-39">app/views/export/start.html.erb</a>
(48)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-40">app/views/geocoder/description.html.erb</a>
(1)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-41">app/views/geocoder/search.html.erb</a>
(1)
</li>
<li>
<strong>A</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-42">app/views/layouts/_content.html.erb</a>
(15)
</li>
<li>
<strong>A</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-43">app/views/layouts/_header.html.erb</a>
(36)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-44">app/views/layouts/_user_menu.html.erb</a>
(2)
</li>
<li>
<strong>A</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-45">app/views/layouts/map.html.erb</a>
(47)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-46">app/views/layouts/site.html.erb</a>
(116)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-47">app/views/site/_id.html.erb</a>
(4)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-48">app/views/site/_search.html.erb</a>
(16)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-49">app/views/site/_sidebar.html.erb</a>
(9)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-50">app/views/site/edit.html.erb</a>
(34)
</li>
<li>
<strong>A</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-51">app/views/site/export.html.erb</a>
(57)
</li>
<li>
<strong>A</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-52">app/views/site/help.html.erb</a>
(16)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-53">app/views/site/index.html.erb</a>
(46)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-54">app/views/site/welcome.html.erb</a>
(4)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-55">config/locales/en.yml</a>
(111)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-56">config/routes.rb</a>
(9)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/498/files#diff-57">vendor/assets/leaflet/leaflet.osm.js</a>
(25)
</li>
</ul>
<h4>Patch Links:</h4>
<ul>
<li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/498.patch'>https://github.com/openstreetmap/openstreetmap-website/pull/498.patch</a></li>
<li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/498.diff'>https://github.com/openstreetmap/openstreetmap-website/pull/498.diff</a></li>
</ul>