Skip to content

Instantly share code, notes, and snippets.

/gist:361b47df8e870a3b3dc9 Secret
Created Dec 10, 2012

Embed
What would you like to do?
<div id="event">
<!-- Event Info -->
<% if (typeof eventData.value !== 'undefined') { %>
<div id="event-info" class="clearfix">
<img class="event-image pic" src="<%-eventData.value.image%>" alt="">
<h1 class="event-title"><%-eventData.value.title%></h1>
<h2 class="event-subtitle"><%-eventData.value.subtitle%></h2>
<h3 class="join-us date"><%=date%></h3>
<p class="event-description"><%-eventData.value.description%></p>
<!-- <a class="big-red-button med" style="margin:10px 0;" href="/tickets">Purchase Tickets!</a> -->
<% if (eventData.value.links) { %>
<ul>
<% eventData.value.links.forEach(function (link) { %>
<li>
<a href="<%=link.url%>"><%=link.text%></a>
</li>
<% }); %>
</ul>
<% } %>
</div>
<div id="venue-info" class="clearfix">
<img class="venue-image pic" src="<%=eventData.value.venueImage%>" alt="">
<h2 class="venue-name"><%=eventData.value.venueName%></h2>
<p class="event-description"><%-eventData.value.venueDescription%></p>
<h2>Directions</h2>
<p class="event-directions"><%-eventData.value.directions%></p>
<a href="<%=eventData.value.mapUrl%>">Google Maps - Baruch College</a>
</div>
<% } %>
<!-- Promo video -->
<% if (!!eventData.value.videoEmbed) { %>
<iframe class="event-video pic" src="<%=eventData.value.videoEmbed%>" width="800" height="450" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
<% } %>
<!-- Speakers -->
<% if (typeof speakers !== 'undefined') { %>
<div id="speakers">
<div class="speakers-section">
<div class="shadow-top"></div>
<h1 class="section">The Speakers</h1>
<div class="shadow-bottom"></div>
</div>
<% speakers.forEach(function (speaker){ %>
<div id="<%=speaker.value.firstName%>" class="speaker-div">
<% if (speaker.value.youtubeEmbedUrl) { %>
<a href="<%= 'talk?' + speaker.value._id%>">
<img class="speaker-profilePic pic" src="<%=speaker.value.profilePic%>" alt="">
</a>
<% } else { %>
<img class="speaker-profilePic pic" src="<%=speaker.value.profilePic%>" alt="">
<% } %>
<h2 class="speaker-name"><%= speaker.value.firstName + ' ' + speaker.value.lastName %></h2>
<p class="speaker-bio"><%= speaker.value.bio %></p>
<h2 class="speaker-talkTitle"><%= speaker.value.talkTitle %></h2>
<p class="speaker-talkDescription"><%= speaker.value.talkDescription %></p>
<div class="speaker-links">
<% if (speaker.value.links) { %>
<ul>
<% speaker.value.links.forEach(function (link) { %>
<li>
<a href="<%=link.url%>">
<% if (link.img) { %>
<img class="icon" src="<%=link.img%>" alt="">
<% } if (link.text) { %>
<span class="italic speaker-text-link"><%=link.text%></span>
<% } %>
</a>
</li>
<% }); %>
</ul>
<% } %>
</div>
</div>
<% }); %>
</div>
<% } %>
<!-- Partners -->
<% if (typeof partners !== 'undefined') { %>
<div id="partners">
<div class="partners-section">
<div class="shadow-top"></div>
<h1 class="section">Our Partners</h1>
<div class="shadow-bottom"></div>
</div>
<% partners.forEach(function (partner){ %>
<div id="<%=partner.value.companyName%>" class="partner-div">
<img class="partner-profilePic pic" src="<%=partner.value.profilePic%>" alt="">
<h2 class="partner-name"><%= partner.value.companyName %></h2>
<p class="partner-description"><%= partner.value.description %></p>
<div class="partner-links">
<% if (partner.value.links) { %>
<ul>
<% partner.value.links.forEach(function (link) { %>
<li>
<a href="<%=link.url%>">
<% if (link.img) { %>
<img class="icon" src="<%=link.img%>" alt="">
<% } if (link.text) { %>
<span class="italic partner-text-link"><%=link.text%></span>
<% } %>
</a>
</li>
<% }); %>
</ul>
<% } %>
</div>
</div>
<% }); %>
</div>
<% } %>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.