Add Google drive to camps

Author: wvengen

_layouts/camp.html

@@ -24,8 +24,21 @@ <h1 class="camp-title">{{ site.title }} {{ page.starts | date: '%Y' }} {{ page.c
       {% endfor %}
       </ul>
     </section>
+
+    {% if page.gdrive %}
+    <section id="resources" class="content resources">
+      <h2>
+        Resources
+        <span class="inline-add"><a href="{{ page.gdrive }}">(see all)</a></span>
+      </h2>
+
+      <iframe src="https://drive.google.com/embeddedfolderview?{{ page.gdrive | split:'?' | last | split:'#' | first }}#grid" style="height: 460px"></iframe>
+    </section>
+    {% endif %}
+
   </article>
 
+  <!-- Find locations and create the map -->
   <script type="text/javascript" src="{{ site.baseurl }}/js/leaflet.min.js"></script>
   <script type="text/javascript" src="{{ site.baseurl }}/js/Control.Geocoder.js"></script>
   <script type="text/javascript"><!--
@@ -57,5 +70,4 @@ <h1 class="camp-title">{{ site.title }} {{ page.starts | date: '%Y' }} {{ page.c
       }.bind(marker));
     }
   //--></script>
-
 </div>

_sass/_base.scss

@@ -1,9 +1,39 @@
+//
+// General
+//
 
 // if no navbar, add some extra space
 body > .container:first-child {
   padding-top: 35px;
 }
 
+// Footer
+.site-footer {
+  text-align: center;
+  color: #777;
+
+  a {
+    color: #777;
+  }
+
+  a:hover, a:active {
+    color: #23527c;
+  }
+
+  .fa {
+    margin: 0 5px;
+  }
+
+  ul > li {
+    display: inline-block;
+    margin: 0 0.4em;
+  }
+}
+
+
+//
+// Frontpage
+//
 .cc-jumbo {
   h1 {
     margin-top: 0;
@@ -27,6 +57,11 @@ body > .container:first-child {
   background: #337AB7;
 }
 
+
+//
+// Camps
+//
+
 .centered-blocks {
   display: block;
 
@@ -36,24 +71,15 @@ body > .container:first-child {
   }
 }
 
-.site-footer {
-  text-align: center;
-  color: #777;
-
-  a {
-    color: #777;
-  }
-
-  a:hover, a:active {
-    color: #23527c;
-  }
-
-  .fa {
-    margin: 0 5px;
-  }
+.resources iframe {
+  width: 100%;
+  border: none;
+}
 
-  ul > li {
-    display: inline-block;
-    margin: 0 0.4em;
+h1, h2, h3, h4 {
+  .inline-add {
+    font-size: 14px;
+    font-weight: normal;
+    vertical-align: baseline;
   }
 }

camps/2014-10-amsterdam.md

@@ -4,7 +4,9 @@ layout:   camp
 starts:   4 Oct 2014
 ends:     8 Oct 2014
 city:     Amsterdam
+
 fb_event: https://www.facebook.com/events/338065469676994/
+gdrive:   https://drive.google.com/open?id=0Bwdm_3hXVoz6ZmZodlRFOVppejg
 
 locations:
 - name: Knowmads

camps/2015-05-paris.md

@@ -4,7 +4,9 @@ layout:   camp
 starts:   22 May 2015
 ends:     25 May 2015
 city:     Paris
+
 fb_event: https://www.facebook.com/events/1613389028892817/
+gdrive:   https://drive.google.com/folderview?id=0BxdLEgQI2gQBb2RMb2RJMC02Y3c
 
 locations:
 - name: Simplon.co