diff --git a/www/assets/css/pagestyle2.css b/www/assets/css/pagestyle2.css index 897c468c92..951f7a8130 100644 --- a/www/assets/css/pagestyle2.css +++ b/www/assets/css/pagestyle2.css @@ -2898,7 +2898,7 @@ body.result #main { @media (min-width: 70em) { .home_feature_hed_contain { - background-position: bottom -32px left 50%, bottom -50px left 50%; + background-position: bottom -32px left 50%, bottom -15px left 50%; } } @@ -2952,13 +2952,15 @@ body.result #main { @media (prefers-reduced-motion: no-preference) { .home_feature_hed, .home_feature_hed-pro, - .home_feature_hed-cc { + .home_feature_hed-cc, + .home_feature_hed-sonar { transition: opacity 1.5s ease-out, transform 1.5s ease-out; } } .home_feature_hed-main, .home_feature_hed-lfwp, +.home_feature_hed-sonar, .home_feature_hed-cc { position: absolute; top: 0; @@ -3002,8 +3004,10 @@ body.result #main { } .home:not(.feature-pro) .home_feature_hed-pro, +.home:not(.feature-sonar) .home_feature_hed-sonar, .home:not(.feature-cc) .home_feature_hed-cc, .home:not(.feature-lfwp) .home_feature_hed-lfwp, +.home.feature-sonar .home_feature_hed-main, .home.feature-lfwp .home_feature_hed-main, .home.feature-pro .home_feature_hed-main, .home.feature-cc .home_feature_hed-main { @@ -3016,6 +3020,7 @@ body.result #main { overflow: hidden; } + .home.feature-lfwp .home_feature_hed_contain { background-color: #352a20; background-image: url(/assets/images/wpt_home_swoop.svg), @@ -3125,6 +3130,7 @@ header .pro-flag { .home_feature_hed, .home_feature_hed-pro, .home_feature_hed-cc, +.home_feature_hed-sonar, .home_feature_main { display: flex; margin: 0 auto; @@ -3134,12 +3140,22 @@ header .pro-flag { align-items: flex-start; } +@media (max-width: 60em) { + .home_feature_hed, + .home_feature_hed-pro, + .home_feature_hed-cc, + .home_feature_hed-sonar, + .home_feature_main { + padding-bottom: 11rem; + } +} @media (min-width: 60em) { .home_feature_hed, .home_feature_hed-pro, .home_feature_hed-cc, + .home_feature_hed-sonar, .home_feature_main { - padding-bottom: 3rem; + padding-bottom: 11rem; } } @@ -3364,6 +3380,12 @@ header .pro-flag { object-fit: contain; height: auto; } + +.home_feature_hed-sonar .home_feature_hed_visual { + border: 0px; + background: #000; +} + .home_feature_hed-cc .home_feature_hed_visual { box-shadow: 0px 0px 5px 3px #d3dfef; } @@ -3426,7 +3448,7 @@ header .pro-flag { .home_feature_hed { display: block; - padding: 2rem 0; + padding: 2rem 0 5rem; } .home_feature .home_feature_hed .attention { @@ -3483,14 +3505,19 @@ header .pro-flag { @media (min-width: 40em) { .home_feature_hed-pro-loggedin { - padding-bottom: 5rem; - } + padding-bottom: 8rem; + } } @media (min-width: 60em) { .home_feature_hed-pro-loggedin { - padding-bottom: 9rem; - padding-top: 2rem; + padding-bottom: 13rem; + } +} + +@media (max-width: 70em) { + .home_feature_hed-pro-loggedin .home_feature_hed_visual { + display: none; } } @@ -6500,6 +6527,11 @@ th.header { margin-top: -1em; } +.alert-banner-promo img { + margin: unset; + top: 0.5em; +} + .alert-banner a, .alert-banner-twitch a { display: block; @@ -6509,6 +6541,17 @@ th.header { color: #fff; } +.alert-banner-promo { + font-size: 1.0em; + padding: 1em; + color: #154281; + background: #79cdfb; +} + +.alert-banner-promo a { + color: #154281; +} + @media screen and (min-width: 35em) { .alert-banner { grid-column: 1 / 13; diff --git a/www/assets/images/wpt_home_featureimg-sonar.webp b/www/assets/images/wpt_home_featureimg-sonar.webp new file mode 100644 index 0000000000..5be586c6f3 Binary files /dev/null and b/www/assets/images/wpt_home_featureimg-sonar.webp differ diff --git a/www/home_header.php b/www/home_header.php index 57ef9fd399..3b980fe603 100644 --- a/www/home_header.php +++ b/www/home_header.php @@ -11,13 +11,21 @@

You're ready to go! Enjoy premium locations, bulk runs, test priority, our API, & No-Code Experiments!

- +
+
+

Live Internet Outages Map (NEW)

+

Gain visibility into internet outages and pinpoint the root cause of poor web performance.

+ Try Internet Sonar for Free >> +
+
+ Gain visibility into internet outages and pinpoint the root cause of poor web performance. +
+

Test. Experiment. Improve!

WebPageTest. The gold standard in web performance testing.

-
screenshot of wpt results page @@ -32,18 +40,26 @@
screenshot of wpt results page
-

Introducing Carbon Control Experimental

New in WebPageTest! Measure your site's carbon footprint and run No-Code Experiments to find ways to improve.

-
screenshot of wpt results page
+
+
+

Live Internet Outages Map (NEW)

+

Gain visibility into internet outages and pinpoint the root cause of poor web performance.

+ Try Internet Sonar for Free >> +
+
+ Gain visibility into internet outages and pinpoint the root cause of poor web performance. +
+

Say hello to

@@ -59,40 +75,49 @@
-
- - - - - - - diff --git a/www/include/home-subsections.inc b/www/include/home-subsections.inc index c2cd812875..5c7b8332f6 100644 --- a/www/include/home-subsections.inc +++ b/www/include/home-subsections.inc @@ -3,7 +3,7 @@ $quotes = array( array( 'quote' => 'The best professional web performance investigators I know use WPT as a critical part of their workflows, and it\'s the center or mine.', - 'author' => 'Alex Russel Program Manager, Microsoft Edge' + 'author' => 'Alex Russell Program Manager, Microsoft Edge' ), /* array('quote' => 'Experiments are a game changer for quantifying the speed impact of performance optimizations. What took days of technical work is now just a few clicks. Not only will this save tons of time, it will let us test and iterate ideas to find the right mix of recommendations efficiently.
I’m blown away this exists, it feels like magic.', 'author' => 'Todd Parker Partner, Filament Group'), diff --git a/www/templates/layouts/includes/wpt-header.php b/www/templates/layouts/includes/wpt-header.php index b5004f8c2e..ae69bf0f4c 100644 --- a/www/templates/layouts/includes/wpt-header.php +++ b/www/templates/layouts/includes/wpt-header.php @@ -92,6 +92,15 @@ function addTab($tabName, $tabUrl, $addClass = '') +
+ +

Live Internet Outages Map (NEW)

+
+
+ +

For Enterprise:
Internet Performance Monitoring