diff --git a/css/main.css b/css/main.css index 923c135..949933b 100644 --- a/css/main.css +++ b/css/main.css @@ -88,3 +88,8 @@ body{ border: 1px solid #555; } /* Jumbotron end */ + +/* meetup-event for the home page */ +#meetup-event a { + color: white; +} \ No newline at end of file diff --git a/index.html b/index.html index 4a3f56c..d1b9878 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,7 @@

Welcome to techcorridor.io

TechCorridor.io is a developer group in Iowa City and Cedar Rapids, IA. If you’re interested in programming, the intertubes, and whatnot, this is the group for you.

Join us at one of our Meetups!

+

@@ -28,3 +29,17 @@

Twitter

+ + \ No newline at end of file diff --git a/js/meetup-events.js b/js/meetup-events.js index 2e67cbc..ab569c5 100644 --- a/js/meetup-events.js +++ b/js/meetup-events.js @@ -36,3 +36,50 @@ var Meetup = function(meetupURL) { }); }; }; + +var EventPresenter = function(event) { + var formatVenueLink = function(venue) { + return 'http://maps.google.com/?q=' + encodeURI(venue.address_1) + + '+' + encodeURI(venue.city); + }; + + var day = [ 'Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']; + var months = [ + 'January', 'February', 'March', 'April', + 'May', 'June', 'July', 'August', + 'September', 'October', 'November', 'December' + ]; + + var formatShortDate = function(date) { + // Pretty print the event date + return months[date.getMonth()] + ' ' + date.getDate(); + }; + + var formatLongDate = function(date) { + // Pretty print the event date + + return day[date.getDay()] + ', ' + + months[date.getMonth()] + ' ' + + date.getDate() + ', ' + + date.getFullYear() + ' at ' + + (date.getHours() % 12) + ':' + + (date.getMinutes() < 10 ? '0'+date.getMinutes() : date.getMinutes()) + ' ' + + (date.getHours() < 12 ? 'AM' : 'PM'); + }; + + var eventDate = new Date(event.time); + + event.venueLink = formatVenueLink(event.venue); + event.formattedShortDate = formatShortDate(eventDate); + event.formattedLongDate = formatLongDate(eventDate); + + return event; +}; + +var createEventParagraph = function (event) { + var template = 'Next meetup: ' + + '{{name}} ({{formattedShortDate}})'; + Mustache.parse(template); // optional, speeds up future uses + var rendered = Mustache.render(template, event); + $('#meetup-event').html(rendered); +}; \ No newline at end of file