Team-One · alyssams · Jun 20, 2016 · Jun 29, 2016 · Jun 29, 2016 · Jun 29, 2016
diff --git a/.sass-cache/359d7e36f1b5a6eb7da344dfe66fd3009c288c80/calendar.scssc b/.sass-cache/359d7e36f1b5a6eb7da344dfe66fd3009c288c80/calendar.scssc
diff --git a/.sass-cache/359d7e36f1b5a6eb7da344dfe66fd3009c288c80/fonts.scssc b/.sass-cache/359d7e36f1b5a6eb7da344dfe66fd3009c288c80/fonts.scssc
diff --git a/.sass-cache/359d7e36f1b5a6eb7da344dfe66fd3009c288c80/gcal.scssc b/.sass-cache/359d7e36f1b5a6eb7da344dfe66fd3009c288c80/gcal.scssc
diff --git a/.sass-cache/359d7e36f1b5a6eb7da344dfe66fd3009c288c80/global.scssc b/.sass-cache/359d7e36f1b5a6eb7da344dfe66fd3009c288c80/global.scssc
diff --git a/.sass-cache/359d7e36f1b5a6eb7da344dfe66fd3009c288c80/ie.scssc b/.sass-cache/359d7e36f1b5a6eb7da344dfe66fd3009c288c80/ie.scssc
diff --git a/.sass-cache/359d7e36f1b5a6eb7da344dfe66fd3009c288c80/print.scssc b/.sass-cache/359d7e36f1b5a6eb7da344dfe66fd3009c288c80/print.scssc
diff --git a/.sass-cache/359d7e36f1b5a6eb7da344dfe66fd3009c288c80/screen.scssc b/.sass-cache/359d7e36f1b5a6eb7da344dfe66fd3009c288c80/screen.scssc
diff --git a/.sass-cache/65e4c30c131f260ea88c3e4f2e16dfc2ba547e74/_utilities.scssc b/.sass-cache/65e4c30c131f260ea88c3e4f2e16dfc2ba547e74/_utilities.scssc
diff --git a/...2a7d8997/Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/_reset.scssc b/...2a7d8997/Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/_reset.scssc
diff --git a/...32871195e41567cc2a7d8997/Users/alysauce/projects/internal/today/media/sass/calendar.scssc b/...32871195e41567cc2a7d8997/Users/alysauce/projects/internal/today/media/sass/calendar.scssc
diff --git a/...eb732871195e41567cc2a7d8997/Users/alysauce/projects/internal/today/media/sass/fonts.scssc b/...eb732871195e41567cc2a7d8997/Users/alysauce/projects/internal/today/media/sass/fonts.scssc
diff --git a/...ceb732871195e41567cc2a7d8997/Users/alysauce/projects/internal/today/media/sass/gcal.scssc b/...ceb732871195e41567cc2a7d8997/Users/alysauce/projects/internal/today/media/sass/gcal.scssc
diff --git a/...b732871195e41567cc2a7d8997/Users/alysauce/projects/internal/today/media/sass/global.scssc b/...b732871195e41567cc2a7d8997/Users/alysauce/projects/internal/today/media/sass/global.scssc
diff --git a/.sass-cache/af1a5722249b61fe97c5776f7a26e0902a00f406/_reset.scssc b/.sass-cache/af1a5722249b61fe97c5776f7a26e0902a00f406/_reset.scssc
diff --git a/CNAME b/CNAME
@@ -0,0 +1 @@
+today.t1.la
diff --git a/README.md b/README.md
@@ -1,2 +1,5 @@
 # today
 calendar of events at Team One
