mirror of
https://github.com/Doodle3D/doodle3d-connect.git
synced 2024-12-25 01:53:48 +01:00
77 lines
3.2 KiB
HTML
77 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Doodle3D Connect</title>
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
|
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="./img/webpage_icons/apple-touch-icon-144x144-precomposed.png" />
|
|
<link rel="icon" type="image/ico" href="./img/favicon.ico"/>
|
|
<meta id="Viewport" name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=yes">
|
|
|
|
<link href="css/normalize.css" rel="stylesheet" media="screen">
|
|
<link href="css/main.css" rel="stylesheet" media="screen">
|
|
<link href="css/bg.css" rel="stylesheet" media="screen">
|
|
<link href="css/popups.css" rel="stylesheet" media="screen">
|
|
<link href="css/mobile.css" rel="stylesheet" media="screen">
|
|
|
|
<script src="js/libs/jquery-1.8.3.min.js" type="text/javascript"></script>
|
|
<script src="js/libs/spin.min.js" type="text/javascript"></script>
|
|
<script src="js/libs/jquery.showpassword.js" type="text/javascript"></script>
|
|
<script src="js/api/NetworkAPI.js" type="text/javascript"></script>
|
|
<script src="js/api/ConnectAPI.js" type="text/javascript"></script>
|
|
<script src="js/NetworkPanel.js" type="text/javascript"></script>
|
|
<script src="js/Box.js" type="text/javascript"></script>
|
|
<script src="js/main.js" type="text/javascript"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<div id="container">
|
|
<div class="bgContainer">
|
|
<img class="bgTop" src="img/bg_top.png" />
|
|
<img class="bgMiddle" src="img/bg_middle.png" />
|
|
<img class="bgBottom" src="img/bg_bottom.png" />
|
|
</div>
|
|
|
|
<div class="uiButtonsContainer">
|
|
<div id="d3dlogo" onclick="location.reload()"></div>
|
|
<div id="contentOverlay">
|
|
<div id="settings" class="popup">
|
|
<div class="content">
|
|
<p id="intro"></p>
|
|
<ul id="list" class="cf"></ul>
|
|
<small id="hint">
|
|
Can’t find your box? <br/>
|
|
Maybe your box isn’t connected to your network yet, try to connect to a Doodle3D-... WiFi network. <br/>
|
|
Otherwise, make sure you’re on the same WiFi network. <br/>
|
|
You can always connect your box to your computer using an ethernet cable.
|
|
</small>
|
|
<div id="preloader"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<form id="networkForm">
|
|
<p>Connect box to your WiFi network:</p>
|
|
<label for="ssid">Network:</label><input type="text" name="ssid" id="ssid"><input type="button" name="list" value="List" class="button" id="listNetworks"/>
|
|
<select id="network" name=""></select><input type="button" name="refresh" value="Refresh" class="button" id="refreshNetworks"/><br/>
|
|
<div id="passwordSettings">
|
|
<div>
|
|
<label for="phrase" id="phraseLabel">Password:</label>
|
|
</div>
|
|
<div>
|
|
<input type="password" name="" id="phrase" data-typetoggle='#showPassword' ><br/>
|
|
<input id="showPassword" type="checkbox" name="showPassword" value="showPassword">
|
|
<label for="showPassword" class="inline">show password</label>
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
<input type="button" value="Connect" class="button" id="btnConnect"/>
|
|
<span id="statusText"></span><br/>
|
|
</form>
|
|
|
|
</body>
|
|
</html> |