index.html

---
layout: default
---

{% assign tab-index = 'active' %}
{% include tabs.html %}

<div class="row" ng-controller="NextEventCtrl">
    <div class="span8">
        <section id="NextEventCtrl">
            <div data-ng-repeat="event in events">                
                <h2>{[{ getEventTitle(event) }]}</h2>
                <h3 ng-switch="event.venue_name">
                    Location:
                    <a ng-switch-when="FoundersHub" href="http://foundershub.co.uk/" target="_BLANK">{[{ event.venue_name }]}, {[{ event.venue_city }]}</a>
                    <a ng-switch-default href="{[{ event.event_url }]}" target="_BLANK">{[{ event.venue_name }]}, {[{ event.venue_city }]}</a>
                </h3>
                <div ng-bind-html-unsafe="event.description"></div>
                <img ng-show="$first" src="http://maps.google.com/maps/api/staticmap?center={[{ event.venue_lat }]},{[{ event.venue_lon }]}&zoom=16&markers={[{ event.venue_lat }]},{[{ event.venue_lon }]}&size=500x300&sensor=true" alt="Map of Unified Diff Venue" />

                <h4 ng-show="$first" class="future-meetups">Future meetups:</h4>
            </div>            
        </section>
    </div>
    <div class="span4">
        <section id="attendn">
            <h2>You 'tendin?</h2>
            <p><a class="btn btn-large btn-success" href="http://www.meetup.com/unified-diff">Sign up on our Meetup page!</a></p>
            <div class="attendn">
                <ul ng-show="rsvps.length > 0">
                    <li data-ng-repeat="rsvp in rsvps" class="">
                        <img ng-src="{[{ getThumb(rsvp) }]}" width="40" height="40"/>
                        <a href="http://meetup.com/unified-diff/members/{[{ rsvp.member_id }]}">{[{ rsvp.name }]}</a>
                    </li>
                </ul>
            </div>
        </section>
    </div>
</div>