+
+Uses Google Calendar api endpoint @
+https://developers.google.com/google-apps/calendar/v3/reference/events/list
diff --git a/config.rb b/config.rb
@@ -0,0 +1,25 @@
+require 'compass/import-once/activate'
+# Require any additional compass plugins here.
+
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "media/stylesheets"
+sass_dir = "media/sass"
+images_dir = "media/images"
+javascripts_dir = "media/javascripts"
+
+# You can select your preferred output style here (can be overridden via the command line):
+# output_style = :expanded or :nested or :compact or :compressed
+
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true
+
+# To disable debugging comments that display the original location of your selectors. Uncomment:
+# line_comments = false
+
+
+# If you prefer the indented syntax, you might want to regenerate this
+# project again passing --syntax sass, or you can uncomment this:
+# preferred_syntax = :sass
+# and then run:
+# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass
diff --git a/index.html b/index.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<meta charset="utf-8">
+  		<meta http-equiv="X-UA-Compatible" content="IE=edge">
+  		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+  		 <meta http-equiv="refresh" content="1800">
+  		<!-- Add to home screen for Safari on iOS -->
+		<meta name="apple-mobile-web-app-capable" content="yes">
+		<meta name="apple-mobile-web-app-status-bar-style" content="black">
+		<meta name="apple-mobile-web-app-title" content="Weather App">
+		<link rel="apple-touch-icon" href="./media/images/launcher-icon-3x.png">
+		<meta name="msapplication-TileImage" content="./media/images/launcher-icon-3x.png">
+		<meta name="msapplication-TileColor" content="#2F3BA2">
+		<title>Team One Today</title>
+		<link rel="manifest" href="./manifest.json">
+		<link href="media/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
+		<!-- <script type="text/javascript" src="./media/js/atc.min.js" async defer></script> -->
+		<!-- <script>
+			window.location.reload(true);
+		</script> -->
+
+	</head>
+	<body>
+		<header>
+			<div class="media-text diag text-anim-finish" style="color: white;">
+				<h1 class="title-top" style="color: white;">TEAM ONE</h1>
+				<hr> 
+				<h1 class="title-bottom" style="color: white;">TODAY</h1>
+			</div>
+		</header>
+		<p>Check here for a collection of all of the events happening around the agency. Events are updated daily, so check back often!</p>
+
+
+
+		<div id="eventlist"></div>
+		<script type="text/javascript" src="./media/js/jquery-1.10.2.js"></script>
+		<script type="text/javascript" src="https://addevent.com/libs/atc/1.6.1/atc.min.js" async></script>
+		<script type="text/javascript" src="./media/js/calendar.js"></script>
+
+		<!-- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> -->
+		<script type="text/javascript">
+			jQuery(function ($) {
+				$('#eventlist').gCalReader({
+					calendarId:'[email protected]',
+					apiKey:'AIzaSyDN7tVbVYt6jBOTo0VPe6uP_FfKFl8A39o',
+					errorMsg:'No events in calendar',
+					maxEvents: 10,
+					futureEventsOnly: true,
+					sortDescending: false
+				});
+			});
+		</script>
+
+		<!-- <script src="./media/js/main.js" async></script> -->
+	</body>
+</html>
diff --git a/manifest.json b/manifest.json
@@ -0,0 +1,26 @@
+{
+  "short_name": "Team One Today",
+  "name": "Team One Today Events",
+  "gcm_sender_id": "208212738428",
+  "icons": [
+    {
+      "src": "media/images/launcher-icon-2x.png",
+      "sizes": "96x96",
+      "type": "image/png"
+    },
+    {
+      "src": "media/images/launcher-icon-3x.png",
+      "sizes": "144x144",
+      "type": "image/png"
+    },
+    {
+      "src": "media/images/launcher-icon-4x.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    }
+  ],
+  "start_url": "/index.html",
+  "display": "standalone",
+  "background_color": "#3E4EB8",
+  "theme_color": "#2F3BA2"
+}
diff --git a/media/images/launcher-icon-2x.png b/media/images/launcher-icon-2x.png
diff --git a/media/images/launcher-icon-3x.png b/media/images/launcher-icon-3x.png
diff --git a/media/images/launcher-icon-4x.png b/media/images/launcher-icon-4x.png
diff --git a/media/images/today_header4.jpg b/media/images/today_header4.jpg
diff --git a/media/js/atc.min.js b/media/js/atc.min.js
diff --git a/media/js/calendar.js b/media/js/calendar.js
@@ -0,0 +1,163 @@
+(function($) {
+
+  $.fn.gCalReader = function(options) {
+    var $div = $(this);
+
+    var defaults = $.extend({
+        calendarId: 'en.usa#[email protected]',
+        apiKey: 'Public_API_Key',
+        dateFormat: 'LongDate',
+        eventFormat: 'ShortDate+ShortTime',
+        startTime: 'ShortTime',
+        endTime: 'ShortTime',
+        errorMsg: 'No events in calendar',
+        maxEvents: 10,
+        futureEventsOnly: true,
+        sortDescending: true
+      },
+      options);
+
+    var s = '';
+    var feedUrl = 'https://www.googleapis.com/calendar/v3/calendars/' +
+      encodeURIComponent(defaults.calendarId.trim()) +'/events?key=' + defaults.apiKey +
+      '&orderBy=startTime&endTime&singleEvents=true';
+      if(defaults.futureEventsOnly) {
+        feedUrl+='&timeMin='+ new Date().toISOString();
+      }
+
+    $.ajax({
+      url: feedUrl,
+      dataType: 'json',
+      success: function(data) {
+        if(defaults.sortDescending){
+          data.items = data.items.reverse();
+        }
+        data.items = data.items.slice(0, defaults.maxEvents);
+
+        // if eventdate is the same as other eventdates, just print once
+
+        $.each(data.items, function(e, item) {
+          var timeZone = item.start.timeZone || '';
+          var eventdate = item.start.dateTime || item.start.date ||'';
+          var eventEnd = item.end.dateTime || item.end.date ||'';        
+          var summary = item.summary || '';
+					var description = item.description;
+					var location = item.location;
+					var eventDate = formatDate(eventdate, defaults.dateFormat.trim());
+          var theEvent = formatDate(eventdate, defaults.eventFormat.trim());
+          var theEventEnd = formatDate(eventEnd, defaults.eventFormat.trim());
+          var eventTimeStart = formatDate(eventdate, defaults.startTime.trim());
+          var eventTimeEnd = formatDate(eventEnd, defaults.endTime.trim());
+
+
+          // s ='<div title="Add to Calendar" class="addeventatc perEvent"> Add To Calendar <span class="start">'+ theEvent +'</span> <span class="end">'+ theEventEnd +'</span> <span class="timezone"> America/Chicago</span> <span class="title">'+ summary +'</span> <span class="date_format">MM/DD/YYYY</span><span class="addeventatc_icon"></span></div>';
+          s ='<div class="eventdate">'+ eventDate +'</div>';
+          s +='<div class="eventTime"> at '+ eventTimeStart +'</div>';
+          s +='<div class="eventTime"> to '+ eventTimeEnd +'</div>';
+
+          s +='<div class="eventtitle">'+ summary +'</div>';
+          if(location) {
+						s +='<div class="location">Where: '+ location +'</div>';
+					}
+					if(description) {
+						s +='<div class="description">'+ description +'</div>';
+					}
+
+					$($div).append('<li>' + s + '</li>');
+        });
+      },
+      error: function(xhr, status) {
+        $($div).append('<p>' + status +' : '+ defaults.errorMsg +'</p>');
+      }
+    });
+
+    function formatDate(strDate, strFormat) {
+      var fd, arrDate, am, time;
+      var calendar = {
+        months: {
+          full: ['', 'January', 'February', 'March', 'April', 'May',
+            'June', 'July', 'August', 'September', 'October',
+            'November', 'December'
+          ],
+          short: ['', 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul',
+            'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
+          ]
+        },
+        days: {
+          full: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday',
+            'Friday', 'Saturday', 'Sunday'
+          ],
+          short: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat',
+            'Sun'
+          ]
+        }
+      };
+
+      if (strDate.length > 10) {
+        arrDate = /(\d+)\-(\d+)\-(\d+)T(\d+)\:(\d+)/.exec(strDate);
+
+        am = (arrDate[4] < 12);
+        time = am ? (parseInt(arrDate[4]) + ':' + arrDate[5] + ' AM') : (
+          arrDate[4] - 12 + ':' + arrDate[5] + ' PM');
+
+        if (time.indexOf('0') === 0) {
+          if (time.indexOf(':00') === 1) {
+            if (time.indexOf('AM') === 5) {
+              time = '12:00 AM';
+            } else {
+              time = '12:00 PM';
+            }
+          } else {
+            time = time.replace('0:', '12:');
+          }
+        }
+
+      } else {
+        arrDate = /(\d+)\-(\d+)\-(\d+)/.exec(strDate);
+        time = 'Time not present in feed.';
+      }
+
+      var year = parseInt(arrDate[1]);
+      var month = parseInt(arrDate[2]);
+      var dayNum = parseInt(arrDate[3]);
+
+      var d = new Date(year, month - 1, dayNum);
+
+      switch (strFormat) {
+        case 'ShortTime':
+          fd = time;
+          break;
+        case 'ShortDate':
+          fd = month + '/' + dayNum + '/' + year;
+          break;
+        case 'LongDate':
+          fd = calendar.days.full[d.getDay()] + ' ' + calendar.months.full[
+            month] + ' ' + dayNum ;
+          break;
+        case 'LongDate+ShortTime':
+          fd = calendar.days.full[d.getDay()] + ' ' + calendar.months.full[
+            month] + ' ' + dayNum + ', ' + year + ' ' + time;
+          break;
+        case 'ShortDate+ShortTime':
+          fd = month + '/' + dayNum + '/' + year + ' ' + time;
+          break;
+        case 'DayMonth':
+          fd = calendar.days.short[d.getDay()] + ', ' + calendar.months.full[
+            month] + ' ' + dayNum;
+          break;
+        case 'MonthDay':
+          fd = calendar.months.full[month] + ' ' + dayNum;
+          break;
+        case 'YearMonth':
+          fd = calendar.months.full[month] + ' ' + year;
+          break;
+        default:
+          fd = calendar.days.full[d.getDay()] + ' ' + calendar.months.short[
+            month] + ' ' + dayNum + ', ' + year + ' ' + time;
+      }
+
+      return fd;
+    }
+  };
+
+}(jQuery));