2013-09-27 01:38:44 +02:00
<!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" / >
2014-02-25 18:10:39 +01:00
< meta name = "mobile-web-app-capable" content = "yes" >
2014-02-14 15:49:12 +01:00
< 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" / >
2013-09-27 01:38:44 +02:00
< 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" >
2014-02-25 14:23:07 +01:00
< link href = "css/chosen.min.css" rel = "stylesheet" media = "screen" >
2014-02-25 19:34:24 +01:00
< link href = "css/add2home.css" rel = "stylesheet" media = "screen" >
2013-09-27 01:38:44 +02:00
< link href = "css/main.css" rel = "stylesheet" media = "screen" >
2013-10-03 16:59:40 +02:00
< link href = "css/bg.css" rel = "stylesheet" media = "screen" >
< link href = "css/popups.css" rel = "stylesheet" media = "screen" >
2014-02-14 15:49:12 +01:00
< link href = "css/mobile.css" rel = "stylesheet" media = "screen" >
2013-09-27 12:31:55 +02:00
< script src = "js/libs/jquery-1.8.3.min.js" type = "text/javascript" > < / script >
2013-10-02 17:24:40 +02:00
< script src = "js/libs/spin.min.js" type = "text/javascript" > < / script >
2014-02-25 19:34:24 +01:00
< script src = "js/libs/add2home.js" type = "text/javascript" > < / script >
2014-02-24 15:10:26 +01:00
< script src = "js/libs/jquery.showpassword.js" type = "text/javascript" > < / script >
2014-02-25 14:23:07 +01:00
< script src = "js/libs/chosen.jquery.min.js" type = "text/javascript" > < / script >
2014-02-28 13:56:51 +01:00
< script src = "js/libs/jquery.stayInWebApp.js" type = "text/javascript" > < / script >
2014-02-24 11:26:30 +01:00
< 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 >
2013-09-27 01:38:44 +02:00
< / head >
< body >
2013-10-03 16:59:40 +02:00
2014-02-14 15:49:12 +01:00
< div id = "container" >
< div class = "bgContainer" >
< img class = "bgTop" src = "img/bg_top.png" / >
2013-10-03 16:59:40 +02:00
< img class = "bgMiddle" src = "img/bg_middle.png" / >
< img class = "bgBottom" src = "img/bg_bottom.png" / >
2014-02-14 15:49:12 +01:00
< / div >
< div class = "uiButtonsContainer" >
2013-10-03 16:59:40 +02:00
< div id = "d3dlogo" onclick = "location.reload()" > < / div >
< div id = "contentOverlay" >
< div id = "settings" class = "popup" >
< div class = "content" >
< p id = "intro" > < / p >
2014-02-14 15:49:12 +01:00
< ul id = "list" class = "cf" > < / ul >
2013-10-18 11:58:26 +02:00
< small id = "hint" >
2014-02-14 15:49:12 +01:00
Can’ t find your box? < br / >
2014-02-24 11:26:30 +01:00
Maybe your box isn’ t connected to your network yet, try to connect to a Doodle3D-... WiFi network. < br / >
2014-02-14 15:49:12 +01:00
Otherwise, make sure you’ re on the same WiFi network. < br / >
2013-10-18 13:19:36 +02:00
You can always connect your box to your computer using an ethernet cable.
2013-10-18 11:58:26 +02:00
< / small >
2013-10-03 16:59:40 +02:00
< div id = "preloader" > < / div >
< / div >
< / div >
< / div >
< / div >
< / div >
2014-02-24 11:26:30 +01:00
< form id = "networkForm" >
2014-02-25 11:30:20 +01:00
< p > Connect this box to your WiFi network:< / p >
< div class = "row" >
< label for = "ssid" > Network:< / label > < input type = "text" name = "ssid" id = "ssid" > < input type = "button" name = "list" value = "List" class = "button" id = "listNetworks" / >
2014-02-25 14:23:07 +01:00
< select id = "network" data-placeholder = "Please select" > < / select >
2014-02-25 11:30:20 +01:00
< / div >
< div id = "passwordSettings" class = "row" >
2014-02-24 11:26:30 +01:00
< div >
< label for = "phrase" id = "phraseLabel" > Password:< / label >
< / div >
< div >
2014-02-24 15:10:26 +01:00
< input type = "password" name = "" id = "phrase" data-typetoggle = '#showPassword' > < br / >
2014-02-24 11:26:30 +01:00
< input id = "showPassword" type = "checkbox" name = "showPassword" value = "showPassword" >
2014-02-24 15:10:26 +01:00
< label for = "showPassword" class = "inline" > show password< / label >
2014-02-24 11:26:30 +01:00
< / div >
< / div >
2014-02-25 11:30:20 +01:00
< div class = "row" >
< input type = "submit" value = "Connect" class = "button" id = "btnConnect" / >
< span id = "status" > < / span >
< / div >
< div class = "row" >
< span id = "action" > < / span >
< / div >
< div class = "row" >
< small > Connecting the box to your WiFi network makes it easier to connect to and allows you to update. You can also continue using the box on it’ s own WiFi network by going to < a href = "http://draw.doodle3d.com" > draw.doodle3d.com< / a > . < / small >
< / div >
2014-02-24 11:26:30 +01:00
< / form >
2013-10-02 17:24:40 +02:00
2013-09-27 01:38:44 +02:00
< / body >
< / html >
