tvguide
Version:
Node module that auto-gets current (Dutch) tv show information
107 lines (91 loc) • 4.38 kB
HTML
<html>
<head>
<title>Remote Webapp</title>
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" type="image/png" href="favicon-196x196.png" sizes="196x196" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<link rel="stylesheet" type="text/css" href="css/menu.css" />
<link rel="stylesheet" type="text/css" href="css/remote.css" />
<link rel="stylesheet" type="text/css" href="css/guide.css" />
<link rel="stylesheet" type="text/css" href="css/settings.css" />
<link rel="stylesheet" type="text/css" href="css/fx.css" />
<!-- Libraries -->
<script src="/socket.io/socket.io.js"></script>
<script src="lib/jquery.js"></script>
<script src="lib/jquery.tap.js"></script>
<script src="lib/htmlgen.js"></script>
<script src="lib/fx.js"></script>
<!-- Per-page javascripts -->
<script src="js/settings.js"></script>
<script src="js/guide.js"></script>
<script src="js/client.js"></script>
<script src="js/index.js"></script>
</head>
<body>
<!-- Switch between 'main' and 'settings' -->
<div class="menu" id="main">
<!-- Menu items -->
<span id="menuRemote" class="menuButton"></span>
<span id="menuNow" class="menuButton menuActive"></span>
<span id="menuNext" class="menuButton"></span>
<span id="menuSettings" class="menuButton"></span>
<!-- Moving background -->
<span id="menuBackground"></span>
</div>
<!-- Content wrapper -->
<div id="pages">
<!-- Remote page -->
<div id="remote" class="page hidden">
<!-- Remote buttons -->
<div id="remoteControl">
<span id="POWER" class="remoteButton controls">Pwr</span>
<span id="PR+" class="remoteButton controls">^</span>
<span id="INPUT" class="remoteButton controls">In</span>
<span id="VOL-" class="remoteButton controls"><</span>
<span id="OK" class="remoteButton controls">OK</span>
<span id="VOL+" class="remoteButton controls">></span>
<span id="MENU" class="remoteButton controls">Menu</span>
<span id="PR-" class="remoteButton controls">v</span>
<span id="SLEEP" class="remoteButton controls">Slp</span>
<span id="0" class="remoteButton numbers">0</span>
<span id="1" class="remoteButton numbers">1</span>
<span id="2" class="remoteButton numbers">2</span>
<span id="3" class="remoteButton numbers">3</span>
<span id="4" class="remoteButton numbers">4</span>
<span id="5" class="remoteButton numbers">5</span>
<span id="6" class="remoteButton numbers">6</span>
<span id="7" class="remoteButton numbers">7</span>
<span id="8" class="remoteButton numbers">8</span>
<span id="9" class="remoteButton numbers">9</span>
</div>
</div>
<!-- Guide Now page -->
<div id="now" class="page"><!-- Dynamically generated --></div>
<!-- Guide Next page -->
<div id="next" class="page hidden"><!-- Dynamically generated --></div>
<!-- Settings page -->
<div id="settings" class="page hidden">
<!-- Settings bar -->
<div id="settingsMenu">
<span id="settingsMenuRemote" class="settingsMenuButton settingsMenuActive">Remote</span>
<span id="settingsMenuGuide" class="settingsMenuButton">Guide</span>
<span id="settingsMenuServer" class="settingsMenuButton">Server</span>
<span id="settingsMenuBackground"></span>
</div>
<!-- Remote settings -->
<div id="settingsRemote" class="settingsPage">
Remote settings
</div>
<!-- Guide settings -->
<div id="settingsGuide" class="settingsPage hidden">
Guide settings
</div>
<!-- Server settings -->
<div id="settingsServer" class="settingsPage hidden">
Server settings
</div>
</div>
</div>
</body>
</html>