22 require_once ABSPATH . 'wp-admin/admin-header.php'; |
22 require_once ABSPATH . 'wp-admin/admin-header.php'; |
23 ?> |
23 ?> |
24 <div class="wrap about__container"> |
24 <div class="wrap about__container"> |
25 |
25 |
26 <div class="about__header"> |
26 <div class="about__header"> |
27 <div class="about__header-text"> |
27 <div class="about__header-title"> |
28 <?php _e( 'Speed. Search. Security.' ); ?> |
28 <h1> |
|
29 <?php _e( 'The Four Freedoms' ); ?> |
|
30 </h1> |
29 </div> |
31 </div> |
30 |
32 |
31 <div class="about__header-title"> |
33 <div class="about__header-text"> |
32 <p> |
34 <?php _e( 'WordPress is free and open source software, built by a distributed community of mostly volunteer developers from around the world' ); ?> |
33 <?php _e( 'WordPress' ); ?> |
|
34 <span><?php echo $display_version; ?></span> |
|
35 </p> |
|
36 </div> |
35 </div> |
37 |
36 |
38 <nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>"> |
37 <nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>"> |
39 <a href="about.php" class="nav-tab"><?php _e( 'What’s New' ); ?></a> |
38 <a href="about.php" class="nav-tab"><?php _e( 'What’s New' ); ?></a> |
40 <a href="credits.php" class="nav-tab"><?php _e( 'Credits' ); ?></a> |
39 <a href="credits.php" class="nav-tab"><?php _e( 'Credits' ); ?></a> |
41 <a href="freedoms.php" class="nav-tab nav-tab-active" aria-current="page"><?php _e( 'Freedoms' ); ?></a> |
40 <a href="freedoms.php" class="nav-tab nav-tab-active" aria-current="page"><?php _e( 'Freedoms' ); ?></a> |
42 <a href="privacy.php" class="nav-tab"><?php _e( 'Privacy' ); ?></a> |
41 <a href="privacy.php" class="nav-tab"><?php _e( 'Privacy' ); ?></a> |
43 </nav> |
42 </nav> |
44 </div> |
43 </div> |
45 |
44 |
46 <div class="about__section has-subtle-background-color is-feature"> |
45 <div class="about__section is-feature"> |
47 <h1><?php _e( 'Freedoms' ); ?></h1> |
|
48 |
|
49 <p class="about-description"> |
46 <p class="about-description"> |
50 <?php |
47 <?php |
51 printf( |
48 printf( |
52 /* translators: %s: https://wordpress.org/about/license/ */ |
49 /* translators: %s: https://wordpress.org/about/license/ */ |
53 __( '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.' ), |
50 __( 'WordPress comes with some awesome, worldview-changing rights courtesy of its <a href="%s">license</a>, the GPL.' ), |
54 __( 'https://wordpress.org/about/license/' ) |
51 __( 'https://wordpress.org/about/license/' ) |
55 ); |
52 ); |
56 ?> |
53 ?> |
57 </p> |
54 </p> |
58 </div> |
55 </div> |
59 |
56 |
60 <hr /> |
57 <div class="about__section has-2-columns"> |
61 |
58 <div class="column aligncenter"> |
62 <div class="about__section has-4-columns"> |
59 <img class="freedom-image" src="<?php echo esc_url( admin_url( 'images/freedom-1.svg' ) ); ?>" alt="" /> |
63 <div class="column"> |
|
64 <div class="freedoms-image"></div> |
|
65 <h2 class="is-smaller-heading"><?php _e( 'The 1st Freedom' ); ?></h2> |
60 <h2 class="is-smaller-heading"><?php _e( 'The 1st Freedom' ); ?></h2> |
66 <p><?php _e( 'To run the program for any purpose.' ); ?></p> |
61 <p><?php _e( 'To run the program for any purpose.' ); ?></p> |
67 </div> |
62 </div> |
68 <div class="column"> |
63 <div class="column aligncenter"> |
69 <div class="freedoms-image"></div> |
64 <img class="freedom-image" src="<?php echo esc_url( admin_url( 'images/freedom-2.svg' ) ); ?>" alt="" /> |
70 <h2 class="is-smaller-heading"><?php _e( 'The 2nd Freedom' ); ?></h2> |
65 <h2 class="is-smaller-heading"><?php _e( 'The 2nd Freedom' ); ?></h2> |
71 <p><?php _e( 'To study how the program works and change it to make it do what you wish.' ); ?></p> |
66 <p><?php _e( 'To study how the program works and change it to make it do what you wish.' ); ?></p> |
72 </div> |
67 </div> |
73 <div class="column"> |
68 <div class="column aligncenter"> |
74 <div class="freedoms-image"></div> |
69 <img class="freedom-image" src="<?php echo esc_url( admin_url( 'images/freedom-3.svg' ) ); ?>" alt="" /> |
75 <h2 class="is-smaller-heading"><?php _e( 'The 3rd Freedom' ); ?></h2> |
70 <h2 class="is-smaller-heading"><?php _e( 'The 3rd Freedom' ); ?></h2> |
76 <p><?php _e( 'To redistribute.' ); ?></p> |
71 <p><?php _e( 'To redistribute.' ); ?></p> |
77 </div> |
72 </div> |
78 <div class="column"> |
73 <div class="column aligncenter"> |
79 <div class="freedoms-image"></div> |
74 <img class="freedom-image" src="<?php echo esc_url( admin_url( 'images/freedom-4.svg' ) ); ?>" alt="" /> |
80 <h2 class="is-smaller-heading"><?php _e( 'The 4th Freedom' ); ?></h2> |
75 <h2 class="is-smaller-heading"><?php _e( 'The 4th Freedom' ); ?></h2> |
81 <p><?php _e( 'To distribute copies of your modified versions to others.' ); ?></p> |
76 <p><?php _e( 'To distribute copies of your modified versions to others.' ); ?></p> |
82 </div> |
77 </div> |
83 </div> |
78 </div> |
84 |
79 |
85 <hr /> |
80 <div class="about__section has-1-column"> |
86 |
|
87 <div class="about__section"> |
|
88 <div class="column"> |
81 <div class="column"> |
89 <p> |
82 <p> |
90 <?php |
83 <?php |
91 printf( |
84 printf( |
92 /* translators: %s: https://wordpressfoundation.org/trademark-policy/ */ |
85 /* translators: %s: https://wordpressfoundation.org/trademark-policy/ */ |