2019-10-30 17:33:58 +00:00
<!doctype html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
2020-05-28 13:20:56 +00:00
< meta name = "viewport" content = "width=device-width, initial-scale=0.8,maximum-scale=0.8, minimum-scale=0.8, shrink-to-fit=no" >
2020-08-24 10:59:52 +00:00
< link rel = "stylesheet" href = "css/spectre.min.css" >
< link rel = "stylesheet" href = "css/spectre-exp.min.css" >
< link rel = "stylesheet" href = "css/spectre-icons.min.css" >
< link rel = "stylesheet" href = "css/pwa.css" >
< link rel = "stylesheet" href = "css/main.css" >
2020-04-04 10:21:14 +00:00
< 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" >
2020-04-04 10:23:53 +00:00
< link rel = "manifest" href = "site.webmanifest" >
2020-04-04 10:21:14 +00:00
< link rel = "mask-icon" href = "img/safari-pinned-tab.svg" color = "#5755d9" >
2020-04-03 15:37:54 +00:00
< meta name = "apple-mobile-web-app-title" content = "BangleApps" >
< meta name = "application-name" content = "BangleApps" >
< meta name = "msapplication-TileColor" content = "#5755d9" >
< meta name = "theme-color" content = "#5755d9" >
2020-02-28 11:44:25 +00:00
< title > Bangle.js App Loader< / title >
2019-10-30 17:33:58 +00:00
< / head >
< body >
2019-10-30 20:12:44 +00:00
< header class = "navbar-primary navbar" >
2019-10-30 17:33:58 +00:00
< section class = "navbar-section" >
2020-03-16 09:04:13 +00:00
< a href = "https://banglejs.com" target = "_blank" class = "navbar-brand mr-2" > < img src = "img/banglejs-logo-sml.png" alt = "Bangle.js" > App Loader< / a >
2019-10-30 17:33:58 +00:00
<!-- <a href="#" class="btn btn - link">...</a> -->
< / section >
2019-11-11 23:59:52 +00:00
< section class = "navbar-section" >
2019-11-12 10:56:31 +00:00
< button class = "btn" id = "connectmydevice" > Connect< / button >
2019-11-11 23:59:52 +00:00
< / section >
2019-10-30 17:33:58 +00:00
<!-- <section class="navbar - section">
< div class = "input-group input-inline" >
< input class = "form-input" type = "text" placeholder = "search" >
< button class = "btn btn-primary input-group-btn" > Search< / button >
< / div >
< / section > -->
< / header >
2020-04-07 09:53:02 +00:00
< div class = "container" style = "padding-top:4px" >
2020-04-04 10:18:33 +00:00
< p id = "requireHTTPS" class = "hidden" >
2020-04-07 09:53:02 +00:00
< b > STOP!< / b > This page < b > must< / b > be served over HTTPS. Please < a > reload this page via HTTPS< / a > .
2020-04-04 10:18:33 +00:00
< / p >
2021-09-24 08:03:02 +00:00
< div class = "toast toast-success flex-centered" id = "bangle2ks" >
< img src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAABuvAAAbrwFeGpEcAAAAB3RJTUUH5QkYBzsUMccQUAAABulJREFUSMeNlmuMXVUZhp912fucvc+ZMz3TmWk7FIotSEOKSFRQ24JGVNRIMDUESzWUi+gPDDGGqH+UxBgkkRIwIdgaIDUgl9LipZAqRYO0pCqiFuiF0pnpHMrczn32Pvuy1vLHGSXREFjJyvqx1nrzvt+33m99gvcwHtn7+NeSJP2BlGpKKXkaIWoWV/v1nn3PPb59x98/9aWv8OzuRwAQ7wa2e++TPP37/fedOlX7hjUG7XkEQUBYLjFx8lQqvYFrnnvq0d2fu+YGnv7VL9DvBtjOrWq3O5dMnpwgTTIcDqkknufj+75fqfDk56/ZelUizG8BI98J6J77twFwZHxi3ZHDr140Mz1Ns16nMV8naneIu13a7RZz8zM0Z6b21I4d3faOku9/8B5uvu5b3HHXj9Yce/3k7omJ0xdMT0/jHIDDZBlJliGFwCmBdAJPFbjgsqvXqP8F2/nEg1y/+WZ2Prb9I4f+evhFr1Rd6QcBfjEkDEOKYQkhJL5fICyX+MSlG8gyQxzFhNXRx/5P8le/fB279j563r59zx8qVIZLSik8z2egUmFgqIpSksqSQYIwYMPG9czONTn66hEKhQLLR0cG32YYjIpLL//0OVuuv3b98ddPPiYL5Qo4HA4lBUop8jQlzwye73H+2nMJSyHjE1OUKwMoLVFCegLgxlu/w8aPfWCFFNnJZ/5wsDCyfJQgKCIQOARCSYyx5FnGQneBer3BuWeNUZttmLiXqKTXI4kiGs2F1/XPH36Yr2/ezIfW/Wy4u9AsPP/cnxhZNkpQChkYqBCWS5TLZfyijxKSLDdoJZiuz1Cf6TSHV4xWhRDSpAntVqsoALbt2HHlOatWPXXWsqU0mg1eO3qEf/7rFSZrNTqtDu12F+0pHKC1ZvnYctZduIZDB44ma85/v+7FsWrNzfHaK8fmxeYbb1rf6yV//uSlG1loNUiSiGihR7PVwBhDGAakeUY3iugudEnThMmJNwmCIme9b21rbPXKYhr3CvXpaV5+6XBb96LkzjiKuPvOO2l3OggBZ69axerVa3A4pqdnGF5aZXRoAGzGxOwccTdm9vQ0c7PtwcGhKsFAEaUkDuf0ksHyR2unJhkeG6PqDGncY77dZurACyRJCs5irENLwbLRpVhnadUbFMIiwhr+dvBFLvvs5QilEM5lemRkRF684RJKxSJnrxyj2e7S7nRpdtrEcUTUjeh2O7RaLVqNBq16E6kkea+HVwioz80QdxdQSuCEiDSSLMlSb7BU5uwzxmClQAiBlJI8NyRpStzrEScpvaRHp9PlxMk32L9vP3ma4/s+vvaIrEPoQlcLhDN5jrEWYy04h3MSIQ1CgKc9vLKiUi6Bc9hllqFqldn5JlPjkyRJSiEoYOZzPK8wroHM5MbHWQTgACkczrFYDCwOgbMWAGcdeZZgjUEIiXACX3vkWQa6+A8tpXTG5FjjcLZvtf5NB0IsojqEBGcszlry3JBlKc5ZrLM4LZmdnWVoZOUB6XDG5P0NKSCKeuRZTm4s1hiMdRhrOfCXw0QLPXAOY/qZd4CSisbcHKUg4IzRwaoGkVubY40lTXNwkKU5UgnacYKS/ZJ54fnnkKcZ1mmMybF5hnUO5WneOHqcen2GsdUXj0uEwBiHM4ZoMZsOh5CCsOhTCgOkVszON7DWInCYvM9cOEeep5TKZcJShUsuu+K4BnJrLUJAGBbxkpwkzdBa0e3GlMIA3/NoNTucMbwUCeTG4BZjrJWmXCkxUAm56coPv6UdWGdtn76U6KDPylnLspGhftmyhnVr17CwEBEU/b5k249jOSyjtKQ+13kZQApB/0k48LVGCNF/KhKcswgl8D2FVpLBcgkpBXlmcM6ipEB7HjOnp8kzuQdAO+u6Djhy4gQTb9YYGRpieKjKcHUJgwNlioUCvu/ha41SEukgz9N+3BeTcuaZq+/Yfu+222/9/h3oJUsqz2Zpdi7OEkcRk3HM5NRU335Kof8ztSIIAoYqg8w3G4sMJUoptt+77XsAd//4u8heL/3JULXadc5hrHnbEc5hjSFNeyxEEc1Wm1rtTV4+fJjxiUkAjDFIqRzAfQ88AID84W23jV900Qc/s2LFilRLjVIKa/tyrLXkucVag13MrHMOu7hKpSgGAzsAvrl1KwBq1+9+ww3Xbpn66UM7t83UalekaVrVSmlE3wVaa5zre9m5/j9ojMXmhqA0UFNab9KFIJ57q/Z2s/TCkaOsX3seJ5wTW7/wxXXO2quw5uosz9fZ3KC1olAooJXE8zwsEEdJXAjD1ft2P/HWXTt28e0bN7237mvLLbeMjh87viGJ4415aj4uJGeaPG8rVXzkpYN/vP2KTVt4Ztcv/3v+303rvJoTmqKuAAAAAElFTkSuQmCC" / >
Bangle.js 2 is now on KickStarter! < a href = "https://www.kickstarter.com/projects/gfw/banglejs-2-the-open-smart-watch" target = "_blank" > Check it out here< / a >
< / div >
2020-02-28 12:16:57 +00:00
< / div >
2019-10-30 17:33:58 +00:00
< ul class = "tab tab-block" id = "tab-navigate" >
< li class = "tab-item active" id = "tab-librarycontainer" >
< a href = "javascript:showTab('librarycontainer')" > Library< / a >
< / li >
< li class = "tab-item" id = "tab-myappscontainer" >
< a href = "javascript:showTab('myappscontainer')" > My Apps< / a >
< / li >
< li class = "tab-item" id = "tab-aboutcontainer" >
< a href = "javascript:showTab('aboutcontainer')" > About< / a >
< / li >
< / ul >
< div class = "container" id = "toastcontainer" >
< / div >
2020-08-21 13:59:43 +00:00
< div class = "container apploader-tab" id = "librarycontainer" >
2020-05-12 21:01:22 +00:00
< div >
< div class = "filter-nav" >
< label class = "chip active" filterid = "" > Default< / label >
< label class = "chip" filterid = "clock" > Clocks< / label >
< label class = "chip" filterid = "game" > Games< / label >
< label class = "chip" filterid = "tool" > Tools< / label >
< label class = "chip" filterid = "widget" > Widgets< / label >
< label class = "chip" filterid = "bluetooth" > Bluetooth< / label >
< label class = "chip" filterid = "outdoors" > Outdoors< / label >
< label class = "chip" filterid = "favourites" > Favourites< / label >
< / div >
2020-05-13 10:40:33 +00:00
< div class = "sort-nav hidden" >
< span > Sort by:< / span >
< label class = "chip active" sortid = "" > None< / label >
< label class = "chip" sortid = "created" > New< / label >
< label class = "chip" sortid = "modified" > Updated< / label >
< / div >
2019-11-13 17:27:22 +00:00
< / div >
2020-05-12 21:01:22 +00:00
2020-05-13 10:40:33 +00:00
< div class = "panel" style = "clear:both" >
2019-10-30 17:33:58 +00:00
< div class = "panel-header" >
2019-11-13 17:27:22 +00:00
< div class = "input-group" id = "searchform" >
2019-10-30 17:33:58 +00:00
< input class = "form-input" type = "text" placeholder = "Keywords..." >
< button class = "btn btn-primary input-group-btn" > Search< / button >
2019-11-13 17:27:22 +00:00
< / div >
2019-10-30 17:33:58 +00:00
< / div >
2019-11-03 11:50:00 +00:00
< div class = "panel-body columns" > <!-- apps go here --> < / div >
2019-10-30 17:33:58 +00:00
< / div >
< / div >
2020-08-21 13:59:43 +00:00
< div class = "container apploader-tab" id = "myappscontainer" style = "display:none" >
2019-10-30 17:33:58 +00:00
< div class = "panel" >
< div class = "panel-header" style = "text-align:right" >
2019-12-24 13:47:02 +00:00
< button class = "btn refresh" > Refresh...< / button >
2020-04-20 09:07:55 +00:00
< button class = "btn btn-primary updateapps hidden" > Update X apps< / button >
2019-10-30 17:33:58 +00:00
< / div >
2019-11-03 11:50:00 +00:00
< div class = "panel-body columns" > <!-- apps go here --> < / div >
2019-10-30 17:33:58 +00:00
< / div >
< / div >
2020-08-21 13:59:43 +00:00
< div class = "container apploader-tab" id = "aboutcontainer" style = "display:none" >
2019-10-30 17:33:58 +00:00
< div class = "hero bg-gray" >
< div class = "hero-body" >
2020-03-16 09:04:13 +00:00
< a href = "https://banglejs.com" target = "_blank" > < img src = "img/banglejs-logo-mid.png" alt = "Bangle.js" > < / a >
2019-11-07 09:26:46 +00:00
< h2 > App Loader< / h2 >
2020-03-16 09:04:13 +00:00
< p > A tool for uploading and removing apps from < a href = "https://banglejs.com" target = "_blank" > Bangle.js Smart Watches< / a > < / p >
2019-10-30 17:33:58 +00:00
< / div >
< / div >
2019-11-07 09:26:46 +00:00
< div class = "container" style = "padding-top: 8px;" >
2020-12-03 15:12:46 +00:00
< p > < b > Can't connect?< / b > Check out the < a href = "https://www.espruino.com/Troubleshooting+Bangle.js" target = "_blank" > Bangle.js Troubleshooting page< / a >
2020-04-08 07:53:40 +00:00
< p id = "apploaderlinks" > < / p >
2020-03-16 09:04:13 +00:00
< p > Check out < a href = "https://github.com/espruino/BangleApps" target = "_blank" > the Source on GitHub< / a > , or
2020-04-03 15:37:54 +00:00
find out < a href = "https://www.espruino.com/Bangle.js+App+Loader" target = "_blank" > how to add your own app< / a > < / p >
2020-03-16 09:04:13 +00:00
< p > Using < a href = "https://espruino.com/" target = "_blank" > Espruino< / a > , Icons from < a href = "https://icons8.com/" target = "_blank" > icons8.com< / a > < / p >
2019-11-07 09:26:46 +00:00
< h3 > Utilities< / h3 >
< p > < button class = "btn" id = "settime" > Set Bangle.js Time< / button >
2020-02-04 16:13:06 +00:00
< button class = "btn" id = "removeall" > Remove all Apps< / button >
2020-04-14 06:52:04 +00:00
< button class = "btn" id = "installdefault" > Install default apps< / button >
< button class = "btn" id = "installfavourite" > Install favourite apps< / button > < / p >
2020-04-29 08:20:18 +00:00
< h3 > Settings< / h3 >
< div class = "form-group" >
< label class = "form-switch" >
< input type = "checkbox" id = "settings-pretokenise" >
< i class = "form-icon" > < / i > Pretokenise apps before upload (smaller, faster apps)
< / label >
< button class = "btn" id = "defaultsettings" > Default settings< / button >
< / div >
2019-11-07 09:26:46 +00:00
< / div >
2019-10-30 17:33:58 +00:00
< / div >
2020-04-04 10:35:55 +00:00
< footer class = "floating hidden" >
<!-- Install button, hidden by default -->
< div id = "installContainer" class = "hidden" >
< button id = "butInstall" type = "button" >
Install
< / button >
< / div >
< / footer >
2019-11-04 15:03:50 +00:00
< script src = "https://www.puck-js.com/puck.js" > < / script >
2020-08-21 13:59:43 +00:00
< script src = "core/lib/marked.min.js" > < / script >
< script src = "core/lib/espruinotools.js" > < / script >
< script src = "core/lib/heatshrink.js" > < / script >
< script src = "core/js/utils.js" > < / script >
2020-09-01 10:37:38 +00:00
< script src = "loader.js" > < / script >
2020-08-21 13:59:43 +00:00
< script src = "core/js/ui.js" > < / script >
< script src = "core/js/comms.js" > < / script >
< script src = "core/js/appinfo.js" > < / script >
< script src = "core/js/index.js" > < / script >
< script src = "core/js/pwa.js" defer > < / script >
2019-10-30 17:33:58 +00:00
< / body >
< / html >
