Skip to:
Content

BuddyPress.org

Changeset 10883


Ignore:
Timestamp:
06/15/2016 09:42:25 PM (9 years ago)
Author:
imath
Message:

Welcome Screen for BuddyPress 2.6

Props mercime, dcavins, r-a-y, djpaul, hnla, jerrysarcastic, imath

Fixes #7108

Location:
trunk/src/bp-core
Files:
5 added
5 deleted
3 edited

Legend:

Unmodified
Added
Removed

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

    r10811 r10883  
    1313    1.2 About Panel
    1414        1.2.1 Headline Feature
    15         1.2.2 Columns
    16         1.2.3 Features Section
    17         1.2.4 Changelog Section
     15        1.2.2 Features Section
     16        1.2.3 Changelog Section
    18172.0 Dashicons
    1918    2.1 Top level menus
    … …  
    6362 * 1.2.1 Headline Feature
    6463 */
    65 .index_page_bp-about .about-wrap .headline-feature,
    66 .dashboard_page_bp-about .about-wrap .headline-feature {
    67     margin-bottom: 2em;
     64.index_page_bp-about .bp-headline-feature,
     65.dashboard_page_bp-about .bp-headline-feature {
     66    margin-bottom: 3em;
    6867    text-align: center;
    6968}
    7069
    71 .index_page_bp-about .about-wrap .headline-feature h3,
    72 .index_page_bp-about .headline-feature .headline-title,
    73 .dashboard_page_bp-about .about-wrap .headline-feature h3,
    74 .dashboard_page_bp-about .headline-feature .headline-title {
     70.index_page_bp-about .bp-headline-feature h3,
     71.index_page_bp-about .bp-headline-feature .headline-title,
     72.dashboard_page_bp-about .bp-headline-feature h3,
     73.dashboard_page_bp-about .bp-headline-feature .headline-title {
    7574    font-size: 2.2em;
    76     font-weight: normal;
    7775    line-height: 1.3;
    7876    margin: 1.25em 0 0.6em;
    … …  
    8078}
    8179
    82 .index_page_bp-about .about-wrap .headline-feature p,
    83 .dashboard_page_bp-about .about-wrap .headline-feature p {
     80.index_page_bp-about .bp-headline-feature p,
     81.dashboard_page_bp-about .bp-headline-feature p {
    8482    font-size: 1.15em;
    8583    margin: 1.15em auto 0.6em;
    86 }
    87 
    88 .index_page_bp-about .about-wrap .headline-feature .introduction,
    89 .dashboard_page_bp-about .about-wrap .headline-feature .introduction {
     84    max-width: 80%;
     85}
     86
     87.index_page_bp-about .bp-headline-feature .introduction,
     88.dashboard_page_bp-about .bp-headline-feature .introduction {
    9089    font-weight: 600;
    9190}
    9291
    93 /*
    94  * 1.2.2 Columns
    95  */
    96 .index_page_bp-about .about-wrap .two-col > div,
    97 .dashboard_page_bp-about .about-wrap .two-col > div {
     92
     93/*
     94 * 1.2.2 Features Section
     95 */
     96.index_page_bp-about .bp-features-section,
     97.dashboard_page_bp-about .bp-features-section {
     98    clear: both;
     99    margin-bottom: 2em;
     100    margin-top: 2em;
     101    padding-bottom: 0;
     102}
     103
     104.index_page_bp-about .bp-features-section h3,
     105.dashboard_page_bp-about .bp-features-section h3 {
     106    font-size: 1.8em;
     107    font-weight: normal;
     108    line-height: 1.5em;
     109    margin: 0 0 0.6em;
     110    text-align: center;
     111}
     112
     113.index_page_bp-about .bp-feature,
     114.dashboard_page_bp-about .bp-feature {
     115    clear: both;
     116    overflow: hidden;
     117    margin-bottom: 3em;
     118    margin-top: 3em;
     119}
     120
     121.index_page_bp-about .bp-feature::after,
     122.dashboard_page_bp-about .bp-feature::after {
     123    content: '';
     124}
     125
     126.index_page_bp-about .bp-feature h4,
     127.dashboard_page_bp-about .bp-feature h4 {
     128    color: #23282d;
     129    display: inline-block;
     130    font-size: 1.4em;
     131    font-weight: normal;
     132    margin-bottom: 0.6em;
     133    margin-top: 0;
     134    width: 47%;
     135}
     136
     137.index_page_bp-about .bp-feature p,
     138.dashboard_page_bp-about .bp-feature p {
     139    font-size: 1.15em;
     140    width: 47%;
     141}
     142
     143.index_page_bp-about .bp-feature.opposite h4,
     144.dashboard_page_bp-about .bp-feature.opposite h4,
     145.index_page_bp-about .bp-feature.opposite p,
     146.dashboard_page_bp-about .bp-feature.opposite p {
     147    float: left;
     148}
     149
     150.index_page_bp-about .bp-feature img,
     151.dashboard_page_bp-about .bp-feature img {
     152    clear: left;
     153    float: left;
     154    margin-right: 2.5%;
     155    width: 50%;
     156    max-width: 50%;
     157}
     158
     159.index_page_bp-about .bp-feature.opposite img,
     160.dashboard_page_bp-about .bp-feature.opposite img{
     161    clear: right;
     162    float: right;
     163    margin-right: 0;
     164    margin-left: 2.5%;
     165}
     166
     167
     168/*
     169 * 1.2.3 Changelog Section
     170 */
     171.index_page_bp-about .bp-changelog-section,
     172.dashboard_page_bp-about .bp-changelog-section {
     173    border-top: 1px solid #ccc;
     174    clear: both;
     175    margin-bottom: 3em;
     176    margin-top: 2em;
     177    padding-bottom: 0;
     178}
     179
     180.index_page_bp-about .bp-changelog-section::after,
     181.dashboard_page_bp-about .bp-changelog-section::after {
     182    content: '';
     183}
     184
     185.index_page_bp-about .bp-changelog-section .changelog-title,
     186.dashboard_page_bp-about .bp-changelog-section .changelog-title {
     187    color: #23282d;
     188    font-size: 1.6em;
     189    font-weight: normal;
     190    line-height: 1.5;
     191    margin: 1.25em 0 .6em;
     192    text-align: center;
     193}
     194
     195.index_page_bp-about .bp-changelog-section .two-col > div,
     196.dashboard_page_bp-about .bp-changelog-section .two-col > div {
    98197    float: right;
    99198    margin-left: 4.799999999%;
    … …  
    102201}
    103202
    104 .index_page_bp-about .about-wrap .two-col .last-feature,
    105 .dashboard_page_bp-about .about-wrap .two-col .last-feature {
     203.index_page_bp-about .bp-changelog-section .two-col > div.last-feature,
     204.dashboard_page_bp-about .bp-changelog-section .two-col > div.last-feature {
    106205    margin-left: 0;
    107206}
    108207
    109 /*
    110  * 1.2.3 Features Section
    111  */
    112 .index_page_bp-about .bp-features-section,
    113 .dashboard_page_bp-about .bp-features-section {
     208.index_page_bp-about .bp-changelog,
     209.dashboard_page_bp-about .bp-changelog {
     210    margin-bottom: 3em;
     211}
     212
     213.index_page_bp-about .bp-changelog h4,
     214.dashboard_page_bp-about .bp-changelog h4 {
     215    font-size: 1.15em;
     216    margin-top: 1.5em;
     217    margin-bottom: 0.6em;
     218}
     219
     220.index_page_bp-about .bp-changelog p,
     221.dashboard_page_bp-about .bp-changelog p {
     222    font-size: 1.05em;
     223    margin-top: 0.75em;
     224}
     225
     226.bp-assets {
     227    clear: both;
    114228    margin-bottom: 2em;
    115 }
    116 
    117 .index_page_bp-about .about-wrap .feature-section,
    118 .dashboard_page_bp-about .about-wrap .feature-section {
    119     clear: both;
    120     margin-top: 2em;
    121     overflow: hidden;
    122     padding-bottom: 0;
    123 }
    124 
    125 .index_page_bp-about .about-wrap .changelog .feature-section,
    126 .dashboard_page_bp-about .about-wrap .changelog .feature-section {
    127     margin-top: 0;
    128 }
    129 
    130 .index_page_bp-about .about-wrap .feature-section h3,
    131 .dashboard_page_bp-about .about-wrap .feature-section h3 {
    132     font-size: 1.25em;
    133     line-height: 1.5em;
    134     margin: 0 0 0.6em;
    135 }
    136 
    137 .index_page_bp-about .about-wrap .changelog h4,
    138 .dashboard_page_bp-about .about-wrap .changelog h4 {
    139     color: #23282d;
    140     font-size: 1em;
    141     margin: 1.4em 0 0.6em;
    142 }
    143 
    144 /*
    145  * 1.2.4 Changelog Section
    146  */
    147 .index_page_bp-about .about-wrap .changelog,
    148 .dashboard_page_bp-about .about-wrap .changelog {
    149     border-top: 1px solid #eee;
    150     margin-bottom: 3em;
    151 }
    152 
    153 .index_page_bp-about .about-wrap .changelog .changelog-title,
    154 .dashboard_page_bp-about .about-wrap .changelog .changelog-title {
    155     font-size: 1.25em;
    156     line-height: 1.5em;
    157     margin: 1.25em 0 .6em;
    158     text-align: center;
     229    padding-top: 3em;
    159230}
    160231
    161232@media screen and ( max-width: 782px ) {
    162     .index_page_bp-about .about-wrap .headline-feature,
    163     .dashboard_page_bp-about .about-wrap .headline-feature {
     233    .index_page_bp-about .bp-headline-feature,
     234    .dashboard_page_bp-about .bp-headline-feature {
    164235        max-width: 100%;
    165236    }
    166     .index_page_bp-about .about-wrap .headline-feature h3,
    167     .dahsboard_page_bp-about .about-wrap .headline-feature h3,
    168     .index_page_bp-about .about-wrap .headline-feature .headline-title,
    169     .dashboard_page_bp-about .about-wrap .headline-feature .headline-title {
    170         font-size: 2em;
     237    .index_page_bp-about .bp-headline-feature .headline-title,
     238    .dashboard_page_bp-about .bp-headline-feature .headline-title {
     239        font-size: 1.5em;
     240        line-height: 1.5;
     241        text-align: right;
    171242    }
    172243    .index_page_bp-about .bp-features-section,
    173244    .dashboard_page_bp-about .bp-features-section {
    174245        margin-bottom: 0;
    175     }
    176     .index_page_bp-about .about-wrap .feature-section,
    177     .dashboard_page_bp-about .about-wrap .feature-section {
     246        margin-top: 2em;
     247    }
     248    .index_page_bp-about .bp-features-section h3,
     249    .dashboard_page_bp-about .bp-features-section h3,
     250    .index_page_bp-about .bp-changelog-section .changelog-title,
     251    .dashboard_page_bp-about .bp-changelog-section .changelog-title {
     252        font-size: 1.5em;
     253        line-height: 1.5;
     254        text-align: right;
     255    }
     256    .index_page_bp-about .bp-features-section h4,
     257    .dashboard_page_bp-about .bp-features-section h4,
     258    .index_page_bp-about .bp-changelog-section h4,
     259    .dashboard_page_bp-about .bp-changelog-section h4 {
     260        font-size: 1.25em;
     261        font-weight: normal;
     262        line-height: 1.25;
     263        margin-top: 0.6em;
     264        text-align: right;
     265    }
     266    .index_page_bp-about .bp-changelog-section .two-col > div,
     267    .dashboard_page_bp-about .bp-changelog-section .two-col > div {
    178268        margin-top: 0;
    179     }
    180     .index_page_bp-about .about-wrap .two-col > div,
    181     .dashboard_page_bp-about .about-wrap .two-col > div {
    182         border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    183         margin-top: 1.25em;
    184         padding-bottom: 1em;
     269        padding-bottom: 0.5em;
    185270        width: 100%;
    186     }
    187     .index_page_bp-about .changelog .two-col > div,
    188     .dashboard_page_bp-about .changelog .two-col > div {
    189         margin-top: 0;
    190         padding-bottom: 0;
    191     }
    192     .index_page_bp-about .about-wrap .changelog .changelog-title,
    193     .dashboard_page_bp-about .about-wrap .changelog .changelog-title {
    194         text-align: right;
    195271    }
    196272}

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

    r10811 r10883  
    1313    1.2 About Panel
    1414        1.2.1 Headline Feature
    15         1.2.2 Columns
    16         1.2.3 Features Section
    17         1.2.4 Changelog Section
     15        1.2.2 Features Section
     16        1.2.3 Changelog Section
    18172.0 Dashicons
    1918    2.1 Top level menus
    … …  
    6362 * 1.2.1 Headline Feature
    6463 */
    65 .index_page_bp-about .about-wrap .headline-feature,
    66 .dashboard_page_bp-about .about-wrap .headline-feature {
    67     margin-bottom: 2em;
     64.index_page_bp-about .bp-headline-feature,
     65.dashboard_page_bp-about .bp-headline-feature {
     66    margin-bottom: 3em;
    6867    text-align: center;
    6968}
    7069
    71 .index_page_bp-about .about-wrap .headline-feature h3,
    72 .index_page_bp-about .headline-feature .headline-title,
    73 .dashboard_page_bp-about .about-wrap .headline-feature h3,
    74 .dashboard_page_bp-about .headline-feature .headline-title {
     70.index_page_bp-about .bp-headline-feature h3,
     71.index_page_bp-about .bp-headline-feature .headline-title,
     72.dashboard_page_bp-about .bp-headline-feature h3,
     73.dashboard_page_bp-about .bp-headline-feature .headline-title {
    7574    font-size: 2.2em;
    76     font-weight: normal;
    7775    line-height: 1.3;
    7876    margin: 1.25em 0 0.6em;
    … …  
    8078}
    8179
    82 .index_page_bp-about .about-wrap .headline-feature p,
    83 .dashboard_page_bp-about .about-wrap .headline-feature p {
     80.index_page_bp-about .bp-headline-feature p,
     81.dashboard_page_bp-about .bp-headline-feature p {
    8482    font-size: 1.15em;
    8583    margin: 1.15em auto 0.6em;
    86 }
    87 
    88 .index_page_bp-about .about-wrap .headline-feature .introduction,
    89 .dashboard_page_bp-about .about-wrap .headline-feature .introduction {
     84    max-width: 80%;
     85}
     86
     87.index_page_bp-about .bp-headline-feature .introduction,
     88.dashboard_page_bp-about .bp-headline-feature .introduction {
    9089    font-weight: 600;
    9190}
    9291
    93 /*
    94  * 1.2.2 Columns
    95  */
    96 .index_page_bp-about .about-wrap .two-col > div,
    97 .dashboard_page_bp-about .about-wrap .two-col > div {
     92
     93/*
     94 * 1.2.2 Features Section
     95 */
     96.index_page_bp-about .bp-features-section,
     97.dashboard_page_bp-about .bp-features-section {
     98    clear: both;
     99    margin-bottom: 2em;
     100    margin-top: 2em;
     101    padding-bottom: 0;
     102}
     103
     104.index_page_bp-about .bp-features-section h3,
     105.dashboard_page_bp-about .bp-features-section h3 {
     106    font-size: 1.8em;
     107    font-weight: normal;
     108    line-height: 1.5em;
     109    margin: 0 0 0.6em;
     110    text-align: center;
     111}
     112
     113.index_page_bp-about .bp-feature,
     114.dashboard_page_bp-about .bp-feature {
     115    clear: both;
     116    overflow: hidden;
     117    margin-bottom: 3em;
     118    margin-top: 3em;
     119}
     120
     121.index_page_bp-about .bp-feature::after,
     122.dashboard_page_bp-about .bp-feature::after {
     123    content: '';
     124}
     125
     126.index_page_bp-about .bp-feature h4,
     127.dashboard_page_bp-about .bp-feature h4 {
     128    color: #23282d;
     129    display: inline-block;
     130    font-size: 1.4em;
     131    font-weight: normal;
     132    margin-bottom: 0.6em;
     133    margin-top: 0;
     134    width: 47%;
     135}
     136
     137.index_page_bp-about .bp-feature p,
     138.dashboard_page_bp-about .bp-feature p {
     139    font-size: 1.15em;
     140    width: 47%;
     141}
     142
     143.index_page_bp-about .bp-feature.opposite h4,
     144.dashboard_page_bp-about .bp-feature.opposite h4,
     145.index_page_bp-about .bp-feature.opposite p,
     146.dashboard_page_bp-about .bp-feature.opposite p {
     147    float: right;
     148}
     149
     150.index_page_bp-about .bp-feature img,
     151.dashboard_page_bp-about .bp-feature img {
     152    clear: right;
     153    float: right;
     154    margin-left: 2.5%;
     155    width: 50%;
     156    max-width: 50%;
     157}
     158
     159.index_page_bp-about .bp-feature.opposite img,
     160.dashboard_page_bp-about .bp-feature.opposite img{
     161    clear: left;
     162    float: left;
     163    margin-left: 0;
     164    margin-right: 2.5%;
     165}
     166
     167
     168/*
     169 * 1.2.3 Changelog Section
     170 */
     171.index_page_bp-about .bp-changelog-section,
     172.dashboard_page_bp-about .bp-changelog-section {
     173    border-top: 1px solid #ccc;
     174    clear: both;
     175    margin-bottom: 3em;
     176    margin-top: 2em;
     177    padding-bottom: 0;
     178}
     179
     180.index_page_bp-about .bp-changelog-section::after,
     181.dashboard_page_bp-about .bp-changelog-section::after {
     182    content: '';
     183}
     184
     185.index_page_bp-about .bp-changelog-section .changelog-title,
     186.dashboard_page_bp-about .bp-changelog-section .changelog-title {
     187    color: #23282d;
     188    font-size: 1.6em;
     189    font-weight: normal;
     190    line-height: 1.5;
     191    margin: 1.25em 0 .6em;
     192    text-align: center;
     193}
     194
     195.index_page_bp-about .bp-changelog-section .two-col > div,
     196.dashboard_page_bp-about .bp-changelog-section .two-col > div {
    98197    float: left;
    99198    margin-right: 4.799999999%;
    … …  
    102201}
    103202
    104 .index_page_bp-about .about-wrap .two-col .last-feature,
    105 .dashboard_page_bp-about .about-wrap .two-col .last-feature {
     203.index_page_bp-about .bp-changelog-section .two-col > div.last-feature,
     204.dashboard_page_bp-about .bp-changelog-section .two-col > div.last-feature {
    106205    margin-right: 0;
    107206}
    108207
    109 /*
    110  * 1.2.3 Features Section
    111  */
    112 .index_page_bp-about .bp-features-section,
    113 .dashboard_page_bp-about .bp-features-section {
     208.index_page_bp-about .bp-changelog,
     209.dashboard_page_bp-about .bp-changelog {
     210    margin-bottom: 3em;
     211}
     212
     213.index_page_bp-about .bp-changelog h4,
     214.dashboard_page_bp-about .bp-changelog h4 {
     215    font-size: 1.15em;
     216    margin-top: 1.5em;
     217    margin-bottom: 0.6em;
     218}
     219
     220.index_page_bp-about .bp-changelog p,
     221.dashboard_page_bp-about .bp-changelog p {
     222    font-size: 1.05em;
     223    margin-top: 0.75em;
     224}
     225
     226.bp-assets {
     227    clear: both;
    114228    margin-bottom: 2em;
    115 }
    116 
    117 .index_page_bp-about .about-wrap .feature-section,
    118 .dashboard_page_bp-about .about-wrap .feature-section {
    119     clear: both;
    120     margin-top: 2em;
    121     overflow: hidden;
    122     padding-bottom: 0;
    123 }
    124 
    125 .index_page_bp-about .about-wrap .changelog .feature-section,
    126 .dashboard_page_bp-about .about-wrap .changelog .feature-section {
    127     margin-top: 0;
    128 }
    129 
    130 .index_page_bp-about .about-wrap .feature-section h3,
    131 .dashboard_page_bp-about .about-wrap .feature-section h3 {
    132     font-size: 1.25em;
    133     line-height: 1.5em;
    134     margin: 0 0 0.6em;
    135 }
    136 
    137 .index_page_bp-about .about-wrap .changelog h4,
    138 .dashboard_page_bp-about .about-wrap .changelog h4 {
    139     color: #23282d;
    140     font-size: 1em;
    141     margin: 1.4em 0 0.6em;
    142 }
    143 
    144 /*
    145  * 1.2.4 Changelog Section
    146  */
    147 .index_page_bp-about .about-wrap .changelog,
    148 .dashboard_page_bp-about .about-wrap .changelog {
    149     border-top: 1px solid #eee;
    150     margin-bottom: 3em;
    151 }
    152 
    153 .index_page_bp-about .about-wrap .changelog .changelog-title,
    154 .dashboard_page_bp-about .about-wrap .changelog .changelog-title {
    155     font-size: 1.25em;
    156     line-height: 1.5em;
    157     margin: 1.25em 0 .6em;
    158     text-align: center;
     229    padding-top: 3em;
    159230}
    160231
    161232@media screen and ( max-width: 782px ) {
    162     .index_page_bp-about .about-wrap .headline-feature,
    163     .dashboard_page_bp-about .about-wrap .headline-feature {
     233    .index_page_bp-about .bp-headline-feature,
     234    .dashboard_page_bp-about .bp-headline-feature {
    164235        max-width: 100%;
    165236    }
    166     .index_page_bp-about .about-wrap .headline-feature h3,
    167     .dahsboard_page_bp-about .about-wrap .headline-feature h3,
    168     .index_page_bp-about .about-wrap .headline-feature .headline-title,
    169     .dashboard_page_bp-about .about-wrap .headline-feature .headline-title {
    170         font-size: 2em;
     237    .index_page_bp-about .bp-headline-feature .headline-title,
     238    .dashboard_page_bp-about .bp-headline-feature .headline-title {
     239        font-size: 1.5em;
     240        line-height: 1.5;
     241        text-align: left;
    171242    }
    172243    .index_page_bp-about .bp-features-section,
    173244    .dashboard_page_bp-about .bp-features-section {
    174245        margin-bottom: 0;
    175     }
    176     .index_page_bp-about .about-wrap .feature-section,
    177     .dashboard_page_bp-about .about-wrap .feature-section {
     246        margin-top: 2em;
     247    }
     248    .index_page_bp-about .bp-features-section h3,
     249    .dashboard_page_bp-about .bp-features-section h3,
     250    .index_page_bp-about .bp-changelog-section .changelog-title,
     251    .dashboard_page_bp-about .bp-changelog-section .changelog-title {
     252        font-size: 1.5em;
     253        line-height: 1.5;
     254        text-align: left;
     255    }
     256    .index_page_bp-about .bp-features-section h4,
     257    .dashboard_page_bp-about .bp-features-section h4,
     258    .index_page_bp-about .bp-changelog-section h4,
     259    .dashboard_page_bp-about .bp-changelog-section h4 {
     260        font-size: 1.25em;
     261        font-weight: normal;
     262        line-height: 1.25;
     263        margin-top: 0.6em;
     264        text-align: left;
     265    }
     266    .index_page_bp-about .bp-changelog-section .two-col > div,
     267    .dashboard_page_bp-about .bp-changelog-section .two-col > div {
    178268        margin-top: 0;
    179     }
    180     .index_page_bp-about .about-wrap .two-col > div,
    181     .dashboard_page_bp-about .about-wrap .two-col > div {
    182         border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    183         margin-top: 1.25em;
    184         padding-bottom: 1em;
     269        padding-bottom: 0.5em;
    185270        width: 100%;
    186     }
    187     .index_page_bp-about .changelog .two-col > div,
    188     .dashboard_page_bp-about .changelog .two-col > div {
    189         margin-top: 0;
    190         padding-bottom: 0;
    191     }
    192     .index_page_bp-about .about-wrap .changelog .changelog-title,
    193     .dashboard_page_bp-about .about-wrap .changelog .changelog-title {
    194         text-align: left;
    195271    }
    196272}

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

    r10878 r10883  
    553553     */
    554554    public function about_screen() {
     555        $embedded_activity = '';
     556
     557        if ( version_compare( $GLOBALS['wp_version'], '4.5', '>=' ) ) {
     558            $embedded_activity = wp_oembed_get( 'https://buddypress.org/members/djpaul/activity/573821/' );
     559        }
    555560    ?>
    556561
    … …  
    610615            <?php endif; ?>
    611616
    612             <div class="headline-feature">
    613                 <h3 class="headline-title"><?php esc_html_e( 'Customizable BuddyPress Emails', 'buddypress' ); ?></h3>
    614 
    615                 <div class="featured-image">
    616                     <img src="<?php echo esc_url( buddypress()->plugin_url . 'bp-core/admin/images/bp-emails-feature.png' ); ?>" alt="<?php esc_html_e( 'Change colors of the email template using the Customizer.', 'buddypress' ); ?>">
    617                 </div>
    618 
    619                 <p class="introduction"><?php _e( 'Keep your users coming back with beautiful and flexible email notifications.', 'buddypress' ); ?>  </p>
    620                 <p><?php _e( 'Edit the content of your emails, create new email templates, or change the design of the template in the Customizer. These are just a few of the customizations you can make to engage your users and increase their participation in your community with the new email features.', 'buddypress' ); ?> <a href="https://codex.buddypress.org/emails/"><?php esc_html_e( 'Learn more &rarr;', 'buddypress' ); ?></a></p>
     617            <div class="bp-headline-feature">
     618                <h3 class="headline-title"><?php esc_html_e( 'Activity Embeds', 'buddypress' ); ?></h3>
     619
     620                <?php if ( $embedded_activity ) :
     621                    wp_enqueue_script( 'wp-embed' );
     622                ?>
     623                    <div class="embed-container">
     624                        <?php echo $embedded_activity ; ?>
     625                    </div>
     626
     627                <?php else : ?>
     628
     629                    <div class="featured-image">
     630                        <a href="http://wordpress.tv/2016/06/15/buddypress-2-6-introducing-buddypress-activity-embeds/" title="<?php esc_attr_e( 'View the Activity Embeds demo', 'buddypress' ); ?>">
     631                        <img src="<?php echo esc_url( buddypress()->plugin_url . 'bp-core/admin/images/activity-embeds.png' ); ?>" alt="<?php esc_attr_e( 'Embed activities into your WordPress posts or pages.', 'buddypress' ); ?>">
     632                        </a>
     633                    </div>
     634
     635                <?php endif ; ?>
     636
     637                <p class="introduction"><?php _e( 'Embed activities into your WordPress posts or pages.', 'buddypress' ); ?>  </p>
     638                <p><?php _e( 'Copy the permalink URL of the activity of your choice, paste it into the content editor of your WordPress post or page, and <em>voilà</em>&#33;, you&#39;ve embedded an activity update.', 'buddypress' ); ?> <a href="http://wordpress.tv/2016/06/15/buddypress-2-6-introducing-buddypress-activity-embeds/"><?php esc_html_e( 'View the Activity Embeds demo', 'buddypress' ); ?></a></p>
    621639
    622640                <div class="clear"></div>
    … …  
    626644
    627645            <div class="bp-features-section">
    628 
    629                 <div class="feature-section two-col">
     646                <h3 class="headline-title"><?php esc_html_e( 'Features', 'buddypress' ); ?></h3>
     647
     648                <div class="bp-feature">
     649                    <h4 class="feature-title"><?php esc_html_e( 'Custom Front Page for Member Profile ', 'buddypress' ); ?></h4>
     650                    <img src="<?php echo esc_url( buddypress()->plugin_url . 'bp-core/admin/images/user-frontpage.png' ); ?>" alt="<?php esc_attr_e( 'A member custom front page using widgets.', 'buddypress' ); ?>">
     651                    <p><?php _e( 'Theme developers or site owners can create custom front pages for their community&#39;s members by adding a <code>front.php</code> template to their template overrides. A specific template hierarchy is also available to make them even more unique.', 'buddypress' ); ?> <a href="https://bpdevel.wordpress.com/2016/05/24/custom-front-pages-for-your-users-profiles/"><?php esc_html_e( 'Read all about this new feature.', 'buddypress' ); ?></a></p>
     652                </div>
     653
     654                <div class="bp-feature opposite">
     655                    <h4 class="feature-title"><?php esc_html_e( 'Group Types API', 'buddypress' ); ?></h4>
     656                    <img src="<?php echo esc_url( buddypress()->plugin_url . 'bp-core/admin/images/group-type-pop.png' ); ?>" alt="<?php esc_attr_e( 'Group types metabox in Groups admin page.', 'buddypress' ); ?>">
     657                    <p><?php esc_html_e( 'Registering group types finally enables a strict separation of different and explicit types of groups. This new feature is available to plugin developers starting with BuddyPress 2.6.', 'buddypress' ); ?> <a href="https://codex.buddypress.org/developer/group-types/"><?php esc_html_e( 'Learn how to set up Group Types.', 'buddypress' ); ?></a></p>
     658                </div>
     659
     660                <div class="bp-feature">
     661                    <h4 class="feature-title"><?php esc_html_e( 'New Navigation API', 'buddypress' ); ?></h4>
     662                    <img src="<?php echo esc_url( buddypress()->plugin_url . 'bp-core/admin/images/new-nav-api.png' ); ?>" alt="<?php esc_attr_e( 'Sample code for using the new navigation API', 'buddypress' ); ?>">
     663                    <p><?php esc_html_e( 'The member and group navigation system has been totally rewritten, making it easier than ever to customize BuddyPress nav items.', 'buddypress' ); ?> <a href="https://buddypress.trac.wordpress.org/changeset/10745"><?php esc_html_e( 'Read the informative commit message.', 'buddypress' ); ?></a></p>
     664                </div>
     665
     666                <div class="bp-feature opposite">
     667                    <h4 class="feature-title"><?php esc_html_e( 'Stylesheets for Twenty Eleven and Twenty Ten', 'buddypress' ); ?></h4>
     668                    <img src="<?php echo esc_url( buddypress()->plugin_url . 'bp-core/admin/images/default-themes.png' ); ?>" alt="<?php esc_attr_e( 'Styled BuddyPress components in Twenty Eleven and Twenty Ten', 'buddypress' ); ?>">
     669                    <p><?php esc_html_e( 'BuddyPress feels right at home now in the classic default themes, Twenty Ten and Twenty Eleven.', 'buddypress' ); ?></p>
     670                </div>
     671            </div>
     672
     673            <div class="bp-changelog-section">
     674                <h3 class="changelog-title"><?php esc_html_e( 'Under The Hood', 'buddypress' ); ?></h3>
     675
     676                <div class="bp-changelog col two-col">
    630677                    <div>
    631                         <h3 class="feature-title"><?php esc_html_e( 'Post Type Comments Tracking', 'buddypress' ); ?></h3>
    632                         <img src="<?php echo esc_url( buddypress()->plugin_url . 'bp-core/admin/images/post-type.png' ); ?>" alt="<?php esc_attr_e( 'Registered post types', 'buddypress' ); ?>">
    633                         <p><?php esc_html_e( 'New Activity functions help you track post type comments in sync with the Blogs component when activated.', 'buddypress' ); ?></p>
     678                        <h4 class="title"><?php esc_html_e( 'Performance Enhancements', 'buddypress' ); ?></h4>
     679                        <p><?php esc_html_e( 'Class autoloading reduces the memory needed to run BuddyPress on your server. Improved caching strategies for group membership statuses mean fewer round trips to your overworked database server.', 'buddypress' ); ?></p>
     680                        <h4 class="title"><?php esc_html_e( 'Localization Improvements', 'buddypress' ); ?></h4>
     681                        <p><?php esc_html_e( 'Improved localization strings and comments help translators do their much-appreciated work: making BuddyPress available in many languages.', 'buddypress' ); ?></p>
    634682                    </div>
     683
    635684                    <div class="last-feature">
    636                         <h3 class="feature-title"><?php esc_html_e( 'Twenty Twelve Companion Stylesheet', 'buddypress' ); ?></h3>
    637                         <img src="<?php echo esc_url( buddypress()->plugin_url . 'bp-core/admin/images/twentytwelve.png' ); ?>" alt="<?php esc_attr_e( 'BuddyPress styles Twenty Twelve', 'buddypress' ); ?>">
    638                         <p><?php esc_html_e( 'BuddyPress components never looked so fine as they do now in the Twenty Twelve theme.', 'buddypress' ); ?></p>
    639                     </div>
    640                 </div>
    641 
    642                 <div class="feature-section two-col">
    643                     <div>
    644                         <h3 class="feature-title"><?php esc_html_e( 'Support for emoji', 'buddypress' ); ?></h3>
    645                         <img src="<?php echo esc_url( buddypress()->plugin_url . 'bp-core/admin/images/emoji-feature.png' ); ?>" alt="<?php esc_attr_e( 'Fun with emoji', 'buddypress' ); ?>">
    646                         <p><?php esc_html_e( 'Have fun and be merry! You can now use emoji in activity updates, messages, and group descriptions.', 'buddypress' ); ?></p>
    647 
    648                     </div>
    649                     <div class="last-feature">
    650                         <h3 class="feature-title"><?php esc_html_e( 'Autolink Settings for Profile Fields', 'buddypress' ); ?></h3>
    651                         <img src="<?php echo esc_url( buddypress()->plugin_url . 'bp-core/admin/images/autolink-feature.png' ); ?>" alt="<?php esc_attr_e( 'Autolink settings in the profile fields panel', 'buddypress' ); ?>">
    652                         <p><?php _e( 'Administrators can enable or disable autolink settings for each new profile field type.', 'buddypress' ); ?></p>
    653                     </div>
    654                 </div>
    655 
    656             </div>
    657 
    658             <div class="changelog">
    659                 <h3 class="changelog-title"><?php esc_html_e( 'Under The Hood', 'buddypress' ); ?></h3>
    660 
    661                 <div class="feature-section col two-col">
    662                     <div>
    663                         <h4 class="title"><?php esc_html_e( 'Localization Improvements', 'buddypress' ); ?></h4>
    664                         <p><?php esc_html_e( 'We continue to improve on localization for translation editors so that BuddyPress will be available for everyone in their own language.', 'buddypress' ); ?></p>
     685                        <h4 class="title"><?php esc_html_e( 'Notifications Updates', 'buddypress' ); ?></h4>
     686                        <p><?php esc_html_e( 'Adjustments to the notifications component allow members to receive timely and relevant updates about activity in your community.', 'buddypress' ); ?></p>
    665687                        <h4 class="title"><?php esc_html_e( 'Accessibility Upgrades', 'buddypress' ); ?></h4>
    666                         <p><?php esc_html_e( 'Continued improvements in the frontend and backend to make BuddyPress usable for everyone.', 'buddypress' ); ?></p>
    667                     </div>
    668 
    669                     <div class="last-feature">
    670                         <h4 class="title"><?php esc_html_e( 'Enhanced Multisite Support', 'buddypress' ); ?></h4>
    671                         <p><?php esc_html_e( 'BuddyPress is already primed for all multisite configurations available. We just made it better.', 'buddypress' ); ?></p>
     688                        <p><?php esc_html_e( 'Continued improvements help make BuddyPress&#39; back- and front-end screens usable for everyone &#40;and on more devices&#41;.', 'buddypress' ); ?></p>
    672689                        <h4 class="title"><?php esc_html_e( 'Developer Reference', 'buddypress' ); ?></h4>
    673690                        <p><?php esc_html_e( 'Regular updates to inline code documentation make it easier for developers to understand how BuddyPress works.', 'buddypress' ); ?></p>
    … …  
    677694            </div>
    678695
    679             <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>
    680 
    681             <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>
     696            <div class="bp-assets">
     697                <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>
     698
     699                <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>
     700            </div>
    682701
    683702        </div>
Note: See TracChangeset for help on using the changeset viewer.