mirror of
https://github.com/Xevion/the-office.git
synced 2025-12-09 22:08:47 -06:00
122 lines
5.4 KiB
HTML
122 lines
5.4 KiB
HTML
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/favicon.ico><title>TheOfficeQuotes</title><base href=/ ><link href=/static/css/app.8ce95770.css rel=preload as=style><link href=/static/css/chunk-vendors.69e8e4a1.css rel=preload as=style><link href=/static/js/app.45bcd808.js rel=preload as=script><link href=/static/js/chunk-vendors.11a395d7.js rel=preload as=script><link href=/static/css/chunk-vendors.69e8e4a1.css rel=stylesheet><link href=/static/css/app.8ce95770.css rel=stylesheet></head><style>body {
|
|
background: #0a0a0a;
|
|
}
|
|
|
|
.cssload-loader {
|
|
position: absolute;
|
|
top: calc(50% - 100px);
|
|
left: calc(50% - 100px);
|
|
width: 100px;
|
|
height: 100px;
|
|
-webkit-perspective: 780px;
|
|
perspective: 780px;
|
|
}
|
|
|
|
.cssload-inner {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
-o-box-sizing: border-box;
|
|
-ms-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
border-radius: 50%;
|
|
-o-border-radius: 50%;
|
|
-ms-border-radius: 50%;
|
|
-webkit-border-radius: 50%;
|
|
-moz-border-radius: 50%;
|
|
}
|
|
|
|
.cssload-inner.cssload-one {
|
|
left: 0%;
|
|
top: 0%;
|
|
animation: cssload-rotate-one 1.15s linear infinite;
|
|
-o-animation: cssload-rotate-one 1.15s linear infinite;
|
|
-ms-animation: cssload-rotate-one 1.15s linear infinite;
|
|
-webkit-animation: cssload-rotate-one 1.15s linear infinite;
|
|
-moz-animation: cssload-rotate-one 1.15s linear infinite;
|
|
border-bottom: 3px solid #5c5edc;
|
|
}
|
|
|
|
.cssload-inner.cssload-two {
|
|
right: 0%;
|
|
top: 0%;
|
|
animation: cssload-rotate-two 1.15s linear infinite;
|
|
-o-animation: cssload-rotate-two 1.15s linear infinite;
|
|
-ms-animation: cssload-rotate-two 1.15s linear infinite;
|
|
-webkit-animation: cssload-rotate-two 1.15s linear infinite;
|
|
-moz-animation: cssload-rotate-two 1.15s linear infinite;
|
|
border-right: 3px solid rgba(76, 70, 101, 0.99);
|
|
}
|
|
|
|
.cssload-inner.cssload-three {
|
|
right: 0%;
|
|
bottom: 0%;
|
|
animation: cssload-rotate-three 1.15s linear infinite;
|
|
-o-animation: cssload-rotate-three 1.15s linear infinite;
|
|
-ms-animation: cssload-rotate-three 1.15s linear infinite;
|
|
-webkit-animation: cssload-rotate-three 1.15s linear infinite;
|
|
-moz-animation: cssload-rotate-three 1.15s linear infinite;
|
|
border-top: 3px solid #e9908a;
|
|
}
|
|
|
|
@keyframes cssload-rotate-one {
|
|
0% {
|
|
-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
|
|
transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
|
|
transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes cssload-rotate-one {
|
|
0% {
|
|
-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
|
|
}
|
|
}
|
|
|
|
@keyframes cssload-rotate-two {
|
|
0% {
|
|
-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
|
|
transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
|
|
transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes cssload-rotate-two {
|
|
0% {
|
|
-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
|
|
}
|
|
}
|
|
|
|
@keyframes cssload-rotate-three {
|
|
0% {
|
|
-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
|
|
transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
|
|
transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes cssload-rotate-three {
|
|
0% {
|
|
-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
|
|
}
|
|
}</style><body><noscript><strong>We're sorry but TheOfficeQuotes doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app><div id=loading-wrapper><div class=cssload-loader><div class="cssload-inner cssload-one"></div><div class="cssload-inner cssload-two"></div><div class="cssload-inner cssload-three"></div></div></div></div><script src=/static/js/chunk-vendors.11a395d7.js></script><script src=/static/js/app.45bcd808.js></script></body></html> |