Making WordPress.org


Ignore:
Timestamp:
01/24/2022 02:56:38 AM (3 years ago)
Author:
dd32
Message:

Trac: Add a PHP script to update the trac header/footer scripts with the new WordPress.org header.

(And update the templates to the new header/footer).

See https://github.com/WordPress/wporg-mu-plugins/issues/100
Closes https://github.com/WordPress/wordpress.org/pull/50

File:
1 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/trac.wordpress.org/templates/wporg-header.html

    r10519 r11462  
    11<!DOCTYPE html>
    2 <html xmlns="http://www.w3.org/1999/xhtml"
    3       xmlns:py="http://genshi.edgewall.org/"
    4       py:strip="">
    5 
    6 <div id="wporg-header">
    7     <div class="wrapper">
    8         <h1><a href="https://wordpress.org">WordPress.org</a></h1>
    9 
    10         <div id="head-search">
    11             <form action="https://wordpress.org/search/do-search.php" method="get">
    12                 <label for="global-search" class="screen-reader-text">Search WordPress.org for:</label>
    13                 <input id="global-search" class="text" name="search" type="text" value="" maxlength="150" placeholder="Search WordPress.org" />
    14                 <button type="submit" class="button"><span class="screen-reader-text">Submit</span></button>
    15             </form>
    16         </div>
    17         <div style="clear:both"></div>
    18         <button id="mobile-menu-button" aria-expanded="false"><span class="screen-reader-text">Toggle Menu</span></button>
    19         <ul id="wporg-header-menu">
    20             <li><a href="https://wordpress.org/showcase/" data-title="See some of the sites built on WordPress.">Showcase</a></li>
    21             <li><a href="https://learn.wordpress.org/" data-title="Resources to help you learn more about WordPress and teach it to others.">Learn</a></li>
    22             <li><a href="https://wordpress.org/themes/" data-title="Find just the right look for your website.">Themes</a></li>
    23             <li><a href="https://wordpress.org/plugins/" data-title="Plugins can extend WordPress to do almost anything you can imagine."
    24                 class="${'current' if project_slug == 'plugins' else None}">Plugins</a>
    25                 <div class="uparrow"></div>
    26             </li>
    27             <li><a href="https://wordpress.org/mobile/" data-title="Take your website on the go!">Mobile</a></li>
    28             <li><a href="https://wordpress.org/support/" data-title="Forums, documentation, help.">Support</a>
    29                 <ul class="nav-submenu">
    30                     <li><a href="https://wordpress.org/support/" data-title="Documentation, tutorials, best practices.">Documentation</a></li>
    31                     <li><a href="https://wordpress.org/support/forums/" data-title="Support and discussion forums.">Forums</a></li>
    32                 </ul>
    33                 <div class="uparrow"></div>
    34             </li>
    35             <li><a href="https://make.wordpress.org/" data-title="Contribute your knowledge."
    36                    class="${'current' if project_slug != 'plugins' else None}">Get Involved</a>
    37                 <div class="uparrow"></div>
    38             </li>
    39             <li><a href="https://wordpress.org/about/" data-title="About the WordPress Organization, and where we're going.">About</a></li>
    40             <li><a href="https://wordpress.org/news/" data-title="Come here for the latest scoop.">Blog</a></li>
    41             <li><a href="https://wordpress.org/hosting/" data-title="Find a home for your blog.">Hosting</a></li>
    42             <li id="download" class="button download-button"><a href="https://wordpress.org/download/" data-title="Get it. Got it? Good.">Get WordPress</a></li>
    43         </ul>
    44         <div style="clear:both"></div>
    45     </div>
    46 </div>
    47 
     2<html xmlns="http://www.w3.org/1999/xhtml" xmlns:py="http://genshi.edgewall.org/" py:strip="">
     3        <a id="wporg-skip-link" tabindex="" class="skip-link screen-reader-text" href="#main" data-selector="#main">Skip to content</a>
     4<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P24PF4B" height="0" width="0" style="display:none;visibility:hidden"/></noscript>
     5    <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"><defs><filter id="wp-duotone-dark-grayscale"><fecolormatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "/><fecomponenttransfer color-interpolation-filters="sRGB"><fefuncr type="table" tablevalues="0 0.49803921568627"/><fefuncg type="table" tablevalues="0 0.49803921568627"/><fefuncb type="table" tablevalues="0 0.49803921568627"/><fefunca type="table" tablevalues="1 1"/></fecomponenttransfer><fecomposite in2="SourceGraphic" operator="in"/></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"><defs><filter id="wp-duotone-grayscale"><fecolormatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "/><fecomponenttransfer color-interpolation-filters="sRGB"><fefuncr type="table" tablevalues="0 1"/><fefuncg type="table" tablevalues="0 1"/><fefuncb type="table" tablevalues="0 1"/><fefunca type="table" tablevalues="1 1"/></fecomponenttransfer><fecomposite in2="SourceGraphic" operator="in"/></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"><defs><filter id="wp-duotone-purple-yellow"><fecolormatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "/><fecomponenttransfer color-interpolation-filters="sRGB"><fefuncr type="table" tablevalues="0.54901960784314 0.98823529411765"/><fefuncg type="table" tablevalues="0 1"/><fefuncb type="table" tablevalues="0.71764705882353 0.25490196078431"/><fefunca type="table" tablevalues="1 1"/></fecomponenttransfer><fecomposite in2="SourceGraphic" operator="in"/></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"><defs><filter id="wp-duotone-blue-red"><fecolormatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "/><fecomponenttransfer color-interpolation-filters="sRGB"><fefuncr type="table" tablevalues="0 1"/><fefuncg type="table" tablevalues="0 0.27843137254902"/><fefuncb type="table" tablevalues="0.5921568627451 0.27843137254902"/><fefunca type="table" tablevalues="1 1"/></fecomponenttransfer><fecomposite in2="SourceGraphic" operator="in"/></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"><defs><filter id="wp-duotone-midnight"><fecolormatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "/><fecomponenttransfer color-interpolation-filters="sRGB"><fefuncr type="table" tablevalues="0 0"/><fefuncg type="table" tablevalues="0 0.64705882352941"/><fefuncb type="table" tablevalues="0 1"/><fefunca type="table" tablevalues="1 1"/></fecomponenttransfer><fecomposite in2="SourceGraphic" operator="in"/></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"><defs><filter id="wp-duotone-magenta-yellow"><fecolormatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "/><fecomponenttransfer color-interpolation-filters="sRGB"><fefuncr type="table" tablevalues="0.78039215686275 1"/><fefuncg type="table" tablevalues="0 0.94901960784314"/><fefuncb type="table" tablevalues="0.35294117647059 0.47058823529412"/><fefunca type="table" tablevalues="1 1"/></fecomponenttransfer><fecomposite in2="SourceGraphic" operator="in"/></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"><defs><filter id="wp-duotone-purple-green"><fecolormatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "/><fecomponenttransfer color-interpolation-filters="sRGB"><fefuncr type="table" tablevalues="0.65098039215686 0.40392156862745"/><fefuncg type="table" tablevalues="0 1"/><fefuncb type="table" tablevalues="0.44705882352941 0.4"/><fefunca type="table" tablevalues="1 1"/></fecomponenttransfer><fecomposite in2="SourceGraphic" operator="in"/></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"><defs><filter id="wp-duotone-blue-orange"><fecolormatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "/><fecomponenttransfer color-interpolation-filters="sRGB"><fefuncr type="table" tablevalues="0.098039215686275 1"/><fefuncg type="table" tablevalues="0 0.66274509803922"/><fefuncb type="table" tablevalues="0.84705882352941 0.41960784313725"/><fefunca type="table" tablevalues="1 1"/></fecomponenttransfer><fecomposite in2="SourceGraphic" operator="in"/></filter></defs></svg>
     6<header class="wp-container-61ee14d57941a wp-block-group alignfull global-header">
     7    <figure class="wp-block-image is-resized global-header__wporg-logo-mark">
     8        <a href="https://wordpress.org/">
     9            <img src="https://wordpress.org/style/images/w-mark.svg" alt="WordPress.org" width="27" height="27"/>
     10        </a>
     11    </figure>
     12    <figure class="wp-block-image is-resized global-header__wporg-logo-full">
     13        <a href="https://wordpress.org/">
     14            <img src="https://wordpress.org/wp-content/mu-plugins/pub-sync/blocks/global-header-footer/images/wporg-logo.svg" alt="WordPress.org" width="160" height="24"/>
     15        </a>
     16    </figure>
     17    <nav class="wp-container-61ee14d5780e4 is-responsive global-header__navigation wp-block-navigation"><button aria-haspopup="true" aria-label="Open menu" class="wp-block-navigation__responsive-container-open " data-micromodal-trigger="modal-61ee14d577201"><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" role="img" aria-hidden="true" focusable="false"><rect x="4" y="7.5" width="16" height="1.5"/><rect x="4" y="15" width="16" height="1.5"/></svg></button>
     18            <div class="wp-block-navigation__responsive-container  " style="" id="modal-61ee14d577201">
     19                <div class="wp-block-navigation__responsive-close" tabindex="-1" data-micromodal-close="">
     20                    <div class="wp-block-navigation__responsive-dialog" aria-label="Menu">
     21                            <button aria-label="Close menu" data-micromodal-close="" class="wp-block-navigation__responsive-container-close"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="24" height="24" role="img" aria-hidden="true" focusable="false"><path d="M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"/></svg></button>
     22                        <div class="wp-block-navigation__responsive-container-content" id="modal-61ee14d577201-content">
     23                            <ul class="wp-block-navigation__container"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://wordpress.org/plugins/"><span class="wp-block-navigation-item__label">Plugins</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://wordpress.org/themes/"><span class="wp-block-navigation-item__label">Themes</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://wordpress.org/patterns/"><span class="wp-block-navigation-item__label">Patterns</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://learn.wordpress.org/"><span class="wp-block-navigation-item__label">Learn</span></a></li><li class=" wp-block-navigation-item has-child wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://wordpress.org/support/"><span class="wp-block-navigation-item__label">Support</span><span class="wp-block-navigation__submenu-icon"><svg width="10" height="7" viewbox="0 0 10 7" stroke-width="1.2" xmlns="http://www.w3.org/2000/svg"><path d="M0.416667 1.33325L5 5.49992L9.58331 1.33325"/></svg></span></a><ul class="wp-block-navigation__submenu-container"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://wordpress.org/support/"><span class="wp-block-navigation-item__label">Documentation</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://wordpress.org/support/forums/"><span class="wp-block-navigation-item__label">Forums</span></a></li></ul></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://wordpress.org/news/"><span class="wp-block-navigation-item__label">News</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://wordpress.org/about/"><span class="wp-block-navigation-item__label">About</span></a></li><li class=" wp-block-navigation-item has-child wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://make.wordpress.org/"><span class="wp-block-navigation-item__label">Get Involved</span><span class="wp-block-navigation__submenu-icon"><svg width="10" height="7" viewbox="0 0 10 7" stroke-width="1.2" xmlns="http://www.w3.org/2000/svg"><path d="M0.416667 1.33325L5 5.49992L9.58331 1.33325"/></svg></span></a><ul class="wp-block-navigation__submenu-container"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://wordpress.org/five-for-the-future/"><span class="wp-block-navigation-item__label">Five for the Future</span></a></li></ul></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://wordpress.org/showcase/"><span class="wp-block-navigation-item__label">Showcase</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://wordpress.org/mobile/"><span class="wp-block-navigation-item__label">Mobile</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://wordpress.org/hosting/"><span class="wp-block-navigation-item__label">Hosting</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://wordpress.org/openverse/"><span class="wp-block-navigation-item__label">Openverse</span></a></li><li class=" wp-block-navigation-item global-header__mobile-get-wordpress global-header__get-wordpress wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://wordpress.org/downloads/"><span class="wp-block-navigation-item__label">Get WordPress</span></a></li></ul>
     24                        </div>
     25                    </div>
     26                </div>
     27            </div></nav>
     28    <nav class="wp-container-61ee14d578871 is-responsive global-header__search wp-block-navigation"><button aria-haspopup="true" aria-label="Open menu" class="wp-block-navigation__responsive-container-open " data-micromodal-trigger="modal-61ee14d57829c"><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" role="img" aria-hidden="true" focusable="false"><rect x="4" y="7.5" width="16" height="1.5"/><rect x="4" y="15" width="16" height="1.5"/></svg></button>
     29            <div class="wp-block-navigation__responsive-container  " style="" id="modal-61ee14d57829c">
     30                <div class="wp-block-navigation__responsive-close" tabindex="-1" data-micromodal-close="">
     31                    <div class="wp-block-navigation__responsive-dialog" aria-label="Menu">
     32                            <button aria-label="Close menu" data-micromodal-close="" class="wp-block-navigation__responsive-container-close"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="24" height="24" role="img" aria-hidden="true" focusable="false"><path d="M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"/></svg></button>
     33                        <div class="wp-block-navigation__responsive-container-content" id="modal-61ee14d57829c-content">
     34                            <ul class="wp-block-navigation__container"><li class=" wp-block-navigation-item has-child wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="#"><span class="wp-block-navigation-item__label">Search</span><span class="wp-block-navigation__submenu-icon"><svg width="10" height="7" viewbox="0 0 10 7" stroke-width="1.2" xmlns="http://www.w3.org/2000/svg"><path d="M0.416667 1.33325L5 5.49992L9.58331 1.33325"/></svg></span></a><ul class="wp-block-navigation__submenu-container">
     35            <li>
     36                <form role="search" method="GET" action="/search" class="wp-block-search__button-outside wp-block-search__text-button global-header__search-form wp-block-search">
     37                    <label for="wp-block-search__input-99" class="wp-block-search__label">
     38                        Search                  </label>
     39                    <div class="wp-block-search__inside-wrapper">
     40                        <input type="search" id="wp-block-search__input-99" class="wp-block-search__input" name="q" value="" placeholder="Search Trac..." required=""/>
     41                        <button type="submit" class="wp-block-search__button" aria-label="Submit search"/>
     42                    </div>
     43                </form>
     44            </li>
     45            </ul></li></ul>
     46                        </div>
     47                    </div>
     48                </div>
     49            </div></nav>
     50    <div class="wp-container-61ee14d578e36 global-header__desktop-get-wordpress-container">
     51        <a href="https://wordpress.org/downloads/" class="global-header__desktop-get-wordpress global-header__get-wordpress">
     52            Get WordPress       </a>
     53    </div>
     54</header>
    4855</html>
Note: See TracChangeset for help on using the changeset viewer.