parties: add a placeholder background map image

examples/parties/client/client.js

@@ -142,7 +142,7 @@ Template.map.rendered = function () {
           return party.public ? 'red' : 'blue';
         })
         .style('opacity', function (party) {
-          return selected === party._id ? 1 : 0.2;
+          return selected === party._id ? 1 : 0.4;
         });
 
       marker.transition()
@@ -160,7 +160,7 @@ Template.map.rendered = function () {
           return party.public ? 'red' : 'blue';
         })
         .style('opacity', function (party) {
-          return selected === party._id ? 1 : 0.2;
+          return selected === party._id ? 1 : 0.4;
         })
         .ease("cubic-out");
 

examples/parties/parties.css

@@ -1 +1,6 @@
 /* CSS declarations go here */
+
+.map {
+    background-image: url('/soma.jpeg');
+    background-position: -20px -20px;
+}

examples/parties/parties.html

@@ -40,7 +40,7 @@
 <template name="map">
   <div class="map">
     {{#constant}}
-      <svg width="500" height="500">
+      <svg width="480" height="480">
         <g class="circles"></g>
         <g class="labels"></g>
       </svg>