calendar.html

---
layout: plain
title: Community Calendar
description: Meshery is community-built and welcomes collaboration!
---

<div class="calendar-meetings">
  <h1>Community Calendar</h3>
  <p>Join any or all of the weekly meetings</p>
  <div id='calendar'></div>
</div>
<div class="container {% if page.full_width %}max-container{% endif %}">
  <h2>Engage in the Community</h2>
  <p style="margin:auto;text-align:center;width:100%;">We are a warm and welcoming collection of open sourcers.</p>

  <div style="margin: 4rem auto 4rem auto;">
  {% include partials/community.html %}
  </div>
  <a href="http://slack.layer5.io/" style="text-decoration: none !important;">
    <h3 style="text-align:center;color:aliceblue;font-size: 1.6rem;">
      <input style="padding-bottom:.9rem;padding-top:.9rem; margin:auto; width:80%;" type="submit" value="Join the Community">
    </h3>
  </a>
</div>
<!-- Fullcalender CDN's -->
<link rel="stylesheet" href="/css/fullcalender.css">
<link rel="stylesheet" href="https://unpkg.com/@fullcalendar/core@4.4.0/main.min.css">
<link rel="stylesheet" href="https://unpkg.com/@fullcalendar/daygrid@4.4.0/main.min.css">
<link rel="stylesheet" href="https://unpkg.com/@fullcalendar/list@4.4.0/main.min.css">
<script src="https://unpkg.com/@fullcalendar/core@4.4.0/main.min.js"></script>
<script src="https://unpkg.com/@fullcalendar/daygrid@4.4.0/main.min.js"></script>
<script src="https://unpkg.com/@fullcalendar/list@4.4.0/main.min.js"></script>
<script src="https://unpkg.com/@fullcalendar/google-calendar@4.4.0/main.min.js"></script>

<script>
document.addEventListener('DOMContentLoaded', function() {
  var calendarEl = document.getElementById('calendar');

  var calendar = new FullCalendar.Calendar(calendarEl, {
    plugins: [ 'dayGrid', 'list', 'googleCalendar' ],
    buttonText: {
      today: 'Today'
    },
    customButtons: {
      addToCalendar: {
        text: 'Add To Your Calendar',
        click: function() {
          window.open('https://bit.ly/2SbrRhe', '_blank');
        }
      }
    },
    header: {
      left: 'prev,next today',
      center: 'title',
      right: 'addToCalendar'
    },
    displayEventTime: false, // don't show the time column in list view
    googleCalendarApiKey: 'AIzaSyDcmx-nLYfqvrfpEmVJuclwt9akayYfUgg',
    events: {
        googleCalendarId: 'layer5.io_eh2aa9dpf1g40elvoc762jnphs@group.calendar.google.com'
    },
    eventClick: function(arg) {
      // opens events in a popup window
      window.open(arg.event.url, '_blank', 'width=700,height=600');
      // prevents current tab from navigating
      arg.jsEvent.preventDefault();
    }
  });
  calendar.render();
});
</script>