calendar.html

---
title: MakerHQ Sacramento - Event Calendar
layout: default
description: MakerHQ events calendar shows what meetups, classes, builds, and community events will take place at the space. Check event descriptions for more details on individual events!
---

<script src="//code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>
<script src="{{ site.baseurl }}/js/moment.min.js"></script>
<script src="{{ site.baseurl }}/js/fullcalendar.min.js"></script>
<script src="{{ site.baseurl }}/js/gcal.js"></script>
<script src="{{ site.baseurl }}/js/lang-all.js"></script>
<script src="{{ site.baseurl }}/js/linkify.min.js"></script>
<script src="{{ site.baseurl }}/js/linkify-html.min.js"></script>

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/jquery-ui.min.js" />
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/cupertino/jquery-ui.css" />
<link rel="stylesheet" href="{{ site.baseurl }}/css/fullcalendar.min.css" />
<script type="text/javascript">
    $(document).ready(function() {
        $('#calendar').fullCalendar({
            googleCalendarApiKey: 'AIzaSyAHG5F-oSGcWljW7hQxarCV89b8ItAaW5Q',
            events: {
                googleCalendarId: 'makerhq.org_cgmc1jl3h73rirjejo1n8ok4e0@group.calendar.google.com'
            },
            eventClick:  function(event, jsEvent, view) {
                //set the values and open the modal
                $("#eventInfo").html(linkifyHtml(textToHTML(event.description)));
                $("#eventLink").attr('href', event.url);
                $("#eventContent").dialog({ modal: true, title: event.title, minWidth: 800, minHeight: 400 });
                return false;
            }
        });
    });

    function textToHTML(text) {
        return ((text || "") + "")  // make sure it is a string;
                .replace(/&/g, "&amp;")
                .replace(/</g, "&lt;")
                .replace(/>/g, "&gt;")
                .replace(/\t/g, "    ")
                .replace(/ /g, "&#8203;&nbsp;&#8203;")
                .replace(/\r\n|\r|\n/g, "<br />");
    }

</script>

<!-- Main -->
<section id="main" class="wrapper style1">
    <header class="major">
        <h2>Our Calendar</h2>
        <p>Learn what's going on at our space.</p>
    </header>
    <div class="container">
        <div class="row">
            <div class="8u">
                <section>
                    <h2>Events and Classes Calendar</h2>
                    <div id="calendar"></div>
                    <div id="eventContent" title="Event Details" style="display: none;">
                        <div id="eventInfo"></div>
                        <p style="margin-top: 15px;"><strong><a id="eventLink" target="_blank">Read More</a></strong></p>
                    </div>
                </section>
            </div>
            <div class="4u">
                <section>
                    <h3>Events at Maker<span id="hq">HQ</span> are 100% Open to the Public!</h3>
                    <p>While some classes may carry a fee to attend, all of the events on this calendar are open and accessible to the public! </p>
                    <p> All we ask is that you register to attend when possible, as our space is often limited!</p>
                </section>
                <hr />
                <section>
                    <h3>Interested in teaching at Maker<span id="hq">HQ</span>??</h3>
                    <p>We're always on the lookout for good teachers in the Maker arts. <a href="/contact-us">Contact us</a> about teaching at our space and we'll be glad to discuss the opportunities and availability of classes at MakerHQ!</p>
                    <p>Have feedback on our classes? As always, we'd <a href="/contact-us">love to hear from you!</a></p>
                </section>
                <hr />
</section>