Add a "future metings" page that uses the Google Calendar

Link this from the main page as it's pretty useful

Author: graeme-a-stewart

_layouts/main.html

@@ -42,15 +42,18 @@
  <div class="col-lg-4">
   <h2>Meetings</h2>
     <p>
-      All our activities and ideas are discussed weekly in our HSF meeting. Feel free to participate!
+      The HSF holds <a href="/future-events.html">regular meetings</a>
+      in its activity areas and has weekly coordination meetings as well. 
+      All of our meetings are open for everyone to join.
     </p>
     <ul class="list list-simple">
 {% assign pagedate = site.time | date: "%Y-%m-%d"   %}
 {% for post in site.categories.organization limit: 3 %}
     <li><a href="{{ post.url }}">{{ post.title }}</a></li>
 {% endfor %}
     </ul>
-    <p><a  href="/organization/minutes.html" role="button">Full list of meetings &raquo;</a></p>
+    <p><a href="/future-events.html" role="button">Upcoming HSF events &raquo;</a></p>
+    <p><a href="/organization/minutes.html" role="button">Full list of past meetings &raquo;</a></p>
   </div>
 
 

future-events.md

@@ -0,0 +1,7 @@
+---
+title: Future HSF and Community Events
+layout: plain
+---
+
+<iframe src="https://calendar.google.com/calendar/embed?mode=AGENDA&amp;height=600&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=e4v33e1a1drbncdle1n03ahpcs%40group.calendar.google.com&amp;color=%23865A5A&amp;ctz=Europe%2FZurich" style="border-width:0" width="800" height="600" frameborder="0" scrolling="no"></iframe>
+