From 0c06efee981b287d78bad34324a071f9c833d42d Mon Sep 17 00:00:00 2001 From: Camillo Bruni Date: Tue, 14 Oct 2025 17:53:00 +0200 Subject: [PATCH 01/13] remove startup animation --- JetStream.css | 9 --------- JetStreamDriver.js | 2 -- clouds.svg | 15 --------------- jetstreams.svg | 30 ------------------------------ 4 files changed, 56 deletions(-) delete mode 100644 clouds.svg diff --git a/JetStream.css b/JetStream.css index b510f02f..a048bf46 100644 --- a/JetStream.css +++ b/JetStream.css @@ -59,11 +59,7 @@ body { font-size: 1.6rem; font-weight: 400; line-height: 1.4; - background-repeat: no-repeat; - background-position: center -5vw; - background-size: 100vw; padding-bottom: 0px; - background-image: url('clouds.svg'); overflow-y: hidden; height: 100%; } @@ -117,8 +113,6 @@ img { background-position: center; background-image: url('JetStream3Logo.svg'); color: transparent; - animation: swingin 350ms ease-out forwards; - will-change: transform, opacity; height: 75px; } @@ -157,9 +151,6 @@ article, .summary { max-width: 70rem; margin: 0 auto 0 auto; - opacity: 0; - animation: fadein 0.5s ease-in-out forwards; - animation-delay: 200ms; } article { diff --git a/JetStreamDriver.js b/JetStreamDriver.js index f4b0cd21..2fa0dd59 100644 --- a/JetStreamDriver.js +++ b/JetStreamDriver.js @@ -328,8 +328,6 @@ class Driver { for (const benchmark of this.benchmarks) text += benchmark.renderHTML(); - const timestamp = performance.now(); - document.getElementById('jetstreams').style.backgroundImage = `url('jetstreams.svg?${timestamp}')`; const resultsTable = document.getElementById("results"); resultsTable.innerHTML = text; diff --git a/clouds.svg b/clouds.svg deleted file mode 100644 index e3c62bc4..00000000 --- a/clouds.svg +++ /dev/null @@ -1,15 +0,0 @@ - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/jetstreams.svg b/jetstreams.svg index b767e43f..29c8decd 100644 --- a/jetstreams.svg +++ b/jetstreams.svg @@ -3,36 +3,6 @@ From 54dc3c7b176783c0a38cc026aa78c55d00dc3e4b Mon Sep 17 00:00:00 2001 From: Camillo Bruni Date: Wed, 15 Oct 2025 11:21:53 +0200 Subject: [PATCH 02/13] back to rain --- JetStream.css | 5 +++++ clouds.svg | 15 +++++++++++++++ 2 files changed, 20 insertions(+) create mode 100644 clouds.svg diff --git a/JetStream.css b/JetStream.css index a048bf46..12fe6d88 100644 --- a/JetStream.css +++ b/JetStream.css @@ -59,6 +59,11 @@ body { font-size: 1.6rem; font-weight: 400; line-height: 1.4; + background-repeat: no-repeat; + background-position: center -5vw; + background-size: 100vw; + padding-bottom: 0px; + background-image: url('clouds.svg'); padding-bottom: 0px; overflow-y: hidden; height: 100%; diff --git a/clouds.svg b/clouds.svg new file mode 100644 index 00000000..e3c62bc4 --- /dev/null +++ b/clouds.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + \ No newline at end of file From d362da1e19c4434ab306d10da49a673ec4bf66b0 Mon Sep 17 00:00:00 2001 From: Camillo Bruni Date: Wed, 22 Oct 2025 16:49:27 +0200 Subject: [PATCH 03/13] revert --- JetStream.css | 1 - index.html | 8 ++++++++ jetstreams.svg | 30 ++++++++++++++++++++++++++++++ 3 files changed, 38 insertions(+), 1 deletion(-) diff --git a/JetStream.css b/JetStream.css index 1ebd4eed..6c71f242 100644 --- a/JetStream.css +++ b/JetStream.css @@ -122,7 +122,6 @@ img { } #jetstreams { - background-image: url('jetstreams.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; diff --git a/index.html b/index.html index 09bd92b7..1cd922b3 100644 --- a/index.html +++ b/index.html @@ -49,6 +49,9 @@ } async function initialize() { + if (JetStreamParams.startDelay === undefined) { + blowJetStreams() + } if (globalThis.allIsGood) { try { await JetStream.initialize(); @@ -64,6 +67,11 @@ statusElement.innerHTML = "

ERROR

Errors were encountered during page load. Refusing to run a partial benchmark suite.

"; } } + + function blowJetStreams() { + const timestamp = performance.now(); + document.getElementById('jetstreams').style.backgroundImage = `url('jetstreams.svg?${timestamp}')`; + } diff --git a/jetstreams.svg b/jetstreams.svg index 29c8decd..b767e43f 100644 --- a/jetstreams.svg +++ b/jetstreams.svg @@ -3,6 +3,36 @@ From e2c1870b455b6dc9c369c87c7270ab2822bab240 Mon Sep 17 00:00:00 2001 From: Camillo Bruni Date: Wed, 22 Oct 2025 16:58:20 +0200 Subject: [PATCH 04/13] enable animation without startDelay --- JetStream.css | 15 +++++++++++++++ index.html | 5 +++-- 2 files changed, 18 insertions(+), 2 deletions(-) diff --git a/JetStream.css b/JetStream.css index 6c71f242..15eba8dd 100644 --- a/JetStream.css +++ b/JetStream.css @@ -121,6 +121,11 @@ img { height: 75px; } +.animateUI .logo .logo-image { + animation: swingin 350ms ease-out forwards; + will-change: transform, opacity; +} + #jetstreams { background-repeat: no-repeat; background-size: contain; @@ -129,6 +134,7 @@ img { margin: -2rem 0; } + #jetstreams svg { width: 100%; max-height: 120px; @@ -157,6 +163,15 @@ article, margin: 0 auto 0 auto; } +.summary { + opacity: 0; +} + +article, .animateUI .summary { + animation: fadein 0.5s ease-in-out forwards; + animation-delay: 200ms; +} + article { display: flex; flex-direction: column; diff --git a/index.html b/index.html index 1cd922b3..c60cf8cc 100644 --- a/index.html +++ b/index.html @@ -50,7 +50,7 @@ async function initialize() { if (JetStreamParams.startDelay === undefined) { - blowJetStreams() + playIntro() } if (globalThis.allIsGood) { try { @@ -68,7 +68,8 @@ } } - function blowJetStreams() { + function playIntro() { + document.body.classList.add("animateUI"); const timestamp = performance.now(); document.getElementById('jetstreams').style.backgroundImage = `url('jetstreams.svg?${timestamp}')`; } From b578b11660f7c4424910ad7d4243a30c702bb9be Mon Sep 17 00:00:00 2001 From: Camillo Bruni Date: Wed, 22 Oct 2025 16:58:52 +0200 Subject: [PATCH 05/13] rename --- index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index c60cf8cc..3a05d350 100644 --- a/index.html +++ b/index.html @@ -50,7 +50,7 @@ async function initialize() { if (JetStreamParams.startDelay === undefined) { - playIntro() + startIntroAnimations() } if (globalThis.allIsGood) { try { @@ -68,7 +68,7 @@ } } - function playIntro() { + function startIntroAnimations() { document.body.classList.add("animateUI"); const timestamp = performance.now(); document.getElementById('jetstreams').style.backgroundImage = `url('jetstreams.svg?${timestamp}')`; From e0971d1446e49680bd02523f094cb98d3bbfe30f Mon Sep 17 00:00:00 2001 From: Camillo Bruni Date: Thu, 23 Oct 2025 10:56:28 +0200 Subject: [PATCH 06/13] refactor --- JetStream.css | 30 +++++++++++++++++++----------- JetStreamDriver.js | 18 ++++++++---------- index.html | 22 +++++++++++----------- 3 files changed, 38 insertions(+), 32 deletions(-) diff --git a/JetStream.css b/JetStream.css index 15eba8dd..b5183682 100644 --- a/JetStream.css +++ b/JetStream.css @@ -121,9 +121,15 @@ img { height: 75px; } -.animateUI .logo .logo-image { +.loading.animate .logo .logo-image { animation: swingin 350ms ease-out forwards; will-change: transform, opacity; + animation-delay: 50ms; +} + +.ready .logo .logo-image { + animation: none; + opacity: 1; } #jetstreams { @@ -134,12 +140,19 @@ img { margin: -2rem 0; } - #jetstreams svg { width: 100%; max-height: 120px; } +.loading.animate #jetstreams { + background-image: url("jetstreams.svg") !important; +} + +.loadidng #jetstreams, .ready #jetstreams { + background-image: url("jetstreams-static.svg"); +} + #magic { position: absolute; top: -900px; @@ -163,11 +176,11 @@ article, margin: 0 auto 0 auto; } -.summary { +.loading .summary { opacity: 0; } -article, .animateUI .summary { +article, .loading.animate .summary { animation: fadein 0.5s ease-in-out forwards; animation-delay: 200ms; } @@ -254,17 +267,12 @@ a.button { user-select: none; } -a.button { - animation: fadein 500ms ease-in forwards, scaledown 500ms ease-in forwards; - opacity: 0; -} - #status label, .button:hover { background-image: none; } -#status.loading { +.loading #status{ position: absolute; top: 0; left: 0; @@ -283,7 +291,7 @@ a.button { user-select: none; } -#status.error { +.error #status { max-width: 70rem; margin: 0 auto 1rem; } diff --git a/JetStreamDriver.js b/JetStreamDriver.js index 346c034d..18405a1d 100644 --- a/JetStreamDriver.js +++ b/JetStreamDriver.js @@ -324,7 +324,6 @@ class Driver { } summaryHtml += ""; const summaryElement = document.getElementById("result-summary"); - summaryElement.classList.add("done"); summaryElement.innerHTML = summaryHtml; summaryElement.onclick = displayCategoryScores; statusElement.innerHTML = ""; @@ -370,6 +369,14 @@ class Driver { if (e.key === "Enter") JetStream.start(); }); + + const statusElement = document.getElementById("status"); + statusElement.innerHTML = `Start Test`; + statusElement.addEventListener("click", (e) => { + e.preventDefault(); + JetStream.start(); + return false; + }, { once: true}); } reportError(benchmark, error) { @@ -445,15 +452,6 @@ class Driver { } JetStream.loadCache = { }; // Done preloading all the files. - - const statusElement = document.getElementById("status"); - statusElement.classList.remove('loading'); - statusElement.innerHTML = `Start Test`; - statusElement.onclick = () => { - statusElement.onclick = null; - JetStream.start(); - return false; - } } resultsObject(format = "run-benchmark") { diff --git a/index.html b/index.html index 3a05d350..d8138bc9 100644 --- a/index.html +++ b/index.html @@ -49,37 +49,37 @@ } async function initialize() { - if (JetStreamParams.startDelay === undefined) { - startIntroAnimations() + const bodyClassList = document.body.classList; + if (JetStreamParams.startDelay !== undefined) { + bodyClassList.remove("animate"); } if (globalThis.allIsGood) { try { + await new Promise(r => setTimeout(r, 500)); await JetStream.initialize(); + document.body.classList.add("ready"); } catch (e) { globalThis.allIsGood = false; console.error(e); + } finally { + bodyClassList.remove("loading"); + bodyClassList.remove("animate-loading"); } } if (!globalThis.allIsGood) { + bodyClassList.add('error'); let statusElement = document.getElementById("status"); - statusElement.classList.remove('loading'); - statusElement.classList.add('error'); statusElement.innerHTML = "

ERROR

Errors were encountered during page load. Refusing to run a partial benchmark suite.

"; } } - function startIntroAnimations() { - document.body.classList.add("animateUI"); - const timestamp = performance.now(); - document.getElementById('jetstreams').style.backgroundImage = `url('jetstreams.svg?${timestamp}')`; - } - +

JetStream 3 @@ -91,7 +91,7 @@

-
Loading Benchmark...
+
Loading Benchmark...
From 86d95d1a6b108db91a3fbf6512438e5c90393af1 Mon Sep 17 00:00:00 2001 From: Camillo Bruni Date: Thu, 23 Oct 2025 10:58:36 +0200 Subject: [PATCH 07/13] update --- JetStream.css | 12 ++++++------ JetStream3Logo.svg => img/JetStream3Logo.svg | 0 clouds.svg => img/clouds.svg | 0 img/jetstreams-static.svg | 18 ++++++++++++++++++ jetstreams.svg => img/jetstreams.svg | 0 5 files changed, 24 insertions(+), 6 deletions(-) rename JetStream3Logo.svg => img/JetStream3Logo.svg (100%) rename clouds.svg => img/clouds.svg (100%) create mode 100644 img/jetstreams-static.svg rename jetstreams.svg => img/jetstreams.svg (100%) diff --git a/JetStream.css b/JetStream.css index b5183682..355e91ec 100644 --- a/JetStream.css +++ b/JetStream.css @@ -63,7 +63,7 @@ body { background-position: center -5vw; background-size: 100vw; padding-bottom: 0px; - background-image: url('clouds.svg'); + background-image: url('img/clouds.svg'); padding-bottom: 0px; overflow-y: hidden; height: 100%; @@ -116,7 +116,7 @@ img { box-sizing: border-box; background-repeat: no-repeat; background-position: center; - background-image: url('JetStream3Logo.svg'); + background-image: url('img/JetStream3Logo.svg'); color: transparent; height: 75px; } @@ -146,11 +146,11 @@ img { } .loading.animate #jetstreams { - background-image: url("jetstreams.svg") !important; + background-image: url("img/jetstreams.svg"); } -.loadidng #jetstreams, .ready #jetstreams { - background-image: url("jetstreams-static.svg"); +.loading #jetstreams, .ready #jetstreams { + background-image: url("img/jetstreams-static.svg"); } #magic { @@ -176,7 +176,7 @@ article, margin: 0 auto 0 auto; } -.loading .summary { +.loading.animate .summary { opacity: 0; } diff --git a/JetStream3Logo.svg b/img/JetStream3Logo.svg similarity index 100% rename from JetStream3Logo.svg rename to img/JetStream3Logo.svg diff --git a/clouds.svg b/img/clouds.svg similarity index 100% rename from clouds.svg rename to img/clouds.svg diff --git a/img/jetstreams-static.svg b/img/jetstreams-static.svg new file mode 100644 index 00000000..a734b574 --- /dev/null +++ b/img/jetstreams-static.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/jetstreams.svg b/img/jetstreams.svg similarity index 100% rename from jetstreams.svg rename to img/jetstreams.svg From b074b9deef622a73f8ae135c693e6d3d81976c80 Mon Sep 17 00:00:00 2001 From: Camillo Bruni Date: Thu, 23 Oct 2025 11:00:08 +0200 Subject: [PATCH 08/13] remove debug timeout --- index.html | 1 - 1 file changed, 1 deletion(-) diff --git a/index.html b/index.html index d8138bc9..5822a277 100644 --- a/index.html +++ b/index.html @@ -55,7 +55,6 @@ } if (globalThis.allIsGood) { try { - await new Promise(r => setTimeout(r, 500)); await JetStream.initialize(); document.body.classList.add("ready"); } catch (e) { From b2416118430ed3dd01ab64bdf3c5040cb36d4669 Mon Sep 17 00:00:00 2001 From: Camillo Bruni Date: Mon, 27 Oct 2025 14:31:03 +0100 Subject: [PATCH 09/13] wip --- index.html | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/index.html b/index.html index 4be06114..9e9a50ad 100644 --- a/index.html +++ b/index.html @@ -52,10 +52,8 @@ async function initialize() { const bodyClassList = document.body.classList; - if (JetStreamParams.startDelay !== undefined) { - bodyClassList.remove("animate"); - } if (!JetStreamParams.isDefault) { + bodyClassList.remove("animate"); showNonDefaultParams(); } if (globalThis.allIsGood) { From 8b2846bca86fa85f01862e7a3572c003cd2ef9f7 Mon Sep 17 00:00:00 2001 From: Camillo Bruni Date: Mon, 27 Oct 2025 14:34:54 +0100 Subject: [PATCH 10/13] faster animation --- img/jetstreams.svg | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/img/jetstreams.svg b/img/jetstreams.svg index b767e43f..bedfda5f 100644 --- a/img/jetstreams.svg +++ b/img/jetstreams.svg @@ -6,26 +6,26 @@ stroke-dasharray: 2680; stroke-dashoffset: 2680; animation: dash 1.1s ease-in forwards; - animation-delay: 400ms; + animation-delay: 100ms; } .line.second { - animation-delay: 500ms; + animation-delay: 200ms; animation-duration: 900ms; } .line.third { - animation-delay: 600ms; + animation-delay: 300ms; animation-duration: 800ms; } .line.fourth { - animation-delay: 700ms; + animation-delay: 400ms; animation-duration: 700ms; } .line.fifth { - animation-delay: 800ms; + animation-delay: 500ms; animation-duration: 600ms; } From db304203d0eafd714d8a09723a15ffbcabc3687b Mon Sep 17 00:00:00 2001 From: Camillo Bruni Date: Mon, 27 Oct 2025 15:55:29 +0100 Subject: [PATCH 11/13] fix --- JetStream.css | 42 +++++++++++++++++++++++------------------- JetStreamDriver.js | 24 +++++++++++++++++------- img/jetstreams.svg | 10 +++++----- index.html | 6 +++--- 4 files changed, 48 insertions(+), 34 deletions(-) diff --git a/JetStream.css b/JetStream.css index cd771ed3..98d36fab 100644 --- a/JetStream.css +++ b/JetStream.css @@ -41,6 +41,7 @@ --benchmark-done-result-color: #4A4A4A; --gap: 3rem; --width: 200px; + --startup-animation-duration: 500ms; } html, @@ -180,7 +181,7 @@ img { } .loading.animate .logo .logo-image { - animation: swingin 350ms ease-out forwards; + animation: swingin var(--startup-animation-duration) ease-out forwards; will-change: transform, opacity; animation-delay: 50ms; } @@ -196,19 +197,21 @@ img { background-position: center; padding: 2rem 0; margin: -2rem 0; + background-image: url("img/jetstreams-static.svg"); } + #jetstreams svg { width: 100%; max-height: 120px; } -.loading.animate #jetstreams { +.animate #jetstreams { background-image: url("img/jetstreams.svg"); + transition: background-image var(--startup-animation-duration) ease-in-out; } - -.loading #jetstreams, .ready #jetstreams { - background-image: url("img/jetstreams-static.svg"); +.ready #jetstreams { + background-image: url("img/jetstreams-static.svg") !important; } #magic { @@ -239,7 +242,7 @@ article, } article, .loading.animate .summary { - animation: fadein 0.5s ease-in-out forwards; + animation: fadein var(--startup-animation-duration) ease-in-out forwards; animation-delay: 200ms; } @@ -325,12 +328,18 @@ a.button { user-select: none; } +.animate a.button { + animation: fadein var(--startup-animation-duration) ease-in forwards, scaledown var(--startup-animation-duration) ease-in forwards; + opacity: 0; +} + + #status label, .button:hover { background-image: none; } -.loading #status{ +.loading #status-counter { position: absolute; top: 0; left: 0; @@ -404,14 +413,13 @@ a.button { justify-content: space-around; gap: var(--gap); margin: 0 calc(var(--gap) * -1) 0 calc(-var(--gap) * -1); - animation: fadein 500ms ease-out forwards; - opacity: 0; overflow-y: auto; flex: 1; padding-bottom: var(--gap); box-sizing: border-box; } + .benchmark { position: relative; flex: 1; @@ -424,6 +432,12 @@ a.button { scroll-margin-bottom: 20vh; } +.animate .benchmark { + animation: fadein var(--startup-animation-duration) ease-in forwards; + opacity: 0; +} + + .benchmark .result.detail { display: none; } @@ -611,16 +625,6 @@ dt:target { } } -@keyframes shine { - 0% { - background-position: -1200px center; - } - - 100% { - background-position: 100vw center; - } -} - @keyframes swingin { from { opacity: 0; diff --git a/JetStreamDriver.js b/JetStreamDriver.js index 3eebe2ce..d242976a 100644 --- a/JetStreamDriver.js +++ b/JetStreamDriver.js @@ -217,10 +217,7 @@ class Driver { // the global `fileLoader` cache. this.blobDataCache = { }; this.loadCache = { }; - this.counter = { }; - this.counter.loadedResources = 0; - this.counter.totalResources = 0; - this.counter.failedPreloadResources = 0; + this.counter = { loadedResources: 0, totalResources: 0, failedPreloadResources: 0 }; } async start() { @@ -356,7 +353,7 @@ class Driver { } } - prepareBrowserUI() { + async prepareBrowserUI() { let text = ""; for (const benchmark of this.benchmarks) text += benchmark.renderHTML(); @@ -370,8 +367,12 @@ class Driver { JetStream.start(); }); + document.body.classList.add("ready"); const statusElement = document.getElementById("status"); statusElement.innerHTML = `Start Test`; + + await this.waitForBrowserUIStartupAnimation(); + statusElement.addEventListener("click", (e) => { e.preventDefault(); JetStream.start(); @@ -379,6 +380,15 @@ class Driver { }, { once: true}); } + + async waitForBrowserUIStartupAnimation() { + if (!JetStreamParams.isDefault) + return + const cssValue = window.getComputedStyle(document.body).getPropertyValue("--startup-animation-duration"); + const startupAnimationDuration = parseInt(cssValue.split("ms")[0]) + await new Promise((resolve) => setTimeout(resolve, startupAnimationDuration)); + } + reportError(benchmark, error) { this.pushError(benchmark.name, error); @@ -408,7 +418,7 @@ class Driver { await this.prefetchResources(); this.benchmarks.sort((a, b) => a.plan.name.toLowerCase() < b.plan.name.toLowerCase() ? 1 : -1); if (isInBrowser) - this.prepareBrowserUI(); + await this.prepareBrowserUI(); this.isReady = true; if (isInBrowser) { globalThis.dispatchEvent(new Event("JetStreamReady")); @@ -1041,7 +1051,7 @@ class Benchmark { updateCounter() { const counter = JetStream.counter; ++counter.loadedResources; - const statusElement = document.getElementById("status"); + const statusElement = document.getElementById("status-counter"); statusElement.innerHTML = `Loading ${counter.loadedResources} of ${counter.totalResources} ...`; } diff --git a/img/jetstreams.svg b/img/jetstreams.svg index bedfda5f..1b6e1613 100644 --- a/img/jetstreams.svg +++ b/img/jetstreams.svg @@ -11,22 +11,22 @@ .line.second { animation-delay: 200ms; - animation-duration: 900ms; + animation-duration: 2900ms; } .line.third { animation-delay: 300ms; - animation-duration: 800ms; + animation-duration: 1800ms; } .line.fourth { animation-delay: 400ms; - animation-duration: 700ms; + animation-duration: 1700ms; } .line.fifth { - animation-delay: 500ms; - animation-duration: 600ms; + animation-delay: 900ms; + animation-duration: 1600ms; } @keyframes dash { diff --git a/index.html b/index.html index 9e9a50ad..8a85a27e 100644 --- a/index.html +++ b/index.html @@ -59,13 +59,11 @@ if (globalThis.allIsGood) { try { await JetStream.initialize(); - document.body.classList.add("ready"); } catch (e) { globalThis.allIsGood = false; console.error(e); } finally { bodyClassList.remove("loading"); - bodyClassList.remove("animate-loading"); } } if (!globalThis.allIsGood) { @@ -121,7 +119,9 @@

Non-standard Parameters

-
Loading Benchmark...
+
+
Loading Benchmark...
+
From 81df890af1f67c8d3561dd91997b1e8c6d975e03 Mon Sep 17 00:00:00 2001 From: Camillo Bruni Date: Thu, 30 Oct 2025 15:09:33 +0100 Subject: [PATCH 12/13] update css --- resources/JetStream.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/resources/JetStream.css b/resources/JetStream.css index 98d36fab..ed8d1e3a 100644 --- a/resources/JetStream.css +++ b/resources/JetStream.css @@ -64,7 +64,7 @@ body { background-position: center -5vw; background-size: 100vw; padding-bottom: 0px; - background-image: url('img/clouds.svg'); + background-image: url('./clouds.svg'); padding-bottom: 0px; overflow-y: hidden; height: 100%; @@ -175,7 +175,7 @@ img { box-sizing: border-box; background-repeat: no-repeat; background-position: center; - background-image: url('img/JetStream3Logo.svg'); + background-image: url('./JetStream3Logo.svg'); color: transparent; height: 75px; } @@ -197,7 +197,7 @@ img { background-position: center; padding: 2rem 0; margin: -2rem 0; - background-image: url("img/jetstreams-static.svg"); + background-image: url("./jetstreams-static.svg"); } @@ -207,11 +207,11 @@ img { } .animate #jetstreams { - background-image: url("img/jetstreams.svg"); + background-image: url("./jetstreams.svg"); transition: background-image var(--startup-animation-duration) ease-in-out; } .ready #jetstreams { - background-image: url("img/jetstreams-static.svg") !important; + background-image: url("./jetstreams-static.svg") !important; } #magic { From 84102c1301d10691213c196c44d11f538ac48f83 Mon Sep 17 00:00:00 2001 From: Camillo Bruni Date: Thu, 30 Oct 2025 15:10:50 +0100 Subject: [PATCH 13/13] more css cleanup --- resources/JetStream.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/resources/JetStream.css b/resources/JetStream.css index ed8d1e3a..c897e1ee 100644 --- a/resources/JetStream.css +++ b/resources/JetStream.css @@ -64,7 +64,7 @@ body { background-position: center -5vw; background-size: 100vw; padding-bottom: 0px; - background-image: url('./clouds.svg'); + background-image: url('clouds.svg'); padding-bottom: 0px; overflow-y: hidden; height: 100%; @@ -175,7 +175,7 @@ img { box-sizing: border-box; background-repeat: no-repeat; background-position: center; - background-image: url('./JetStream3Logo.svg'); + background-image: url('JetStream3Logo.svg'); color: transparent; height: 75px; } @@ -197,7 +197,7 @@ img { background-position: center; padding: 2rem 0; margin: -2rem 0; - background-image: url("./jetstreams-static.svg"); + background-image: url("jetstreams-static.svg"); } @@ -207,11 +207,11 @@ img { } .animate #jetstreams { - background-image: url("./jetstreams.svg"); + background-image: url("jetstreams.svg"); transition: background-image var(--startup-animation-duration) ease-in-out; } .ready #jetstreams { - background-image: url("./jetstreams-static.svg") !important; + background-image: url("jetstreams-static.svg") !important; } #magic {