File: /volume1/@appstore/Spreadsheet/ui/index.html.template
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=11" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1,maximum-scale=1">
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
<style>.o-loader-5{height:40px;width:40px;-webkit-animation:o-loader-5-1 2.2s cubic-bezier(.8,.3,.175,1) infinite;animation:o-loader-5-1 2.2s cubic-bezier(.8,.3,.175,1) infinite}@-webkit-keyframes o-loader-5-1{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes o-loader-5-1{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.o-loader-5::before{content:"";display:block;position:absolute;top:0;left:0;bottom:0;right:auto;margin:auto;width:10px;height:10px;background:#1fc2d1;border-radius:50%;-webkit-animation:o-loader-5-2 2.2s cubic-bezier(.6,0,.175,1) infinite;animation:o-loader-5-2 2.2s cubic-bezier(.6,0,.175,1) infinite}@-webkit-keyframes o-loader-5-2{0%{-webkit-transform:translate3d(-4px,0,0) scale(1)}50%{-webkit-transform:translate3d(28px,0,0) scale(.5)}100%{-webkit-transform:translate3d(-4px,0,0) scale(1)}}@keyframes o-loader-5-2{0%{transform:translate3d(-4px,0,0) scale(1)}50%{transform:translate3d(28px,0,0) scale(.5)}100%{transform:translate3d(-4px,0,0) scale(1)}}.o-loader-5::after{content:"";display:block;position:absolute;top:0;left:auto;bottom:0;right:0;margin:auto;width:10px;height:10px;background:#558ff2;border-radius:50%;-webkit-animation:o-loader-5-3 2.2s cubic-bezier(.6,0,.175,1) infinite;animation:o-loader-5-3 2.2s cubic-bezier(.6,0,.175,1) infinite}@-webkit-keyframes o-loader-5-3{0%{-webkit-transform:translate3d(4px,0,0) scale(1)}50%{-webkit-transform:translate3d(-28px,0,0) scale(.5)}100%{-webkit-transform:translate3d(4px,0,0) scale(1)}}@keyframes o-loader-5-3{0%{transform:translate3d(4px,0,0) scale(1)}50%{transform:translate3d(-28px,0,0) scale(.5)}100%{transform:translate3d(4px,0,0) scale(1)}}.o-loader-5 .o-loader-span{display:block;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;height:32px;width:32px}.o-loader-5 .o-loader-span::before{content:"";display:block;position:absolute;top:0;left:0;bottom:auto;right:0;margin:auto;width:10px;height:10px;background:#30bf83;border-radius:50%;-webkit-animation:o-loader-5-4 2.2s cubic-bezier(.6,0,.175,1) infinite;animation:o-loader-5-4 2.2s cubic-bezier(.6,0,.175,1) infinite}@-webkit-keyframes o-loader-5-4{0%{-webkit-transform:translate3d(0,-8px,0) scale(1)}50%{-webkit-transform:translate3d(0,24px,0) scale(.5)}100%{-webkit-transform:translate3d(0,-8px,0) scale(1)}}@keyframes o-loader-5-4{0%{transform:translate3d(0,-8px,0) scale(1)}50%{transform:translate3d(0,24px,0) scale(.5)}100%{transform:translate3d(0,-8px,0) scale(1)}}.o-loader-5 span::after{content:"";display:block;position:absolute;top:auto;left:0;bottom:0;right:0;margin:auto;width:10px;height:10px;background:#faaf19;border-radius:50%;-webkit-animation:o-loader-5-5 2.2s cubic-bezier(.6,0,.175,1) infinite;animation:o-loader-5-5 2.2s cubic-bezier(.6,0,.175,1) infinite}@-webkit-keyframes o-loader-5-5{0%{-webkit-transform:translate3d(0,8px,0) scale(1)}50%{-webkit-transform:translate3d(0,-24px,0) scale(.5)}100%{-webkit-transform:translate3d(0,8px,0) scale(1)}}@keyframes o-loader-5-5{0%{transform:translate3d(0,8px,0) scale(1)}50%{transform:translate3d(0,-24px,0) scale(.5)}100%{transform:translate3d(0,8px,0) scale(1)}}.o-loader-center{display:block;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto}.o-loader-wrapper{z-index:10000;position:relative;width:100%;max-width:1000px;height:100vh;margin:0 auto;padding:0}.o-loader-list{display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-align-content:center;align-content:center;position:relative;width:100%;height:100vh;clear:both;margin:0;padding:0}.o-loader-list .o-loader-li{-webkit-flex:1 1 auto;flex:1 1 auto;position:relative;display:block;width:calc(100% / 3);height:calc(100vh / 4);margin:0;padding:0}</style>
</head>
<body role="application" style="height:100%;overflow-x:hidden;overflow-y:hidden;margin:0;padding:0;">
<div id="o-loading-page" class="o-loader-wrapper"><ul class="o-loader-list"><li class="o-loader-li"><div class="o-loader-5 o-loader-center"><span class="o-loader-span"></span></div></li></ul></div>
{INIT_SCRIPT}
{NO_SCRIPT}
</body>
</html>