From 49a1ced965b2e193bbcbc1f2c3a93f5a63b7dc6e Mon Sep 17 00:00:00 2001 From: Camillo Bruni Date: Thu, 16 Jul 2026 13:50:11 +0200 Subject: [PATCH 1/5] update-landing-page-pos --- index.html | 34 +++++++++++++----------- resources/main.css | 66 ++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 85 insertions(+), 15 deletions(-) diff --git a/index.html b/index.html index 31ba85ee4..12d55b089 100644 --- a/index.html +++ b/index.html @@ -15,22 +15,26 @@ Speedometer -
-

Speedometer is a browser benchmark that measures the responsiveness of Web applications. It uses demo web applications to simulate user actions such as adding to-do items.

-

- - Your browser window is too small. For most accurate results, please make the view port size at least 850px by 650px.
- It's currently . - -

-
-
-
- +
+
+

Speedometer is a browser benchmark that measures the responsiveness of Web applications. It uses demo web applications to simulate user actions such as adding to-do items.

+

+ + Your browser window is too small. For most accurate results, please make the view port size at least 850px by 650px.
+ It's currently . + +

-
- About Speedometer - Test Instructions +
+
+ +
+
+
+
+ About Speedometer + Test Instructions +
diff --git a/resources/main.css b/resources/main.css index 86c8207ed..0f1b225f7 100644 --- a/resources/main.css +++ b/resources/main.css @@ -409,6 +409,72 @@ section#home .content { text-align: center; } +section:not(#details) .buttons.section-footer { + position: absolute; + bottom: var(--padding-width); + left: var(--padding-width); + width: var(--viewport-width); + box-sizing: border-box; + margin: 0; + padding: 15px 20px; + display: flex; + justify-content: space-around; + align-items: center; + background-color: var(--background); + z-index: 10; +} + +section:not(#details) .buttons.section-footer .button-row { + display: flex; + justify-content: space-around; + align-items: center; + width: 100%; + margin: 0; +} + +section#about .section-content, +section#instructions .section-content { + padding-bottom: 70px; +} + +section:not(#details) .buttons.section-footer a, +section:not(#details) .buttons.section-footer .button { + appearance: none; + border: 2px solid var(--foreground); + border-radius: 8px; + min-width: 160px; + padding: 6px 15px; + margin: 0 10px; + font-size: 16px; + color: var(--foreground); + background-color: transparent; + cursor: pointer; + user-select: none; + box-sizing: border-box; + text-decoration: none; +} + +section:not(#details) .buttons.section-footer a:active, +section:not(#details) .buttons.section-footer .button:active { + background-color: var(--foreground); + color: var(--background); + border-color: var(--foreground) !important; +} + +section:not(#details) .buttons.section-footer a:focus, +section:not(#details) .buttons.section-footer .button:focus { + outline: none; + border-color: var(--highlight); +} + +section#home > .buttons:not(.section-footer) { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + margin: 0; +} + button.show-about { margin-top: 100px; font-size: 16px; From 716ed3ae5666cd03c04b8f0a7cd80e013a1458da Mon Sep 17 00:00:00 2001 From: Camillo Bruni Date: Thu, 16 Jul 2026 14:01:48 +0200 Subject: [PATCH 2/5] cleanup --- about.html | 2 +- index.html | 2 +- instructions.html | 2 +- resources/main.css | 18 +++++++++--------- 4 files changed, 12 insertions(+), 12 deletions(-) diff --git a/about.html b/about.html index 02db762a1..bd1b8d031 100644 --- a/about.html +++ b/about.html @@ -92,7 +92,7 @@

About Speedometer

-
+
Home Test Instructions diff --git a/index.html b/index.html index 12d55b089..d25af24d8 100644 --- a/index.html +++ b/index.html @@ -30,7 +30,7 @@
-
+
About Speedometer Test Instructions diff --git a/instructions.html b/instructions.html index 0d5ac2043..a7149fb02 100644 --- a/instructions.html +++ b/instructions.html @@ -29,7 +29,7 @@

