WordPress.org
Get WordPress

Making WordPress.org

Ticket #7175: 7175.diff

File 7175.diff, 25.0 KB (added by dufresnesteven, 13 months ago)

  • header.php

     
    11<?php
    22
    33if ( FEATURE_2021_GLOBAL_HEADER_FOOTER ) {
    44        echo do_blocks( '<!-- wp:wporg/global-header /-->' );
    55
    66} else {
    77        require WPORGPATH . 'header.php';
    88}
    99
    1010$current_url = esc_url_raw( set_url_scheme( 'http://' . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'] ) );
    1111?>
    1212
    1313                <div id="headline" class="clear">
    1414                        <div class="wrapper">
    15                                 <h2>Profiles</h2>
     15                                <h1><a href="<?php echo bp_core_get_user_domain( bp_displayed_user_id() ); ?>">Profiles</a></h1>
    1616
    1717                                <nav id="site-navigation" class="main-navigation" role="navigation">
    1818                                        <button class="menu-toggle dashicons dashicons-arrow-down-alt2" aria-controls="primary-menu" aria-expanded="false" aria-label="Primary Menu"></button>
    1919                                        <div id="primary-menu" class="menu">
    2020                                                <ul class="nav-menu">
    2121                                                <?php if ( ! is_user_logged_in() ) : ?>
    2222                                                        <li><a href="<?php echo esc_url( add_query_arg( array( 'redirect_to' => urlencode( $current_url ) ), wp_registration_url() ) ); ?>" rel="nofollow">Register</a></li>
    2323                                                        <li><a href="<?php echo esc_url( wp_login_url( $current_url ) ); ?>" rel="nofollow">Log In</a></li>
    2424                                                <?php else: ?>
    2525                                                        <li><a href="<?php echo bp_core_get_user_domain( bp_loggedin_user_id() ); ?>">Logged in as: <?php echo wp_get_current_user()->display_name; ?></a></li>
    2626                                                        <li><a href="<?php echo esc_url( wp_logout_url( $current_url ) ); ?>"><?php _e( 'Log Out', 'buddypress' ) ?></a></li>
    2727                                                <?php endif; ?>
    2828
    2929                                                </ul>
    3030                                        </div>

  • members/single/member-header.php

    $location = bp_get_profile_field_data( 
    1212$website   = bp_get_profile_field_data( array( 'field' => 'Website URL', 'user_id' => bp_displayed_user_id() ) );
    1313$github    = get_user_meta( bp_displayed_user_id(), 'github', true );
    1414
    1515// The $website variable is the destination url, which will be displayed, but this is the anchor for the link.
    1616$website_url = site_url( '/website-redirect/' . get_user_by( 'id', bp_displayed_user_id() )->user_nicename );
    1717
    1818$company   = bp_get_profile_field_data( array( 'field' => 'Company', 'user_id' => bp_displayed_user_id() ) );
    1919$job_title = bp_get_profile_field_data( array( 'field' => 'Job Title', 'user_id' => bp_displayed_user_id() ) );
    2020
    2121$contribution_sponsored = 'Yes' === bp_get_profile_field_data( array( 'field' => 'Sponsored' ) );
    2222$contribution_sponsor_links = $contribution_sponsored ? wporg_profiles_get_5ftf_sponsor_links( bp_displayed_user_id() ) : '';
    2323
    2424$contribution_hours     = absint( bp_get_profile_field_data( array( 'field' => 'Hours per week' ) ) );
    2525$contribution_teams     = (array) bp_get_profile_field_data( array( 'field' => 'Contributor Teams' ) );
    2626
     27$is_memorialized = bp_get_profile_field_data( [ 'field' => 'Memorial Profile', 'user_id' => bp_get_displayed_user()->id ] ) === 'Yes';
     28$memorial_text = bp_get_profile_field_data( [ 'field' => 'Memorial Text', 'user_id' => bp_get_displayed_user()->id ] );
     29$memorial_link = bp_get_profile_field_data( [ 'field' => 'Memorial link url', 'user_id' => bp_get_displayed_user()->id ] );
     30$memorial_link_text = bp_get_profile_field_data( [ 'field' => 'Memorial link text', 'user_id' => bp_get_displayed_user()->id ] );
     31
    2732// Hide certain fields sometimes.
    2833if (
    2934        // If this profile is banned and visitor is not caped.
    3035        ( bp_wporg_is_user_banned( bp_displayed_user_id() ) && ! is_caped( get_current_user_id() ) )
    3136||
    3237        // Visitor is logged out and this profile has no items.
    3338        ( ! is_user_logged_in() && ! wporg_profiles_has_items() && ! bp_has_groups() )
    3439) {
    3540        $bio = $interests = $origin = $website = false;
    3641}
    3742
    3843?>
    3944
    40 <header class="site-header clear">
     45<header class="site-header clear <?php if ( $is_memorialized ) { echo 'is-memorialized'; } ?>">
    4146        <?php
    4247        remove_filter( 'get_avatar_url', 'bp_core_get_avatar_data_url_filter', 10 );
    4348        echo get_avatar( bp_displayed_user_id(), 100 );
    4449        add_filter( 'get_avatar_url', 'bp_core_get_avatar_data_url_filter', 10, 3 );
    4550        ?>
    4651
     52        <?php if ( $is_memorialized ) : ?>
     53                <span class="remembering"><?php _e( 'Remembering', 'wporg' ) ?></span>
     54        <?php endif; ?>
    4755        <h2><a href="<?php echo bp_core_get_user_domain( bp_displayed_user_id() ); ?>"><?php bp_displayed_user_fullname(); ?></a></h2>
    4856        <p id="slack-username">
    4957                <?php
    5058                        $slack         = bp_wporg_get_slack_username( bp_displayed_user_id() );
    5159                        $user_nicename = bp_get_displayed_user_username();
    5260
    5361                        if ( $slack && $slack !== $user_nicename ) :
    5462                                printf(
    5563                                        '<span class="username-on-wporg">%s,</span> <span class="username-on-slack">%s</span>',
    5664                                        sprintf(
    5765                                                /* translators: %s: WordPress.org username. */
    5866                                                __( '%s on WordPress.org', 'wporg' ),
    5967                                                '<span class="username">@' . esc_html( $user_nicename ) . '</span>'
    6068                                        ),
    6169                                        sprintf(
    … … if ( 
    9098                        <li><a class="view-link" href="<?php echo esc_url( bp_displayed_user_domain() ); ?>">View Profile</a></li>
    9199                                <?php else : ?>
    92100                        <li><a class="edit-link" href="<?php echo esc_url( bp_displayed_user_domain() . 'profile/edit/' ); ?>">Edit Profile</a></li>
    93101                                <?php endif; ?>
    94102                        <li><a class="edit-link" href="<?php echo esc_url( "https://wordpress.org/support/users/{$user_nicename}/edit" ); ?>"><?php _e( 'Edit Forum Profile', 'wporg' ); ?></a></li>
    95103                        <?php endif; ?>
    96104
    97105                        <li><?php do_action( 'bp_before_member_header_meta' ) ?></li>
    98106                </ul>
    99107        </div>
    100108</header>
    101109
    102110<?php if ( 'public' === $GLOBALS['bp']->current_action ) : ?>
    103111
    104112<div id="meta-status-badge-container">
     113        <div>
     114                <?php if ( $is_memorialized ) : ?>
     115                        <div class="item-remembering">
     116                                <p class="item-remembering-content"><?php echo esc_html( trim( $memorial_text ) ); ?></p>
     117                                <?php if ( $memorial_link && $memorial_link_text ): ?>
     118                                        <a class="item-remembering-link" href="<?php echo esc_url( $memorial_link ); ?>">
     119                                                <?php echo esc_html( $memorial_link_text ); ?>
     120                                        </a>
     121                                <?php endif; ?>
     122                        </div>
     123                <?php endif; ?>
     124
     125                <?php if ( $bio || $interests || $origin || ( ! empty( $contribution_hours ) && ! empty( $contribution_teams ) ) ) : ?>
     126                        <div id="content-about">
     127                        <?php if ( $bio ) : ?>
     128                                <h3>Bio</h3>
     129                                <div class="item-meta-about">
     130                                        <?php echo wporg_profiles_prepare_user_content( $bio ); ?>
     131                                </div>
     132                        <?php endif; ?>
     133
     134                        <?php do_action( 'bp_profile_header_meta' ) ?>
     135
     136                        <?php if ( $interests ) : ?>
     137                                <h3>Interests</h3>
     138                                <div class="item-meta-interests">
     139                                        <?php echo wporg_profiles_prepare_user_content( $interests ); ?>
     140                                </div>
     141                        <?php endif; ?>
     142
     143                        <?php if ( $origin ) : ?>
     144                                <h3>WordPress Origin Story</h3>
     145                                <div class="item-meta-interests">
     146                                        <?php echo wporg_profiles_prepare_user_content( $origin ); ?>
     147                                </div>
     148                        <?php endif; ?>
     149
     150                        <?php if ( ! empty( $contribution_hours ) && ! empty( $contribution_teams ) ) : ?>
     151                                <h3>
     152                                        Contributions
     153                                        <?php if ( $contribution_sponsored ) : ?>
     154                                                <span class="contribution-sponsored">Sponsored</span>
     155                                        <?php endif; ?>
     156                                </h3>
     157                                <div class="item-meta-contribution">
     158                                        <?php
     159                                                $hours_string = 1 === $contribution_hours ? 'hour' : 'hours';
     160                                                $multiple_sponsors = strpos( $contribution_sponsor_links, ' and ' );
     161                                                $sponsor_string = $contribution_sponsor_links
     162                                                        ? sprintf(
     163                                                                '%s %s %s to contribute',
     164                                                                $contribution_sponsor_links,
     165                                                                $multiple_sponsors ? 'sponsor' : 'sponsors',
     166                                                                bp_get_displayed_user_fullname()
     167                                                        )
     168                                                        : bp_get_displayed_user_fullname() . ' contributes';
     169
     170                                                $teams_string = 1 === count( $contribution_teams )
     171                                                        ?  wporg_profiles_build_teams_list( $contribution_teams ) . ' team'
     172                                                        : 'following teams: ' . wporg_profiles_build_teams_list( $contribution_teams );
     173
     174                                                printf(
     175                                                        '<p>%s %d %s per week to the %s.</p>',
     176                                                        $sponsor_string,
     177                                                        absint( $contribution_hours ),
     178                                                        $hours_string,
     179                                                        $teams_string
     180                                                );
     181                                        ?>
     182                                </div>
     183                        <?php endif; ?>
     184                        </div>
     185                <?php endif; ?>
     186        </div>
    105187        <ul id="user-meta">
    106188                <?php if ( is_caped() ) : ?>
    107189                        <li id="wporg-id">
    108190                                <span>ID:</span>
    109191                                <strong>
    110192                                        <?php echo absint( bp_displayed_user_id() ); ?>
    111193                                </strong>
    112194                        </li>
    113195                <?php endif; ?>
    114196
    115197                <?php
    116198                        // Show negative user statuses to caped users, forum moderators, and users with special rights on make.wordpress.org/*
    117199                        if (
    118200                                is_caped( get_current_user_id() ) ||
    119201                                bp_wporg_is_user_forum_moderator( get_current_user_id() ) ||
    … … if ( 
    222304                <?php if ( $company  ) : ?>
    223305                        <li id="user-company">
    224306                                <span>Employer:</span>
    225307                                <strong><?php echo esc_html( $company ); ?></strong>
    226308                        </li>
    227309                <?php endif; ?>
    228310
    229311                <li id="user-social-media-accounts-tag" class="transparent">
    230312                        <span><?php _e( 'Find me on:', 'wporg' ); ?></span>
    231313                        <ul id="user-social-media-accounts" class="transparent">
    232314                                <!-- this will be populated with an AJAX request after the page has loaded -->
    233315                        </ul>
    234316
    235317                        <script type="text/html" id="tmpl-social-media-account">
    236318                                <li>
    237                                         <a href="<%- account.url %>">
     319                                        <a class="<%- account.genericon %>" href="<%- account.url %>">
    238320                                                <div class="genericon genericon-<%- account.genericon %>" title="<%- account.shortname %>"></div>
    239321                                        </a>
    240322                                </li>
    241323                        </script>
    242324                </li>
    243325        </ul> <!-- #user-meta -->
     326</div>
    244327
    245         <?php if ( $bio || $interests || $origin || ( ! empty( $contribution_hours ) && ! empty( $contribution_teams ) ) ) : ?>
    246                 <div id="content-about">
    247                 <?php if ( $bio ) : ?>
    248                         <h3>Bio</h3>
    249                         <div class="item-meta-about">
    250                                 <?php echo wporg_profiles_prepare_user_content( $bio ); ?>
    251                         </div>
    252                 <?php endif; ?>
    253 
    254                 <?php do_action( 'bp_profile_header_meta' ) ?>
    255 
    256                 <?php if ( $interests ) : ?>
    257                         <h3>Interests</h3>
    258                         <div class="item-meta-interests">
    259                                 <?php echo wporg_profiles_prepare_user_content( $interests ); ?>
    260                         </div>
    261                 <?php endif; ?>
    262 
    263                 <?php if ( $origin ) : ?>
    264                         <h3>WordPress Origin Story</h3>
    265                         <div class="item-meta-interests">
    266                                 <?php echo wporg_profiles_prepare_user_content( $origin ); ?>
    267                         </div>
    268                 <?php endif; ?>
    269 
    270                 <?php if ( ! empty( $contribution_hours ) && ! empty( $contribution_teams ) ) : ?>
    271                         <h3>
    272                                 Contributions
    273                                 <?php if ( $contribution_sponsored ) : ?>
    274                                         <span class="contribution-sponsored">Sponsored</span>
    275                                 <?php endif; ?>
    276                         </h3>
    277                         <div class="item-meta-contribution">
    278                                 <?php
    279                                         $hours_string = 1 === $contribution_hours ? 'hour' : 'hours';
    280                                         $multiple_sponsors = strpos( $contribution_sponsor_links, ' and ' );
    281                                         $sponsor_string = $contribution_sponsor_links
    282                                                 ? sprintf(
    283                                                         '%s %s %s to contribute',
    284                                                         $contribution_sponsor_links,
    285                                                         $multiple_sponsors ? 'sponsor' : 'sponsors',
    286                                                         bp_get_displayed_user_fullname()
    287                                                 )
    288                                                 : bp_get_displayed_user_fullname() . ' contributes';
    289 
    290                                         $teams_string = 1 === count( $contribution_teams )
    291                                                 ?  wporg_profiles_build_teams_list( $contribution_teams ) . ' team'
    292                                                 : 'following teams: ' . wporg_profiles_build_teams_list( $contribution_teams );
    293 
    294                                         printf(
    295                                                 '<p>%s %d %s per week to the %s.</p>',
    296                                                 $sponsor_string,
    297                                                 absint( $contribution_hours ),
    298                                                 $hours_string,
    299                                                 $teams_string
    300                                         );
    301                                 ?>
    302                         </div>
    303                 <?php endif; ?>
    304                 </div>
    305         <?php endif; ?>
    306 
    307         <div class="contributions">
     328<div class="contributions">
    308329                <?php locate_template( array( 'groups/associations-loop.php' ), true ); ?>
    309330        </div>
    310 </div>
    311331
    312332<?php /* todo
    313333<ul id="contributions-overview">
    314334        <li><span class="contribution-count">12</span> Plugins</li>
    315335        <li><span class="contribution-count">2353</span> Core commits</li>
    316336        <li><span class="contribution-count">#</span> Label</li>
    317337</ul>
    318338*/ ?>
    319339
    320340<?php endif; ?>
    321341
    322342<?php do_action( 'bp_after_member_header' );
    323343
    324344do_action( 'template_notices' );

  • style.css

     
    11/*
    22Theme Name: WordPress Profiles
    33Theme URI: http://wordpress.org/
    44Description: The theme for the 1.2 version of Profiles.WordPress.org
    55Version: 1.0
    66Author: Andy Peatling
    77Author URI: http://wordpress.org
    88Tags: two-columns, custom-header, white, blue, buddypress
    99Template: bp-default
    1010*/
    1111
    1212#content .padder {
    1313        margin: 0 10px;
     14        font-family: 'Inter', sans-serif;
    1415}
    1516
    1617.clear:before,
    1718.clear:after {
    1819        content: "";
    1920        display: table;
    2021        table-layout: fixed;
    2122}
    2223.clear:after {
    2324        clear: both;
    2425}
    2526
    2627div.pagination { padding: 5px 0 10px 0 !important; }
    2728
    2829h4 {
    2930        font-size: 12px !important;
    3031        border:none !important;
    3132        padding:0 !important;
    3233        margin:5px 0px !important;
    3334}
    3435
     36#container {
     37        color: #1E1E1E;
     38}
     39
    3540#container a {
    36         border:none;
     41        border: none;
     42        color: #3858e9;
    3743}
    3844
    3945ul {
    4046        list-style: none;
    4147}
    4248
    4349/* Hide visually but not from screen readers */
    4450.screen-reader-text {
    4551        position: absolute;
    4652        margin: -1px;
    4753        padding: 0;
    4854        height: 1px;
    4955        width: 1px;
    5056        overflow: hidden;
    5157        clip: rect(0 0 0 0);
    5258        border: 0;
    5359}
    5460
    5561.wrapper {
    5662        position: relative;
     63        padding-left: 20px;
     64        padding-right: 20px;
     65        max-width: unset !important;
     66}
     67
     68@media screen and (min-width: 890px) {
     69        .wrapper {
     70                padding-left: 80px;
     71                padding-right: 80px;
     72        }
    5773}
    5874
    5975#main-column {
    6076        float: left;
    6177        width: calc( 100% - 210px );
    6278        margin-left: -2px;
    6379        min-height: 133px;
    6480        font-size: 1.4em;
    6581        padding: 25px 0 30px 30px;
    6682        border-top: 2px solid #eee;
    6783        border-left: 2px solid #eee;
    6884}
    6985
    7086        #main-column.empty {
    7187                background-color: inherit;
    … … ul { 
    134150                vertical-align: top;
    135151        }
    136152
    137153.main-photos ul li a img {
    138154        object-fit: cover;
    139155}
    140156
    141157                .main-themes h3 {
    142158                        margin-top: 4px;
    143159                }
    144160
    145161        #content-tabs {
    146162                border-top: 2px solid #eee;
    147163                border-right: 2px solid #eee;
    148164                float: left;
    149                 font: 12px 'Open Sans';
    150165                width: 173px;
    151166                padding-top: 10px;
    152167                padding-bottom: 30px;
    153168        }
    154169
    155170        #content-tabs ul li {
    156171                position: relative;
    157172                padding: 14px 14px 14px 16px;
    158173                font-size: 1.4em;
    159174                overflow: hidden;
    160175        }
    161176
    162177                #content-tabs ul li.active {
    163178                        right: -2px;
    164179                        padding-right: 11px;
    … … div.widget { 
    304319        content: "\f487";
    305320}
    306321#content-favorites .favorite-plugins > h3:before {
    307322        content: "\f106";
    308323}
    309324#content-favorites .favorite-themes > h3:before {
    310325        content: "\f100";
    311326}
    312327
    313328/* > Container
    314329-------------------------------------------------------------- */
    315330
    316331div#container {
    317332        position: relative;
    318333        width: 960px;
    319         margin: 30px auto;
     334        margin: 50px auto;
    320335}
    321336        body.activity-permalink div#container {
    322337                background: none;
    323338                border: none;
    324339        }
    325340
    326341/* > Sidebar
    327342-------------------------------------------------------------- */
    328343
    329344div#sidebar {
    330345        display: none !important;
    331346}
    332347
    333348/* > Headline
    334349-------------------------------------------------------------- */
    335350
    336351#headline {
    337352        height: 62px;
    338353        height: inherit;
    339         background-color: #0073aa;
    340         font-family: "Open Sans", sans-seriff;
     354        background-color: #23282d;
     355        border-top: 1px solid #ffffff26;
     356        font-family: Inter, sans-seriff;
    341357        color: hsla(0,0%,100%,.8);
    342358        padding: 1rem 0;
    343359}
    344 #headline h2 {
     360#headline h1 {
    345361        color: #fff;
    346362        float: left;
    347         font-family: "Open Sans", sans-seriff;
     363        font-family: Inter, sans-serif;
     364        font-size: 14px;
     365        height: 24px; /* Needed to keep the mobile menu working */
    348366        text-shadow: inherit;
    349         padding: 2px 10px 6px;
     367        padding: 0;
     368        line-height: 24px;
    350369}
    351370
    352371#headline a {
    353372        color: hsla(0,0%,100%,.8);
    354373}
    355374#headline a:hover {
    356375        color: #fff;
    357376}
    358377
    359378/* > Content
    360379-------------------------------------------------------------- */
    361380#content {
    362381        overflow: auto;
    363382}
    364383
    365384/* > Item Headers (Profiles, Groups)
    366385-------------------------------------------------------------- */
    367386
    368387div#item-header {
    369         font-family: 'Open Sans';
    370388        overflow: hidden;
    371389}
    372390
    373391        div#item-header div#item-header-location {
    374392                margin-left: 770px;
    375393                top: -5px;
    376394                position: relative;
    377395        }
    378396
    379397        .site-header {
    380398                position: relative;
    381399        }
    382400
     401        .site-header.is-memorialized img {
     402                filter: grayscale(1);
     403        }
     404
    383405        .site-header h2 :link,
    384406        .site-header h2 :visited {
    385407                color: inherit;
    386408        }
    387409
    388410        div#item-header h2 {
    389                 font-size: 32px;
     411                font-size: 36px;
    390412                line-height: 1.5;
    391413                margin-top: 8px;
     414                color: #1E1E1E;
     415                font-family: 'EB Garamond', serif;
     416        }
     417
     418        div#item-header h2 a {
     419                color: #1E1E1E;
     420        }
     421
     422        .site-header .remembering {
     423                display: inline-block;
     424                background: #F6F6F6;
     425                padding: 0px 8px;
     426                border-radius: 12px;
     427                font-size: 14px;
     428                margin-top: 4px;
    392429        }
    393430
     431        div#item-header .remembering + h2 {
     432                margin-top: -6px;
     433        }
    394434
    395435        div#item-header h3 {
    396                 font-size: 20px;
    397                 font-size: 1.25rem;
     436                font-size: 24px;
    398437                line-height: 1.5;
    399                 margin: 48px 0 16px;
    400                 margin: 3rem 0 1rem;
     438                margin: 50px 0 16px;
     439                font-weight: normal;
    401440        }
    402441
    403442        #slack-username {
    404                 color: #82878C;
    405                 font-size: 18px;
     443                color: #1E1E1E;
     444                font-size: 14px;
    406445                font-weight: 300;
    407446                line-height: 1.5;
    408447        }
    409448        @media (min-width: 768px) {
    410449                #slack-username {
    411450                        max-width: 76%;
    412451                }
    413452        }
    414453
    415454        #slack-username span {
    416455                display: inline-block;
    417456        }
    418457
    419458        #slack-username .username {
    420459                word-break: break-all;
    … … div#item-header { 
    431470                border-radius: 50%;
    432471                float: left;
    433472                margin: 0 20px 12px 3px;
    434473        }
    435474
    436475        #header-meta-links {
    437476                font-size: 14px;
    438477                margin: 33px 0;
    439478                position: absolute;
    440479                right: 0;
    441480                top: 0;
    442481                text-align: right;
    443482        }
    444483
    445484        #meta-status-badge-container {
    446                 border-top: 2px solid #eee;
    447                 margin: 10px 0 4rem;
     485                display: flex;
     486                padding-top: 50px;
     487                flex-direction: column;
    448488                overflow: auto;
    449                 padding-top: 20px;
     489                line-height: 30px;
     490        }
     491
     492        #meta-status-badge-container > div {
     493                flex: 1;
    450494        }
    451495
    452496                #user-meta {
    453                         border-bottom: 1px solid #eee;
    454                         float: right;
    455497                        font-size: 14px;
    456498                        margin: 0 0 30px 30px;
    457                         width: 33%;
     499                        min-width: 300px;
    458500                }
     501               
     502                @media screen and ( min-width: 800px ) {
     503                        #meta-status-badge-container  {
     504                                flex-direction: row;
     505                        }
     506
     507                        #user-meta {
     508                                padding-left: 50px;
     509                        }
     510                }
     511       
    459512
    460513                        #user-meta > li {
    461                                 border-top: 1px solid #eee;
     514                                border-bottom: 1px solid #eee;
    462515                                overflow: hidden;
    463                                 padding: 8px 0;
     516                                padding: 4px 0;
    464517                                text-align: right;
    465518                        }
    466519
    467520                        div#item-header #user-meta > li > span {
    468521                                display: inherit;
    469522                                float: left;
    470523                                margin-right: 0.5rem;
    471524                        }
    472525
    473526                        #user-meta > li > strong {
    474527                                text-align: right;
     528                                font-weight: normal;
     529                        }
     530
     531                        #user-meta > li > strong a {
     532                                font-weight: normal;
    475533                        }
    476534
    477535                        #user-social-media-accounts-tag {
    478536                                transition: all 1.25s ease;
    479537                        }
    480538
    481539                        #user-social-media-accounts-tag.transparent {
    482540                                display: none;
    483541                        }
    484542
    485543                        #user-social-media-accounts {
    486544                                float: right;
    487545                                overflow: auto;
    488546                                transition: all 1.25s ease;
    489547                        }
    490548
    491549                                #user-social-media-accounts:before {
    492550                                        margin-right: 10px;
    493551                                        font-weight: bold;
    494552                                }
    495553
    496554                                #user-social-media-accounts li {
    497555                                        display: inline-block;
    498556                                        margin-right: 6px;
    499557                                }
    500558
    501559                                        #user-social-media-accounts li a .dashicons,
    502560                                        #user-social-media-accounts li a .genericon {
    503                                                 color: #21759B;
    504                                         }
    505 
    506                                         #user-social-media-accounts li a .dashicons:visited,
    507                                         #user-social-media-accounts li a .genericons:visited {
    508                                                 color: #4CA6CF;
     561                                                margin-top: 6px;
     562                                                font-size: 18px;
     563                                                color: #1E1E1E;
    509564                                        }
    510565
    511566                                #user-social-media-accounts li a .genericon-mastodon {
    512567                                        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='74' height='79' viewBox='0 0 74 79' fill='%2321759B'%3E%3Cpath d='M73.7014 17.4323C72.5616 9.05152 65.1774 2.4469 56.424 1.1671C54.9472 0.950843 49.3518 0.163818 36.3901 0.163818H36.2933C23.3281 0.163818 20.5465 0.950843 19.0697 1.1671C10.56 2.41145 2.78877 8.34604 0.903306 16.826C-0.00357854 21.0022 -0.100361 25.6322 0.068112 29.8793C0.308275 35.9699 0.354874 42.0498 0.91406 48.1156C1.30064 52.1448 1.97502 56.1419 2.93215 60.0769C4.72441 67.3445 11.9795 73.3925 19.0876 75.86C26.6979 78.4332 34.8821 78.8603 42.724 77.0937C43.5866 76.8952 44.4398 76.6647 45.2833 76.4024C47.1867 75.8033 49.4199 75.1332 51.0616 73.9562C51.0841 73.9397 51.1026 73.9184 51.1156 73.8938C51.1286 73.8693 51.1359 73.8421 51.1368 73.8144V67.9366C51.1364 67.9107 51.1302 67.8852 51.1186 67.862C51.1069 67.8388 51.0902 67.8184 51.0695 67.8025C51.0489 67.7865 51.0249 67.7753 50.9994 67.7696C50.9738 67.764 50.9473 67.7641 50.9218 67.7699C45.8976 68.9569 40.7491 69.5519 35.5836 69.5425C26.694 69.5425 24.3031 65.3699 23.6184 63.6327C23.0681 62.1314 22.7186 60.5654 22.5789 58.9744C22.5775 58.9477 22.5825 58.921 22.5934 58.8965C22.6043 58.8721 22.621 58.8505 22.6419 58.8336C22.6629 58.8167 22.6876 58.8049 22.714 58.7992C22.7404 58.7934 22.7678 58.794 22.794 58.8007C27.7345 59.9796 32.799 60.5746 37.8813 60.5733C39.1036 60.5733 40.3223 60.5733 41.5447 60.5414C46.6562 60.3996 52.0437 60.1408 57.0728 59.1694C57.1983 59.1446 57.3237 59.1233 57.4313 59.0914C65.3638 57.5847 72.9128 52.8555 73.6799 40.8799C73.7086 40.4084 73.7803 35.9415 73.7803 35.4523C73.7839 33.7896 74.3216 23.6576 73.7014 17.4323ZM61.4925 47.3144H53.1514V27.107C53.1514 22.8528 51.3591 20.6832 47.7136 20.6832C43.7061 20.6832 41.6988 23.2499 41.6988 28.3194V39.3803H33.4078V28.3194C33.4078 23.2499 31.3969 20.6832 27.3894 20.6832C23.7654 20.6832 21.9552 22.8528 21.9516 27.107V47.3144H13.6176V26.4937C13.6176 22.2395 14.7157 18.8598 16.9118 16.3545C19.1772 13.8552 22.1488 12.5719 25.8373 12.5719C30.1064 12.5719 33.3325 14.1955 35.4832 17.4394L37.5587 20.8853L39.6377 17.4394C41.7884 14.1955 45.0145 12.5719 49.2765 12.5719C52.9614 12.5719 55.9329 13.8552 58.2055 16.3545C60.4017 18.8574 61.4997 22.2371 61.4997 26.4937L61.4925 47.3144Z' fill='inherit'/%3E%3C/svg%3E");
    513568                                        background-size: 16px 16px;
    514569                                }
    515570
     571
     572                       
     573                                #user-social-media-accounts li a.twitter {
     574                                        background: url('members/single/twitter.svg') no-repeat;
     575                                        background-size: cover;
     576                                        height: 30px;
     577                                        width: 30px;                     
     578                                }
     579
     580                                #user-social-media-accounts li a.twitter .genericon-twitter {
     581                                        opacity: 0;
     582                                }                               
     583
     584
     585                .item-remembering {
     586                        margin-bottom: 50px;
     587                        font-family: 'EB Garamond', serif;
     588                        -webkit-font-smoothing: antialiased;
     589                        -moz-osx-font-smoothing: grayscale;
     590                }
     591
     592                .item-remembering:after {
     593                        content: '❦';
     594                        display: block;
     595                        padding-top: 50px;
     596                        font-size: 24px;       
     597                        text-align: center;
     598                        font-style: normal;
     599                }
     600
     601                .item-remembering-content {
     602                        margin-bottom: 50px;
     603                        font-size: 24px;
     604                        font-style: italic;
     605                        margin-bottom: 1rem;
     606                        white-space: pre-line
     607                }
     608
     609                .item-remembering .item-remembering-link {
     610                        display: block;
     611                        color: #1E1E1E !important;
     612                        font-size: 16px;
     613                        text-align: center;
     614                        text-decoration: underline;
     615                }
     616
    516617                #content-about {
    517618                        font-size: 16px;
    518619                }
    519620
    520621                #content-about h3:first-of-type {
    521622                        margin-top: 0;
    522623                }
    523624
    524625                #content-about p {
    525626                        margin: 1rem 0;
    526627                }
    527628
    528629                #user-website a,
    529630                #user-github a,
    530631                #slack-username a,
    531632                #content-about a {
    532633                        text-decoration: underline;
    533634                }
    534635
    535636                h3 span.contribution-sponsored {
    536637                        display: inline-block;
    537638                        font-size: 0.8rem;
    538                         font-weight: bold;
     639                        font-weight: normal;
    539640                        line-height: 1.5;
    540641                        background-color: #edeff0;
    541642                        color: #606a73;
    542643                        border-radius: 3px;
    543                         padding: 1px 5px;
     644                        padding: 2px 6px;
    544645                        margin-top: -4px;
    545646                        vertical-align: middle;
    546647                }
    547648
    548649                .contributions {
    549                         width: calc( 67% - 30px );
     650                        margin-bottom: 50px;
    550651                }
    551652
    552653                .contributions li {
    553654                        width: 49%;
    554655                }
    555656
    556657                #meta-status-badge-container .contributions h3:first-of-type {
    557658                        margin-top: 0;
    558659                }
    559660
    560661                #content-about + .contributions {
    561662                        clear: both;
    562663                        width: 100%;
    563664                }
    564665
    … … div#item-header { 
    577678                                line-height: 1.3;
    578679                                margin: 0;
    579680                        }
    580681
    581682                        #header-meta-links {
    582683                                margin: 10px 0 0;
    583684                                position: relative;
    584685                                text-align: inherit;
    585686                        }
    586687
    587688                        #header-meta-links li {
    588689                                display: inline-block;
    589690                                margin-right: 20px;
    590691                        }
    591692
    592                         #meta-status-badge-container {
    593                                 display: flex;
    594                                 flex-direction: row;
    595                                 flex-wrap: wrap;
    596                         }
    597 
    598693                        #item-header #user-meta {
    599694                                order: 1;
    600695                                margin: 0;
    601696                                width: 100%;
    602697                        }
    603698
    604699                        #content-about {
    605700                                margin-bottom: 30px;
    606701                        }
    607702
    608703                        .contributions {
    609704                                clear: both;
    610705                                order: 1;
    611706                                width: 100%;
    612707                        }
    … … p.user-rating, 
    26892784p.active_installs,
    26902785.ago {
    26912786        color: #888;
    26922787        font-size: 13px;
    26932788        font-style: italic;
    26942789}
    26952790
    26962791p.user-rating,
    26972792.ago {
    26982793        text-transform: lowercase;
    26992794}
    27002795
    27012796
    27022797
    27032798.main-navigation {
    2704     background: #0073aa;
     2799    background: #23282d;
    27052800    left: 0;
    27062801    position: absolute;
    2707     top: 48px;
     2802    top: 40px;
    27082803    width: 100%;
    27092804    z-index: 1
    27102805}
    27112806
    27122807.main-navigation ul {
    27132808    display: none;
    27142809    list-style: none;
    27152810    margin: 0;
    27162811    padding-left: 0
    27172812}
    27182813
    27192814.main-navigation ul ul {
    27202815    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.2);
    27212816    box-shadow: 0 3px 3px rgba(0,0,0,.2);
    27222817    float: left;
    … … p.user-rating, 
    27912886
    27922887.toggled .menu-toggle:before {
    27932888    content: "\f343"
    27942889}
    27952890
    27962891@media screen and (min-width: 737px) {
    27972892    .menu-toggle {
    27982893        display:none
    27992894    }
    28002895
    28012896    .main-navigation {
    28022897        float: right;
    28032898        padding-right: 10px;
    28042899        position: relative;
    28052900        width: auto;
    2806         top: 6px;
     2901        top: 0;
    28072902    }
    28082903
    28092904    .main-navigation.toggled {
    28102905        padding: 1px 0
    28112906    }
    28122907
    28132908    .main-navigation ul {
    28142909        display: inline-block;
    28152910        font-size: 0
    28162911    }
    28172912
    28182913    .main-navigation ul li {
    28192914        border: 0;
    28202915        display: inline-block;
    28212916        font-size: 1rem;