Ticket #46901: 46901-layout.diff
File 46901-layout.diff, 23.0 KB (added by , 6 years ago) |
---|
-
src/wp-admin/about.php
40 40 <a href="freedoms.php?privacy-notice" class="nav-tab"><?php _e( 'Privacy' ); ?></a> 41 41 </nav> 42 42 43 <h2 class="feature-section-header"><?php _e( 'Keeping Your Site Safe' ); ?></h2> 44 45 <div class="feature-section headline-feature one-col"> 46 <div class="col"> 47 <p><?php _e( 'WordPress 5.2 gives you even more robust tools for identifying and fixing configuration issues and fatal errors. Whether you are a developer helping clients or you manage your site solo, these tools can help get you the right information when you need it.' ); ?></p> 48 <div class="inline-svg"> 49 <img src="https://make.wordpress.org/core/files/2019/04/site-safe.png" alt=""> 50 </div> 43 <div class="headline-feature"> 44 <h2><?php _e( 'Keeping Your Site Safe' ); ?></h2> 45 <p class="lead-description"><?php _e( 'WordPress 5.2 gives you even more robust tools for identifying and fixing configuration issues and fatal errors. Whether you are a developer helping clients or you manage your site solo, these tools can help get you the right information when you need it.' ); ?></p> 46 <div class="inline-svg aligncenter"> 47 <img src="https://cldup.com/nfQEOYZYFG.svg" alt=""> 51 48 </div> 52 49 </div> 53 50 54 51 <hr /> 55 52 56 <div class="feature-section one-col is-wide wp-clearfix">57 <div class="col ">53 <div class="feature-section is-wide has-2-columns is-wider-left"> 54 <div class="column is-vertically-aligned-center"> 58 55 <h3><?php _e( 'Site Health Check' ); ?></h3> 59 <div class="inline-svg alignright">60 <img src="https://make.wordpress.org/core/files/2019/04/health-check.png" alt="">61 </div>62 56 <p> 63 57 <?php 64 58 printf( … … 71 65 ?> 72 66 </p> 73 67 </div> 68 <div class="column"> 69 <div class="inline-svg aligncenter"> 70 <img src="https://cldup.com/nmr4gyemWg.svg" alt=""> 71 </div> 72 </div> 74 73 </div> 75 74 76 75 <hr /> 77 76 78 <div class="feature-section one-col is-wide wp-clearfix">79 <div class="col ">80 <div class="inline-svg align left">81 <img src="https:// make.wordpress.org/core/files/2019/04/error-protection.png" alt="">77 <div class="feature-section is-wide has-2-columns is-wider-right"> 78 <div class="column"> 79 <div class="inline-svg aligncenter"> 80 <img src="https://cldup.com/iD5A-zYiSk.svg" alt=""> 82 81 </div> 82 </div> 83 <div class="column is-vertically-aligned-center"> 83 84 <h3><?php _e( 'PHP Error Protection' ); ?></h3> 84 <p><?php _e( 'This administrator-focused update will let you safely fix or manage fatal errors without requiring developer time. It features better handling of the so-called “white screen of death,”and a way to enter recovery mode, which pauses error-causing plugins or themes.' ); ?></p>85 <p><?php _e( 'This administrator-focused update will let you safely fix or manage fatal errors without requiring developer time. It features better handling of the so-called "white screen of death," and a way to enter recovery mode, which pauses error-causing plugins or themes.' ); ?></p> 85 86 </div> 86 87 </div> 87 88 88 89 <hr /> 89 90 90 <h3 class=" under-the-hood-header"><?php _e( 'Improvements for Everyone' ); ?></h3>91 <h3 class="aligncenter"><?php _e( 'Improvements for Everyone' ); ?></h3> 91 92 92 <div class=" under-the-hood feature-section two-col">93 <div class="col cta">93 <div class="has-2-columns"> 94 <div class="column aligncenter"> 94 95 <h4><?php _e( 'Accessibility Updates' ); ?></h4> 95 96 <p><?php _e( 'A number of changes work together to improve contextual awareness and keyboard navigation flow for those using screen readers and other assistive technologies.' ); ?></p> 96 97 </div> 97 <div class="col cta">98 <div class="column aligncenter"> 98 99 <h4><?php _e( 'New Dashboard Icons' ); ?></h4> 99 100 <p><?php _e( 'Thirteen new icons include Instagram, a suite of icons for BuddyPress, and rotated Earth icons for global inclusion. Find them in the Dashboard and have some fun!' ); ?></p> 100 101 </div> … … 102 103 103 104 <hr /> 104 105 105 <h3 class=" under-the-hood-header"><?php _e( 'Developer Happiness' ); ?></h3>106 <h3 class="aligncenter"><?php _e( 'Developer Happiness' ); ?></h3> 106 107 107 <div class=" under-the-hood feature-section two-col">108 <div class="col ">108 <div class="has-2-columns is-fullwidth"> 109 <div class="column"> 109 110 <h4><a href="https://make.wordpress.org/core/2019/03/26/coding-standards-updates-for-php-5-6/"><?php _e( 'PHP Version Bump' ); ?></a></h4> 110 111 <p><?php _e( 'The minimum supported PHP version is now 5.6.20. As of WordPress 5.2, themes and plugins can safely take advantage of namespaces, anonymous functions, and more!' ); ?></p> 111 112 </div> 112 <div class="col ">113 <div class="column"> 113 114 <h4><a href="https://make.wordpress.org/core/2019/04/24/developer-focused-privacy-updates-in-5-2/"><?php _e( 'Privacy Updates' ); ?></a></h4> 114 115 <p><?php _e( 'A new theme page template, a conditional function, and two CSS classes make designing and customizing the Privacy Policy page easier.' ); ?></p> 115 116 </div> 116 117 </div> 117 <div class=" under-the-hood feature-section two-col">118 <div class="col ">118 <div class="has-2-columns is-fullwidth"> 119 <div class="column"> 119 120 <h4><a href="https://make.wordpress.org/core/2019/04/24/miscellaneous-developer-updates-in-5-2/"><?php _e( 'New Body Tag Hook' ); ?></a></h4> 120 121 <p> 121 122 <?php … … 128 129 ?> 129 130 </p> 130 131 </div> 131 <div class="col ">132 <div class="column"> 132 133 <h4><a href="https://make.wordpress.org/core/2019/03/25/building-javascript/"><?php _e( 'Building JavaScript' ); ?></a></h4> 133 134 <p><?php _e( 'With the addition of webpack and Babel configurations in the @wordpress/scripts package, developers won’t have to worry about setting up complex build tools to write modern JavaScript.' ); ?></p> 134 135 </div> -
src/wp-admin/css/about.css
8 8 2.0 About Page 9 9 2.1 Typography 10 10 2.2 Structure 11 2.3 Floating Header Layout12 11 3.0 Credits & Freedoms Pages 13 12 ------------------------------------------------------------------------------*/ 14 13 … … 51 50 vertical-align: middle; 52 51 } 53 52 54 .about-wrap figure { 55 position: relative; 56 margin: 0; 57 } 58 59 .about-wrap .feature-section figure img { 60 margin-bottom: 0; 61 } 62 63 .about-wrap figcaption { 64 position: absolute; 65 bottom: 0; 53 .about-wrap .inline-svg img { 54 max-width: 100%; 66 55 width: 100%; 67 padding: 40px 10px 15px; 68 overflow: auto; 69 box-sizing: border-box; 70 background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3) 60%, transparent); 71 font-weight: 600; 72 text-shadow: 0 0 5px rgba(0, 0, 0, 0.75); 56 height: auto; 73 57 } 74 58 75 .about-wrap .jetpack-video-wrapper{76 margin -bottom: 0;59 .about-wrap video { 60 margin: 1.5em auto; 77 61 } 78 62 79 63 /* WordPress Version Badge */ … … 115 99 116 100 /* 1.1 - Typography */ 117 101 118 .about-wrap p {119 line-height: 1.5;120 font-size: 14px;121 }122 123 .about-wrap .feature-section p {124 max-width: 55em;125 margin-left: auto;126 margin-right: auto;127 }128 129 102 .about-wrap h1 { 130 103 margin: 0.2em 200px 0 0; 131 104 padding: 0; … … 149 122 line-height: 1.5; 150 123 } 151 124 152 .about-wrap .under-the-hood-header {153 margin: 40px 0 0;154 text-align: center;155 }156 157 125 .about-wrap h4 { 126 font-size: 16px; 158 127 color: #23282d; 159 128 } 160 129 130 .about-wrap p { 131 line-height: 1.5; 132 font-size: 16px; 133 } 134 161 135 .about-wrap code, 162 136 .about-wrap ol li p { 163 137 font-size: 14px; … … 186 160 187 161 /* 1.2 - Structure */ 188 162 189 .about-wrap [class$="-col"] { 190 display: flex; 191 justify-content: space-between; 192 flex-wrap: wrap; 163 .about-wrap .has-1-columns, 164 .about-wrap .has-2-columns, 165 .about-wrap .has-3-columns, 166 .about-wrap .has-4-columns { 167 display: -ms-grid; 168 display: grid; 169 max-width: 800px; 170 margin-top: 40px; 171 margin-left: auto; 172 margin-right: auto; 193 173 } 194 174 195 .about-wrap . one-col{196 margin : 0 auto;197 ma x-width: 680px;175 .about-wrap .column { 176 margin-right: 20px; 177 margin-left: 20px; 198 178 } 199 179 200 .about-wrap . one-col.is-wide {180 .about-wrap .is-wide { 201 181 max-width: 760px; 202 182 } 203 183 204 .about-wrap .under-the-hood { 205 margin: auto; 206 max-width: 1020px; 184 .about-wrap .is-fullwidth { 185 max-width: 100%; 207 186 } 208 187 209 .about-wrap . inline-svg img{210 max-width: 100%;211 width: 100%;212 height: auto;188 .about-wrap .has-1-columns { 189 display: block; 190 max-width: 680px; 191 margin: 0 auto 40px; 213 192 } 214 193 215 .about-wrap .inline-svg.full-width { 216 margin-bottom: 120px; 194 .about-wrap .has-2-columns { 195 -ms-grid-columns: 1fr 1fr; 196 grid-template-columns: 1fr 1fr; 217 197 } 218 198 219 .about-wrap .under-the-hood .inline-svg { 220 margin-left: 100px; 199 .about-wrap .has-2-columns .column:nth-of-type(2n+1) { 200 -ms-grid-column: 1; 201 grid-column-start: 1; 221 202 } 222 203 223 .about-wrap [class$="-col"] .col{224 flex: 1;225 align-self: flex-start;204 .about-wrap .has-2-columns .column:nth-of-type(2n) { 205 -ms-grid-column: 2; 206 grid-column-start: 2; 226 207 } 227 208 228 .about-wrap [class$="-col"] .col + .col { 229 margin-left: 20px; 209 .about-wrap .has-2-columns.is-wider-right { 210 -ms-grid-columns: 1fr 2fr; 211 grid-template-columns: 1fr 2fr; 230 212 } 231 213 232 .about-wrap [class$="-col"] .is-span-two { 233 flex: 2; 214 .about-wrap .has-2-columns.is-wider-left { 215 -ms-grid-columns: 2fr 1fr; 216 grid-template-columns: 2fr 1fr; 234 217 } 235 218 236 .about-wrap .one-col img { 237 margin: 1em 0 2em; 219 .about-wrap .has-3-columns { 220 -ms-grid-columns: (1fr)[3]; 221 grid-template-columns: repeat(3, 1fr); 238 222 } 239 223 240 .about-wrap . one-col .alignright img,241 .about-wrap .one-col .alignleft img { 242 margin-top: 0;224 .about-wrap .has-3-columns .column:nth-of-type(3n+1) { 225 -ms-grid-column: 1; 226 grid-column-start: 1; 243 227 } 244 228 245 .about-wrap .two-col img { 246 margin-bottom: 1.5em; 229 .about-wrap .has-3-columns .column:nth-of-type(3n+2) { 230 -ms-grid-column: 2; 231 grid-column-start: 2; 247 232 } 248 233 249 .about-wrap .feature-video .mejs-controls { 250 display: none !important; 234 .about-wrap .has-3-columns .column:nth-of-type(3n) { 235 -ms-grid-column: 3; 236 grid-column-start: 3; 251 237 } 252 238 253 .about-wrap .feature-video .mejs-overlay-loading span { 254 background: transparent; /* Hide loading.gif */ 239 .about-wrap .has-4-columns { 240 -ms-grid-columns: (1fr)[4]; 241 grid-template-columns: repeat(4, 1fr); 255 242 } 256 243 257 .about-wrap video { 258 margin: 1.5em auto; 244 .about-wrap .has-4-columns .column:nth-of-type(4n+1) { 245 -ms-grid-column: 1; 246 grid-column-start: 1; 259 247 } 260 248 261 .about-wrap .inline-svg.alignright { 262 margin-left: 80px; 249 .about-wrap .has-4-columns .column:nth-of-type(4n+2) { 250 -ms-grid-column: 2; 251 grid-column-start: 2; 263 252 } 264 253 265 .about-wrap .inline-svg.alignleft { 266 margin-right: 80px; 254 .about-wrap .has-4-columns .column:nth-of-type(4n+3) { 255 -ms-grid-column: 3; 256 grid-column-start: 3; 267 257 } 268 258 269 .about-wrap .cta { 259 .about-wrap .has-4-columns .column:nth-of-type(4n) { 260 -ms-grid-column: 4; 261 grid-column-start: 4; 262 } 263 264 .about-wrap .column :first-child { 265 margin-top: 0; 266 } 267 268 .about-wrap .aligncenter { 270 269 text-align: center; 271 270 } 272 271 273 .about-wrap . cta .button{274 margin: 0 auto 5px;275 font-weight: 600;272 .about-wrap .alignleft { 273 float: left; 274 margin-right: 40px; 276 275 } 277 276 278 .about-wrap . feature-section .button{279 margin-top: 1.5em;280 font-weight: 600;277 .about-wrap .alignright { 278 float: right; 279 margin-left: 40px; 281 280 } 282 281 282 .about-wrap .is-vertically-aligned-top { 283 align-self: start; 284 } 285 286 .about-wrap .is-vertically-aligned-center { 287 align-self: center; 288 } 289 290 .about-wrap .is-vertically-aligned-bottom { 291 align-self: end; 292 } 293 283 294 /* 1.3 - Point Releases */ 284 295 285 296 .about-wrap .point-releases { … … 287 298 border-bottom: 1px solid #ddd; 288 299 } 289 300 301 .about-wrap .changelog { 302 margin-bottom: 40px; 303 } 304 290 305 .about-wrap .changelog.point-releases h3 { 291 306 padding-top: 35px; 292 307 } … … 295 310 padding-top: 7px; 296 311 } 297 312 313 .about-wrap .changelog.feature-section .col { 314 margin-top: 40px; 315 } 316 298 317 /*------------------------------------------------------------------------------ 299 318 2.0 - About Page 300 319 ------------------------------------------------------------------------------*/ … … 301 320 302 321 /* 2.1 - Typography */ 303 322 304 .about-wrap .feature-section-header {305 margin: 50px 0 0;306 }307 308 .about-wrap .feature-section.two-col h3 {309 margin-top: 0;310 }311 312 .about-wrap .feature-section h4 {313 margin: 1.4em 0 0.6em 0;314 font-size: 1em;315 }316 317 .about-wrap .feature-section p {318 margin-top: 0.6em;319 }320 321 323 .about-wrap .lead-description { 322 324 font-size: 1.5em; 323 325 text-align: center; 324 326 } 325 327 326 .about-wrap .two-col-text { 327 column-count: 2; 328 column-gap: 40px; 328 .about-wrap .feature-section p { 329 margin-top: 0.6em; 329 330 } 330 331 331 .about-wrap .two-col-text p:first-of-type {332 margin-top: 0;333 }334 335 .about-wrap .streamlined-updates p,336 .about-wrap .native-fonts p {337 margin-bottom: 3em;338 }339 340 .about-wrap .under-the-hood img + h3 {341 margin-top: 1.25em;342 }343 344 332 /* 2.2 - Structure */ 345 333 346 334 .about-wrap .headline-feature { 347 margin-bottom: 40px; 335 margin: 0 auto 40px; 336 max-width: 680px; 348 337 } 349 338 350 .about-wrap . featured-image{351 text-align: center;339 .about-wrap .headline-feature h2 { 340 margin: 50px 0 0; 352 341 } 353 342 354 .about-wrap . feature-section{355 overflow: hidden;343 .about-wrap .headline-feature img { 344 max-width: 600px; 356 345 } 357 346 358 .about-wrap .feature-section.no-heading {359 padding-top: 35px;360 }361 362 .about-wrap .feature-section .media-container {363 overflow: hidden;364 }365 366 .about-wrap .embed-container {367 text-align: center;368 }369 370 .about-wrap .embed-container iframe {371 max-width: 100%;372 }373 374 .about-wrap .wp-embedded-content {375 max-width: 100%;376 }377 378 .about-wrap .feature-section .col {379 margin-top: 40px;380 }381 382 .about-wrap .changelog {383 margin-bottom: 40px;384 }385 386 .about-wrap .changelog.feature-section .col {387 margin-top: 40px;388 }389 390 347 /* Return to Dashboard Home link */ 391 348 392 349 .about-wrap .return-to-dashboard { … … 489 446 margin: 0.6em 0; 490 447 } 491 448 492 .freedoms-php .about-wrap .col .freedoms-image { 449 .freedoms-php .has-4-columns { 450 margin-bottom: 40px; 451 } 452 453 .freedoms-php .column .freedoms-image { 493 454 background-image: url('https://s.w.org/wp-content/themes/pub/wporg-main/images/freedoms-2x.png'); 494 455 background-size: 100%; 495 456 padding-top: 100%; 496 457 } 497 .freedoms-php .about-wrap .col:nth-of-type(2) .freedoms-image { 458 459 .freedoms-php .column:nth-of-type(2) .freedoms-image { 498 460 background-position: 0 34%; 499 461 } 500 .freedoms-php .about-wrap .col:nth-of-type(3) .freedoms-image { 462 463 .freedoms-php .column:nth-of-type(3) .freedoms-image { 501 464 background-position: 0 66%; 502 465 } 503 .freedoms-php .about-wrap .col:nth-of-type(4) .freedoms-image { 466 467 .freedoms-php .column:nth-of-type(4) .freedoms-image { 504 468 background-position: 0 100%; 505 469 } 506 470 … … 509 473 ------------------------------------------------------------------------------*/ 510 474 511 475 @media screen and (max-width: 782px) { 512 .about-wrap .two-col-text { 513 column-count: 1; 476 .about-wrap .has-3-columns, 477 .about-wrap .has-4-columns { 478 -ms-grid-columns: 1fr 1fr; 479 grid-template-columns: 1fr 1fr; 514 480 } 515 481 516 .about-wrap .one-col .alignright { 517 margin-left: 20px; 518 max-width: 150px; 482 .about-wrap .has-3-columns .column:nth-of-type(3n+1), 483 .about-wrap .has-4-columns .column:nth-of-type(4n+1) { 484 -ms-grid-column: 1; 485 grid-column-start: 1; 486 -ms-grid-row: 1; 487 grid-row-start: 1; 519 488 } 520 489 521 .about-wrap .one-col .alignleft { 522 margin-right: 20px; 523 max-width: 150px; 490 .about-wrap .has-3-columns .column:nth-of-type(3n+2), 491 .about-wrap .has-4-columns .column:nth-of-type(4n+2) { 492 -ms-grid-column: 2; 493 grid-column-start: 2; 494 -ms-grid-row: 1; 495 grid-row-start: 1; 524 496 } 525 497 526 .about-wrap . two-col .col,527 .about-wrap . three-col .col,528 .about-wrap .four-col .col {529 min-width: 48% !important;530 max-width: 48% !important;531 margin-left: 0 !important;498 .about-wrap .has-3-columns .column:nth-of-type(3n), 499 .about-wrap .has-4-columns .column:nth-of-type(4n+3) { 500 -ms-grid-column: 1; 501 grid-column-start: 1; 502 -ms-grid-row: 2; 503 grid-row-start: 2; 532 504 } 533 505 534 .about-wrap .eight-col .col { 535 min-width: 24% !important; 506 .about-wrap .has-4-columns .column:nth-of-type(4n) { 507 -ms-grid-column: 2; 508 grid-column-start: 2; 509 -ms-grid-row: 2; 510 grid-row-start: 2; 536 511 } 512 } 537 513 538 .about-wrap .three-col img, 539 .about-wrap .four-col img, 540 .about-wrap .eight-col img { 514 @media screen and (max-width: 600px) { 515 .about-wrap .has-2-columns, 516 .about-wrap .has-3-columns, 517 .about-wrap .has-4-columns { 541 518 display: block; 542 margin: 0 auto;543 519 } 544 520 545 .about-wrap figcaption { 546 position: relative; 547 margin-top: 10px; 548 margin-bottom: 15px; 549 padding: 0; 550 background: none; 551 color: #40464D; 552 text-shadow: none; 521 .about-wrap :not(.is-wider-right):not(.is-wider-left) .column { 522 margin-right: 0; 523 margin-left: 0; 553 524 } 554 525 555 .about-wrap .under-the-hood .inline-svg { 556 margin-left: 40px; 526 .about-wrap .has-2-columns.is-wider-right, 527 .about-wrap .has-2-columns.is-wider-left { 528 display: -ms-grid; 529 display: grid; 557 530 } 558 531 } 559 532 … … 577 550 margin-bottom: 1.5em; 578 551 width: 100%; 579 552 } 553 } 580 554 581 .about-wrap .one-col .alignright, 582 .about-wrap .one-col .alignleft { 583 max-width: 120px; 555 @media only screen and (max-width: 480px) { 556 .about-wrap .has-2-columns.is-wider-right, 557 .about-wrap .has-2-columns.is-wider-left { 558 display: block; 584 559 } 585 560 586 .about-wrap .feature-section .col { 587 margin-top: 1em; 561 .about-wrap .column { 562 margin-right: 0; 563 margin-left: 0; 588 564 } 589 565 590 .about-wrap .two-col .col, 591 .about-wrap .three-col .col, 592 .about-wrap .three-col .col { 593 min-width: 100% !important; 566 .about-wrap .has-2-columns.is-wider-right img, 567 .about-wrap .has-2-columns.is-wider-left img { 568 max-width: 160px; 594 569 } 595 596 .about-wrap .eight-col .col {597 min-width: 48% !important;598 }599 600 .about-wrap .under-the-hood.four-col .col,601 .about-wrap .under-the-hood.three-col .col,602 .about-wrap .under-the-hood.two-col .col,603 .about-wrap .under-the-hood.one-col .col {604 margin-bottom: 2em;605 padding-bottom: 0;606 }607 608 .about-wrap .under-the-hood:nth-of-type(2n),609 .about-wrap .under-the-hood:nth-of-type(3n) {610 margin-top: 0;611 }612 613 .about-wrap .under-the-hood img + h3 {614 margin-top: 1.25em;615 }616 617 .about-wrap .under-the-hood .inline-svg {618 display: none;619 }620 621 .about-wrap .inline-svg.full-width {622 margin-bottom: 60px;623 }624 570 } 625 626 @media only screen and (max-width: 320px) {627 .about-wrap .one-col .alignright,628 .about-wrap .one-col .alignleft {629 float: none;630 margin: 0 auto;631 }632 .about-wrap .one-col .alignright img,633 .about-wrap .one-col .alignleft img {634 margin: 0 0 1em;635 }636 } -
src/wp-admin/freedoms.php
53 53 54 54 <?php else : ?> 55 55 <div class="about-wrap-content"> 56 <div class="feature-section one-col"> 57 <div class="col"> 58 <h2><?php _e( 'Freedoms' ); ?></h2> 59 <p class="about-description"><?php printf( __( 'WordPress is Free and open source software, built by a distributed community of mostly volunteer developers from around the world. WordPress comes with some awesome, worldview-changing rights courtesy of its <a href="%s">license</a>, the GPL.' ), 'https://wordpress.org/about/license/' ); ?></p> 60 </div> 56 <div class="feature-section has-1-columns"> 57 <h2><?php _e( 'Freedoms' ); ?></h2> 58 <p class="about-description"><?php printf( __( 'WordPress is Free and open source software, built by a distributed community of mostly volunteer developers from around the world. WordPress comes with some awesome, worldview-changing rights courtesy of its <a href="%s">license</a>, the GPL.' ), 'https://wordpress.org/about/license/' ); ?></p> 61 59 </div> 62 60 63 <div class="feature-section four-col">64 <div class="col ">61 <div class="feature-section has-4-columns is-fullwidth"> 62 <div class="column"> 65 63 <div class="freedoms-image"></div> 66 64 <h3><?php _e( 'The 1st Freedom' ); ?></h3> 67 65 <p><?php _e( 'To run the program for any purpose.' ); ?></p> 68 66 </div> 69 <div class="col ">67 <div class="column"> 70 68 <div class="freedoms-image"></div> 71 69 <h3><?php _e( 'The 2nd Freedom' ); ?></h3> 72 70 <p><?php _e( 'To study how the program works and change it to make it do what you wish.' ); ?></p> 73 71 </div> 74 <div class="col ">72 <div class="column"> 75 73 <div class="freedoms-image"></div> 76 74 <h3><?php _e( 'The 3rd Freedom' ); ?></h3> 77 75 <p><?php _e( 'To redistribute.' ); ?></p> 78 76 </div> 79 <div class="col ">77 <div class="column"> 80 78 <div class="freedoms-image"></div> 81 79 <h3><?php _e( 'The 4th Freedom' ); ?></h3> 82 80 <p><?php _e( 'To distribute copies of your modified versions to others.' ); ?></p> … … 83 81 </div> 84 82 </div> 85 83 86 <div class="feature-section one-col"> 87 <div class="col"> 88 <p><?php printf( __( 'WordPress grows when people like you tell their friends about it, and the thousands of businesses and services that are built on and around WordPress share that fact with their users. We’re flattered every time someone spreads the good word, just make sure to <a href="%s">check out our trademark guidelines</a> first.' ), 'https://wordpressfoundation.org/trademark-policy/' ); ?></p> 84 <div class="feature-section has-1-columns"> 85 <p><?php printf( __( 'WordPress grows when people like you tell their friends about it, and the thousands of businesses and services that are built on and around WordPress share that fact with their users. We’re flattered every time someone spreads the good word, just make sure to <a href="%s">check out our trademark guidelines</a> first.' ), 'https://wordpressfoundation.org/trademark-policy/' ); ?></p> 89 86 90 91 92 93 87 <p> 88 <?php 89 $plugins_url = current_user_can( 'activate_plugins' ) ? admin_url( 'plugins.php' ) : __( 'https://wordpress.org/plugins/' ); 90 $themes_url = current_user_can( 'switch_themes' ) ? admin_url( 'themes.php' ) : __( 'https://wordpress.org/themes/' ); 94 91 95 96 97 92 printf( __( 'Every plugin and theme in WordPress.org’s directory is 100%% GPL or a similarly free and compatible license, so you can feel safe finding <a href="%1$s">plugins</a> and <a href="%2$s">themes</a> there. If you get a plugin or theme from another source, make sure to <a href="%3$s">ask them if it’s GPL</a> first. If they don’t respect the WordPress license, we don’t recommend them.' ), $plugins_url, $themes_url, 'https://wordpress.org/about/license/' ); 93 ?> 94 </p> 98 95 99 <p><?php _e( 'Don’t you wish all software came with these freedoms? So do we! For more information, check out the <a href="https://www.fsf.org/">Free Software Foundation</a>.' ); ?></p> 100 </div> 96 <p><?php _e( 'Don’t you wish all software came with these freedoms? So do we! For more information, check out the <a href="https://www.fsf.org/">Free Software Foundation</a>.' ); ?></p> 101 97 </div> 102 98 </div> 103 99