Speedometer General Instructions

  • Some devices might need time to cool down between consecutive runs.
    • -
    +
    Home About diff --git a/resources/main.css b/resources/main.css index 0f1b225f7..859523dbf 100644 --- a/resources/main.css +++ b/resources/main.css @@ -409,7 +409,7 @@ section#home .content { text-align: center; } -section:not(#details) .buttons.section-footer { +.fixed-footer { position: absolute; bottom: var(--padding-width); left: var(--padding-width); @@ -424,7 +424,7 @@ section:not(#details) .buttons.section-footer { z-index: 10; } -section:not(#details) .buttons.section-footer .button-row { +.fixed-footer .button-row { display: flex; justify-content: space-around; align-items: center; @@ -437,8 +437,8 @@ section#instructions .section-content { padding-bottom: 70px; } -section:not(#details) .buttons.section-footer a, -section:not(#details) .buttons.section-footer .button { +.fixed-footer a, +.fixed-footer .button { appearance: none; border: 2px solid var(--foreground); border-radius: 8px; @@ -454,20 +454,20 @@ section:not(#details) .buttons.section-footer .button { text-decoration: none; } -section:not(#details) .buttons.section-footer a:active, -section:not(#details) .buttons.section-footer .button:active { +.fixed-footer a:active, +.fixed-footer .button:active { background-color: var(--foreground); color: var(--background); border-color: var(--foreground) !important; } -section:not(#details) .buttons.section-footer a:focus, -section:not(#details) .buttons.section-footer .button:focus { +.fixed-footer a:focus, +.fixed-footer .button:focus { outline: none; border-color: var(--highlight); } -section#home > .buttons:not(.section-footer) { +section#home .buttons:not(.section-footer) { position: absolute; top: 50%; left: 50%; From 67079dd43bf0961ad3e6ee538ff74b5fe93d829a Mon Sep 17 00:00:00 2001 From: Camillo Bruni Date: Thu, 16 Jul 2026 14:23:13 +0200 Subject: [PATCH 3/5] pre-format --- resources/main.css | 30 +++++------------------------- 1 file changed, 5 insertions(+), 25 deletions(-) diff --git a/resources/main.css b/resources/main.css index 859523dbf..518678ee0 100644 --- a/resources/main.css +++ b/resources/main.css @@ -206,13 +206,15 @@ button, user-select: none; } -.buttons button:active { +.buttons button:active, +.buttons .button:active { background-color: var(--foreground); color: var(--background); border-color: var(--foreground) !important; } -.buttons button:focus { +.buttons button:focus, +.buttons .button:focus { outline: none; border-color: var(--highlight); } @@ -425,8 +427,6 @@ section#home .content { } .fixed-footer .button-row { - display: flex; - justify-content: space-around; align-items: center; width: 100%; margin: 0; @@ -439,32 +439,12 @@ section#instructions .section-content { .fixed-footer a, .fixed-footer .button { - appearance: none; - border: 2px solid var(--foreground); + border-width: 2px; border-radius: 8px; min-width: 160px; padding: 6px 15px; margin: 0 10px; font-size: 16px; - color: var(--foreground); - background-color: transparent; - cursor: pointer; - user-select: none; - box-sizing: border-box; - text-decoration: none; -} - -.fixed-footer a:active, -.fixed-footer .button:active { - background-color: var(--foreground); - color: var(--background); - border-color: var(--foreground) !important; -} - -.fixed-footer a:focus, -.fixed-footer .button:focus { - outline: none; - border-color: var(--highlight); } section#home .buttons:not(.section-footer) { From 1afd19ba23e25d72dad4538c3974dd7cef1b5a41 Mon Sep 17 00:00:00 2001 From: Camillo Bruni Date: Thu, 16 Jul 2026 15:37:07 +0200 Subject: [PATCH 4/5] cleanup --- index.html | 4 ++-- resources/main.css | 34 ++++++++++++++++++---------------- 2 files changed, 20 insertions(+), 18 deletions(-) diff --git a/index.html b/index.html index d25af24d8..7891bb7f7 100644 --- a/index.html +++ b/index.html @@ -27,7 +27,7 @@
    - +
    @@ -72,7 +72,7 @@

    Score

    - Details + Details
    diff --git a/resources/main.css b/resources/main.css index 518678ee0..65820fd2f 100644 --- a/resources/main.css +++ b/resources/main.css @@ -194,16 +194,25 @@ button, .buttons button, .buttons .button { appearance: none; + border: 2px solid var(--foreground); + border-radius: 8px; + min-width: 160px; + padding: 6px 15px; + margin: 0 10px; + font-size: 16px; + color: var(--foreground); + background-color: transparent; + cursor: pointer; + user-select: none; +} + +.primary-button { border: 3px solid var(--foreground); border-radius: 10px; min-width: 200px; padding: 5px 0px; margin: 0 20px; font-size: 25px; - color: var(--foreground); - background-color: transparent; - cursor: pointer; - user-select: none; } .buttons button:active, @@ -437,15 +446,7 @@ section#instructions .section-content { padding-bottom: 70px; } -.fixed-footer a, -.fixed-footer .button { - border-width: 2px; - border-radius: 8px; - min-width: 160px; - padding: 6px 15px; - margin: 0 10px; - font-size: 16px; -} + section#home .buttons:not(.section-footer) { position: absolute; @@ -572,12 +573,13 @@ section#details .results-table { width: 50%; } -section#details .export-buttons { +.export-buttons { justify-content: center; margin-bottom: 0; } -section#details .export-buttons button, -section#details .export-buttons .button { + +.export-buttons button, +.export-buttons .button { padding: 5px 10px; min-width: auto; font-size: 14px; From 30aa977eca47a51e65644978d9b13617a25e341f Mon Sep 17 00:00:00 2001 From: Camillo Bruni Date: Thu, 16 Jul 2026 15:38:36 +0200 Subject: [PATCH 5/5] formatting --- resources/main.css | 2 -- 1 file changed, 2 deletions(-) diff --git a/resources/main.css b/resources/main.css index 65820fd2f..e06ffc25c 100644 --- a/resources/main.css +++ b/resources/main.css @@ -446,8 +446,6 @@ section#instructions .section-content { padding-bottom: 70px; } - - section#home .buttons:not(.section-footer) { position: absolute; top: 50%;