120 lines
4.5 KiB
HTML
120 lines
4.5 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
|
<title>Jubilee</title>
|
||
|
|
|
||
|
|
<link href="//cdnjs.cloudflare.com/ajax/libs/weather-icons/2.0.9/css/weather-icons.css" rel="stylesheet" type="text/css"/>
|
||
|
|
<link href="/fonts/fonts.css" rel="stylesheet" type="text/css"/>
|
||
|
|
<link href="/fonts/fujicons.css" rel="stylesheet" type="text/css"/>
|
||
|
|
<link href="/css/mui.custom.css" rel="stylesheet" type="text/css"/>
|
||
|
|
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css"
|
||
|
|
integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ=="
|
||
|
|
crossorigin=""/>
|
||
|
|
|
||
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png">
|
||
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png">
|
||
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png">
|
||
|
|
<link rel="manifest" href="/site.webmanifest">
|
||
|
|
<link rel="mask-icon" href="/img/safari-pinned-tab.svg" color="#5bbad5">
|
||
|
|
<meta name="apple-mobile-web-app-title" content="Train Times">
|
||
|
|
<meta name="application-name" content="Sidekick">
|
||
|
|
<meta name="theme-color" content="#ffff00">
|
||
|
|
|
||
|
|
<!-- <script src="//cdn.layerjs.org/libs/layerjs/layerjs-0.6.1.min.js"></script>
|
||
|
|
<link href="//cdn.layerjs.org/libs/layerjs/layerjs-0.6.1.css" type="text/css" rel="stylesheet" />-->
|
||
|
|
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
|
||
|
|
<!--
|
||
|
|
|
||
|
|
<div data-lj-type="stage">
|
||
|
|
<div data-lj-type="layer" data-lj-default-frame="main" >
|
||
|
|
<div data-lj-type="frame" >
|
||
|
|
… your HTML code …
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
-->
|
||
|
|
|
||
|
|
|
||
|
|
<div class="appPanel" data-id="main">
|
||
|
|
<div class="mui-container">
|
||
|
|
<div id="greet"></div>
|
||
|
|
|
||
|
|
<div id="location" class="mui-row" style="display: none;"></div>
|
||
|
|
</div>
|
||
|
|
<div class="mui-container" id="connectionStatus" style="display:none;">
|
||
|
|
<div class="mui--text-center"><i class="large fa fa-globe mui--align-middle mui--text-center"
|
||
|
|
style="color:grey;"></i></div>
|
||
|
|
<div class="mui--text-body1 mui--text-center">No internet connection</div>
|
||
|
|
</div>
|
||
|
|
<div class="mui-container" id="viewFrame">
|
||
|
|
<div id="weatherAlertShell" class="mui-panel" style="display: none;">
|
||
|
|
<div id="weatherAlertTitle" class="mui--text-title cardTitle">Weather Alert</div>
|
||
|
|
<div id="weatherAlert"></div>
|
||
|
|
</div>
|
||
|
|
<div id="bymeShell" class="mui-panel" style="display: none;">
|
||
|
|
<div id="byMeTitle" class="mui--text-title cardTitle">By me</div>
|
||
|
|
<div id="byme"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="trafficShell" class="mui-panel" style="display: none;">
|
||
|
|
<div class="mui--text-title cardTitle">Traffic</div>
|
||
|
|
<div id="traffic"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="agendaShell" class="mui-panel" style="display: none;">
|
||
|
|
<div class="mui--text-title cardTitle">Upcoming events</div>
|
||
|
|
<div id="agenda"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="nearbyShell" class="mui-panel" style="display: none;">
|
||
|
|
<div class="mui--text-title cardTitle">Around me</div>
|
||
|
|
<div id="nearby"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="nearbyShell" class="mui-panel" style="display: none;">
|
||
|
|
<div class="mui--text-title cardTitle">Nearby places</div>
|
||
|
|
<div id="nearbyPlaces"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="newsShell" class="mui-panel" style="display: none;">
|
||
|
|
<div class="mui--text-title cardTitle">Latest news</div>
|
||
|
|
<div id="news" class="scrolling-wrapper-flexbox"></div>
|
||
|
|
<div id='newsMore' class="cardLink">
|
||
|
|
<i class="seemore fa fa-forward mui--align-middle " ></i> <span class="seemore mui--align-middle">More news</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="weatherShell" class="mui-panel" style="display: none;">
|
||
|
|
<div class="mui--text-title cardTitle">Weather</div>
|
||
|
|
<div id="weather"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<script src="js/vendor.js" async></script>
|
||
|
|
<script type='module' src="js/bundle.js" async></script>
|
||
|
|
|
||
|
|
<script async="" src="https://cdn.ampproject.org/v0.js"></script>
|
||
|
|
<script async custom-element="amp-twitter" src="https://cdn.ampproject.org/v0/amp-twitter-0.1.js"></script>
|
||
|
|
|
||
|
|
<noscript>
|
||
|
|
<!-- anchor linking to external file -->
|
||
|
|
<h1>Javascript disabled</h1>
|
||
|
|
<p>This really requires javascript to work</p>
|
||
|
|
</noscript>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|