[Summary view] [Print] [Text view]

   1  <?php
   2  /**
   3   * Title: Sidebar
   4   * Slug: twentytwentyfour/hidden-sidebar
   5   * Inserter: no
   6   */
   7  ?>
   8  <!-- wp:group {"style":{"spacing":{"blockGap":"36px","padding":{"right":"0","left":"0"}}},"layout":{"type":"default"}} -->
   9  <div class="wp-block-group" style="padding-right:0;padding-left:0">
  10      <!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
  11      <div class="wp-block-group" style="margin-top:0;margin-bottom:0">
  12          <!-- wp:avatar {"size":80,"style":{"border":{"radius":"16px"}}} /-->
  13  
  14          <!-- wp:group {"style":{"spacing":{"blockGap":"16px"}},"layout":{"type":"flex","orientation":"vertical"}} -->
  15          <div class="wp-block-group">
  16              <!-- wp:heading {"style":{"typography":{"fontSize":"1.6rem"}}} -->
  17              <h2 class="wp-block-heading" style="font-size:1.6rem"><?php esc_html_e( 'About the author', 'twentytwentyfour' ); ?></h2>
  18              <!-- /wp:heading -->
  19  
  20              <!-- wp:post-author-biography {"fontSize":"small"} /-->
  21          </div>
  22          <!-- /wp:group -->
  23      </div>
  24      <!-- /wp:group -->
  25  
  26      <!-- wp:separator {"backgroundColor":"contrast","className":"is-style-wide"} -->
  27      <hr class="wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background is-style-wide"/>
  28      <!-- /wp:separator -->
  29  
  30      <!-- wp:group {"style":{"spacing":{"blockGap":"16px"}},"layout":{"type":"constrained"}} -->
  31      <div class="wp-block-group">
  32          <!-- wp:heading {"style":{"typography":{"fontSize":"1.6rem"}}} -->
  33          <h2 class="wp-block-heading" style="font-size:1.6rem"><?php esc_html_e( 'Popular Categories', 'twentytwentyfour' ); ?></h2>
  34          <!-- /wp:heading -->
  35  
  36          <!-- wp:categories {"showHierarchy":true,"showPostCounts":true,"fontSize":"small"} /-->
  37      </div>
  38      <!-- /wp:group -->
  39  
  40      <!-- wp:separator {"backgroundColor":"contrast","className":"is-style-wide"} -->
  41      <hr class="wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background is-style-wide"/>
  42      <!-- /wp:separator -->
  43  
  44      <!-- wp:group {"style":{"spacing":{"blockGap":"26px"}},"layout":{"type":"constrained"}} -->
  45      <div class="wp-block-group">
  46          <!-- wp:group {"style":{"spacing":{"blockGap":"16px"}},"layout":{"type":"flex","orientation":"vertical"}} -->
  47          <div class="wp-block-group">
  48              <!-- wp:heading {"style":{"typography":{"fontSize":"1.6rem"}}} -->
  49              <h2 class="wp-block-heading" style="font-size:1.6rem"><?php esc_html_e( 'Useful Links', 'twentytwentyfour' ); ?></h2>
  50              <!-- /wp:heading -->
  51  
  52              <!-- wp:paragraph {"fontSize":"small"} -->
  53              <p class="has-small-font-size"><?php esc_html_e( 'Links I found useful and wanted to share.', 'twentytwentyfour' ); ?></p>
  54              <!-- /wp:paragraph -->
  55          </div>
  56          <!-- /wp:group -->
  57  
  58          <!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical"},"style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"spacing":{"blockGap":"var:preset|spacing|10"}},"fontSize":"small"} -->
  59          <!-- wp:navigation-link {"label":"<?php esc_html_e( 'Latest inflation report', 'twentytwentyfour' ); ?>","url":"#","className":"is-style-arrow-link","style":{"typography":{"textDecoration":"underline"}}} /-->
  60          <!-- wp:navigation-link {"label":"<?php esc_html_e( 'Financial apps for families', 'twentytwentyfour' ); ?>","url":"#","className":"is-style-arrow-link","style":{"typography":{"textDecoration":"underline"}}} /-->
  61          <!-- /wp:navigation -->
  62      </div>
  63      <!-- /wp:group -->
  64  
  65      <!-- wp:separator {"backgroundColor":"contrast","className":"is-style-wide"} -->
  66      <hr class="wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background is-style-wide"/>
  67      <!-- /wp:separator -->
  68  
  69      <!-- wp:group {"style":{"spacing":{"blockGap":"16px"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
  70      <div class="wp-block-group">
  71          <!-- wp:heading {"style":{"typography":{"fontSize":"1.6rem"}}} -->
  72          <h2 class="wp-block-heading" style="font-size:1.6rem"><?php esc_html_e( 'Search the website', 'twentytwentyfour' ); ?></h2>
  73          <!-- /wp:heading -->
  74  
  75          <!-- wp:search {"label":"<?php echo esc_attr_x( 'Search', 'search form label', 'twentytwentyfour' ); ?>","showLabel":false,"placeholder":"<?php echo esc_attr_x( 'Search...', 'search form placeholder', 'twentytwentyfour' ); ?>","width":100,"widthUnit":"%","buttonText":"<?php echo esc_attr_x( 'Search', 'search form label', 'twentytwentyfour' ); ?>"} /-->
  76      </div>
  77      <!-- /wp:group -->
  78  
  79      <!-- wp:spacer {"height":"var:preset|spacing|10"} -->
  80      <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer">
  81      </div>
  82      <!-- /wp:spacer -->
  83  </div>
  84  <!-- /wp:group -->