From 443c95a1351dee35771afdd16b7dd41f44a3bf33 Mon Sep 17 00:00:00 2001 From: unknown Date: Thu, 30 Jul 2015 14:11:23 +0100 Subject: [PATCH] added progress bar --- html/css/nprogress.css | 74 ++ html/feeds.html | 4 +- html/js/app.prod.js | 4 + html/js/app.prod.min.js | 2 +- html/js/app.prod.min.js.map | 2 +- html/js/nprogress.js | 476 +++++++ html/lifestyle.json | 2332 +++++++++++++++++++++++++++++++++++ 7 files changed, 2891 insertions(+), 3 deletions(-) create mode 100644 html/css/nprogress.css create mode 100644 html/js/nprogress.js diff --git a/html/css/nprogress.css b/html/css/nprogress.css new file mode 100644 index 0000000..6752d7f --- /dev/null +++ b/html/css/nprogress.css @@ -0,0 +1,74 @@ +/* Make clicks pass-through */ +#nprogress { + pointer-events: none; +} + +#nprogress .bar { + background: #29d; + + position: fixed; + z-index: 1031; + top: 0; + left: 0; + + width: 100%; + height: 2px; +} + +/* Fancy blur effect */ +#nprogress .peg { + display: block; + position: absolute; + right: 0px; + width: 100px; + height: 100%; + box-shadow: 0 0 10px #29d, 0 0 5px #29d; + opacity: 1.0; + + -webkit-transform: rotate(3deg) translate(0px, -4px); + -ms-transform: rotate(3deg) translate(0px, -4px); + transform: rotate(3deg) translate(0px, -4px); +} + +/* Remove these to get rid of the spinner */ +#nprogress .spinner { + display: block; + position: fixed; + z-index: 1031; + top: 15px; + right: 15px; +} + +#nprogress .spinner-icon { + width: 18px; + height: 18px; + box-sizing: border-box; + + border: solid 2px transparent; + border-top-color: #29d; + border-left-color: #29d; + border-radius: 50%; + + -webkit-animation: nprogress-spinner 400ms linear infinite; + animation: nprogress-spinner 400ms linear infinite; +} + +.nprogress-custom-parent { + overflow: hidden; + position: relative; +} + +.nprogress-custom-parent #nprogress .spinner, +.nprogress-custom-parent #nprogress .bar { + position: absolute; +} + +@-webkit-keyframes nprogress-spinner { + 0% { -webkit-transform: rotate(0deg); } + 100% { -webkit-transform: rotate(360deg); } +} +@keyframes nprogress-spinner { + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } +} + diff --git a/html/feeds.html b/html/feeds.html index 0fae00a..af0bf81 100644 --- a/html/feeds.html +++ b/html/feeds.html @@ -15,6 +15,7 @@ –––––––––––––––––––––––––––––––––––––––––––––––––– --> +