Add advert for donation drive

app/assets/javascripts/index.js

@@ -165,6 +165,15 @@ $(document).ready(function () {
     $.cookie("_osm_location", OSM.locationCookie(map), { expires: expiry, path: "/" });
   });
 
+  if ($.cookie('_osm_donate2015') === 'hide') {
+    $('#donate').hide();
+  }
+
+  $('#donate .close').on('click', function() {
+    $('#donate').hide();
+    $.cookie("_osm_donate2015", 'hide', { expires: expiry });
+  });
+
   if ($.cookie('_osm_welcome') === 'hide') {
     $('.welcome').hide();
   }

app/assets/stylesheets/common.scss

@@ -2670,6 +2670,42 @@ input.richtext_title[type="text"] {
   }
 }
 
+#sidebar #donate {
+  background-color: rgb(89, 89, 89);
+  padding: 10px 5px;
+  min-height: 120px;
+
+  .sprite {
+    background: transparent image-url('donate-sprite@2x.png') no-repeat scroll 0 0 / 120px 100px;
+  }
+
+  .sprite.logo {
+    float: left;
+    background-position: 0 0;
+    height: 100px;
+    width: 100px;
+  }
+
+  h2 {
+    margin-left: 100px;
+    padding: 7px 10px 6px 10px;
+  }
+
+  p {
+    margin-left: 100px;
+    padding: 2px 10px 3px 10px;
+  }
+
+  a {
+    color: $offwhite;
+  }
+
+  :hover {
+    text-decoration: none;
+    color: #b7b7bf;
+  }
+}
+
 @import 'browse';
 
 @media only screen and (max-width:960px) {

app/views/layouts/map.html.erb

@@ -30,6 +30,22 @@
       <p class="error"><%= t 'layouts.osm_read_only' %></p>
     <% end %>
 
+    <div id="donate">
+      <a href="http://donate.openstreetmap.org/server2015/"><div class="sprite logo"></div></a>
+      <h2>
+        <a><span class="icon close"></span></a>
+        <a href="http://donate.openstreetmap.org/server2015/"><%= t 'layouts.donate_header' %></a>
+      </h2>
+      <p><a href="http://donate.openstreetmap.org/server2015/">
+        <%= t 'layouts.donate_line_1' %>
+      <br />
+        <%= t 'layouts.donate_line_2' %>
+      </a></p>
+      <p><a href="http://donate.openstreetmap.org/server2015/">
+        <%= t 'layouts.donate_line_3' %>
+      </a></p>
+    </div>
+
     <div id="flash">
       <%= render :partial => "layouts/flash" %>
     </div>

config/locales/en.yml

@@ -953,6 +953,10 @@ en:
       text: Make a Donation
     learn_more: "Learn More"
     more: More
+    donate_header: Support OpenStreetMap
+    donate_line_1: Bigger Servers for a
+    donate_line_2: Growing OpenStreetMap
+    donate_line_3: Hardware Funding Drive 2015
   license_page:
     foreign:
       title: About this translation