kopia lustrzana https://github.com/OpenBuilds/OpenBuilds-CONTROL
Updated splash
unknown
rodzic
5bc9f12399
commit
07fb882be8
|
|
@ -202,60 +202,6 @@ select {
|
||||||
height: 60px;
|
height: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#splash {
|
|
||||||
z-index: 2000;
|
|
||||||
padding: 1000px;
|
|
||||||
/* background-color: #fff */
|
|
||||||
}
|
|
||||||
|
|
||||||
#openbuildslogosplashImg {
|
|
||||||
-webkit-transition-property: -webkit-transform;
|
|
||||||
-webkit-transition-duration: 1.2s;
|
|
||||||
-webkit-animation-name: rotate;
|
|
||||||
-webkit-animation-iteration-count: infinite;
|
|
||||||
-webkit-animation-timing-function: linear;
|
|
||||||
-moz-transition-property: -moz-transform;
|
|
||||||
-moz-animation-name: rotate;
|
|
||||||
-moz-animation-duration: 4.4s;
|
|
||||||
-moz-animation-iteration-count: infinite;
|
|
||||||
-moz-animation-timing-function: linear;
|
|
||||||
transition-property: transform;
|
|
||||||
animation-name: rotate;
|
|
||||||
animation-duration: 4.4s;
|
|
||||||
animation-iteration-count: infinite;
|
|
||||||
animation-timing-function: linear;
|
|
||||||
}
|
|
||||||
|
|
||||||
@-webkit-keyframes rotate {
|
|
||||||
from {
|
|
||||||
-webkit-transform: rotate(0deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
to {
|
|
||||||
-webkit-transform: rotate(360deg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@-moz-keyframes rotate {
|
|
||||||
from {
|
|
||||||
-moz-transform: rotate(0deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
to {
|
|
||||||
-moz-transform: rotate(360deg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes rotate {
|
|
||||||
from {
|
|
||||||
transform: rotate(0deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
to {
|
|
||||||
transform: rotate(360deg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.macrotype {
|
.macrotype {
|
||||||
position: absolute !important;
|
position: absolute !important;
|
||||||
top: 2px !important;
|
top: 2px !important;
|
||||||
|
|
@ -311,6 +257,9 @@ select {
|
||||||
}
|
}
|
||||||
|
|
||||||
#splash {
|
#splash {
|
||||||
|
z-index: 2000;
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
background-image: linear-gradient(to top, #888888, #ffffff, #888888);
|
background-image: linear-gradient(to top, #888888, #ffffff, #888888);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,67 @@
|
||||||
|
#loading-icon svg {
|
||||||
|
width: 500px;
|
||||||
|
position: fixed;
|
||||||
|
left: 50%;
|
||||||
|
margin-left: -250px;
|
||||||
|
top: 32%;
|
||||||
|
margin-top: -50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#load-ring, #load-ring-second {
|
||||||
|
width: 500px;
|
||||||
|
height: 500px;
|
||||||
|
position: fixed;
|
||||||
|
left: 50%;
|
||||||
|
margin-left: -250px;
|
||||||
|
top: 32%;
|
||||||
|
margin-top: -50px;
|
||||||
|
border-radius: 50%;
|
||||||
|
animation-name: halo-effect;
|
||||||
|
animation-duration: 0.9s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
#load-ring {
|
||||||
|
animation-name: halo-effect;
|
||||||
|
animation-duration: 0.9s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
#load-ring-second {
|
||||||
|
animation-name: halo-effect;
|
||||||
|
animation-duration: 1.3s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.4s;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes halo-effect {
|
||||||
|
0% {
|
||||||
|
transform: scale(1);
|
||||||
|
background-color: rgba(56, 56, 56, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
20% {
|
||||||
|
transform: scale(1.05);
|
||||||
|
background-color: rgba(56, 56, 56, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
40% {
|
||||||
|
transform: scale(1.1);
|
||||||
|
background-color: rgba(56, 56, 56, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
60% {
|
||||||
|
transform: scale(1.15);
|
||||||
|
background-color: rgba(56, 56, 56, 0.4);
|
||||||
|
}
|
||||||
|
|
||||||
|
80% {
|
||||||
|
transform: scale(1.2);
|
||||||
|
background-color: rgba(56, 56, 56, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
transform: scale(1.1);
|
||||||
|
background-color: rgba(56, 56, 56, 0.2);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -408,10 +408,6 @@ body.theme_dark, .theme_dark div.window, .theme_dark .card {
|
||||||
border: 1px solid #ce352c;
|
border: 1px solid #ce352c;
|
||||||
}
|
}
|
||||||
|
|
||||||
.theme_dark #openbuildslogosplashImg {
|
|
||||||
filter: invert(1) hue-rotate(180deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.theme_dark .droInput {
|
.theme_dark .droInput {
|
||||||
background: #222 !important;
|
background: #222 !important;
|
||||||
border: 1px solid #555;
|
border: 1px solid #555;
|
||||||
|
|
|
||||||
|
|
@ -13,6 +13,7 @@
|
||||||
<link rel="stylesheet" href="css/main.css" />
|
<link rel="stylesheet" href="css/main.css" />
|
||||||
<link rel="stylesheet" href="css/buttons.css" />
|
<link rel="stylesheet" href="css/buttons.css" />
|
||||||
<link rel="stylesheet" href="css/probev2.css" />
|
<link rel="stylesheet" href="css/probev2.css" />
|
||||||
|
<link rel="stylesheet" href="css/splash.css" />
|
||||||
<link rel="stylesheet" href="/lib/furcanIconPicker/iconpicker-1.5.0.css" />
|
<link rel="stylesheet" href="/lib/furcanIconPicker/iconpicker-1.5.0.css" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
|
@ -21,8 +22,29 @@
|
||||||
<div class="pos-fixed pos-center" id="splash">
|
<div class="pos-fixed pos-center" id="splash">
|
||||||
<center>
|
<center>
|
||||||
<div id="openbuildslogosplash" style="display: none;">
|
<div id="openbuildslogosplash" style="display: none;">
|
||||||
<h1>OpenBuilds<sup>®</sup> CONTROL</h1>
|
<h1 style="position: fixed; top: 100px; left: 50%; transform: translateX(-50%); ">OpenBuilds<sup>®</sup> CONTROL</h1>
|
||||||
<img id="openbuildslogosplashImg" src="/img/splash.svg" onload="setTimeout(function() {$('#openbuildslogosplash').fadeIn(500); setTimeout(function() { $('#splash').fadeOut(100); }, 1400)}, 100);" style="cursor:pointer" />
|
<div id="loading-icon">
|
||||||
|
|
||||||
|
<div id="load-ring">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="load-ring-second">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 98 98">
|
||||||
|
<g inkscape:groupmode="layer" id="layer2" inkscape:label="Layer 2">
|
||||||
|
<circle style="opacity:1;mix-blend-mode:normal;fill:#ffffff;fill-opacity:0.995984;stroke:none;stroke-width:0.319262;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0;paint-order:markers fill stroke"
|
||||||
|
id="path831" cx="48.947918" cy="48.947918" r="48.947918" />
|
||||||
|
</g>
|
||||||
|
<g inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1">
|
||||||
|
<path style="fill:#000001;fill-opacity:1;stroke:#000000;stroke-width:0.229295;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.911647"
|
||||||
|
d="M 41.724417,97.153288 C 7.8893711,91.663168 -10.237781,54.730442 6.3414223,25.063074 26.776851,-11.504743 81.11003,-6.9263244 94.989281,32.533036 107.17501,67.177604 77.660443,102.9843 41.724417,97.153288 Z M 55.162218,96.560784 C 95.32486,90.947675 111.21754,42.386841 82.127307,14.167626 55.380558,-11.778279 10.298455,1.9142827 2.0101952,38.501195 -5.2419835,70.514495 22.74975,101.09073 55.162218,96.560784 Z M 42.182578,93.476472 C 9.1990746,88.070933 -6.9110156,50.983155 11.721752,23.351259 32.448727,-7.386274 80.17692,-0.74575393 91.738625,34.484165 102.2852,66.620893 75.182263,98.88467 42.182578,93.476472 Z M 54.570245,92.896884 C 93.037603,87.506128 107.01684,40.083184 77.571669,14.867181 52.771124,-6.3713026 13.410171,6.5282892 5.8636505,38.367737 -1.3026826,68.603134 24.198734,97.153079 54.570245,92.896884 Z M 22.50714,76.745813 c -2.582254,-2.591301 -3.580353,-3.737705 -3.447408,-3.959646 0.102919,-0.171814 1.253755,-1.734022 2.557416,-3.471574 2.959106,-3.943998 2.831963,-3.351577 1.353331,-6.30587 -0.692345,-1.383306 -1.487151,-3.38747 -1.766228,-4.453697 -0.507417,-1.9386 -0.507417,-1.9386 -5.112847,-2.617838 -4.605429,-0.679246 -4.605429,-0.679246 -4.667005,-5.905418 -0.07272,-6.173513 -0.691801,-5.377613 4.757698,-6.116861 4.539836,-0.615844 4.581587,-0.62648 4.581587,-1.167306 0,-0.724698 2.103504,-6.013126 2.891228,-7.26883 0.744033,-1.186071 0.744033,-1.186071 -1.875373,-4.687366 -1.440674,-1.925718 -2.619416,-3.717415 -2.619416,-3.981556 0,-0.59059 6.574282,-7.246076 7.157667,-7.246076 0.21686,0 1.991928,1.18683 3.9446,2.6374 3.550318,2.637401 3.550318,2.637401 4.623465,1.95545 1.187355,-0.754526 6.735496,-2.986039 7.424101,-2.986039 0.520725,0 0.523557,-0.01117 1.134836,-4.476117 0.259259,-1.893743 0.52804,-3.729112 0.597288,-4.078599 0.125906,-0.63543 0.125906,-0.63543 5.432877,-0.573861 5.898639,0.06842 5.237039,-0.673108 6.328134,7.092769 0.278368,1.981218 0.278368,1.981218 2.263012,2.502502 1.091554,0.286707 3.147561,1.109758 4.568893,1.829007 2.584255,1.307721 2.584255,1.307721 6.052337,-1.297396 1.907452,-1.432813 3.632184,-2.605116 3.832737,-2.605116 0.609089,0 7.437248,7.005672 7.265439,7.45432 -0.08044,0.210054 -1.284882,1.91745 -2.676528,3.794212 -2.530262,3.412282 -2.530262,3.412282 -1.182107,6.124452 0.741475,1.491682 1.541984,3.473845 1.778882,4.404799 0.519566,2.041688 0.291772,1.92349 4.909286,2.547246 1.952889,0.263802 3.834207,0.536384 4.180687,0.60572 0.629976,0.126076 0.629976,0.126076 0.629976,5.373814 0,2.886256 -0.08218,5.298613 -0.182559,5.360791 -0.100404,0.0622 -2.16211,0.395457 -4.58158,0.740611 -3.219365,0.459265 -4.399028,0.710261 -4.399028,0.935994 0,0.608912 -2.332174,6.408243 -2.991702,7.439316 -0.861763,1.347275 -1.064718,0.842053 1.960849,4.881042 1.448926,1.934239 2.634407,3.664094 2.634407,3.844116 0,0.406131 -6.881496,7.322863 -7.28556,7.322863 -0.161312,0 -1.909062,-1.202796 -3.883907,-2.67287 -3.590622,-2.672868 -3.590622,-2.672868 -4.285617,-2.258903 -1.837138,1.094257 -2.35653,1.329923 -2.667528,1.210342 -0.312455,-0.120143 -8.231627,-16.77286 -8.218372,-17.281897 0.0035,-0.126249 0.530958,-0.539429 1.172603,-0.918176 8.021633,-4.734996 5.224846,-17.444302 -4.057459,-18.43813 -10.613507,-1.13636 -15.509433,13.098568 -6.354186,18.474803 1.334743,0.783797 1.469237,0.328271 -2.804465,9.498405 -4.53297,9.726451 -3.958097,8.96937 -6.020406,7.928701 -0.895717,-0.451993 -1.665128,-0.821805 -1.709813,-0.821805 -0.04468,0 -1.662643,1.187898 -3.595462,2.639765 -1.932808,1.451867 -3.626716,2.639765 -3.764234,2.639765 -0.137506,0 -1.885554,-1.641275 -3.884546,-3.647258 z"
|
||||||
|
id="path24" sodipodi:nodetypes="csscssssscsscsscsscssscsssssssssssssssssssscsssssscsssscsccssssssss" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</center>
|
</center>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -96,6 +96,11 @@ function getChangelog() {
|
||||||
|
|
||||||
$(document).ready(function() {
|
$(document).ready(function() {
|
||||||
|
|
||||||
|
$('#openbuildslogosplash').fadeIn(100);
|
||||||
|
setTimeout(function() {
|
||||||
|
$('#splash').fadeOut(500);
|
||||||
|
}, 1400)
|
||||||
|
|
||||||
initDiagnostics(); // run second time to ensure checkboxes are ticked
|
initDiagnostics(); // run second time to ensure checkboxes are ticked
|
||||||
|
|
||||||
if (!isJogWidget) {
|
if (!isJogWidget) {
|
||||||
|
|
|
||||||
Ładowanie…
Reference in New Issue