index_stats.html

<html>
<head>
    <title>Who's on Shift at the Maker Hub?</title>
    <script
  src="https://code.jquery.com/jquery-3.2.1.min.js"
  integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
  crossorigin="anonymous" defere></script>
<script src="js/jqueryAIO.min.js" defer></script>
<script src="https://unpkg.com/mqtt/dist/mqtt.min.js" type="text/javascript" defer></script>

</head>
<body style="margin:0px;">
<div class="doorbellcontainer"></div>
<div class="aiomessagecontainer"></div>


<script>

$(function(){
// a comment

  $(".doorbellcontainer").aioAlert({
    group : "MakerHubEvents",
    feedname : "backdoorbell",
    fontcolor : "black",
    textOverride : "DOORBELL",
    bordercolor : "#F0004E",
    bgcolor1 : "red",
    bgcolor2 : "yellow"
  });
 
 
  $(".aiomessagecontainer").aioAlert({
    group : "MakerHubEvents",
    feedname : "signagemessage",
    fontcolor : "black",
    bordercolor : "#F0004E",
    bgcolor1 : "lightgreen",
    bgcolor2 : "green"
  });
});

</script>

<iframe src="https://script.google.com/a/macros/georgetown.edu/s/AKfycbyOPWa7ShX2Z6q-hsXfJP1GJg8J_3tEEtkRvGUXSwKH9AECvhEF/exec" width="100%" height="100%" style="border:none;"/> 

<!--<iframe src="http://localhost:8000/inner.html" />-->


</body>

</html>