From 34c9973300f85a95702fbf5422699b5ddba9c373 Mon Sep 17 00:00:00 2001 From: Camillo Bruni Date: Fri, 29 Aug 2025 11:24:48 +0200 Subject: [PATCH 1/5] fix --- JetStream.css | 9 +++++---- JetStreamDriver.js | 6 +----- index.html | 2 -- 3 files changed, 6 insertions(+), 11 deletions(-) diff --git a/JetStream.css b/JetStream.css index 948754fe..d7443509 100644 --- a/JetStream.css +++ b/JetStream.css @@ -314,6 +314,9 @@ a.button { justify-content: space-around; animation: fadein 500ms ease-out forwards; opacity: 0; + overflow-y: auto; + height: auto; + max-height: 80vh; } .benchmark { @@ -325,7 +328,8 @@ a.button { color: var(--text-color-very-subtle); font-size: 1.6rem; margin: 0 1.6rem 3rem 0; - + scroll-margin-top: 20vh; + scroll-margin-bottom: 20vh; } .benchmark h4, @@ -359,9 +363,6 @@ a.button { background-color: transparent; background-image: none; -webkit-touch-callout: revert; - -webkit-user-select: text; - -moz-user-select: text; - -ms-user-select: text; user-select: text; } diff --git a/JetStreamDriver.js b/JetStreamDriver.js index 0ef099ba..9e968a54 100644 --- a/JetStreamDriver.js +++ b/JetStreamDriver.js @@ -362,9 +362,6 @@ class Driver { if (!isInBrowser) return; - for (let f = 0; f < 5; f++) - text += `
`; - const timestamp = performance.now(); document.getElementById('jetstreams').style.backgroundImage = `url('jetstreams.svg?${timestamp}')`; const resultsTable = document.getElementById("results"); @@ -1064,10 +1061,9 @@ class Benchmark { } updateUIBeforeRunInBrowser() { - const containerUI = document.getElementById("results"); const resultsBenchmarkUI = document.getElementById(`benchmark-${this.name}`); - containerUI.insertBefore(resultsBenchmarkUI, containerUI.firstChild); resultsBenchmarkUI.classList.add("benchmark-running"); + resultsBenchmarkUI.scrollIntoView({ block: "nearest" }); for (const id of this.scoreIdentifiers()) document.getElementById(id).innerHTML = "..."; diff --git a/index.html b/index.html index 98992b58..4f506dcf 100644 --- a/index.html +++ b/index.html @@ -64,9 +64,7 @@ } } - -

From eb6979fa595709f6d2039ec86a5e9d6c6549054f Mon Sep 17 00:00:00 2001 From: Camillo Bruni Date: Fri, 29 Aug 2025 12:14:27 +0200 Subject: [PATCH 2/5] more fix --- JetStream.css | 46 +++++++++++++++++++++++----------------------- 1 file changed, 23 insertions(+), 23 deletions(-) diff --git a/JetStream.css b/JetStream.css index d7443509..4563852a 100644 --- a/JetStream.css +++ b/JetStream.css @@ -39,6 +39,7 @@ --benchmark-heading-color: rgb(183, 183, 183); --benchmark-error-text-color: #ff8686; --benchmark-done-result-color: #4A4A4A; + --gap: 3rem; } html, @@ -46,11 +47,15 @@ svg text { font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif; font-size: 62.5%; font-synthesis: none; + height: 100vh; } body { - margin: 0; + display: flex; + flex-direction: column; + gap: var(--gap); font-size: 1.6rem; + margin: 0 var(--gap) 0 var(--gap); font-weight: 400; line-height: 1.4; background-repeat: no-repeat; @@ -58,6 +63,8 @@ body { background-size: 100vw; padding-bottom: 0px; background-image: url('clouds.svg'); + overflow-y: hidden; + height: 100%; } ::selection { @@ -66,24 +73,27 @@ body { } main { - display: block; + display: flex; + flex-direction: column; + gap: var(--gap); max-width: 1180px; - margin: auto; text-align: center; + flex: 1; + overflow: hidden; +} + +main p { + margin: 0; } img { - -webkit-user-select: none; -webkit-user-drag: none; + user-select: none; } .logo { box-sizing: border-box; width: 100%; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; user-select: none; perspective: 600; } @@ -127,11 +137,6 @@ img { text-align: center; } -.summary+.summary { - padding-top: 5px; - margin-top: 5px; -} - .summary:empty { display: none; } @@ -139,7 +144,7 @@ img { article, .summary { max-width: 70rem; - margin: 0 auto 1rem; + margin: 0 auto 0 auto; opacity: 0; animation: fadein 0.5s ease-in-out forwards; animation-delay: 200ms; @@ -170,7 +175,6 @@ h6 { p { text-align: left; color: var(--text-color-secondary); - margin: 0 0 3rem 0; } h5, @@ -204,10 +208,6 @@ a:active { color: var(--link-hover-color); } -#status { - margin: 2rem 0rem; -} - #status label, a.button { display: inline-block; @@ -312,11 +312,12 @@ a.button { display: flex; flex-wrap: wrap; 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; - height: auto; - max-height: 80vh; + overflow-y: auto; + flex: 1; } .benchmark { @@ -327,7 +328,6 @@ a.button { text-align: left; color: var(--text-color-very-subtle); font-size: 1.6rem; - margin: 0 1.6rem 3rem 0; scroll-margin-top: 20vh; scroll-margin-bottom: 20vh; } From 63e3be4ef7419ca3465ee8ecaec68c32c2fa15b1 Mon Sep 17 00:00:00 2001 From: Camillo Bruni Date: Fri, 29 Aug 2025 12:22:28 +0200 Subject: [PATCH 3/5] fix margins --- JetStream.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/JetStream.css b/JetStream.css index 4563852a..b3f5cc1a 100644 --- a/JetStream.css +++ b/JetStream.css @@ -54,8 +54,8 @@ body { display: flex; flex-direction: column; gap: var(--gap); + margin: 0; font-size: 1.6rem; - margin: 0 var(--gap) 0 var(--gap); font-weight: 400; line-height: 1.4; background-repeat: no-repeat; @@ -76,6 +76,8 @@ main { display: flex; flex-direction: column; gap: var(--gap); + margin: 0 auto; + padding: 0 var(--gap); max-width: 1180px; text-align: center; flex: 1; @@ -153,6 +155,7 @@ article, h1 { color: var(--text-color-primary); text-align: center; + margin-bottom: 0; } @@ -318,6 +321,8 @@ a.button { opacity: 0; overflow-y: auto; flex: 1; + padding-bottom: var(--gap); + box-sizing: border-box; } .benchmark { From d78e2fda575d1a53b2e0b9ddafbdf5ffb1892309 Mon Sep 17 00:00:00 2001 From: Camillo Bruni Date: Fri, 29 Aug 2025 12:43:18 +0200 Subject: [PATCH 4/5] more cleanup --- JetStream.css | 38 +++++++++++++++++++------------------- in-depth.html | 4 ++-- index.html | 2 ++ 3 files changed, 23 insertions(+), 21 deletions(-) diff --git a/JetStream.css b/JetStream.css index b3f5cc1a..e3865a2b 100644 --- a/JetStream.css +++ b/JetStream.css @@ -40,6 +40,7 @@ --benchmark-error-text-color: #ff8686; --benchmark-done-result-color: #4A4A4A; --gap: 3rem; + --width: 200px; } html, @@ -67,6 +68,15 @@ body { height: 100%; } +.overflow-scroll { + overflow-y: auto; +} + +.overflow-visible { + overflow: visible; +} + + ::selection { background-color: var(--color-primary); color: var(--text-color-inverse); @@ -152,6 +162,11 @@ article, animation-delay: 200ms; } +article { + display: flex; + flex-direction: column; + gap: var(--gap); +} h1 { color: var(--text-color-primary); text-align: center; @@ -222,11 +237,10 @@ a.button { color: var(--text-color-inverse); border: 1px solid var(--button-color-primary); border-radius: 2px; - padding: 0.3rem 9rem 0.5rem; + padding: 0.3rem 0.3rem 0.5rem; + text-align: center; + width: var(--width); -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; user-select: none; } @@ -256,9 +270,6 @@ a.button { -webkit-background-clip: text; background-repeat: no-repeat; -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; user-select: none; } @@ -329,7 +340,7 @@ a.button { position: relative; flex: 1; max-width: 20%; - min-width: 200px; + min-width: var(--width); text-align: left; color: var(--text-color-very-subtle); font-size: 1.6rem; @@ -551,15 +562,4 @@ dt:target { #jetstreams { background-size: 200%; } - - - article, - .summary { - padding-top: 10rem; - margin: 0 1rem; - } - - a.button { - padding: 0.3rem 6rem 0.5rem; - } } \ No newline at end of file diff --git a/in-depth.html b/in-depth.html index 2aa3bc52..8e44c0d0 100644 --- a/in-depth.html +++ b/in-depth.html @@ -32,13 +32,13 @@ - +

-
+

In-Depth Analysis

diff --git a/index.html b/index.html index 4f506dcf..98992b58 100644 --- a/index.html +++ b/index.html @@ -64,7 +64,9 @@ } } + +

From 9b56bea70c39e1aae7d3691a3a6ea5d62c090515 Mon Sep 17 00:00:00 2001 From: Camillo Bruni Date: Fri, 29 Aug 2025 12:45:45 +0200 Subject: [PATCH 5/5] newline --- JetStream.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/JetStream.css b/JetStream.css index e3865a2b..b510f02f 100644 --- a/JetStream.css +++ b/JetStream.css @@ -562,4 +562,4 @@ dt:target { #jetstreams { background-size: 200%; } -} \ No newline at end of file +}