Skip to:
Content

BuddyPress.org

Changeset 11999


Ignore:
Timestamp:
04/27/2018 02:22:35 PM (6 years ago)
Author:
djpaul
Message:

Admin: add "Hello" screen for 3.0.

To celebrate Nouveau, the new version/about screen has a fresh new modal-style appearance -- the "Hello" screen.
The change includes build tooling support, and removal of redundant markup/assets from the old about screen.

The Hello screen does not currently distinguish between a new install, and an upgrade, though the previous support for this remains intact for any future use.

See #7741

Location:
trunk
Files:
5 added
5 edited

Legend:

Unmodified
Added
Removed

  • trunk/Gruntfile.js

    r11998 r11999  
    2424        BP_SCSS_CSS_FILES = [
    2525            '!bp-templates/bp-legacy/css/twenty*.css',
    26             '!bp-templates/bp-nouveau/css/buddypress.css'
     26            '!bp-templates/bp-nouveau/css/buddypress.css',
     27            '!bp-core/admin/css/hello.css'
    2728        ],
    2829

  • trunk/src/bp-core/admin/bp-core-admin-functions.php

    r11997 r11999  
    358358    }
    359359
    360     $query_args = array( 'page' => 'bp-about' );
     360    $query_args = array();
    361361    if ( get_transient( '_bp_is_new_install' ) ) {
    362362        $query_args['is_new_install'] = '1';
    … …  
    364364    }
    365365
    366     // Redirect to BuddyPress about page.
    367     wp_safe_redirect( add_query_arg( $query_args, bp_get_admin_url( 'index.php' ) ) );
     366    // Redirect to dashboard and trigger the Hello screen.
     367    wp_safe_redirect( add_query_arg( $query_args, bp_get_admin_url( '?hello=buddypress' ) ) );
    368368}
    369369

  • trunk/src/bp-core/admin/css/common-rtl.css

    r11910 r11999  
    11111.0 Welcome Screen
    1212    1.1 Version Badge
    13     1.2 About Panel
    14         1.2.1 Headline Feature
    15         1.2.2 Features Section
    16         1.2.3 Changelog Section
     13    1.2 ---
     14    1.3 Credits Panel
    17152.0 Dashicons
    1816    2.1 Top level menus
    … …  
    4442}
    4543
    46 .about-wrap .bp-badge {
    47     position: absolute;
    48     top: 0;
    49     left: 0;
    50 }
    51 
    52 .index_page_bp-credits code,
     44.settings_page_bp-credits code,
    5345.index_page_bp-about code {
    5446    background-color: #e0e0e0;
    … …  
    5749}
    5850
     51/*
     52 * 1.3 Credits Panel
     53 *
     54 * Taken from WP 4.9.5.
     55 */
     56.bp-about-wrap {
     57    position: relative;
     58    max-width: 1050px;
     59    font-size: 15px;
     60}
     61
     62.bp-about-wrap img {
     63    margin: 0;
     64    max-width: 100%;
     65    height: auto;
     66    vertical-align: middle;
     67}
     68
     69.bp-about-wrap p {
     70    line-height: 1.5;
     71    font-size: 14px;
     72}
     73
     74.bp-about-wrap h2 {
     75    margin: 40px 0 0.6em;
     76    font-size: 2.7em;
     77    line-height: 1.3;
     78    font-weight: 300;
     79    text-align: center;
     80}
     81
     82.bp-about-wrap h3 {
     83    margin: 1.25em 0 0.6em;
     84    font-size: 1.4em;
     85    line-height: 1.5;
     86}
     87
     88.bp-about-wrap code {
     89    font-size: 14px;
     90    font-weight: 400;
     91}
     92
     93.bp-about-wrap .about-description {
     94    margin-top: 1.4em;
     95    font-weight: 400;
     96    line-height: 1.6;
     97    font-size: 19px;
     98}
     99
     100.bp-about-wrap h3.wp-people-group {
     101    margin: 2.6em 0 1.33em;
     102    padding: 0;
     103    font-size: 16px;
     104    line-height: inherit;
     105}
     106
     107.bp-about-wrap .wp-people-group {
     108    padding: 0 5px;
     109    margin: 0 -5px 0 -15px;
     110}
     111
     112.bp-about-wrap .compact {
     113    margin-bottom: 0;
     114}
     115
     116.bp-about-wrap .wp-person {
     117    display: inline-block;
     118    vertical-align: top;
     119    margin-left: 10px;
     120    padding-bottom: 15px;
     121    height: 70px;
     122    width: 280px;
     123}
     124
     125.bp-about-wrap .compact .wp-person {
     126    height: auto;
     127    width: 180px;
     128    padding-bottom: 0;
     129    margin-bottom: 0;
     130}
     131
     132.bp-about-wrap .wp-person .gravatar {
     133    float: right;
     134    margin: 0 0 10px 10px;
     135    padding: 1px;
     136    width: 60px;
     137    height: 60px;
     138}
     139
     140.bp-about-wrap .compact .wp-person .gravatar {
     141    width: 30px;
     142    height: 30px;
     143}
     144
     145.bp-about-wrap .wp-person .web {
     146    margin: 6px 0 2px;
     147    font-size: 16px;
     148    font-weight: 400;
     149    line-height: 2;
     150    text-decoration: none;
     151}
     152
     153.bp-about-wrap .wp-person .title {
     154    display: block;
     155}
     156
     157.bp-about-wrap p.wp-credits-list a {
     158    white-space: nowrap;
     159}
     160
    59161@media only screen and (max-width: 500px) {
    60162
    61     .about-wrap .bp-badge {
    62         position: relative;
    63         margin: 10px auto;
    64         top: auto;
    65         left: auto;
    66     }
    67 }
    68 
    69 /*
    70  * 1.2 About Panel
    71  */
    72 
    73 /*
    74  * 1.2.1 Headline Feature
    75  */
    76 .buddypress .bp-headline-feature {
    77     margin-bottom: 2em;
    78     margin-top: 3em;
    79     padding: 2em 3em;
    80 }
    81 
    82 .buddypress .bp-headline {
    83     margin: 0 auto;
    84     width: 45em;
    85 }
    86 
    87 .buddypress .bp-headline span.dashicons {
    88     background-color: #f1f1f1;
    89     color: #d84800;
    90     clear: right;
    91     font-size: 100px;
    92     float: right;
    93     height: 100px;
    94     line-height: 100px;
    95     margin: 0 0 15px 15px;
    96     text-align: center;
    97     width: 100px;
    98 }
    99 
    100 .buddypress .bp-headline-feature .headline-title {
    101     font-size: 2.2em;
    102     font-weight: 300;
    103     line-height: 2;
    104     margin: 0 0 1em;
    105     text-align: center;
    106 }
    107 
    108 .buddypress .bp-headline-feature p {
    109     font-size: 1.15em;
    110     margin: 1.15em 0 0.6em auto;
    111 }
    112 
    113 /*
    114  * 1.2.2 Features Section
    115  */
    116 .buddypress .bp-features-section {
    117     border-bottom: 1px solid #ccc;
    118     clear: both;
    119     margin-bottom: 3em;
    120     margin-top: 2em;
    121     overflow: hidden;
    122     padding-bottom: 2em;
    123 }
    124 
    125 .buddypress .bp-features-section p {
    126     font-size: 14px;
    127     line-height: 1.5;
    128 }
    129 
    130 .buddypress .bp-features-section img {
    131     margin-bottom: 20px;
    132 }
    133 
    134 .buddypress .bp-features-section span.dashicons {
    135     background-color: #fff;
    136     border-radius: 50%;
    137     clear: right;
    138     color: #d84800;
    139     font-size: 50px;
    140     float: right;
    141     height: 80px;
    142     line-height: 80px;
    143     margin: 0 0 15px 15px;
    144     text-align: center;
    145     width: 80px;
    146 }
    147 
    148 .buddypress .bp-features-section .headline-title {
    149     font-size: 2em;
    150     font-weight: 300;
    151     line-height: 1.5;
    152     margin: 1em auto 2em;
    153     text-align: center;
    154 }
    155 
    156 .buddypress .bp-features-section .bp-feature-with-images {
    157     border-bottom: 1px solid #ccc;
    158     margin-bottom: 5em;
    159     padding-bottom: 2em;
    160 }
    161 
    162 .buddypress .bp-features-section .bp-feature,
    163 .buddypress .bp-features-section .bp-feature-imaged {
    164     float: right;
    165     margin-bottom: 3em;
    166     margin-left: 4.799999999%;
    167     width: 47.6%;
    168 }
    169 
    170 .buddypress .bp-features-section .bp-feature.opposite,
    171 .buddypress .bp-features-section .bp-feature-imaged.anon {
    172     margin-left: 0;
    173 }
    174 
    175 .buddypress .bp-features-section .bp-feature code {
    176     font-size: 0.95em;
    177     line-height: 1.5;
    178 }
    179 
    180 .buddypress .bp-feature:after {
    181     clear: both;
    182     content: "";
    183     margin-bottom: 2em;
    184 }
    185 
    186 .buddypress .bp-feature-imaged .feature-title {
    187     color: #23282d;
    188     font-size: 1.25em;
    189     margin-bottom: 0.6em;
    190     margin-top: 0;
    191 }
    192 
    193 .buddypress .bp-feature-imaged p {
    194     clear: right;
    195     font-size: 1.1em;
    196 }
    197 
    198 .buddypress .bp-feature-imaged img {
    199     clear: right;
    200 }
    201 
    202 .buddypress .bp-feature .feature-title {
    203     font-size: 1em;
    204     line-height: 1.5;
    205     margin-bottom: 0;
    206     margin-right: 110px;
    207     margin-top: 0;
    208     text-align: right;
    209 }
    210 
    211 .buddypress .bp-feature p {
    212     margin-right: 110px;
    213 }
    214 
    215 /*
    216  * 1.2.3 Changelog Section
    217  */
    218 .buddypress .bp-changelog-section {
    219     clear: both;
    220     margin-bottom: 3em;
    221     margin-top: 4em;
    222     padding-bottom: 0;
    223 }
    224 
    225 .buddypress .bp-changelog-section:after {
    226     clear: both;
    227     content: "";
    228     display: table;
    229 }
    230 
    231 .buddypress .bp-changelog-section .changelog-title {
    232     color: #23282d;
    233     font-size: 1.25em;
    234     line-height: 1.5;
    235     margin: 0 auto 1.5em;
    236 }
    237 
    238 .buddypress .bp-two-column div {
    239     float: right;
    240     margin-left: 4.799999999%;
    241     position: relative;
    242     width: 47.6%;
    243 }
    244 
    245 .buddypress .bp-three-column .bp-column {
    246     float: right;
    247     margin-left: 5%;
    248     position: relative;
    249     width: 29.95%;
    250 }
    251 
    252 .buddypress .bp-two-column .bp-column:nth-of-type(2n),
    253 .buddypress .bp-three-column .bp-column:nth-of-type(3n) {
    254     margin-left: 0;
    255 }
    256 
    257 .buddypress .bp-changelog {
    258     margin-bottom: 3em;
    259 }
    260 
    261 .buddypress .bp-changelog:after {
    262     clear: both;
    263     content: "";
    264     display: table;
    265 }
    266 
    267 .buddypress .bp-changelog .title {
    268     font-size: 14px;
    269     margin-bottom: 0.75em;
    270     margin-top: 0;
    271 }
    272 
    273 .buddypress .bp-changelog p {
    274     margin-bottom: 0;
    275 }
    276 
    277 .bp-changelog-url {
    278     text-align: center;
    279 }
    280 
    281 .bp-assets {
    282     clear: both;
    283     margin-bottom: 3em;
    284 }
    285 
    286 @media screen and ( max-width: 782px ) {
    287 
    288     .bp-headline-feature,
    289     .bp-features-section,
    290     .bp-changelog-section,
    291     .bp-assets {
    292         margin-right: 20px;
     163    .bp-about-wrap {
    293164        margin-left: 20px;
    294     }
    295 
    296     .buddypress .bp-headline-feature {
    297         padding: 0;
    298     }
    299 
    300     .buddypress .bp-headline {
    301         margin: 0;
    302         width: 97%;
    303     }
    304 
    305     .buddypress .bp-features-section {
    306         clear: both;
    307         margin-bottom: 0;
    308         margin-top: 2em;
    309         padding-bottom: 2em;
    310     }
    311 
    312     .buddypress .bp-features-section .bp-feature-with-images {
    313         margin-bottom: 2em;
    314     }
    315 
    316     .buddypress .bp-features-section .headline-title {
    317         margin-bottom: 1em;
    318     }
    319 
    320     .buddypress .bp-changelog-section .changelog-title {
    321         font-size: 1.25em;
    322         line-height: 1.5;
    323         margin-bottom: 0.5em;
    324         margin-top: 0.5em;
    325     }
    326 
    327     .buddypress .bp-features-section .feature-title,
    328     .buddypress .bp-changelog-section .title {
    329         font-size: 1.25em;
    330         line-height: 1.25;
    331         margin-top: 0.6em;
    332         text-align: right;
    333     }
    334 
    335     .buddypress .bp-features-section .bp-feature,
    336     .buddypress .bp-features-section .bp-feature-imaged {
    337         clear: both;
    338         float: right;
    339         margin-bottom: 1em;
    340         margin-top: 1em;
     165        margin-right: 10px;
     166    }
     167
     168    .bp-about-wrap .bp-about-wrap h1 {
    341169        margin-left: 0;
    342         padding-left: 1em;
    343         width: 100%;
    344     }
    345 
    346     .buddypress .bp-features-section .bp-feature-imaged p {
    347         font-size: 1em;
    348     }
    349 
    350     .buddypress .bp-features-section .bp-feature span {
    351         margin-top: 0.33em;
    352     }
    353 
    354     .buddypress .bp-feature.opposite .feature-title,
    355     .buddypress .bp-feature.opposite p {
    356         float: none;
    357     }
    358 
    359     .buddypress .bp-changelog-section {
    360         clear: both;
    361         margin-bottom: 2em;
    362         margin-top: 2em;
    363     }
    364 
    365     .buddypress .bp-changelog {
    366         margin-bottom: 0;
    367     }
    368 
    369     .buddypress .bp-changelog-section .changelog-title {
    370         margin-bottom: 0.5em;
    371     }
    372 
    373     .buddypress .bp-changelog .title {
    374         font-size: 1em;
    375     }
    376 
    377     .buddypress .bp-changelog p {
    378         margin-bottom: 1em;
    379     }
    380 
    381     .buddypress .bp-changelog-section .two-col > div,
    382     .buddypress .bp-changelog-section .three-col .col {
    383         margin-top: 0;
    384         padding-bottom: 0.5em;
    385         width: 100%;
    386     }
    387 
    388     .buddypress .bp-three-column .bp-column {
    389         width: 100%;
    390     }
    391 }
    392 
    393 @media screen and ( max-width: 360px ) {
    394 
    395     .buddypress .bp-headline {
    396         text-align: center;
    397     }
    398 
    399     .buddypress .bp-headline span.dashicons {
    400         clear: none;
    401         font-size: 80px;
    402         float: none;
    403         height: 80px;
    404         line-height: 80px;
    405         margin: 0 auto;
    406         width: 80px;
    407     }
    408 
    409     .buddypress .bp-headline-feature .headline-title,
    410     .buddypress .bp-features-section .headline-title {
    411         font-size: 1.5em;
    412         line-height: 1.5;
    413         text-align: right;
    414     }
    415 
    416     .buddypress .bp-headline-feature .headline-title {
    417         margin: 1em 0 0;
    418     }
    419 
    420     .buddypress .bp-headline-feature p {
    421         margin: 1.15em 0 0.6em auto;
    422         text-align: right;
    423         width: auto;
    424     }
    425 
    426     .buddypress .bp-features-section .bp-feature {
    427         text-align: center;
    428     }
    429 
    430     .buddypress .bp-features-section span.dashicons {
    431         float: none;
    432     }
    433 
    434     .buddypress .bp-features-section .feature-title,
    435     .buddypress .bp-features-section p {
    436         margin-right: 0;
    437         text-align: right;
    438170    }
    439171}

  • trunk/src/bp-core/admin/css/common.css

    r11910 r11999  
    11111.0 Welcome Screen
    1212    1.1 Version Badge
    13     1.2 About Panel
    14         1.2.1 Headline Feature
    15         1.2.2 Features Section
    16         1.2.3 Changelog Section
     13    1.2 ---
     14    1.3 Credits Panel
    17152.0 Dashicons
    1816    2.1 Top level menus
    … …  
    4442}
    4543
    46 .about-wrap .bp-badge {
    47     position: absolute;
    48     top: 0;
    49     right: 0;
    50 }
    51 
    52 .index_page_bp-credits code,
     44.settings_page_bp-credits code,
    5345.index_page_bp-about code {
    5446    background-color: #e0e0e0;
    … …  
    5749}
    5850
     51/*
     52 * 1.3 Credits Panel
     53 *
     54 * Taken from WP 4.9.5.
     55 */
     56.bp-about-wrap {
     57    position: relative;
     58    max-width: 1050px;
     59    font-size: 15px;
     60}
     61
     62.bp-about-wrap img {
     63    margin: 0;
     64    max-width: 100%;
     65    height: auto;
     66    vertical-align: middle;
     67}
     68
     69.bp-about-wrap p {
     70    line-height: 1.5;
     71    font-size: 14px;
     72}
     73
     74.bp-about-wrap h2 {
     75    margin: 40px 0 0.6em;
     76    font-size: 2.7em;
     77    line-height: 1.3;
     78    font-weight: 300;
     79    text-align: center;
     80}
     81
     82.bp-about-wrap h3 {
     83    margin: 1.25em 0 0.6em;
     84    font-size: 1.4em;
     85    line-height: 1.5;
     86}
     87
     88.bp-about-wrap code {
     89    font-size: 14px;
     90    font-weight: 400;
     91}
     92
     93.bp-about-wrap .about-description {
     94    margin-top: 1.4em;
     95    font-weight: 400;
     96    line-height: 1.6;
     97    font-size: 19px;
     98}
     99
     100.bp-about-wrap h3.wp-people-group {
     101    margin: 2.6em 0 1.33em;
     102    padding: 0;
     103    font-size: 16px;
     104    line-height: inherit;
     105}
     106
     107.bp-about-wrap .wp-people-group {
     108    padding: 0 5px;
     109    margin: 0 -15px 0 -5px;
     110}
     111
     112.bp-about-wrap .compact {
     113    margin-bottom: 0;
     114}
     115
     116.bp-about-wrap .wp-person {
     117    display: inline-block;
     118    vertical-align: top;
     119    margin-right: 10px;
     120    padding-bottom: 15px;
     121    height: 70px;
     122    width: 280px;
     123}
     124
     125.bp-about-wrap .compact .wp-person {
     126    height: auto;
     127    width: 180px;
     128    padding-bottom: 0;
     129    margin-bottom: 0;
     130}
     131
     132.bp-about-wrap .wp-person .gravatar {
     133    float: left;
     134    margin: 0 10px 10px 0;
     135    padding: 1px;
     136    width: 60px;
     137    height: 60px;
     138}
     139
     140.bp-about-wrap .compact .wp-person .gravatar {
     141    width: 30px;
     142    height: 30px;
     143}
     144
     145.bp-about-wrap .wp-person .web {
     146    margin: 6px 0 2px;
     147    font-size: 16px;
     148    font-weight: 400;
     149    line-height: 2;
     150    text-decoration: none;
     151}
     152
     153.bp-about-wrap .wp-person .title {
     154    display: block;
     155}
     156
     157.bp-about-wrap p.wp-credits-list a {
     158    white-space: nowrap;
     159}
     160
    59161@media only screen and (max-width: 500px) {
    60162
    61     .about-wrap .bp-badge {
    62         position: relative;
    63         margin: 10px auto;
    64         top: auto;
    65         right: auto;
    66     }
    67 }
    68 
    69 /*
    70  * 1.2 About Panel
    71  */
    72 
    73 /*
    74  * 1.2.1 Headline Feature
    75  */
    76 .buddypress .bp-headline-feature {
    77     margin-bottom: 2em;
    78     margin-top: 3em;
    79     padding: 2em 3em;
    80 }
    81 
    82 .buddypress .bp-headline {
    83     margin: 0 auto;
    84     width: 45em;
    85 }
    86 
    87 .buddypress .bp-headline span.dashicons {
    88     background-color: #f1f1f1;
    89     color: #d84800;
    90     clear: left;
    91     font-size: 100px;
    92     float: left;
    93     height: 100px;
    94     line-height: 100px;
    95     margin: 0 15px 15px 0;
    96     text-align: center;
    97     width: 100px;
    98 }
    99 
    100 .buddypress .bp-headline-feature .headline-title {
    101     font-size: 2.2em;
    102     font-weight: 300;
    103     line-height: 2;
    104     margin: 0 0 1em;
    105     text-align: center;
    106 }
    107 
    108 .buddypress .bp-headline-feature p {
    109     font-size: 1.15em;
    110     margin: 1.15em auto 0.6em 0;
    111 }
    112 
    113 /*
    114  * 1.2.2 Features Section
    115  */
    116 .buddypress .bp-features-section {
    117     border-bottom: 1px solid #ccc;
    118     clear: both;
    119     margin-bottom: 3em;
    120     margin-top: 2em;
    121     overflow: hidden;
    122     padding-bottom: 2em;
    123 }
    124 
    125 .buddypress .bp-features-section p {
    126     font-size: 14px;
    127     line-height: 1.5;
    128 }
    129 
    130 .buddypress .bp-features-section img {
    131     margin-bottom: 20px;
    132 }
    133 
    134 .buddypress .bp-features-section span.dashicons {
    135     background-color: #fff;
    136     border-radius: 50%;
    137     clear: left;
    138     color: #d84800;
    139     font-size: 50px;
    140     float: left;
    141     height: 80px;
    142     line-height: 80px;
    143     margin: 0 15px 15px 0;
    144     text-align: center;
    145     width: 80px;
    146 }
    147 
    148 .buddypress .bp-features-section .headline-title {
    149     font-size: 2em;
    150     font-weight: 300;
    151     line-height: 1.5;
    152     margin: 1em auto 2em;
    153     text-align: center;
    154 }
    155 
    156 .buddypress .bp-features-section .bp-feature-with-images {
    157     border-bottom: 1px solid #ccc;
    158     margin-bottom: 5em;
    159     padding-bottom: 2em;
    160 }
    161 
    162 .buddypress .bp-features-section .bp-feature,
    163 .buddypress .bp-features-section .bp-feature-imaged {
    164     float: left;
    165     margin-bottom: 3em;
    166     margin-right: 4.799999999%;
    167     width: 47.6%;
    168 }
    169 
    170 .buddypress .bp-features-section .bp-feature.opposite,
    171 .buddypress .bp-features-section .bp-feature-imaged.anon {
    172     margin-right: 0;
    173 }
    174 
    175 .buddypress .bp-features-section .bp-feature code {
    176     font-size: 0.95em;
    177     line-height: 1.5;
    178 }
    179 
    180 .buddypress .bp-feature:after {
    181     clear: both;
    182     content: "";
    183     margin-bottom: 2em;
    184 }
    185 
    186 .buddypress .bp-feature-imaged .feature-title {
    187     color: #23282d;
    188     font-size: 1.25em;
    189     margin-bottom: 0.6em;
    190     margin-top: 0;
    191 }
    192 
    193 .buddypress .bp-feature-imaged p {
    194     clear: left;
    195     font-size: 1.1em;
    196 }
    197 
    198 .buddypress .bp-feature-imaged img {
    199     clear: left;
    200 }
    201 
    202 .buddypress .bp-feature .feature-title {
    203     font-size: 1em;
    204     line-height: 1.5;
    205     margin-bottom: 0;
    206     margin-left: 110px;
    207     margin-top: 0;
    208     text-align: left;
    209 }
    210 
    211 .buddypress .bp-feature p {
    212     margin-left: 110px;
    213 }
    214 
    215 /*
    216  * 1.2.3 Changelog Section
    217  */
    218 .buddypress .bp-changelog-section {
    219     clear: both;
    220     margin-bottom: 3em;
    221     margin-top: 4em;
    222     padding-bottom: 0;
    223 }
    224 
    225 .buddypress .bp-changelog-section:after {
    226     clear: both;
    227     content: "";
    228     display: table;
    229 }
    230 
    231 .buddypress .bp-changelog-section .changelog-title {
    232     color: #23282d;
    233     font-size: 1.25em;
    234     line-height: 1.5;
    235     margin: 0 auto 1.5em;
    236 }
    237 
    238 .buddypress .bp-two-column div {
    239     float: left;
    240     margin-right: 4.799999999%;
    241     position: relative;
    242     width: 47.6%;
    243 }
    244 
    245 .buddypress .bp-three-column .bp-column {
    246     float: left;
    247     margin-right: 5%;
    248     position: relative;
    249     width: 29.95%;
    250 }
    251 
    252 .buddypress .bp-two-column .bp-column:nth-of-type(2n),
    253 .buddypress .bp-three-column .bp-column:nth-of-type(3n) {
    254     margin-right: 0;
    255 }
    256 
    257 .buddypress .bp-changelog {
    258     margin-bottom: 3em;
    259 }
    260 
    261 .buddypress .bp-changelog:after {
    262     clear: both;
    263     content: "";
    264     display: table;
    265 }
    266 
    267 .buddypress .bp-changelog .title {
    268     font-size: 14px;
    269     margin-bottom: 0.75em;
    270     margin-top: 0;
    271 }
    272 
    273 .buddypress .bp-changelog p {
    274     margin-bottom: 0;
    275 }
    276 
    277 .bp-changelog-url {
    278     text-align: center;
    279 }
    280 
    281 .bp-assets {
    282     clear: both;
    283     margin-bottom: 3em;
    284 }
    285 
    286 @media screen and ( max-width: 782px ) {
    287 
    288     .bp-headline-feature,
    289     .bp-features-section,
    290     .bp-changelog-section,
    291     .bp-assets {
    292         margin-left: 20px;
     163    .bp-about-wrap {
    293164        margin-right: 20px;
    294     }
    295 
    296     .buddypress .bp-headline-feature {
    297         padding: 0;
    298     }
    299 
    300     .buddypress .bp-headline {
    301         margin: 0;
    302         width: 97%;
    303     }
    304 
    305     .buddypress .bp-features-section {
    306         clear: both;
    307         margin-bottom: 0;
    308         margin-top: 2em;
    309         padding-bottom: 2em;
    310     }
    311 
    312     .buddypress .bp-features-section .bp-feature-with-images {
    313         margin-bottom: 2em;
    314     }
    315 
    316     .buddypress .bp-features-section .headline-title {
    317         margin-bottom: 1em;
    318     }
    319 
    320     .buddypress .bp-changelog-section .changelog-title {
    321         font-size: 1.25em;
    322         line-height: 1.5;
    323         margin-bottom: 0.5em;
    324         margin-top: 0.5em;
    325     }
    326 
    327     .buddypress .bp-features-section .feature-title,
    328     .buddypress .bp-changelog-section .title {
    329         font-size: 1.25em;
    330         line-height: 1.25;
    331         margin-top: 0.6em;
    332         text-align: left;
    333     }
    334 
    335     .buddypress .bp-features-section .bp-feature,
    336     .buddypress .bp-features-section .bp-feature-imaged {
    337         clear: both;
    338         float: left;
    339         margin-bottom: 1em;
    340         margin-top: 1em;
     165        margin-left: 10px;
     166    }
     167
     168    .bp-about-wrap .bp-about-wrap h1 {
    341169        margin-right: 0;
    342         padding-right: 1em;
    343         width: 100%;
    344     }
    345 
    346     .buddypress .bp-features-section .bp-feature-imaged p {
    347         font-size: 1em;
    348     }
    349 
    350     .buddypress .bp-features-section .bp-feature span {
    351         margin-top: 0.33em;
    352     }
    353 
    354     .buddypress .bp-feature.opposite .feature-title,
    355     .buddypress .bp-feature.opposite p {
    356         float: none;
    357     }
    358 
    359     .buddypress .bp-changelog-section {
    360         clear: both;
    361         margin-bottom: 2em;
    362         margin-top: 2em;
    363     }
    364 
    365     .buddypress .bp-changelog {
    366         margin-bottom: 0;
    367     }
    368 
    369     .buddypress .bp-changelog-section .changelog-title {
    370         margin-bottom: 0.5em;
    371     }
    372 
    373     .buddypress .bp-changelog .title {
    374         font-size: 1em;
    375     }
    376 
    377     .buddypress .bp-changelog p {
    378         margin-bottom: 1em;
    379     }
    380 
    381     .buddypress .bp-changelog-section .two-col > div,
    382     .buddypress .bp-changelog-section .three-col .col {
    383         margin-top: 0;
    384         padding-bottom: 0.5em;
    385         width: 100%;
    386     }
    387 
    388     .buddypress .bp-three-column .bp-column {
    389         width: 100%;
    390     }
    391 }
    392 
    393 @media screen and ( max-width: 360px ) {
    394 
    395     .buddypress .bp-headline {
    396         text-align: center;
    397     }
    398 
    399     .buddypress .bp-headline span.dashicons {
    400         clear: none;
    401         font-size: 80px;
    402         float: none;
    403         height: 80px;
    404         line-height: 80px;
    405         margin: 0 auto;
    406         width: 80px;
    407     }
    408 
    409     .buddypress .bp-headline-feature .headline-title,
    410     .buddypress .bp-features-section .headline-title {
    411         font-size: 1.5em;
    412         line-height: 1.5;
    413         text-align: left;
    414     }
    415 
    416     .buddypress .bp-headline-feature .headline-title {
    417         margin: 1em 0 0;
    418     }
    419 
    420     .buddypress .bp-headline-feature p {
    421         margin: 1.15em auto 0.6em 0;
    422         text-align: left;
    423         width: auto;
    424     }
    425 
    426     .buddypress .bp-features-section .bp-feature {
    427         text-align: center;
    428     }
    429 
    430     .buddypress .bp-features-section span.dashicons {
    431         float: none;
    432     }
    433 
    434     .buddypress .bp-features-section .feature-title,
    435     .buddypress .bp-features-section p {
    436         margin-left: 0;
    437         text-align: left;
    438170    }
    439171}

  • trunk/src/bp-core/classes/class-bp-admin.php

    r11997 r11999  
    156156        add_action( 'bp_register_admin_settings', array( $this, 'register_admin_settings' ) );
    157157
    158         // Add a link to BuddyPress About page to the admin bar.
    159         add_action( 'admin_bar_menu', array( $this, 'admin_bar_about_link' ), 15 );
     158        // Add a link to BuddyPress Hello in the admin bar.
     159        add_action( 'admin_bar_menu', array( $this, 'admin_bar_about_link' ), 100 );
    160160
    161161        // Add a description of new BuddyPress tools in the available tools page.
    … …  
    170170        add_action( 'manage_' . bp_get_email_post_type() . '_posts_custom_column', array( $this, 'emails_display_situation_column_data' ), 10, 2 );
    171171
     172        // BuddyPress Hello.
     173        add_action( 'admin_footer', array( $this, 'about_screen' ) );
     174
    172175        /* Filters ***********************************************************/
    173176
    … …  
    197200            return;
    198201        }
    199 
    200         // About.
    201         add_dashboard_page(
    202             __( 'Welcome to BuddyPress',  'buddypress' ),
    203             __( 'Welcome to BuddyPress',  'buddypress' ),
    204             'manage_options',
    205             'bp-about',
    206             array( $this, 'about_screen' )
    207         );
    208 
    209         // Credits.
    210         add_dashboard_page(
    211             __( 'Welcome to BuddyPress',  'buddypress' ),
    212             __( 'Welcome to BuddyPress',  'buddypress' ),
    213             'manage_options',
    214             'bp-credits',
    215             array( $this, 'credits_screen' )
    216         );
    217202
    218203        $hooks = array();
    … …  
    475460
    476461    /**
    477      * Add a link to BuddyPress About page to the admin bar.
     462     * Add a link to BuddyPress Hello to the admin bar.
    478463     *
    479464     * @since 1.9.0
    480      *
    481      * @param WP_Admin_Bar $wp_admin_bar As passed to 'admin_bar_menu'.
     465     * @since 3.0.0 Hooked at priority 100 (was 15).
     466     *
     467     * @param WP_Admin_Bar $wp_admin_bar
    482468     */
    483469    public function admin_bar_about_link( $wp_admin_bar ) {
    484         if ( is_user_logged_in() ) {
    485             $wp_admin_bar->add_menu( array(
    486                 'parent' => 'wp-logo',
    487                 'id'     => 'bp-about',
    488                 'title'  => esc_html__( 'About BuddyPress', 'buddypress' ),
    489                 'href'   => add_query_arg( array( 'page' => 'bp-about' ), bp_get_admin_url( 'index.php' ) ),
    490             ) );
    491         }
     470        if ( ! is_user_logged_in() ) {
     471            return;
     472        }
     473
     474        $wp_admin_bar->add_menu( array(
     475            'parent' => 'wp-logo',
     476            'id'     => 'bp-about',
     477            'title'  => esc_html_x( 'Hello, BuddyPress!', 'Colloquial alternative to "learn about BuddyPress"', 'buddypress' ),
     478            'href'   => bp_get_admin_url( '?hello=buddypress' ),
     479            'meta'   => array(
     480                'class' => 'say-hello-buddypress',
     481            ),
     482        ) );
    492483    }
    493484
    … …  
    511502        return array_merge( $links, array(
    512503            'settings' => '<a href="' . esc_url( add_query_arg( array( 'page' => 'bp-components' ), bp_get_admin_url( $this->settings_page ) ) ) . '">' . esc_html__( 'Settings', 'buddypress' ) . '</a>',
    513             'about'    => '<a href="' . esc_url( add_query_arg( array( 'page' => 'bp-about'      ), bp_get_admin_url( 'index.php'          ) ) ) . '">' . esc_html__( 'About',    'buddypress' ) . '</a>'
     504            'about'    => '<a href="' . esc_url( bp_get_admin_url( '?hello=buddypress' ) ) . '">' . esc_html_x( 'Hello, BuddyPress!', 'Colloquial alternative to "learn about BuddyPress"', 'buddypress' ) . '</a>'
    514505        ) );
    515506    }
    … …  
    542533    public function enqueue_scripts() {
    543534        wp_enqueue_style( 'bp-admin-common-css' );
     535
     536        // BuddyPress Hello
     537        if ( get_current_screen()->id === 'dashboard' && ! empty( $_GET['hello'] ) && $_GET['hello'] === 'buddypress' ) {
     538            wp_enqueue_style( 'bp-hello-css' );
     539            wp_enqueue_script( 'bp-hello-js' );
     540        }
    544541    }
    545542
    … …  
    547544
    548545    /**
    549      * Output the about screen.
    550      *
    551      * @since 1.7.0
     546     * Output the BuddyPress Hello template.
     547     *
     548     * @since 1.7.0 Screen content.
     549     * @since 3.0.0 Now outputs BuddyPress Hello template.
    552550     */
    553551    public function about_screen() {
     552        if ( get_current_screen()->id !== 'dashboard' || empty( $_GET['hello'] ) || $_GET['hello'] !== 'buddypress' ) {
     553            return;
     554        }
    554555    ?>
    555556
    556         <div class="wrap about-wrap">
    557 
    558             <?php self::welcome_text(); ?>
    559 
    560             <?php self::tab_navigation( __METHOD__ ); ?>
    561 
    562             <?php if ( self::is_new_install() ) : ?>
    563 
    564                 <div id="welcome-panel" class="welcome-panel">
    565                     <div class="welcome-panel-content">
    566                         <h3 style="margin:0;"><?php _e( 'Getting Started with BuddyPress', 'buddypress' ); ?></h3>
    567                         <div class="welcome-panel-column-container">
    568                             <div class="welcome-panel-column">
    569                                 <h4><?php _e( 'Configure BuddyPress', 'buddypress' ); ?></h4>
    570                                 <ul>
    571                                     <li><?php printf(
    572                                     '<a href="%s" class="welcome-icon welcome-edit-page">' . __( 'Set Up Components', 'buddypress' ) . '</a>', esc_url( bp_get_admin_url( add_query_arg( array( 'page' => 'bp-components' ), $this->settings_page ) ) )
    573                                     ); ?></li>
    574                                     <li><?php printf(
    575                                     '<a href="%s" class="welcome-icon welcome-edit-page">' . __( 'Assign Components to Pages', 'buddypress' ) . '</a>', esc_url( bp_get_admin_url( add_query_arg( array( 'page' => 'bp-page-settings' ), $this->settings_page ) ) )
    576                                     ); ?></li>
    577                                     <li><?php printf(
    578                                     '<a href="%s" class="welcome-icon welcome-edit-page">' . __( 'Customize Settings', 'buddypress' ) . '</a>', esc_url( bp_get_admin_url( add_query_arg( array( 'page' => 'bp-settings' ), $this->settings_page ) ) )
    579                                     ); ?></li>
    580                                 </ul>
    581                                 <a class="button button-primary button-hero" style="margin-bottom:20px;margin-top:0;" href="<?php echo esc_url( bp_get_admin_url( add_query_arg( array( 'page' => 'bp-components' ), $this->settings_page ) ) ); ?>"><?php _e( 'Get Started', 'buddypress' ); ?></a>
    582                             </div>
    583                             <div class="welcome-panel-column">
    584                                 <h4><?php _e( 'Administration Tools', 'buddypress' ); ?></h4>
    585                                 <ul>
    586                                     <?php if ( bp_is_active( 'members' ) ) : ?>
    587                                         <li><?php printf( '<a href="%s" class="welcome-icon welcome-add-page">' . __( 'Add User Profile Fields', 'buddypress' ) . '</a>', esc_url( add_query_arg( array( 'page' => 'bp-profile-setup' ), bp_get_admin_url( 'users.php' ) ) ) ); ?></li>
    588                                     <?php endif; ?>
    589                                     <li><?php printf( '<a href="%s" class="welcome-icon welcome-add-page">' . __( 'Manage User Signups', 'buddypress' ) . '</a>', esc_url( add_query_arg( array( 'page' => 'bp-signups' ), bp_get_admin_url( 'users.php' ) ) ) ); ?></li>
    590                                     <?php if ( bp_is_active( 'activity' ) ) : ?>
    591                                         <li><?php printf( '<a href="%s" class="welcome-icon welcome-add-page">' . __( 'Moderate Activity Streams', 'buddypress' ) . '</a>', esc_url( add_query_arg( array( 'page' => 'bp-activity' ), bp_get_admin_url( 'admin.php' ) ) ) ); ?></li>
    592                                     <?php endif; ?>
    593                                     <?php if ( bp_is_active( 'groups' ) ) : ?>
    594                                         <li><?php printf( '<a href="%s" class="welcome-icon welcome-add-page">' . __( 'Manage Groups', 'buddypress' ) . '</a>', esc_url( add_query_arg( array( 'page' => 'bp-groups' ), bp_get_admin_url( 'admin.php' ) ) ) ); ?></li>
    595                                     <?php endif; ?>
    596                                     <li><?php printf( '<a href="%s" class="welcome-icon welcome-add-page">' . __( 'Repair Data', 'buddypress' ) . '</a>', esc_url( add_query_arg( array( 'page' => 'bp-tools' ), bp_get_admin_url( 'tools.php' ) ) ) ); ?>
    597                                     </li>
    598                                 </ul>
    599                             </div>
    600                             <div class="welcome-panel-column welcome-panel-last">
    601                                 <h4><?php _e( 'Community and Support', 'buddypress'  ); ?></h4>
    602                                 <p class="welcome-icon welcome-learn-more" style="margin-right:10px"><?php _e( 'Looking for help? The <a href="https://codex.buddypress.org/">BuddyPress Codex</a> has you covered.', 'buddypress' ) ?></p>
    603                                 <p class="welcome-icon welcome-learn-more" style="margin-right:10px"><?php _e( 'Can&#8217;t find what you need? Stop by <a href="https://buddypress.org/support/">our support forums</a>, where active BuddyPress users and developers are waiting to share tips and more.', 'buddypress' ) ?></p>
    604                             </div>
    605                         </div>
    606                     </div>
     557        <div id="bp-hello-backdrop" style="display: none;">
     558        </div>
     559
     560        <div id="bp-hello-container" style="display: none;">
     561            <div class="bp-hello-header">
     562                <div class="bp-hello-close">
     563                    <a class="close-modal" href="#" title="<?php echo esc_attr( 'Close pop-up', 'buddypress' ); ?>"><span class="screen-reader-text"><?php esc_html_e( 'Close pop-up', 'buddypress' ); ?></span></a>
    607564                </div>
    608565
    609             <?php endif; ?>
    610 
    611             <div class="bp-features-section">
    612 
    613                 <h3 class="headline-title"><?php esc_html_e( 'For Developers &amp; Site Builders', 'buddypress' ); ?></h3>
    614 
    615                 <div class="bp-feature">
    616                     <span class="dashicons dashicons-groups" aria-hidden="true"></span>
    617                     <h4 class="feature-title"><?php esc_html_e( 'Edit Group Slug', 'buddypress' ); ?></h4>
    618                     <p><?php esc_html_e( 'Allow administrators to change group names and permalinks. Navigate to the Groups screen in the wp-admin dashboard, click on the Edit link under the Group name, and adjust as needed.', 'buddypress' ); ?></p>
     566                <div class="bp-hello-title">
     567                    <h1><?php esc_html_e( _x( 'New in BuddyPress', 'section heading', 'buddypress' ) ); ?></h1>
    619568                </div>
    620 
    621                 <div class="bp-feature opposite">
    622                     <span class="dashicons dashicons-admin-users" aria-hidden="true"></span>
    623                     <h4 class="feature-title"><?php esc_html_e( 'Improve accessibility of Extended Profile Fields', 'buddypress' ); ?></h4>
    624                     <p><?php esc_html_e( 'Related form fields are grouped together in fieldsets and all interactive form controls are associated with necessary ARIA states and properties.', 'buddypress' ); ?></p>
     569            </div>
     570
     571            <div class="bp-hello-content">
     572                <h2><?php esc_html_e( __( 'Say hello to &ldquo;Nouveau&rdquo;!', 'buddypress' ) ); ?></h2>
     573                <p>
     574                    <?php
     575                    printf(
     576                        __( 'A bold reimagining of our legacy templates, Nouveau is our celebration of <a href="%s">10 years of BuddyPress</a>! Nouveau delivers modern markup with fresh JavaScript-powered templates, and full integration with WordPress\' Customizer, allowing more out-of-the-box control of your BuddyPress content than ever before.', 'buddypress' ),
     577                        esc_url( 'https://buddypress.org/2018/03/10-years/' )
     578                    );
     579                    ?>
     580                </p>
     581                <p><?php esc_html_e( 'Nouveau provides vertical and horizontal layout options for BuddyPress navigation, and for the component directories, you can choose between a grid layout, and a classic flat list.', 'buddypress' ); ?></p>
     582                <p>
     583                    <?php
     584                    printf(
     585                        __( 'Nouveau is fully compatible with WordPress. Existing BuddyPress themes have been written for our legacy template pack, and until they are updated, resolve any compatibility issues by choosing the legacy template pack option in <a href="%s">Settings &gt; BuddyPress</a>.', 'buddypress' ),
     586                        esc_url( bp_get_admin_url( 'admin.php?page=bp-settings' ) )
     587                    );
     588                    ?>
     589                </p>
     590                <img srcset="https://via.placeholder.com/1024x576 1024w, https://via.placeholder.com/2048x1152 2048w" src="https://placekitten.com/1024x576" sizes="(max-width: 1023px) 90vw, 65vw" alt="a rad wolf" />
     591
     592                <h2><?php esc_html_e( _x( 'Control site-wide notices from your dashboard', 'section heading', 'buddypress' ) ); ?></h2>
     593                <p><?php esc_html_e( 'Site Notices are a feature within the Private Messaging component that allows community managers to share important messages with all members of their community. With Nouveau, the management interface for Site Notices has been removed from the front-end theme templates.', 'buddypress' ); ?></p>
     594
     595                <?php if ( bp_is_active( 'messages' ) ) : ?>
     596                <p>
     597                    <?php
     598                    printf(
     599                        __( 'Explore the new management interface at <a href="%s">Users &gt; Site Notices</a>.', 'buddypress' ),
     600                        esc_url( bp_get_admin_url( 'users.php?page=bp-notices' ) )
     601                    );
     602                    ?>
     603                </p>
     604                <?php endif; ?>
     605
     606                <h2><?php esc_html_e( __( 'New profile field type: telephone numbers', 'buddypress' ) ); ?></h2>
     607                <p><?php esc_html_e( 'A new telephone number field type has been added to the Extended Profiles component, with support for all international number formats. With a modern web browser, your members can use this field type to touch-to-dial a number directly.', 'buddypress' ); ?></p>
     608
     609                <h2><?php esc_html_e( __( "BuddyPress: leaner, faster, stronger", 'buddypress' ) ); ?></h2>
     610                <p><?php esc_html_e( 'With every BuddyPress version, we strive to make performance improvements alongside new features and fixes; this version is no exception. Memory use has been optimised &mdash; within active components, we now only load each individual code file when it\'s needed, not before.', 'buddypress' ); ?></p>
     611                <p>
     612                    <?php
     613                    printf(
     614                        __( 'Most notably, the <a href="%s">Legacy Forums component has been removed</a> after 9 years of service. If your site was using Legacy Forums, you need to <a href="%s">migrate to the bbPress plugin</a>.', 'buddypress' ),
     615                        esc_url( 'https://bpdevel.wordpress.com/2017/12/07/legacy-forums-support-will-be/' ),
     616                        esc_url( 'https://codex.buddypress.org/getting-started/guides/migrating-from-old-forums-to-bbpress-2/' )
     617                    );
     618                    ?>
     619                </p>
     620
     621                <p><em>
     622                    <?php
     623                    printf(
     624                        __( 'To read the full list of features, fixes, and changes in this version of BuddyPress, <a href="%s">visit Trac</a>.', 'buddypress' ),
     625                        esc_url( 'https://buddypress.trac.wordpress.org/query?group=status&milestone=3.0' )
     626                    );
     627                    ?>
     628                </em></p>
     629
     630                <h2><?php esc_html_e( _x( 'Your feedback', 'screen heading', 'buddypress' ) ); ?></h2>
     631                <p>
     632                    <?php
     633                    printf(
     634                        __( ' How are you using BuddyPress? Recieving your feedback and suggestions for future versions of BuddyPress genuinely motivates and encourages our contributors. Please <a href="%s">share your feedback</a> about this version of BuddyPress on our website. ', 'buddypress' ),
     635                        esc_url( 'https://buddypress.org/support/' )
     636                    );
     637                    ?>
     638                </p>
     639                <p><?php esc_html_e( 'Thank you for using BuddyPress! 😊', 'buddypress' ); ?></p>
     640
     641                <br /><br />
     642            </div>
     643
     644            <div class="bp-hello-footer">
     645                <div class="bp-hello-social-cta">
     646                    <p>
     647                        <?php
     648                        printf(
     649                            _n( 'Built by <a href="%s">%s volunteer</a>.', 'Built by <a href="%s">%s volunteers</a>.', 100, 'buddypress' ),
     650                            esc_url( bp_get_admin_url( 'admin.php?page=bp-credits' ) ),
     651                            number_format_i18n( 100 )
     652                        );
     653                        ?>
     654                    </p>
    625655                </div>
    626656
    627                 <div class="bp-feature">
    628                     <span class="dashicons dashicons-email" aria-hidden="true"></span>
    629                     <h4 class="feature-title"><?php esc_html_e( 'Send group invitation only once per user', 'buddypress' ); ?></h4>
    630                     <p><?php esc_html_e( 'Prevent duplicate group invitations from being sent to a user by double-checking if a group invitation has already been sent to that user.', 'buddypress' ); ?></p>
     657                <div class="bp-hello-social-links">
     658                    <ul class="bp-hello-social">
     659                        <li>
     660                            <?php
     661                            printf(
     662                                '<a class="twitter" title="%1$s" href="%2$s"><span class="screen-reader-text">%3$s</span></a>',
     663                                esc_attr( 'Follow BuddyPress on Twitter', 'buddypress' ),
     664                                esc_url( 'https://twitter.com/buddypress' ),
     665                                esc_html( 'Follow BuddyPress on Twitter', 'buddypress' )
     666                            );
     667                            ?>
     668                        </li>
     669
     670                        <li>
     671                            <?php
     672                            printf(
     673                                '<a class="support" title="%1$s" href="%2$s"><span class="screen-reader-text">%3$s</span></a>',
     674                                esc_attr( 'Visit the Support Forums', 'buddypress' ),
     675                                esc_url( 'https://buddypress.org/support/' ),
     676                                esc_html( 'Visit the Support Forums', 'buddypress' )
     677                            );
     678                            ?>
     679                        </li>
     680                    </ul>
    631681                </div>
    632 
    633                 <div class="bp-feature opposite">
    634                     <span class="dashicons dashicons-testimonial" aria-hidden="true"></span>
    635                     <h4 class="feature-title"><?php esc_html_e( 'Tooltips Usable for All Devices', 'buddypress' ); ?></h4>
    636 
    637                     <p><?php esc_html_e( 'Replaced HTML title attributes with tooltips which provide additional information and visual cues where needed on mouse hover and keyboard focus events.', 'buddypress' );
    638                     ?></p>
    639                 </div>
    640 
    641682            </div>
    642 
    643             <div class="bp-changelog-section">
    644 
    645                 <h3 class="changelog-title"><?php esc_html_e( 'More under the hood &#8230;', 'buddypress' ); ?></h3>
    646                 <div class="bp-changelog bp-three-column">
    647                     <div class="bp-column">
    648                         <h4 class="title"><?php esc_html_e( 'Better support for private message thread links in emails', 'buddypress' ); ?></h4>
    649                         <p><?php esc_html_e( 'Redirect non-authenticated users to the login screen and authenticated users to the message linked.', 'buddypress' ); ?></p>
    650                     </div>
    651                     <div class="bp-column">
    652                         <h4 class="title"><?php esc_html_e( 'Compatibility with Bootstrap themes', 'buddypress' ); ?></h4>
    653                         <p><?php esc_html_e( 'Removed issues with BuddyPress-generated content being hidden in the Groups loop and Activity comments in Bootstrap themes.', 'buddypress' ); ?></p>
    654                     </div>
    655 
    656                     <div class="bp-column">
    657                         <h4 class="title"><?php esc_html_e( 'Improve profile image uploads', 'buddypress' ); ?></h4>
    658                         <p><?php esc_html_e( 'Fixed issues with uploading in iOS Safari and uploading files with non-ASCII filenames.', 'buddypress' ); ?></p>
    659                     </div>
    660                 </div>
    661 
    662                 <div class="bp-changelog bp-three-column">
    663                     <div class="bp-column">
    664                         <h4 class="title"><?php esc_html_e( 'URL compatibility for LightSpeed Servers', 'buddypress' ); ?></h4>
    665                         <p><?php
    666                                 /* translators: %s: trailingslashit() */
    667                                 printf( __( 'Audited and changed template link functions to use %s where necessary.', 'buddypress' ),
    668                                 '<code>trailingslashit()</code>' );
    669                         ?></p>
    670                     </div>
    671                     <div class="bp-column">
    672                         <h4 class="title"><?php esc_html_e( 'Template Packs UI in BuddyPress > Settings.', 'buddypress' ); ?></h4>
    673                         <p><?php esc_html_e( 'Register your new BuddyPress theme package and allow the user to select which template pack to use.', 'buddypress' ); ?></p>
    674                     </div>
    675 
    676                     <div class="bp-column">
    677                         <h4 class="title"><?php
    678                                 /* translators: %s: bp_group_link() */
    679                                 printf( __( 'New template function %s', 'buddypress' ),
    680                                 '<code>bp_group_link()</code>' );
    681                         ?></h4>
    682                         <p><?php esc_html_e( 'Output a group name as a text hyperlink where appropriate.', 'buddypress' ); ?></p>
    683                     </div>
    684                 </div>
    685 
    686             </div>
    687 
    688             <div class="bp-assets">
    689                 <p><?php _ex( 'Learn more:', 'About screen, website links', 'buddypress' ); ?> <a href="https://buddypress.org/blog/"><?php _ex( 'News', 'About screen, link to project blog', 'buddypress' ); ?></a> &bullet; <a href="https://buddypress.org/support/"><?php _ex( 'Support', 'About screen, link to support site', 'buddypress' ); ?></a> &bullet; <a href="https://codex.buddypress.org/"><?php _ex( 'Documentation', 'About screen, link to documentation', 'buddypress' ); ?></a> &bullet; <a href="https://bpdevel.wordpress.com/"><?php _ex( 'Development Blog', 'About screen, link to development blog', 'buddypress' ); ?></a></p>
    690 
    691                 <p><?php _ex( 'Twitter:', 'official Twitter accounts:', 'buddypress' ); ?> <a href="https://twitter.com/buddypress/"><?php _ex( 'BuddyPress', '@buddypress twitter account name', 'buddypress' ); ?></a> &bullet; <a href="https://twitter.com/bptrac/"><?php _ex( 'Trac', '@bptrac twitter account name', 'buddypress' ); ?></a> &bullet; <a href="https://twitter.com/buddypressdev/"><?php _ex( 'Development', '@buddypressdev twitter account name', 'buddypress' ); ?></a></p>
    692             </div>
    693 
    694683        </div>
    695684
    … …  
    888877    }
    889878
    890     /**
    891      * Output welcome text and badge for What's New and Credits pages.
    892      *
    893      * @since 2.2.0
    894      */
    895     public static function welcome_text() {
    896 
    897         // Switch welcome text based on whether this is a new installation or not.
    898         $welcome_text = ( self::is_new_install() )
    899             ? __( 'Thank you for installing BuddyPress! BuddyPress adds community features to WordPress. Member Profiles, Activity Streams, Direct Messaging, Notifications, and more!', 'buddypress' )
    900             : __( 'Thank you for updating! BuddyPress %s has many new improvements that you will enjoy.', 'buddypress' );
    901 
    902         ?>
    903 
    904         <h1><?php printf( esc_html__( 'Welcome to BuddyPress %s', 'buddypress' ), self::display_version() ); ?></h1>
    905 
    906         <div class="about-text">
    907             <?php
    908             if ( self::is_new_install() ) {
    909                 echo $welcome_text;
    910             } else {
    911                 printf( $welcome_text, self::display_version() );
    912             }
    913             ?>
    914         </div>
    915 
    916         <div class="bp-badge"></div>
    917 
    918         <?php
    919     }
    920 
    921     /**
    922      * Output tab navigation for `What's New` and `Credits` pages.
    923      *
    924      * @since 2.2.0
    925      *
    926      * @param string $tab Tab to highlight as active.
    927      */
    928     public static function tab_navigation( $tab = 'whats_new' ) {
    929     ?>
    930 
    931         <h2 class="nav-tab-wrapper">
    932             <a class="nav-tab <?php if ( 'BP_Admin::about_screen' === $tab ) : ?>nav-tab-active<?php endif; ?>" href="<?php echo esc_url( bp_get_admin_url( add_query_arg( array( 'page' => 'bp-about' ), 'index.php' ) ) ); ?>">
    933                 <?php esc_html_e( 'What&#8217;s New', 'buddypress' ); ?>
    934             </a><a class="nav-tab <?php if ( 'BP_Admin::credits_screen' === $tab ) : ?>nav-tab-active<?php endif; ?>" href="<?php echo esc_url( bp_get_admin_url( add_query_arg( array( 'page' => 'bp-credits' ), 'index.php' ) ) ); ?>">
    935                 <?php esc_html_e( 'Credits', 'buddypress' ); ?>
    936             </a>
    937         </h2>
    938 
    939     <?php
    940     }
    941 
    942879    /** Emails ****************************************************************/
    943880
    … …  
    10891026                'dependencies' => array(),
    10901027            ),
     1028
     1029            // 3.0
     1030            'bp-hello-css' => array(
     1031                'file'         => "{$url}hello{$min}.css",
     1032                'dependencies' => array( 'bp-admin-common-css' ),
     1033            ),
    10911034        ) );
    1092 
    10931035
    10941036        $version = bp_get_version();
    … …  
    11271069                'footer'       => true,
    11281070            ),
     1071
     1072            // 3.0
     1073            'bp-hello-js' => array(
     1074                'file'         => "{$url}hello{$min}.js",
     1075                'dependencies' => array(),
     1076                'footer'       => true,
     1077            ),
    11291078        ) );
    11301079
Note: See TracChangeset for help on using the changeset viewer.