Making WordPress.org

Changeset 13214


Ignore:
Timestamp:
02/15/2024 05:34:21 PM (2 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:
1 edited

Legend:

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

    r12590 r13214  
    2828$user_class = $showcase ? 'col-12' : 'col-2';
    2929
    30 $wp20_url = 'https://wp20.wordpress.net/';
    31 if ( is_object( $rosetta ) && isset( $rosetta->locale ) ) {
    32     $wp20_url .= '?locale=' . $rosetta->locale;
    33 }
     30$banner_url = 'https://wordpress.org/state-of-the-word/';
    3431
    3532// The blocks code sets up the layout, but there is also inline CSS to refine things that aren't supported in classic themes.
    3633$banner_blocks = '<!-- wp:wporg/link-wrapper {"align":"full","layout":{"type":"constrained"}} -->
    37 <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"}} -->
    38 <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"} -->
    39 <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>
     34<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"}} -->
     35<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"} -->
     36<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>
    4037<!-- /wp:image -->
    4138
    42 <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.1"}}} -->
    43 <p style="line-height:1.1">' . __( 'Join a celebration online or around the globe for the 20th anniversary of WordPress. ↗', 'wporg' ) . '</p>
     39<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6","fontSize":"14px"}}} -->
     40<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>
    4441<!-- /wp:paragraph --></div>
    4542<!-- /wp:group --></a>
     
    6057        }
    6158        @media (max-width: 499px) {
    62             .wp-block-wporg-link-wrapper p {
    63                 font-size: 13px !important;
    64                 line-height: 1.2 !important;
     59            .wp-block-wporg-link-wrapper > .wp-block-group {
     60                flex-direction: column;
     61                gap: 16px !important;
    6562            }
    6663        }
Note: See TracChangeset for help on using the changeset viewer.