Created custom map marker, fixed address display for upcoming events and fixed some styles.

Author: Julia Elman

pythonkc_site/static/pykc-marker.png

@@ -9,9 +9,11 @@ pykc.mapInit = function(lat,lon) {
         mapTypeId: google.maps.MapTypeId.ROADMAP
     };
     this.map = new google.maps.Map(document.getElementById("map_canvas"), opts);
+    var image = '/site_media/static/pykc-marker.png';
     var venue = new google.maps.Marker({
         position: latlng, 
-        map: this.map
+        map: this.map,
+        icon: image
     });
 }
 

pythonkc_site/static/pykc.js

@@ -34,8 +34,8 @@ table { border-collapse: collapse; border-spacing: 0; }
 hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
 textarea, input { border: 1px solid #ddd; background: #FFFFFF; font-weight: normal; color: #333; font-size: 13px; }
 ul, li { list-style: none; }
-a { text-decoration: none; color:#646565; text-decoration: underline;}
-a:hover { text-decoration: none; }
+a { text-decoration: none; color:#646565; }
+a:hover { text-decoration: underline; }
 .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 .clearfix { display: inline-block; }
 * html .clearfix { height: 1%; }
@@ -76,7 +76,7 @@ h3{
 
 .next-meeting .details {
     padding: 30px 0 40px 0;
-    width: 450px;
+    width: 400px;
 }
 
 .next-meeting h1 {

pythonkc_site/static/screen.css

@@ -25,7 +25,7 @@ <h1>{{ next_event.time|date:"F j"|upper }}</h1>
             </time>
           </header>
       <h2>{{ next_event.name|safe }}</h2>
-      {% if next_event.venue.id %}<address>{{ next_event.venue.name }}{% if next_event.venue.address1 %} // {{ next_event.venue.address1 }}{% if next_event.venue.address2 %}, {{ next_event.venue.address2 }}{% endif %}{% endif %} // {{ next_event.venue.city }}, {{ next_event.venue.state }} {{ next_event.venue.zip }}</address>{% else %}Venue TBD{% endif %}
+      {% if next_event.venue.id %}<address>{{ next_event.venue.name }}{% if next_event.venue.address_1 %} // {{ next_event.venue.address_1 }}{% if next_event.venue.address_2 %}, {{ next_event.venue.address_2 }}{% endif %}{% endif %} // {{ next_event.venue.city }}, {{ next_event.venue.state }} {{ next_event.venue.zip }}</address>{% else %}Venue TBD{% endif %}
       {% if next_event.description %}<p class="description">{{ next_event.description|safe }}</p>{% endif %}
       <p class="rsvp">RSVP at <a href="{{ next_event.event_url }}"><img src="{{ STATIC_URL }}meetup-logo.gif" alt="PythonKC Meetup RSVP for {{ next_event.name|safe }}"></a></p>
       </div>