diff options
author | Andrew Dolgov <[email protected]> | 2017-02-26 00:14:30 +0300 |
---|---|---|
committer | Andrew Dolgov <[email protected]> | 2017-02-26 00:14:30 +0300 |
commit | b8ae4b31c129031e89e4c7fb9801d6761513dd73 (patch) | |
tree | 4522dc5c059837a8c143c2a90c1dc562db0915ff /offline.html | |
parent | f858879a3d13bcec694a5e2493fbfe3a1a233e13 (diff) |
experimental service worker offline stuff
Diffstat (limited to 'offline.html')
-rw-r--r-- | offline.html | 77 |
1 files changed, 77 insertions, 0 deletions
diff --git a/offline.html b/offline.html new file mode 100644 index 0000000..72d678b --- /dev/null +++ b/offline.html @@ -0,0 +1,77 @@ +<!DOCTYPE html> +<html> +<head> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link href="lib/bootstrap/v3/css/bootstrap.min.css" rel="stylesheet" media="screen"> + <link href="lib/bootstrap/v3/css/bootstrap-theme.min.css" rel="stylesheet" media="screen"> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + <script src="lib/bootstrap/v3/js/jquery.js"></script> + <script src="lib/bootstrap/v3/js/bootstrap.min.js"></script> + <script src="lib/holder.min.js"></script> + <title>The Epube</title> + <link type="text/css" rel="stylesheet" media="screen" href="css/index.css" /> + <link rel="shortcut icon" type="image/png" href="img/favicon.png" /> + <link rel="shortcut icon" sizes="192x192" href="img/favicon_hires.png"> + <link rel="manifest" href="manifest.json"> + <meta name="mobile-web-app-capable" content="yes"> + <script src="js/offline.js"></script> +</head> +<body> + +<div class="navbar navbar-default navbar-static-top"> +<div class="container"> + <div class="navbar-header"> + <span class="navbar-brand"><a href="offline.html">The Epube</a> (offline)</span> + + <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-collapse" aria-expanded="false"> + <span class="sr-only">Toggle navigation</span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> + + </div> + + <div class="collapse navbar-collapse" id="nav-collapse"> + + <ul class="nav navbar-nav"> + </ul> + + <form class="navbar-form navbar-right"> + <input type="text" name="query" class="form-control" + value=""> + <button type="submit" class="btn btn-default">Search</button> + </form> + + </div> + +</div> +</div> + +<script type="text/javascript"> + $(document).ready(function() { + + if ('serviceWorker' in navigator) { + navigator.serviceWorker + .register('worker.js') + .then(function() { + console.log("service worker registered"); + }); + + } + + populate_list(); + + }); +</script> + +<div class="container"> + + <div class="row" id="books_container"> + + + </div> + +</div> +</body> +</html> |