guelphcodingcommunity.github.io/events.html at master · GuelphCodingCommunity/guelphcodingcommunity.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
---
layout: default
title: Events
---
<!-- Responsive iFrame -->
<!-- Source: http://profromgo.com/blog/google-calendar-responsive/ -->
<div class="responsive-iframe-container container" align="center">
  <div class="responsive-iframe-container hidden-sm hidden-xs">
    <iframe src="https://www.google.com/calendar/embed?height=600&amp;wkst=1&amp;bgcolor=%23cccccc&amp;src=rmi177hmjg1klof2bbb7abp1ec%40group.calendar.google.com&amp;color=%231B887A&amp;ctz=America%2FToronto" style=" border:solid 1px #777 " width="900" height="600" frameborder="0" scrolling="no"></iframe>
  </div>
  <div class="visible-sm visible-xs">
    <iframe src="https://www.google.com/calendar/embed?mode=AGENDA&amp;height=500&amp;wkst=1&amp;bgcolor=%23cccccc&amp;src=rmi177hmjg1klof2bbb7abp1ec%40group.calendar.google.com&amp;color=%231B887A&amp;ctz=America%2FToronto" style=" border:solid 1px #777 " width="280" height="500" frameborder="0" scrolling="no"></iframe>
  </div>
</div>

<div id="Events" class="container">
  <ul>
    {% for post in site.categories.events %}
      <li class="post">
        <h1>{{ post.title }}</h1>
        <strong><i class="fa fa-calendar"></i> {{ post.eventinfo.date }} @ {{ post.eventinfo.time }}</strong>
        <p>{{ post.excerpt }}</p>
        <a href="{{ post.url }}">View event</a>
      </li>
    {% endfor %}
  </ul>
</div>