transparent loading icon
This commit is contained in:
parent
18ae13d2c7
commit
8167af53c1
6 changed files with 15 additions and 15 deletions
|
@ -186,7 +186,7 @@ h1 {
|
||||||
h2 {
|
h2 {
|
||||||
font-size: 8vh;
|
font-size: 8vh;
|
||||||
-webkit-text-stroke-width: 0.265vh;
|
-webkit-text-stroke-width: 0.265vh;
|
||||||
background: -webkit-linear-gradient(#e28000, #ffee44);
|
background: -webkit-linear-gradient(#FDA00C, #FFE348);
|
||||||
background-clip: text;
|
background-clip: text;
|
||||||
-webkit-text-fill-color: transparent;
|
-webkit-text-fill-color: transparent;
|
||||||
-webkit-background-clip: text;
|
-webkit-background-clip: text;
|
||||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 4.5 KiB After Width: | Height: | Size: 9 KiB |
BIN
assets/loading_old.png
Normal file
BIN
assets/loading_old.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 4.5 KiB |
|
@ -110,15 +110,15 @@
|
||||||
<div id="coins" style="margin-top: 3%"></div>
|
<div id="coins" style="margin-top: 3%"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div style="position:absolute; top: 20%; right: 0%; height: 38%; width: 40%;">
|
<div style="position:absolute; top: 20%; right: 0%; height: 38%; width: 40%; line-height: 8.5vh">
|
||||||
<img class="inline spaced" src="../assets/download.png" height=15% style="margin-right: 2%">
|
<img class="valign inline spaced" src="../assets/download.png" height=15% style="margin-right: 2%">
|
||||||
<h1 class="inline smaller spaced">[[DOWNLOADS]]</h1><br>
|
<h1 class="valign inline smaller spaced">[[DOWNLOADS]]</h1><br>
|
||||||
<img id="likeImg" class="inline spaced" src="../assets/like.png" height=15% style="margin-right: 2%">
|
<img id="likeImg" class="valign inline spaced" src="../assets/like.png" height=15% style="margin-right: 2%">
|
||||||
<h1 class="inline smaller spaced">[[LIKES]]</h1><br>
|
<h1 class="valign inline smaller spaced">[[LIKES]]</h1><br>
|
||||||
<img class="inline spaced" src="../assets/time.png" height=15% style="margin-right: 2%">
|
<img class="valign inline spaced" src="../assets/time.png" height=15% style="margin-right: 2%">
|
||||||
<h1 class="inline smaller spaced">[[LENGTH]]</h1><br>
|
<h1 class="valign inline smaller spaced">[[LENGTH]]</h1><br>
|
||||||
<img class="inline spaced orbs" src="../assets/orbs.png" height=15% style="margin-right: 2%">
|
<img class="valign inline spaced orbs" src="../assets/orbs.png" height=15% style="margin-right: 2%">
|
||||||
<h1 class="inline smaller spaced orbs">[[ORBS]]</h1>
|
<h1 class="valign inline smaller spaced orbs">[[ORBS]]</h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="transparentBox center" style="position:absolute; bottom: 32%; left: 0; right: 0; width: 75vh; margin-left: auto; margin-right: auto">
|
<div class="transparentBox center" style="position:absolute; bottom: 32%; left: 0; right: 0; width: 75vh; margin-left: auto; margin-right: auto">
|
||||||
|
@ -312,11 +312,13 @@ if (window.location.pathname == "/weekly") {
|
||||||
}
|
}
|
||||||
|
|
||||||
$(window).on('load', function() {
|
$(window).on('load', function() {
|
||||||
if ($('#songname')[0].scrollWidth > $('#songBox')[0].scrollWidth) {
|
let boxWidth = $('#songBox').width()
|
||||||
let overflow = ($('#songname')[0].scrollWidth - $('#songBox')[0].scrollWidth) * 0.007
|
let nameWidth = $('#songname')[0].scrollWidth
|
||||||
|
if (nameWidth > boxWidth) {
|
||||||
|
let overflow = (nameWidth - boxWidth) * 0.007
|
||||||
if (overflow > 3) overflow = 3
|
if (overflow > 3) overflow = 3
|
||||||
$('#songname').addClass('smaller').css('font-size', (6 - (overflow)) + 'vh')
|
$('#songname').addClass('smaller').css('font-size', (6 - (overflow)) + 'vh')
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
let savedLevels = JSON.parse(localStorage.getItem('saved') || '[]');
|
let savedLevels = JSON.parse(localStorage.getItem('saved') || '[]');
|
||||||
|
|
|
@ -459,7 +459,6 @@ class IconPart {
|
||||||
class IconLayer {
|
class IconLayer {
|
||||||
constructor(path, color, colorType, isNew) {
|
constructor(path, color, colorType, isNew) {
|
||||||
let loadedTexture = isNew ? loadedNewIcons[path] : loader.resources[path]
|
let loadedTexture = isNew ? loadedNewIcons[path] : loader.resources[path]
|
||||||
if (colorType == "u") console.log(isNew)
|
|
||||||
this.offsets = iconData.gameSheet[path] || { spriteOffset: [0, 0] }
|
this.offsets = iconData.gameSheet[path] || { spriteOffset: [0, 0] }
|
||||||
this.sprite = new PIXI.Sprite(loadedTexture ? isNew ? loadedTexture : loadedTexture.texture : PIXI.Texture.EMPTY)
|
this.sprite = new PIXI.Sprite(loadedTexture ? isNew ? loadedTexture : loadedTexture.texture : PIXI.Texture.EMPTY)
|
||||||
|
|
||||||
|
|
|
@ -102,7 +102,6 @@ function buildIcon(elements, current) {
|
||||||
loadIconLayers(iconConfig.form, iconConfig.id, function(a, b, c) {
|
loadIconLayers(iconConfig.form, iconConfig.id, function(a, b, c) {
|
||||||
if (c) iconConfig.new = true
|
if (c) iconConfig.new = true
|
||||||
new Icon(iconConfig, function(icon) {
|
new Icon(iconConfig, function(icon) {
|
||||||
console.log(icon)
|
|
||||||
let dataURL = icon.toDataURL()
|
let dataURL = icon.toDataURL()
|
||||||
let titleStr = `${Object.values(iconData.forms).find(x => x.form == icon.form).name} ${icon.id}`
|
let titleStr = `${Object.values(iconData.forms).find(x => x.form == icon.form).name} ${icon.id}`
|
||||||
if (cacheID) renderedIcons[cacheID] = {name: titleStr, data: dataURL}
|
if (cacheID) renderedIcons[cacheID] = {name: titleStr, data: dataURL}
|
||||||
|
|
Loading…
Reference in a new issue