Missouri State University Pattern Library

Calendar feed

A calendar feed is available by request. Contact Missouri State Web Support.

  • Handle: @calendar-feed
  • Preview:
  • Filesystem Path: src/components/03-page-elements-and-patterns/feeds/calendar-feed/calendar-feed.hbs 
<div class="ContentBlock CalendarFeed">
    <h2 class="Header">Events</h2>
    <div class="EventCalendarFeedData" data-feedurl=https://api.calendar.moderncampus.net/pubcalendar/08f621d1-8bbb-4440-94b2-ea47fcc17091/rss?category&#x3D;862dface-b2cc-4abd-8fba-f853e6060ab2&amp;amp;category&#x3D;8e6883a9-2ca5-48d9-8667-c68d23b38a2b&amp;amp;url&#x3D;https%3A%2F%2Fcalendar.missouristate.edu%2F&amp;amp;hash&#x3D;true>
    </div>
    <div class="loader">
        <img src="https://missouristate.info/ou/_resources/img/loader.gif" alt="">
        <p class="title">Loading</p>
    </div>
    <noscript>
        <a href="https://calendar.missouristate.edu/">More events</a>
    </noscript>
</div>
<script>
    missouristate.requireScript("https://missouristate.info/ou/_resources/js/eventCalendarFeed.min.js");
</script>
</div>
 
<div class="ContentBlock CalendarFeed" >
    {{#if heading}}                		
        <h2 class="Header">{{heading}}</h2>
    {{/if}}
    <div class="EventCalendarFeedData"
        data-feedurl={{data-feedurl}}>
    </div>              			
    <div class="loader">
    <img src="https://missouristate.info/ou/_resources/img/loader.gif" alt="">
    <p class="title">Loading</p>
    </div>
    <noscript>
        <a href="https://calendar.missouristate.edu/">More events</a>
    </noscript>
    </div>
    <script>missouristate.requireScript("https://missouristate.info/ou/_resources/js/eventCalendarFeed.min.js");</script>
</div>
 
{
  "heading": "Events",
  "data-feedurl": "https://api.calendar.moderncampus.net/pubcalendar/08f621d1-8bbb-4440-94b2-ea47fcc17091/rss?category=862dface-b2cc-4abd-8fba-f853e6060ab2&amp;category=8e6883a9-2ca5-48d9-8667-c68d23b38a2b&amp;url=https%3A%2F%2Fcalendar.missouristate.edu%2F&amp;hash=true"
}