129 lines
3.6 KiB
HTML
129 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Broadcast Timer</title>
|
|
<meta charset="utf-8">
|
|
<meta name="description" content="Broadcast Timer">
|
|
<meta name="author" content="Kameron Kenny">
|
|
<!-- Mobile Specific Metas -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<!-- Font -->
|
|
<!-- <link href='http://fonts.googleapis.com/css?family=Raleway:400,300,600' rel='stylesheet' type='text/css'> -->
|
|
<!-- CSS -->
|
|
<link rel="stylesheet" href="css/normalize.css">
|
|
<link rel="stylesheet" href="css/skeleton.css">
|
|
<link rel="stylesheet" href="css/custom.css">
|
|
<!-- <link rel="stylesheet" type="text/css" href="style.css"> -->
|
|
<!-- No Cache -->
|
|
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
|
|
<meta http-equiv="Pragma" content="no-cache">
|
|
<meta http-equiv="Expires" content="0">
|
|
|
|
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script> -->
|
|
<script src="metadata.js"></script>
|
|
</head>
|
|
<body onload="getEvents()">
|
|
|
|
<!-- Top Bar -->
|
|
<div class="section hero u-full-width u-max-full-width">
|
|
<div class="container navbar">
|
|
<div class="row">
|
|
<div class="one-half column u-pull-left">
|
|
<div class="one-third column">
|
|
<div class="clock u-pull-left">Date: </div>
|
|
<div id="calDate" class="clock u-pull-left"></div>
|
|
</div>
|
|
<div class="one-third column">
|
|
<div class="clock u-pull-left">Local: </div>
|
|
<div id="now" class="clock u-pull-left"></div>
|
|
</div>
|
|
<div class="one-third column">
|
|
<div class="clock u-pull-left">UTC: </div>
|
|
<div id="utc_now" class="clock u-pull-left"></div>
|
|
</div>
|
|
</div>
|
|
<div class="one-half column u-pull-right">
|
|
<div class="nav-button">
|
|
<button class="button" onclick="decArray()">Previous</button>
|
|
<button class="button" onclick="incArray()">Next</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- / Top Bar -->
|
|
|
|
<!-- mid-section -->
|
|
<div class="section">
|
|
<div class="container">
|
|
<div class="row columns">
|
|
<!-- current-next events -->
|
|
<div class="two-thirds column">
|
|
<!-- current-event -->
|
|
<div class="header">
|
|
<div class="row">
|
|
<div class="two-thirds column">
|
|
<div id="currentSubject" class="subject"></div>
|
|
</div>
|
|
<div class="one-third column">
|
|
<div id="countdown" class="countdown"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div id="currentStartEnd"></div>
|
|
</div>
|
|
<div calss="row">
|
|
<div class="notes" id="notes"></div>
|
|
</div>
|
|
<!-- /current-event -->
|
|
|
|
<!-- next-event -->
|
|
<div class="header">
|
|
<div class="row">
|
|
<div class="two-thirds column">
|
|
<div id="upNext" class="subject"></div>
|
|
</div>
|
|
<div class="one-third column">
|
|
<div id="nextCountdown" class="countdown"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="nextStartEnd"></div>
|
|
<!-- /next-event -->
|
|
<div id="debug" class="debug"></div>
|
|
</div>
|
|
<!-- /current-next-events -->
|
|
|
|
<!-- events-list -->
|
|
<div class="one-third column events">
|
|
<div id="events-list"></div>
|
|
<a class="button nav-button" href="https://thelinux.pro/punch_list/">punch_list</a>
|
|
<a class="button nav-button" href="api.html">Manage</a>
|
|
</div>
|
|
<!-- /events-list -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- /mid-section -->
|
|
|
|
|
|
<div class="grid-bottom">
|
|
<div id="meta" class="grid-meta u-pull-right"></div>
|
|
</div>
|
|
|
|
|
|
<!-- <script src="events.js"></script> -->
|
|
<script src="main.js"></script>
|
|
<!-- <script src="timerMath.js"></script> -->
|
|
<!-- <script src="clock.js"></script> -->
|
|
<script>
|
|
//console.log(`end of page`);
|
|
//console.log(`${events}`);
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|
|
|