transparent loading icon

This commit is contained in:
Colon 2022-05-31 17:35:30 -04:00
parent 18ae13d2c7
commit 8167af53c1
6 changed files with 15 additions and 15 deletions

View file

@ -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

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

View file

@ -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') || '[]');

View file

@ -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)

View file

@ -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}