replaces calendar widget with fullcalendar.io JS widget

Author: mwiley

Gemfile

@@ -1,4 +1,6 @@
 source 'https://rubygems.org'
+gem 'bundler', '>= 1.7.0'
+
 gem 'jekyll'
 gem 'jekyll-assets'
 gem 'uglifier'
@@ -9,4 +11,10 @@ gem 'rake'
 gem 'rake-jekyll'
 gem 'html-proofer'
 
+group :rails_assets do
+  gem 'rails-assets-jquery'
+  gem 'rails-assets-moment'
+  gem 'rails-assets-fullcalendar'
+end
+
 gem 'wdm', '~> 0.1.0' if Gem.win_platform?

_assets/javascripts/main.js.coffee

@@ -0,0 +1,5 @@
+//= require jquery
+//= require moment
+//= require fullcalendar
+//= require fullcalendar/gcal
+//= require_tree ./plugins

_assets/javascripts/plugins/fullcalendar.js

@@ -0,0 +1,8 @@
+$(document).on('ready page:load', function () {
+    $('#calendar').fullCalendar({
+        googleCalendarApiKey: 'AIzaSyBAT20M7J1v1Z4HAJx246OB6a1CN-G3Afo',
+        events: {
+            googleCalendarId: '[email protected]'
+        }
+    });
+});

_assets/stylesheets/main.scss

@@ -43,6 +43,7 @@ $on-laptop:        800px;
 
 @import
         "bootstrap",
+        "fullcalendar",
         "base",
         "layout",
         "syntax-highlighting"

_includes/head.html

@@ -10,4 +10,6 @@
 
   {% stylesheet main %}
   {% javascript turbolinks %}
+  {% javascript main %}
+  
 </head>

_plugins/ext.rb

@@ -1,2 +1,3 @@
 require "jekyll-assets"
 require "jekyll-assets/bootstrap"
+require "jekyll-assets/rails-assets"

calendar.html

@@ -6,6 +6,6 @@
 
 <div class="calendar">
 
-<iframe src="https://www.google.com/calendar/embed?showTitle=0&amp;height=600&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=ra5695ol5jtr1hdaio1855jlm8%40group.calendar.google.com&amp;color=%2328754E&amp;ctz=America%2FLos_Angeles" style=" border-width:0 " width="800" height="600" frameborder="0" scrolling="no"></iframe>
+  <div id='calendar'></div>
 
 </div>