mirror of
https://github.com/hyperion-project/hyperion.ng.git
synced 2023-10-10 13:36:59 +02:00
1ff8528597
* Initial WebUI with sample functions * Changed folder structure * Light Reset Button and Translation fixing in Links * Indentation fixed * Reorganized menu and new function for setting effects * Styling fix
69 lines
2.8 KiB
HTML
69 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html manifest="manifest.appcache">
|
|
<head>
|
|
<title>Hyperion remote control</title>
|
|
<meta charset="utf-8"/>
|
|
<meta name="format-detection" content="telephone=no"/>
|
|
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width"/>
|
|
<link href="css/index.css" rel="stylesheet">
|
|
<link rel="apple-touch-icon" href="res/icon_128.png">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<div class="work">
|
|
<div class="container">
|
|
<div id="color" class="contentarea">
|
|
<div id="colorpicker">
|
|
<img id="colorwheelbg" src="res/colorwheel.png" width="auto" height="90%"/>
|
|
<div id="pointer"></div>
|
|
<div class="touchrect"></div>
|
|
</div>
|
|
<div class="slider" id="brightness">
|
|
<div class="track"></div>
|
|
<div class="thumb"></div>
|
|
</div>
|
|
<div id="buttonctrl">
|
|
<div class="icon" id="clear_button"></div>
|
|
<input type="text" class="value" autocomplete="off" autocorrect="off" autocapitalize="off"/>
|
|
<div class="icon" id="clearall_button"></div>
|
|
</div>
|
|
</div>
|
|
<div id="effects" class="contentarea">
|
|
<label class="info">Need server connection to fetch list.</label>
|
|
<ul></ul>
|
|
</div>
|
|
<div id="transform" class="contentarea">
|
|
<label class="info">Need server connection to fetch list.</label>
|
|
<div class="values"></div>
|
|
</div>
|
|
<div id="settings" class="contentarea">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer">
|
|
<div class="button selected" id="colorButton" data-area="color">
|
|
<div class="icon"></div>
|
|
<div class="title">Color</div>
|
|
<div class="touchrect"></div>
|
|
</div>
|
|
<div class="button" id="effectsButton" data-area="effects">
|
|
<div class="icon"></div>
|
|
<div class="title">Effects</div>
|
|
<div class="touchrect"></div>
|
|
</div>
|
|
<div class="button" id="thresholdButton" data-area="transform">
|
|
<div class="icon"></div>
|
|
<div class="title">Transform</div>
|
|
<div class="touchrect"></div>
|
|
</div>
|
|
<div class="button" id="settingsButton" data-area="settings">
|
|
<div class="icon">n</div>
|
|
<div class="title">Settings</div>
|
|
<div class="touchrect"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="js/vendor/require.js" data-main="js/app/main"></script>
|
|
</body>
|
|
</html> |