forked from Mashiane/BANano-Custom-View-Creator
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
17 lines (17 loc) · 13.4 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html>
<html lang="en"><head>
<!-- This WebApp/WebSite was generated using BANano v5.10, a B4X library written by Alain Bailleul (2018 - 2020). -->
<meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui"><meta http-equiv="expires" content="Tue, 13 Jul 2021 22:00:00 GMT">
<meta name="msapplication-tap-highlight" content="no">
<meta name="description" content="">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="BANano Custom View Creator" />
<meta name="apple-mobile-web-app-status-bar-style" content="#000000">
<title>BANano Custom View Creator</title><link rel="apple-touch-icon" href="./assets/apple-touch-icon.png" sizes="180x180">
<link rel="icon" href="./assets/favicon-16x16.png" sizes="16x16">
<link rel="shortcut icon" href="./assets/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="./manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#000000">
<meta name="description" content=""><meta name="author" content=""><style type="text/css" media="screen,print"/> .preloadcontainer { height: 100vh; width: 100vw; font-family: Helvetica } .loader { height: 20px; width: 250px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto } .loader--dot { animation-name: loader; animation-timing-function: ease-in-out; animation-duration: 3s; animation-iteration-count: infinite; height: 20px; width: 20px; border-radius: 100%; background-color: #000; position: absolute; border: 2px solid #fff } .loader--dot:first-child { background-color: #8cc759; animation-delay: .5s } .loader--dot:nth-child(2) { background-color: #8c6daf; animation-delay: .4s } .loader--dot:nth-child(3) { background-color: #ef5d74; animation-delay: .3s } .loader--dot:nth-child(4) { background-color: #f9a74b; animation-delay: .2s } .loader--dot:nth-child(5) { background-color: #60beeb; animation-delay: .1s } .loader--dot:nth-child(6) { background-color: #fbef5a; animation-delay: 0s } .loader--text { position: absolute; top: 200%; left: 0; right: 0; width: 4rem; margin: auto } .loader--text:after { content: "Loading"; font-weight: 700; animation-name: loading-text; animation-duration: 3s; animation-iteration-count: infinite } @keyframes loader { 15% { transform: translateX(0) } 45% { transform: translateX(230px) } 65% { transform: translateX(230px) } 95% { transform: translateX(0) } } @keyframes loading-text { 0% { content: "Loading" } 25% { content: "Loading." } 50% { content: "Loading.." } 75% { content: "Loading..." } } .preloadcontainer { height: 100vh; width: 100vw; font-family: Helvetica } .loader { height: 20px; width: 250px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto } .loader--dot { animation-name: loader; animation-timing-function: ease-in-out; animation-duration: 3s; animation-iteration-count: infinite; height: 20px; width: 20px; border-radius: 100%; background-color: #000; position: absolute; border: 2px solid #fff } .loader--dot:first-child { background-color: #8cc759; animation-delay: .5s } .loader--dot:nth-child(2) { background-color: #8c6daf; animation-delay: .4s } .loader--dot:nth-child(3) { background-color: #ef5d74; animation-delay: .3s } .loader--dot:nth-child(4) { background-color: #f9a74b; animation-delay: .2s } .loader--dot:nth-child(5) { background-color: #60beeb; animation-delay: .1s } .loader--dot:nth-child(6) { background-color: #fbef5a; animation-delay: 0s } .loader--text { position: absolute; top: 200%; left: 0; right: 0; width: 4rem; margin: auto } .loader--text:after { content: "Loading"; font-weight: 700; animation-name: loading-text; animation-duration: 3s; animation-iteration-count: infinite } @keyframes loader { 15% { transform: translateX(0) } 45% { transform: translateX(230px) } 65% { transform: translateX(230px) } 95% { transform: translateX(0) } } @keyframes loading-text { 0% { content: "Loading" } 25% { content: "Loading." } 50% { content: "Loading.." } 75% { content: "Loading..." } } .preloadcontainer { height: 100vh; width: 100vw; font-family: Helvetica } .loader { height: 20px; width: 250px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto } .loader--dot { animation-name: loader; animation-timing-function: ease-in-out; animation-duration: 3s; animation-iteration-count: infinite; height: 20px; width: 20px; border-radius: 100%; background-color: #000; position: absolute; border: 2px solid #fff } .loader--dot:first-child { background-color: #8cc759; animation-delay: .5s } .loader--dot:nth-child(2) { background-color: #8c6daf; animation-delay: .4s } .loader--dot:nth-child(3) { background-color: #ef5d74; animation-delay: .3s } .loader--dot:nth-child(4) { background-color: #f9a74b; animation-delay: .2s } .loader--dot:nth-child(5) { background-color: #60beeb; animation-delay: .1s } .loader--dot:nth-child(6) { background-color: #fbef5a; animation-delay: 0s } .loader--text { position: absolute; top: 200%; left: 0; right: 0; width: 4rem; margin: auto } .loader--text:after { content: "Loading"; font-weight: 700; animation-name: loading-text; animation-duration: 3s; animation-iteration-count: infinite } @keyframes loader { 15% { transform: translateX(0) } 45% { transform: translateX(230px) } 65% { transform: translateX(230px) } 95% { transform: translateX(0) } } @keyframes loading-text { 0% { content: "Loading" } 25% { content: "Loading." } 50% { content: "Loading.." } 75% { content: "Loading..." } } .preloadcontainer { height: 100vh; width: 100vw; font-family: Helvetica } .loader { height: 20px; width: 250px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto } .loader--dot { animation-name: loader; animation-timing-function: ease-in-out; animation-duration: 3s; animation-iteration-count: infinite; height: 20px; width: 20px; border-radius: 100%; background-color: #000; position: absolute; border: 2px solid #fff } .loader--dot:first-child { background-color: #8cc759; animation-delay: .5s } .loader--dot:nth-child(2) { background-color: #8c6daf; animation-delay: .4s } .loader--dot:nth-child(3) { background-color: #ef5d74; animation-delay: .3s } .loader--dot:nth-child(4) { background-color: #f9a74b; animation-delay: .2s } .loader--dot:nth-child(5) { background-color: #60beeb; animation-delay: .1s } .loader--dot:nth-child(6) { background-color: #fbef5a; animation-delay: 0s } .loader--text { position: absolute; top: 200%; left: 0; right: 0; width: 4rem; margin: auto } .loader--text:after { content: "Loading"; font-weight: 700; animation-name: loading-text; animation-duration: 3s; animation-iteration-count: infinite } @keyframes loader { 15% { transform: translateX(0) } 45% { transform: translateX(230px) } 65% { transform: translateX(230px) } 95% { transform: translateX(0) } } @keyframes loading-text { 0% { content: "Loading" } 25% { content: "Loading." } 50% { content: "Loading.." } 75% { content: "Loading..." } } .preloadcontainer { height: 100vh; width: 100vw; font-family: Helvetica } .loader { height: 20px; width: 250px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto } .loader--dot { animation-name: loader; animation-timing-function: ease-in-out; animation-duration: 3s; animation-iteration-count: infinite; height: 20px; width: 20px; border-radius: 100%; background-color: #000; position: absolute; border: 2px solid #fff } .loader--dot:first-child { background-color: #8cc759; animation-delay: .5s } .loader--dot:nth-child(2) { background-color: #8c6daf; animation-delay: .4s } .loader--dot:nth-child(3) { background-color: #ef5d74; animation-delay: .3s } .loader--dot:nth-child(4) { background-color: #f9a74b; animation-delay: .2s } .loader--dot:nth-child(5) { background-color: #60beeb; animation-delay: .1s } .loader--dot:nth-child(6) { background-color: #fbef5a; animation-delay: 0s } .loader--text { position: absolute; top: 200%; left: 0; right: 0; width: 4rem; margin: auto } .loader--text:after { content: "Loading"; font-weight: 700; animation-name: loading-text; animation-duration: 3s; animation-iteration-count: infinite } @keyframes loader { 15% { transform: translateX(0) } 45% { transform: translateX(230px) } 65% { transform: translateX(230px) } 95% { transform: translateX(0) } } @keyframes loading-text { 0% { content: "Loading" } 25% { content: "Loading." } 50% { content: "Loading.." } 75% { content: "Loading..." } } .preloadcontainer { height: 100vh; width: 100vw; font-family: Helvetica } .loader { height: 20px; width: 250px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto } .loader--dot { animation-name: loader; animation-timing-function: ease-in-out; animation-duration: 3s; animation-iteration-count: infinite; height: 20px; width: 20px; border-radius: 100%; background-color: #000; position: absolute; border: 2px solid #fff } .loader--dot:first-child { background-color: #8cc759; animation-delay: .5s } .loader--dot:nth-child(2) { background-color: #8c6daf; animation-delay: .4s } .loader--dot:nth-child(3) { background-color: #ef5d74; animation-delay: .3s } .loader--dot:nth-child(4) { background-color: #f9a74b; animation-delay: .2s } .loader--dot:nth-child(5) { background-color: #60beeb; animation-delay: .1s } .loader--dot:nth-child(6) { background-color: #fbef5a; animation-delay: 0s } .loader--text { position: absolute; top: 200%; left: 0; right: 0; width: 4rem; margin: auto } .loader--text:after { content: "Loading"; font-weight: 700; animation-name: loading-text; animation-duration: 3s; animation-iteration-count: infinite } @keyframes loader { 15% { transform: translateX(0) } 45% { transform: translateX(230px) } 65% { transform: translateX(230px) } 95% { transform: translateX(0) } } @keyframes loading-text { 0% { content: "Loading" } 25% { content: "Loading." } 50% { content: "Loading.." } 75% { content: "Loading..." } } .preloadcontainer { height: 100vh; width: 100vw; font-family: Helvetica } .loader { height: 20px; width: 250px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto } .loader--dot { animation-name: loader; animation-timing-function: ease-in-out; animation-duration: 3s; animation-iteration-count: infinite; height: 20px; width: 20px; border-radius: 100%; background-color: #000; position: absolute; border: 2px solid #fff } .loader--dot:first-child { background-color: #8cc759; animation-delay: .5s } .loader--dot:nth-child(2) { background-color: #8c6daf; animation-delay: .4s } .loader--dot:nth-child(3) { background-color: #ef5d74; animation-delay: .3s } .loader--dot:nth-child(4) { background-color: #f9a74b; animation-delay: .2s } .loader--dot:nth-child(5) { background-color: #60beeb; animation-delay: .1s } .loader--dot:nth-child(6) { background-color: #fbef5a; animation-delay: 0s } .loader--text { position: absolute; top: 200%; left: 0; right: 0; width: 4rem; margin: auto } .loader--text:after { content: "Loading"; font-weight: 700; animation-name: loading-text; animation-duration: 3s; animation-iteration-count: infinite } @keyframes loader { 15% { transform: translateX(0) } 45% { transform: translateX(230px) } 65% { transform: translateX(230px) } 95% { transform: translateX(0) } } @keyframes loading-text { 0% { content: "Loading" } 25% { content: "Loading." } 50% { content: "Loading.." } 75% { content: "Loading..." } } </style><link type="text/css" rel="stylesheet" href="./styles/app.css" media="screen,print"/><script type="application/javascript">loadjsPRE=function(){var h=function(){},c={},u={},f={};function o(e,n){if(e){var r=f[e];if(u[e]=n,r)for(;r.length;)r[0](e,n),r.splice(0,1)}}function l(e,n){e.call&&(e={success:e}),n.length?(e.error||h)(n):(e.success||h)(e)}function d(r,t,s,i){var c,o,e=document,n=s.async,u=(s.numRetries||0)+1,f=s.before||h,l=r.replace(/[\?|#].*$/,""),a=r.replace(/^(css|img)!/,"");i=i||0,/(^css!|\.css$)/.test(l)?((o=e.createElement("link")).rel="stylesheet",o.href=a,(c="hideFocus"in o)&&o.relList&&(c=0,o.rel="preload",o.as="style")):/(^img!|\.(png|gif|jpg|svg)$)/.test(l)?(o=e.createElement("img")).src=a:((o=e.createElement("script")).src=r,o.async=void 0===n||n),!(o.onload=o.onerror=o.onbeforeload=function(e){var n=e.type[0];if(c)try{o.sheet.cssText.length||(n="e")}catch(e){18!=e.code&&(n="e")}if("e"==n){if((i+=1)<u)return d(r,t,s,i)}else if("preload"==o.rel&&"style"==o.as)return o.rel="stylesheet";t(r,n,e.defaultPrevented)})!==f(r,o)&&e.head.appendChild(o)}function r(e,n,r){var t,s;if(n&&n.trim&&(t=n),s=(t?r:n)||{},t){if(t in c)throw"LoadJSPRE";c[t]=!0}function i(n,r){!function(e,t,n){var r,s,i=(e=e.push?e:[e]).length,c=i,o=[];for(r=function(e,n,r){if("e"==n&&o.push(e),"b"==n){if(!r)return;o.push(e)}--i||t(o)},s=0;s<c;s++)d(e[s],r,n)}(e,function(e){l(s,e),n&&l({success:n,error:r},e),o(t,e)},s)}if(s.returnPromise)return new Promise(i);i()}return r.ready=function(e,n){return function(e,r){e=e.push?e:[e];var n,t,s,i=[],c=e.length,o=c;for(n=function(e,n){n.length&&i.push(e),--o||r(i)};c--;)t=e[c],(s=u[t])?n(t,s):(f[t]=f[t]||[]).push(n)}(e,function(e){l(n,e)}),r},r.done=function(e){o(e,[])},r.reset=function(){c={},u={},f={}},r.isDefined=function(e){return e in c},r}();</script></head><body id="body"><script type="application/javascript">function isES6(){if('undefined'==typeof Symbol)return!1;try{eval('class Foo {}'),eval('var bar = (x) => x+1')}catch(r){return!1}return!0};var ES5Prefix='';if (!isES6()) {ES5Prefix='ES5_'};loadjsPRE(['./scripts/' + ES5Prefix + 'app.js'], {success: function() {}, async: false});</script></body></html>