Changeset 13214

Timestamp:

02/15/2024 05:34:21 PM (10 months ago)

Author:

ryelle

Message:

Main: Update the homepage banner to link to State of the Word.

This brings the Rosetta sites that haven't transitioned to the new theme up to date with the main site's homepage.

Props nukaga, adamwood.
See ​https://github.com/WordPress/wordpress.org/pull/179.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/front-page.php (modified) (2 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/front-page.php

@@ -28 +28 @@
 $user_class = $showcase ? 'col-12' : 'col-2';
 
-$wp20_url = 'https://wp20.wordpress.net/';
-if ( is_object( $rosetta ) && isset( $rosetta->locale ) ) {
-    $wp20_url .= '?locale=' . $rosetta->locale;
-}
+$banner_url = 'https://wordpress.org/state-of-the-word/';
 
 // The blocks code sets up the layout, but there is also inline CSS to refine things that aren't supported in classic themes.
 $banner_blocks = '<!-- wp:wporg/link-wrapper {"align":"full","layout":{"type":"constrained"}} -->
-<a class="wp-block-wporg-link-wrapper alignfull" style="background-color:#0a4b78;color:#fff;font-size:16px;" href="' . $wp20_url . '"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
-<div class="wp-block-group" style="padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;gap:10px;"><!-- wp:image {"width":45,"height":29,"sizeSlug":"full","linkDestination":"none"} -->
-<figure class="wp-block-image size-full is-resized" style="flex-shrink: 0;"><img src="https://wordpress.org/files/2023/05/wp20-logo-white.png" alt="" width="45" height="29" /></figure>
+<a class="wp-block-wporg-link-wrapper alignfull" style="background-color:#000000;color:#fff;font-size:16px;" href="' . $banner_url . '"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
+<div class="wp-block-group" style="padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;gap:40px;max-width:50rem"><!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
+<figure class="wp-block-image size-full is-resized" style="flex-shrink: 0;flex-basis:45%"><img src="https://wordpress.org/files/2023/12/sotw-dotorg-drawer.png" alt="' . __( 'State of the Word', 'wporg' ) . '" /></figure>
 <!-- /wp:image -->
 
-<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.1"}}} -->
-<p style="line-height:1.1">' . __( 'Join a celebration online or around the globe for the 20th anniversary of WordPress. ↗', 'wporg' ) . '</p>
+<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6","fontSize":"14px"}}} -->
+<p style="font-size:14px;line-height:1.6">' . __( 'Watch State of the Word, the annual keynote address delivered by the WordPress project&#039;s co-founder, Matt Mullenweg, recorded on Dec. 11, live from Madrid.', 'wporg' ) . ' ↗</p>
 <!-- /wp:paragraph --></div>
 <!-- /wp:group --></a>
@@ -60 +57 @@
         }
         @media (max-width: 499px) {
-            .wp-block-wporg-link-wrapper p {
-                font-size: 13px !important;
-                line-height: 1.2 !important;
+            .wp-block-wporg-link-wrapper > .wp-block-group {
+                flex-direction: column;
+                gap: 16px !important;
             }
         }