WordPress.org

Making WordPress.org

Changeset 3336


Ignore:
Timestamp:
06/12/2016 07:22:20 AM (5 years ago)
Author:
obenland
Message:

Plugin Directory: Updated 404 page, including styles.

Props mapk.
See #1719.

Location:
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins
Files:
1 added
5 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/404.php

    r3193 r3336  
    1212get_header(); ?>
    1313
    14     <div id="primary" class="content-area">
    15         <main id="main" class="site-main" role="main">
     14    <main id="main" class="site-main" role="main">
    1615
    17             <section class="error-404 not-found">
    18                 <header class="page-header">
    19                     <h1 class="page-title"><?php esc_html_e( 'Oops! That page can&rsquo;t be found.', 'wporg-plugins' ); ?></h1>
    20                 </header><!-- .page-header -->
     16        <section class="error-404 not-found">
     17            <header class="page-header">
     18                <h1 class="page-title"><?php esc_html_e( 'Oops! That page can&rsquo;t be found.', 'wporg-plugins' ); ?></h1>
     19            </header><!-- .page-header -->
    2120
    22                 <div class="page-content">
    23                     <p><?php esc_html_e( 'It looks like nothing was found at this location. Maybe try one of the links below or a search?', 'wporg-plugins' ); ?></p>
     21            <div class="page-content">
     22                <p><?php printf( __( 'Try searching from the field above, or go to the <a href="%s">home page</a>.', 'wporg-plugins' ), get_home_url() ); ?></p>
    2423
    25                     <?php
    26                         get_search_form();
     24                <div class="logo-swing">
     25                    <span class="dashicons dashicons-wordpress wp-logo"></span>
     26                    <span class="dashicons dashicons-wordpress wp-logo hinge"></span>
     27                </div>
     28                <script>
     29                    setTimeout( function() {
     30                        jQuery( '.hinge' ).hide();
     31                    }, 1900 );
     32                </script>
     33            </div><!-- .page-content -->
     34        </section><!-- .error-404 -->
    2735
    28                         the_widget( 'WP_Widget_Recent_Posts' );
    29 
    30                         // Only show the widget if site has multiple categories.
    31                         if ( wporg_plugins_categorized_blog() ) :
    32                     ?>
    33 
    34                     <div class="widget widget_categories">
    35                         <h2 class="widget-title"><?php esc_html_e( 'Most Used Categories', 'wporg-plugins' ); ?></h2>
    36                         <ul>
    37                         <?php
    38                             wp_list_categories( array(
    39                                 'orderby'    => 'count',
    40                                 'order'      => 'DESC',
    41                                 'show_count' => 1,
    42                                 'title_li'   => '',
    43                                 'number'     => 10,
    44                             ) );
    45                         ?>
    46                         </ul>
    47                     </div><!-- .widget -->
    48 
    49                     <?php
    50                         endif;
    51 
    52                         /* translators: %1$s: smiley */
    53                         $archive_content = '<p>' . sprintf( esc_html__( 'Try looking in the monthly archives. %1$s', 'wporg-plugins' ), convert_smilies( ':)' ) ) . '</p>';
    54                         the_widget( 'WP_Widget_Archives', 'dropdown=1', "after_title=</h2>$archive_content" );
    55 
    56                         the_widget( 'WP_Widget_Tag_Cloud' );
    57                     ?>
    58 
    59                 </div><!-- .page-content -->
    60             </section><!-- .error-404 -->
    61 
    62         </main><!-- #main -->
    63     </div><!-- #primary -->
     36    </main><!-- #main -->
    6437
    6538<?php
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style.css

    r3261 r3336  
    299299p {
    300300  margin: 1em 0;
    301   max-width: 35.527136788rem;
    302301}
    303302
    304303p.subheading {
    305   color: #82878C;
     304  color: #82878c;
    306305  font-size: 1.25rem;
    307306  font-weight: 300;
     
    396395
    397396hr {
    398   background-color: #ccc;
     397  background-color: #eee;
    399398  border: 0;
    400399  height: 1px;
     
    17641763
    17651764/*--------------------------------------------------------------
     1765## 404
     1766--------------------------------------------------------------*/
     1767.error404 {
     1768  background: #0073aa;
     1769  color: #fff;
     1770}
     1771
     1772.error404 .page-title {
     1773  text-align: center;
     1774}
     1775
     1776.error404 .page-content {
     1777  text-align: center;
     1778}
     1779
     1780.error404 .page-content a, .error404 .page-content .single .type-plugin .entry-content .section-toggle, .single .type-plugin .entry-content .error404 .page-content .section-toggle {
     1781  color: #fff;
     1782  text-decoration: underline;
     1783}
     1784
     1785.error404 .page-content .logo-swing {
     1786  height: 160px;
     1787  height: 10rem;
     1788  margin: 96px auto;
     1789  margin: 6rem auto;
     1790  position: relative;
     1791  text-align: center;
     1792  width: 160px;
     1793  width: 10rem;
     1794}
     1795
     1796.error404 .page-content .logo-swing .dashicons-wordpress {
     1797  position: absolute;
     1798  top: 0;
     1799  left: 0;
     1800  max-width: none;
     1801  width: 160px;
     1802  width: 10rem;
     1803}
     1804
     1805.error404 .page-content .logo-swing .dashicons-wordpress:first-of-type {
     1806  color: #0d7aae;
     1807}
     1808
     1809.error404 .page-content .logo-swing .dashicons-wordpress:before {
     1810  font-size: 160px;
     1811  font-size: 10rem;
     1812}
     1813
     1814@keyframes hinge {
     1815  10% {
     1816    width: 180px;
     1817    height: 180px;
     1818    transform: rotate3d(0, 0, 1, 0deg);
     1819  }
     1820  15% {
     1821    width: 185px;
     1822    height: 185px;
     1823    transform: rotate3d(0, 0, 1, 0deg);
     1824  }
     1825  20% {
     1826    width: 180px;
     1827    height: 180px;
     1828    transform: rotate3d(0, 0, 1, 5deg);
     1829  }
     1830  40% {
     1831    transform-origin: top left;
     1832    animation-timing-function: ease-in-out;
     1833  }
     1834  60% {
     1835    transform: rotate3d(0, 0, 1, 40deg);
     1836    transform-origin: top left;
     1837    animation-timing-function: ease-in-out;
     1838  }
     1839  40%, 80% {
     1840    transform: rotate3d(0, 0, 1, 60deg);
     1841    transform-origin: top left;
     1842    animation-timing-function: ease-in-out;
     1843    opacity: 1;
     1844  }
     1845  to {
     1846    transform: translate3d(0, 700px, 0);
     1847    opacity: 0;
     1848  }
     1849}
     1850
     1851.hinge {
     1852  animation-duration: 2s;
     1853  animation-name: hinge;
     1854}
     1855
     1856.hide {
     1857  display: none;
     1858}
     1859
     1860/*--------------------------------------------------------------
    17661861## Asides
    17671862--------------------------------------------------------------*/
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/_site.scss

    r3205 r3336  
    1717
    1818/*--------------------------------------------------------------
     19## 404
     20--------------------------------------------------------------*/
     21@import "primary/404";
     22
     23/*--------------------------------------------------------------
    1924## Asides
    2025--------------------------------------------------------------*/
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/typography/_copy.scss

    r3193 r3336  
    33p {
    44    margin: 1em 0;
    5     max-width: ms(32);
    65
    76    &.subheading {
    8         color: #82878C;
     7        color: #82878c;
    98        font-size: ms(2);
    109        font-weight: 300;
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/variables-site/_colors.scss

    r3194 r3336  
    11$color__background-body: #fff;
    22$color__background-screen: #f1f1f1;
    3 $color__background-hr: #ccc;
     3$color__background-hr: #eee;
    44$color__background-button: #e6e6e6;
    55$color__background-pre: #eee;
Note: See TracChangeset for help on using the changeset viewer.