🐞 fix: Add switch to show back link on single post pages

styles/components/post-list.css

@@ -5,7 +5,7 @@
 .post-list__img { border-bottom: 0; }
 
 .post-list__details {
-    background: color-mix(in oklch, var(--color-cwc-blue-03) 80%, white);
+    background: color-mix(in oklch, var(--color-cwc-blue-03) 60%, white);
     color: var(--color-cwc-blue-01);
 }
 

views/icons/next.php

@@ -1,4 +1,9 @@
-<svg width="11" height="19" viewBox="0 0 11 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<?php
+$width  = $args['width'] ?? '11';
+$height = $args['height'] ?? '19';
+?>
+
+<svg width="<?php echo esc_attr( $width ); ?>" height="<?php echo esc_attr( $height ); ?>" viewBox="0 0 11 19" fill="none" xmlns="http://www.w3.org/2000/svg">
     <title>Next</title>
     <path d="M1.5 17.5L9.5 9.5L1.5 1.5" stroke="#F26B53" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

views/icons/prev.php

@@ -1,4 +1,9 @@
-<svg width="11" height="19" viewBox="0 0 11 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<?php
+$width  = $args['width'] ?? '11';
+$height = $args['height'] ?? '19';
+?>
+
+<svg width="<?php echo esc_attr( $width ); ?>" height="<?php echo esc_attr( $height ); ?>" viewBox="0 0 11 19" fill="none" xmlns="http://www.w3.org/2000/svg">
     <title>Previous</title>
     <path d="M9.5 1.5L1.5 9.5L9.5 17.5" stroke="#F26B53" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

views/partials/page-hero.php

@@ -31,7 +31,10 @@ $wrapperStyle = $bgColor ? 'background-color: ' . esc_attr( $bgColor ) . ';' : '
             <?php Breadcrumbs::render(); ?>
         </div> -->
 
-        <?php if ( $heading ) : ?>
+        <?php
+        if ( ! is_single() ) :
+            if ( $heading ) :
+                ?>
                 <h1 class="page-hero__heading flex-0">
                     <?php echo wp_kses_post( $heading ); ?><em>.</em>
                 </h1>
@@ -41,6 +44,14 @@ $wrapperStyle = $bgColor ? 'background-color: ' . esc_attr( $bgColor ) . ';' : '
                 <div class="page-hero__intro grow text-18px pt-3">
                     <?php echo wp_kses_post( $intro ); ?>
                 </div>
+                <?php
+            endif;
+        else :
+            ?>
+            <a href="<?php echo esc_url( get_permalink( get_option( 'page_for_posts' ) ) ); ?>" class="page-hero__back-link flex items-center gap-2 text-20px font-bold text-cwc-blue-03! hover:text-cwc-blue-01!">
+                <span class=""><?php get_template_part( 'views/icons/prev', null, array( 'width' => 7, 'height' => 12 ) ); // phpcs:ignore ?></span>
+                <span>Back</span>
+            </a>
         <?php endif; ?>
     </div>
 </div>