Isolate Dates / Calendar

by LeroyRon

HTML

<script src="https://addevent.com/libs/atc/1.6.1/atc.min.js"></script>
<style id="globalSheet">
  .addeventatc_icon {
    display: none;
  }
  
  #content img {
    background: #fff;
  }

</style>
<h2>Our Events</h2>
<!--Add buttons to initiate auth sequence and sign out-->
<pre id="content" style="display:none">   </pre>
<button id="authorize-button" style="display: none;">
  <img src="https://irp-cdn.multiscreensite.com/87979c95/dms3rep/multi/tablet/button_keep-me-updated.png" id="1003282948" class="" style="margin: 7px " data-dm-image-path="https://irp-cdn.multiscreensite.com/87979c95/dms3rep/multi/button_keep-me-updated.png"
  onerror="handleImageLoadError(this)">
</button>
<button id="signout-button" style="display: none;">
  Sign Out
</button>
<button id="goto-button" style="display: none;">
  <a target="_blank" href="https://calendar.google.com">
     Goto Your Calendar
    </a>
</button>
<button id="access-button" style="display: none;">
  <a target="_blank" href="https://accounts.google.com/IssuedAuthSubTokens">
     Click to Unsubscribe
    </a>
</button>

JavaScript

var global = {
         formatDate: function(date) {
           var dd = date.getDate();
           var mm = date.getMonth() + 1;
           var yyyy = date.getFullYear();
           if (dd < 10) {
             dd = '0' + dd
           }
           if (mm < 10) {
             mm = '0' + mm
           }
           date = yyyy + '-' + mm + '-' + dd + '';
           return date
         },
         pre: document.getElementById('content'),
         appendPre: function(string, message) {
           var pre = this.pre
           if (!message) return
           var container = document.createElement('div')
           container.style.cssText = 'float: left; width: 100%; height: auto;color:#FFF;border: 0px !important;border-bottom: 1px solid #340248 !important;background: #58007b none repeat scroll 0 0;'
           container.innerHTML += message.image ? '<img width="25%" style="float:left; display: inline; margin: 0 5px; 0 0" src="https://docs.google.com/uc?id=' + message.image + '" />' : ''
           var textContent = document.createTextNode((string || '') + '\n')
           container.appendChild(textContent)
           container.innerHTML += '<br>'
           var eventsDom = document.createElement('div')
           eventsDom.title = "Add to Calendar"
           eventsDom.className = 'addeventatc'
           var text = document.createTextNode('Add to your calendar')
           eventsDom.appendChild(text)
           var span = document.createElement('span')
           span.className = 'start'
           span.innerHTML = message.start
           eventsDom.appendChild(span)
           span = span.cloneNode()
           span.className = 'end'
           span.innerHTML = message.end
           eventsDom.appendChild(span)
           span = span.cloneNode()
           span.className = 'timezone'
           span.innerHTML = message.timezone
           eventsDom.appendChild(span)
           span = span.cloneNode()
           span.className = 'title'
           span.innerHTML =...