FOSS
/
BangleApps
mirror of https://github.com/espruino/BangleApps
1
0
Fork 1
Code Issues Packages Projects Releases Wiki Activity
BangleApps/index.html

160 lines
6.1 KiB
HTML
Raw Normal View History

Initial stab at app loading tool
2019-10-30 17:33:58 +00:00
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
Added customised app loading
2019-11-06 17:25:02 +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">
tried getting pwa to work Signed-off-by: OmegaRogue <thatomegarogue@gmail.com>
2020-04-04 10:18:33 +00:00
<link rel="stylesheet" href="css/pwa.css">
move icons to img/ Signed-off-by: OmegaRogue <thatomegarogue@gmail.com>
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">
fixed paths Signed-off-by: OmegaRogue <thatomegarogue@gmail.com>
2020-04-04 10:23:53 +00:00
<link rel="manifest" href="site.webmanifest">
move icons to img/ Signed-off-by: OmegaRogue <thatomegarogue@gmail.com>
2020-04-04 10:21:14 +00:00
<link rel="mask-icon" href="img/safari-pinned-tab.svg" color="#5755d9">
Added PWA and Browser Theme Support Add more favicon resolutions Add Progressive Web App Support Add Theme and Icon support for Safari Add Theme and Icon Support for Windows Metro Add Theme and Icon Support for Android Chrome Signed-off-by: OmegaRogue <thatomegarogue@gmail.com>
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">
MASSIVE REFACTOR New Bangle.js firmwares remove 8 char name restriction so we're ditching the first char -> file type and using normal file extensions Took the opportunity to remove code for older Bangle.js (since the new stuff won't work anyway) Also removed the need for an 'app.json' - it's now renamed 'app.info' on the watch, and we just auto-generate it Renamed a few apps so widgets all start with 'wid'
2020-02-28 11:44:25 +00:00
<title>Bangle.js App Loader</title>
Look and feel
2019-10-30 20:12:44 +00:00
<style>
.navbar { background-color: #5755d9; padding: 0.5em 1em 0.5em 1em; }
Added proper remove app behaviour
2019-11-03 11:13:21 +00:00
.navbar .navbar-brand {
color: #fff;
Look and feel
2019-10-30 20:12:44 +00:00
font-weight: bold;
}
Added proper remove app behaviour
2019-11-03 11:13:21 +00:00
.avatar img {
border-radius: 5px 5px 5px 5px;
background: #ddd;
toast on top
2019-11-06 15:52:24 +00:00
}
#toastcontainer {
corrects toast location when scrolling, closes #36
2019-11-13 16:43:09 +00:00
position:fixed;
toast on top
2019-11-06 15:52:24 +00:00
bottom:8px;left:0px;right:0px;
z-index: 100;
Logo, about page, set time + erase all apps option
2019-11-07 09:26:46 +00:00
}
.hero {
padding-bottom: 1rem;
padding-top: 1rem;
text-align:center;
adds search and filters to the app library, closes #2
2019-11-13 17:27:22 +00:00
}
.chip {
cursor: pointer;
Add github link to repo in the app overview (fix #127)
2020-03-16 09:04:13 +00:00
}
.tile-content { position: relative; }
.link-github {
position:absolute;
top: 36px;
left: -24px;
Added proper remove app behaviour
2019-11-03 11:13:21 +00:00
}
Look and feel
2019-10-30 20:12:44 +00:00
</style>
Initial stab at app loading tool
2019-10-30 17:33:58 +00:00
</head>
<body>
Look and feel
2019-10-30 20:12:44 +00:00
<header class="navbar-primary navbar">
Initial stab at app loading tool
2019-10-30 17:33:58 +00:00
<section class="navbar-section">
Add github link to repo in the app overview (fix #127)
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">&nbsp;&nbsp;App Loader</a>
Initial stab at app loading tool
2019-10-30 17:33:58 +00:00
<!-- <a href="#" class="btn btn-link">...</a> -->
</section>
added connect button
2019-11-11 23:59:52 +00:00
<section class="navbar-section">
update the connection button at every connection change
2019-11-12 10:56:31 +00:00
<button class="btn" id="connectmydevice">Connect</button>
added connect button
2019-11-11 23:59:52 +00:00
</section>
Initial stab at app loading tool
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>
Fix HTTPS warning positioning. Also doesn't matter for localhost
2020-04-07 09:53:02 +00:00
<div class="container" style="padding-top:4px">
tried getting pwa to work Signed-off-by: OmegaRogue <thatomegarogue@gmail.com>
2020-04-04 10:18:33 +00:00
<p id="requireHTTPS" class="hidden">
Fix HTTPS warning positioning. Also doesn't matter for localhost
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>.
tried getting pwa to work Signed-off-by: OmegaRogue <thatomegarogue@gmail.com>
2020-04-04 10:18:33 +00:00
</p>
New notes about breaking changes
2020-02-28 12:16:57 +00:00
</div>
Initial stab at app loading tool
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>
<div class="container bangle-tab" id="librarycontainer">
adds search and filters to the app library, closes #2
2019-11-13 17:27:22 +00:00
<div class="filter-nav">
<label class="chip active" filterid="">All</label>
Initial stab at app loading tool
2019-10-30 17:33:58 +00:00
<label class="chip" filterid="clock">Clocks</label>
<label class="chip" filterid="game">Games</label>
<label class="chip" filterid="tool">Tools</label>
add extra filter options
2019-11-13 17:43:59 +00:00
<label class="chip" filterid="widget">Widgets</label>
<label class="chip" filterid="bluetooth">Bluetooth</label>
Added 'outdoor' chip
2020-03-25 07:49:44 +00:00
<label class="chip" filterid="outdoors">Outdoors</label>
adds search and filters to the app library, closes #2
2019-11-13 17:27:22 +00:00
</div>
Initial stab at app loading tool
2019-10-30 17:33:58 +00:00
<div class="panel">
<div class="panel-header">
adds search and filters to the app library, closes #2
2019-11-13 17:27:22 +00:00
<div class="input-group" id="searchform">
Initial stab at app loading tool
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>
adds search and filters to the app library, closes #2
2019-11-13 17:27:22 +00:00
</div>
Initial stab at app loading tool
2019-10-30 17:33:58 +00:00
</div>
responsive
2019-11-03 11:50:00 +00:00
<div class="panel-body columns"><!-- apps go here --></div>
Initial stab at app loading tool
2019-10-30 17:33:58 +00:00
</div>
</div>
<div class="container bangle-tab" id="myappscontainer" style="display:none">
<div class="panel">
<div class="panel-header" style="text-align:right">
feat: "my files" tab to list and download files
2019-12-24 13:47:02 +00:00
<button class="btn refresh">Refresh...</button>
Initial stab at app loading tool
2019-10-30 17:33:58 +00:00
</div>
responsive
2019-11-03 11:50:00 +00:00
<div class="panel-body columns"><!-- apps go here --></div>
Initial stab at app loading tool
2019-10-30 17:33:58 +00:00
</div>
</div>
<div class="container bangle-tab" id="aboutcontainer" style="display:none">
<div class="hero bg-gray">
<div class="hero-body">
Add github link to repo in the app overview (fix #127)
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>
Logo, about page, set time + erase all apps option
2019-11-07 09:26:46 +00:00
<h2>App Loader</h2>
Add github link to repo in the app overview (fix #127)
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>
Initial stab at app loading tool
2019-10-30 17:33:58 +00:00
</div>
</div>
Logo, about page, set time + erase all apps option
2019-11-07 09:26:46 +00:00
<div class="container" style="padding-top: 8px;">
Remove 2v04 version warning, add links in About to official/developer versionsRemove
2020-04-08 07:53:40 +00:00
<p id="apploaderlinks"></p>
Add github link to repo in the app overview (fix #127)
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
Added PWA and Browser Theme Support Add more favicon resolutions Add Progressive Web App Support Add Theme and Icon support for Safari Add Theme and Icon Support for Windows Metro Add Theme and Icon Support for Android Chrome Signed-off-by: OmegaRogue <thatomegarogue@gmail.com>
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>
Add github link to repo in the app overview (fix #127)
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>
Logo, about page, set time + erase all apps option
2019-11-07 09:26:46 +00:00
<h3>Utilities</h3>
<p><button class="btn" id="settime">Set Bangle.js Time</button>
Add button clear everything and reload default apps
2020-02-04 16:13:06 +00:00
<button class="btn" id="removeall">Remove all Apps</button>
<button class="btn" id="installdefault">Install default apps</button></p>
Logo, about page, set time + erase all apps option
2019-11-07 09:26:46 +00:00
</div>
Initial stab at app loading tool
2019-10-30 17:33:58 +00:00
</div>
Made http warning and install footer floating Signed-off-by: OmegaRogue <thatomegarogue@gmail.com>
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>
oops
2019-11-04 15:03:50 +00:00
<script src="https://www.puck-js.com/puck.js"></script>
refactor - move JS into its own directory
2020-03-31 12:18:31 +00:00
<script src="js/utils.js"></script>
Fix progress bar - now goes smoothly up over the course of the app upload. Also tidy it up significantly and reduce duplication
2020-04-03 13:27:45 +00:00
<script src="js/ui.js"></script>
refactor - move JS into its own directory
2020-03-31 12:18:31 +00:00
<script src="js/comms.js"></script>
<script src="js/appinfo.js"></script>
<script src="js/index.js"></script>
Add README to Mario Clock. Add README viewer to App installer
2020-04-06 15:36:18 +00:00
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
added service-worker.js Signed-off-by: OmegaRogue <thatomegarogue@gmail.com>
2020-04-04 10:12:11 +00:00
<script src="js/pwa.js" defer></script>
Initial stab at app loading tool
2019-10-30 17:33:58 +00:00
</body>
</html>