<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Alma Library Hours API Test</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.min.css" />
<style>
body {font-family: sans-serif;}
.alma_hours_open {font-weight:bold;}
.alma_hours_message_open {color:green;}
.alma_hours_message_closed {color:red;}
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.js"></script>
<script src="fullcalendar.js"></script>
<script src="todayshours.js"></script>
</head>
<body>
<section>
<h2>Example of today's hours</h2>
<div id="todays_hours"></div>
</section>
<section>
<h2>Example of fullCalendar</h2>
<div id="calendar"></div>
</section>
</body>
</html>