patterns/templates

browser-sync.js

@@ -1,9 +1,28 @@
 // Function to trigger offcanvas on reload
 (function() {
     setTimeout(() => {
-        const offcanvasToggle = document.querySelector('[data-bs-target="#offcanvasRight"]');
-        if (offcanvasToggle) {
-            offcanvasToggle.click();
+        try {
+            // Try to find the button with multiple selectors
+            const hamburgerButton = 
+                document.querySelector('.hamburger-toggle') ||
+                document.querySelector('.hamburger.offcanvas-trigger') ||
+                document.querySelector('.navbar-toggler.hamburger');
+
+            console.log('Looking for hamburger toggle button...');
+            
+            if (hamburgerButton) {
+                console.log('Found hamburger button:', hamburgerButton);
+                
+                // Give Bootstrap time to initialize
+                setTimeout(() => {
+                    hamburgerButton.click();
+                    console.log('Triggered hamburger button click');
+                }, 100);
+            } else {
+                console.error('Could not find hamburger button');
+            }
+        } catch (error) {
+            console.error('Error in browser-sync trigger:', error);
         }
-    }, 500);
+    }, 1000); // Increased delay to ensure page is fully loaded
 })();

functions.php

@@ -14,6 +14,20 @@ function srh25_enqueue_styles() {
 	wp_enqueue_style( 'srh-style', get_stylesheet_uri() );
 }
 
+// Registers pattern categories.
+add_action( 'init', 'srh25_pattern_categories' );
+function srh25_pattern_categories() {
+  register_block_pattern_category(
+    'srh25_page',
+    array(
+      'label'       => __( 'Pages', 'srh25' ),
+      'description' => __( 'A collection of full page layouts.', 'srh25' ),
+    )
+  );
+}
+
+
+
 /***********************************************************
 ###################### Admin Clean #########################
 ************************************************************/
@@ -171,6 +185,7 @@ function add_edit_link_shortcode() {
   add_shortcode( 'edit-link', 'add_edit_link' );
 }
 
+
 /***********************************************************
 ################ Auto-Hide Navigation ######################
 ************************************************************/
@@ -188,6 +203,7 @@ function srh25_enqueue_navigation_script() {
     );
 }
 
+
 /***********************************************************
 #################### Off Canvas Menu #######################
 ************************************************************/
@@ -276,6 +292,7 @@ function render_offcanvas_menu($attributes, $content) {
     );
 }
 
+
 /***********************************************************
 ############### Disable External Blocks ####################
 ************************************************************/
@@ -288,6 +305,7 @@ add_filter( 'block_editor_settings_all', function( $settings, $context ) {
 	return $settings;
 }, 10, 2 );
 
+
 /***********************************************************
 ############### Disable Some Blocks ########################
 ************************************************************/
@@ -319,6 +337,9 @@ function srh25_remove_core_patterns() {
 add_action( 'after_setup_theme', 'srh25_remove_core_patterns' );
 
 
+/***********************************************************
+############### Hide JQuery Notice #########################
+************************************************************/
 add_action('wp_default_scripts', function ($scripts) {
   if (!empty($scripts->registered['jquery'])) {
     $scripts->registered['jquery']->deps = array_diff($scripts->registered['jquery']->deps, ['jquery-migrate']);

parts/offcanvas-content.html

@@ -1,31 +1,44 @@
-<!-- wp:group {"tagName":"div","className":"offcanvas-content","layout":{"type":"constrained"}} -->
-<div class="wp-block-group offcanvas-content">
+<!-- wp:group {"tagName":"div","className":"offcanvas-content","layout":{"type":"constrained"},"style":{"spacing":{"padding":{"left":"30px","right":"30px"}}}} -->
+<div class="wp-block-group offcanvas-content" style="padding-left:30px;padding-right:30px">
     
     <!-- wp:spacer {"height":"40px"} -->
     <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
     <!-- /wp:spacer -->
 
     <!-- wp:heading -->
-    <h2 class="wp-block-heading has-text-weight-bold has-medium-font-size">What Can we<br/>help you find?</h2>
+    <h2 class="wp-block-heading has-text-weight-extra-bold">What can we<br/>help you find?</h2>
     <!-- /wp:heading -->
 
+    <!-- wp:spacer {"height":"20px"} -->
+    <div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
+    <!-- /wp:spacer -->
+
+
     <!-- wp:group {"tagName":"div","className":"offcanvas-footer","layout":{"type":"constrained"}} -->
     <div class="wp-block-group offcanvas-footer">
         <!-- wp:group {"className":"button-group-vertical","layout":{"type":"constrained"}} -->
         <div class="wp-block-group button-group-vertical">
-            <!-- wp:buttons {"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"}} -->
+            <!-- wp:buttons {"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"},"style":{"spacing":{"blockGap":"10px"}}} -->
             <div class="wp-block-buttons is-vertical">
-                <!-- wp:button -->
-                <div class="wp-block-button"><a class="wp-block-button__link wp-element-button">Urgent Care</a></div>
+                <!-- wp:button {"width":100,"style":{"spacing":{"padding":{"top":"15px","bottom":"15px"}},"layout":{"selfStretch":"fill","flexSize":null}},"className":"is-style-outline"} -->
+                <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline">
+                    <a href="#" class="wp-block-button__link has-text-weight-bold wp-element-button" style="padding-top:15px;padding-bottom:15px">Urgent Care</a>
+                </div>
                 <!-- /wp:button -->
-                <!-- wp:button -->
-                <div class="wp-block-button"><a class="wp-block-button__link wp-element-button">Primary Care</a></div>
+                <!-- wp:button {"width":100,"style":{"spacing":{"padding":{"top":"15px","bottom":"15px"}},"layout":{"selfStretch":"fill","flexSize":null}},"className":"is-style-outline"} -->
+                <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline">
+                    <a href="#" class="wp-block-button__link has-text-weight-bold wp-element-button" style="padding-top:15px;padding-bottom:15px">Primary Care</a>
+                </div>
                 <!-- /wp:button -->
-                <!-- wp:button -->
-                <div class="wp-block-button"><a class="wp-block-button__link wp-element-button">Specialty Care</a></div>
+                <!-- wp:button {"width":100,"style":{"spacing":{"padding":{"top":"15px","bottom":"15px"}},"layout":{"selfStretch":"fill","flexSize":null}},"className":"is-style-outline"} -->
+                <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline">
+                    <a href="#" class="wp-block-button__link has-text-weight-bold wp-element-button" style="padding-top:15px;padding-bottom:15px">Specialty Care</a>
+                </div>
                 <!-- /wp:button -->
-                <!-- wp:button -->
-                <div class="wp-block-button"><a class="wp-block-button__link wp-element-button">Virtual Care</a></div>
+                <!-- wp:button {"width":100,"style":{"spacing":{"padding":{"top":"15px","bottom":"15px"}},"layout":{"selfStretch":"fill","flexSize":null}},"className":"is-style-outline"} -->
+                <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline">
+                    <a href="#" class="wp-block-button__link has-text-weight-bold wp-element-button" style="padding-top:15px;padding-bottom:15px">Virtual Care</a>
+                </div>
                 <!-- /wp:button -->
             </div>
             <!-- /wp:buttons -->
@@ -46,5 +59,22 @@
     <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
     <!-- /wp:spacer -->
 
+    <!-- wp:separator -->
+    <hr class="wp-block-separator has-alpha-channel-opacity"/>
+    <!-- /wp:separator -->
+
+    <!-- wp:spacer {"height":"50px"} -->
+    <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
+    <!-- /wp:spacer -->
+
+    <!-- wp:social-links {"iconColor":"base","iconColorValue":"#ffffff","size":"has-normal-icon-size","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30","left":"var:preset|spacing|30"},"margin":{"top":"0","bottom":"0"}}},"className":"is-style-logos-only","layout":{"type":"flex","justifyContent":"center"}} -->
+    <ul class="wp-block-social-links has-normal-icon-size has-icon-color is-style-logos-only">
+        <!-- wp:social-link {"url":"https://facebook.com/","service":"facebook"} /-->
+        <!-- wp:social-link {"url":"https://twitter.com/","service":"twitter"} /-->
+        <!-- wp:social-link {"url":"https://instagram.com/","service":"instagram"} /-->
+        <!-- wp:social-link {"url":"https://linkedin.com/","service":"linkedin"} /-->
+    </ul>
+    <!-- /wp:social-links -->
+
 </div>
 <!-- /wp:group -->

patterns/footer-columns.php

@@ -0,0 +1,80 @@
+<?php
+/**
+ * Title: Footer with columns
+ * Slug: srh/footer-columns
+ * Categories: footer
+ * Block Types: core/template-part/footer
+ * Description: Footer columns with title, tagline and links.
+ */
+
+?>
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
+	<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
+	<div class="wp-block-group alignwide">
+		<!-- wp:group {"align":"full","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"top"}} -->
+		<div class="wp-block-group alignfull">
+			<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20","padding":{"top":"0","bottom":"0","left":"0","right":"0"}}},"layout":{"type":"constrained"}} -->
+			<div class="wp-block-group" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
+				<!-- wp:site-title {"level":2,"fontSize":"xx-large"} /-->
+				<!-- wp:site-tagline /-->
+			</div>
+			<!-- /wp:group -->
+
+			<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|80"}},"layout":{"type":"flex","flexWrap":"wrap"}} -->
+			<div class="wp-block-group">
+				<!-- wp:group {"style":{"spacing":{"padding":{"right":"0","left":"0"}}},"layout":{"type":"constrained"}} -->
+				<div class="wp-block-group" style="padding-right:0;padding-left:0">
+					<!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"medium"} -->
+					<h3 class="wp-block-heading has-medium-font-size" style="font-style:normal;font-weight:700"><?php esc_html_e( 'Stories', 'twentytwentyfive' ); ?></h3>
+					<!-- /wp:heading -->
+					<!-- wp:navigation {"overlayMenu":"never","style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"fontSize":"medium","layout":{"type":"flex","orientation":"vertical"},"ariaLabel":"<?php esc_attr_e( 'Stories', 'twentytwentyfive' ); ?>"} -->
+						<!-- wp:navigation-link {"label":"<?php esc_html_e( 'Blog', 'twentytwentyfive' ); ?>","url":"#"} /-->
+						<!-- wp:navigation-link {"label":"<?php esc_html_e( 'About', 'twentytwentyfive' ); ?>","url":"#"} /-->
+						<!-- wp:navigation-link {"label":"<?php esc_html_e( 'FAQs', 'twentytwentyfive' ); ?>","url":"#"} /-->
+						<!-- wp:navigation-link {"label":"<?php esc_html_e( 'Authors', 'twentytwentyfive' ); ?>","url":"#"} /-->
+					<!-- /wp:navigation -->
+				</div>
+				<!-- /wp:group -->
+				<!-- wp:group {"style":{"spacing":{"padding":{"right":"0","left":"0"}}},"layout":{"type":"constrained"}} -->
+				<div class="wp-block-group" style="padding-right:0;padding-left:0">
+					<!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"medium"} -->
+					<h3 class="wp-block-heading has-medium-font-size" style="font-style:normal;font-weight:700"><?php echo esc_html_x( 'Fleurs', 'Example brand name.', 'twentytwentyfive' ); ?></h3>
+					<!-- /wp:heading -->
+					<!-- wp:navigation {"overlayMenu":"never","style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"fontSize":"medium","layout":{"type":"flex","orientation":"vertical"},"ariaLabel":"<?php esc_attr_e( 'Featured', 'twentytwentyfive' ); ?>"} -->
+						<!-- wp:navigation-link {"label":"<?php esc_html_e( 'Events', 'twentytwentyfive' ); ?>","url":"#"} /-->
+						<!-- wp:navigation-link {"label":"<?php esc_html_e( 'Shop', 'twentytwentyfive' ); ?>","url":"#"} /-->
+						<!-- wp:navigation-link {"label":"<?php esc_html_e( 'Patterns', 'twentytwentyfive' ); ?>","url":"#"} /-->
+						<!-- wp:navigation-link {"label":"<?php esc_html_e( 'Themes', 'twentytwentyfive' ); ?>","url":"#"} /-->
+					<!-- /wp:navigation -->
+				</div>
+				<!-- /wp:group -->
+			</div>
+			<!-- /wp:group -->
+		</div>
+		<!-- /wp:group -->
+		<!-- wp:spacer {"height":"var:preset|spacing|60"} -->
+		<div style="height:var(--wp--preset--spacing--60)" aria-hidden="true" class="wp-block-spacer"></div>
+		<!-- /wp:spacer -->
+		<!-- wp:group {"align":"full","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
+		<div class="wp-block-group alignfull">
+			<!-- wp:paragraph {"fontSize":"small"} -->
+			<p class="has-small-font-size"><?php esc_html_e( 'Twenty Twenty-Five', 'twentytwentyfive' ); ?></p>
+			<!-- /wp:paragraph -->
+			<!-- wp:paragraph {"fontSize":"small"} -->
+			<p class="has-small-font-size">
+			<?php
+			printf(
+				/* translators: Designed with WordPress. %s: WordPress link. */
+				esc_html__( 'Designed with %s', 'twentytwentyfive' ),
+				'<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentyfive' ) ) . '" rel="nofollow">WordPress</a>'
+			);
+			?>
+			</p>
+			<!-- /wp:paragraph -->
+		</div>
+		<!-- /wp:group -->
+	</div>
+	<!-- /wp:group -->
+</div>
+<!-- /wp:group -->

patterns/footer.php

@@ -0,0 +1,89 @@
+<?php
+/**
+ * Title: Footer
+ * Slug: srh/footer
+ * Categories: footer
+ * Block Types: core/template-part/footer
+ * Description: Footer columns with logo, title, tagline and links.
+ */
+
+?>
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--50)">
+	<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
+	<div class="wp-block-group alignwide">
+		<!-- wp:site-logo /-->
+
+		<!-- wp:group {"align":"full","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"top"}} -->
+		<div class="wp-block-group alignfull">
+			<!-- wp:columns -->
+			<div class="wp-block-columns">
+				<!-- wp:column {"width":"100%"} -->
+				<div class="wp-block-column" style="flex-basis:100%"><!-- wp:site-title {"level":2} /-->
+
+				<!-- wp:site-tagline /-->
+				</div>
+				<!-- /wp:column -->
+
+				<!-- wp:column {"width":""} -->
+				<div class="wp-block-column">
+					<!-- wp:spacer {"height":"var:preset|spacing|40","width":"0px"} -->
+					<div style="height:var(--wp--preset--spacing--40);width:0px" aria-hidden="true" class="wp-block-spacer"></div>
+					<!-- /wp:spacer -->
+				</div>
+				<!-- /wp:column -->
+			</div>
+			<!-- /wp:columns -->
+
+			<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|80"}},"layout":{"type":"flex","flexWrap":"wrap","verticalAlignment":"top","justifyContent":"space-between"}} -->
+			<div class="wp-block-group">
+				<!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical"}} -->
+					<!-- wp:navigation-link {"label":"<?php esc_html_e( 'Blog', 'twentytwentyfive' ); ?>","url":"#"} /-->
+
+					<!-- wp:navigation-link {"label":"<?php esc_html_e( 'About', 'twentytwentyfive' ); ?>","url":"#"} /-->
+
+					<!-- wp:navigation-link {"label":"<?php esc_html_e( 'FAQs', 'twentytwentyfive' ); ?>","url":"#"} /-->
+
+					<!-- wp:navigation-link {"label":"<?php esc_html_e( 'Authors', 'twentytwentyfive' ); ?>","url":"#"} /-->
+				<!-- /wp:navigation -->
+
+				<!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical"}} -->
+					<!-- wp:navigation-link {"label":"<?php esc_html_e( 'Events', 'twentytwentyfive' ); ?>","url":"#"} /-->
+
+					<!-- wp:navigation-link {"label":"<?php esc_html_e( 'Shop', 'twentytwentyfive' ); ?>","url":"#"} /-->
+
+					<!-- wp:navigation-link {"label":"<?php esc_html_e( 'Patterns', 'twentytwentyfive' ); ?>","url":"#"} /-->
+
+					<!-- wp:navigation-link {"label":"<?php esc_html_e( 'Themes', 'twentytwentyfive' ); ?>","url":"#"} /-->
+				<!-- /wp:navigation -->
+			</div>
+				<!-- /wp:group -->
+		</div>
+		<!-- /wp:group -->
+
+		<!-- wp:spacer {"height":"var:preset|spacing|70"} -->
+		<div style="height:var(--wp--preset--spacing--70)" aria-hidden="true" class="wp-block-spacer"></div>
+		<!-- /wp:spacer -->
+
+		<!-- wp:group {"align":"full","style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
+		<div class="wp-block-group alignfull">
+			<!-- wp:paragraph {"fontSize":"small"} -->
+			<p class="has-small-font-size"><?php esc_html_e( 'Twenty Twenty-Five', 'twentytwentyfive' ); ?></p>
+			<!-- /wp:paragraph -->
+			<!-- wp:paragraph {"fontSize":"small"} -->
+			<p class="has-small-font-size">
+				<?php
+				printf(
+					/* translators: Designed with WordPress. %s: WordPress link. */
+					esc_html__( 'Designed with %s', 'twentytwentyfive' ),
+					'<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentyfive' ) ) . '" rel="nofollow">WordPress</a>'
+				);
+				?>
+			</p>
+			<!-- /wp:paragraph -->
+		</div>
+		<!-- /wp:group -->
+	</div>
+	<!-- /wp:group -->
+</div>
+<!-- /wp:group -->

patterns/header.php

@@ -0,0 +1,28 @@
+<?php
+/**
+ * Title: Header
+ * Slug: srh/header
+ * Categories: header
+ * Block Types: core/template-part/header
+ * Description: Site header with site title and navigation.
+ */
+
+?>
+<!-- wp:group {"align":"full","layout":{"type":"default"}} -->
+<div class="wp-block-group alignfull">
+	<!-- wp:group {"layout":{"type":"constrained"}} -->
+	<div class="wp-block-group">
+		<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
+		<div class="wp-block-group alignwide" style="padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)">
+			<!-- wp:site-title {"level":0} /-->
+			<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"}} -->
+			<div class="wp-block-group">
+				<!-- wp:navigation {"overlayBackgroundColor":"base","overlayTextColor":"contrast","layout":{"type":"flex","justifyContent":"right","flexWrap":"wrap"}} /-->
+			</div>
+			<!-- /wp:group -->
+		</div>
+		<!-- /wp:group -->
+	</div>
+	<!-- /wp:group -->
+</div>
+<!-- /wp:group -->

patterns/more-posts.php

@@ -0,0 +1,30 @@
+<?php
+/**
+ * Title: More posts
+ * Slug: srh/more-posts
+ * Description: Displays a list of posts with title and date.
+ * Categories: query
+ * Block Types: core/query
+ */
+
+?>
+<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignwide" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)">
+	<!-- wp:heading {"align":"wide","style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"700","letterSpacing":"1.4px"}},"fontSize":"small"} -->
+	<h2 class="wp-block-heading alignwide has-small-font-size" style="font-style:normal;font-weight:700;letter-spacing:1.4px;text-transform:uppercase"><?php esc_html_e( 'More posts', 'twentytwentyfive' ); ?></h2>
+	<!-- /wp:heading -->
+
+	<!-- wp:query {"query":{"perPage":4,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"taxQuery":null,"parents":[]},"align":"wide","layout":{"type":"default"}} -->
+	<div class="wp-block-query alignwide">
+		<!-- wp:post-template {"align":"full","style":{"spacing":{"blockGap":"0"}},"layout":{"type":"default"}} -->
+			<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}},"border":{"bottom":{"color":"var:preset|color|accent-6","width":"1px"},"top":[],"right":[],"left":[]}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center","justifyContent":"space-between"}} -->
+			<div class="wp-block-group alignfull" style="border-bottom-color:var(--wp--preset--color--accent-6);border-bottom-width:1px;padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)">
+				<!-- wp:post-title {"level":3,"isLink":true,"fontSize":"large"} /-->
+				<!-- wp:post-date {"textAlign":"right","isLink":true} /-->
+			</div>
+			<!-- /wp:group -->
+		<!-- /wp:post-template -->
+	</div>
+	<!-- /wp:query -->
+</div>
+<!-- /wp:group -->

patterns/post-navigation.php

@@ -0,0 +1,20 @@
+<?php
+/**
+ * Title: Post navigation
+ * Slug: srh/post-navigation
+ * Categories: text
+ * Description: Next and previous post links.
+ * Block Types: core/post-navigation-link
+ */
+
+?>
+<!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}},"layout":{"type":"default"}} -->
+<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60);">
+	<!-- wp:group {"ariaLabel":"<?php esc_attr_e( 'Post navigation', 'twentytwentyfive' ); ?>","tagName":"nav","align":"wide","style":{"border":{"top":{"color":"var:preset|color|accent-6","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
+	<nav class="wp-block-group alignwide" aria-label="<?php esc_attr_e( 'Post navigation', 'twentytwentyfive' ); ?>" style="border-top-color:var(--wp--preset--color--accent-6);border-top-width:1px;padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)">
+		<!-- wp:post-navigation-link {"type":"previous","showTitle":true,"arrow":"arrow"} /-->
+		<!-- wp:post-navigation-link {"showTitle":true,"arrow":"arrow"} /-->
+	</nav>
+	<!-- /wp:group -->
+</div>
+<!-- /wp:group -->

style.css

@@ -1,8 +1,11 @@
 /**
-Theme Name: Edit SRH
+Theme Name: SRH
 Text Domain: srh
-Template: twentytwentyfive
-Description: a theme to edit SRH
+
+Description: Self Regional Healthcare
+Requires at least: 6.7
+Tested up to: 6.8
+Requires PHP: 7.2
 Version: 1.0
 Author: windhamdavid
 Author URI: https://davidwindham.com
@@ -17,6 +20,49 @@ main {
   margin-top: 180px !important;
 }
 
+a {
+	text-decoration-thickness: 1px !important;
+	text-underline-offset: .1em;
+}
+
+/* Focus styles */
+:where(.wp-site-blocks *:focus) {
+	outline-width: 2px;
+	outline-style: solid;
+}
+
+/* Increase the bottom margin on submenus, so that the outline is visible. */
+.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
+	margin-bottom: 3px;
+}
+
+/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
+.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
+	outline-offset: 4px;
+}
+
+/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
+.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
+	outline-offset: 0;
+}
+
+/*
+ * Progressive enhancement to reduce widows and orphans
+ * https://github.com/WordPress/gutenberg/issues/55190
+ */
+h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
+	text-wrap: pretty;
+}
+
+/*
+ * Change the position of the more block on the front, by making it a block level element.
+ * https://github.com/WordPress/gutenberg/issues/65934
+*/
+.more-link {
+	display: block;
+}
+
+
 /* Auto-hide Navigation Styles */
 header,
 .srh-auto-hide-header,

templates/404.html

@@ -0,0 +1,9 @@
+<!-- wp:template-part {"slug":"header"} /-->
+
+<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
+<main class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
+	<!-- wp:pattern {"slug":"twentytwentyfive/hidden-404"} /-->
+</main>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer"} /-->

templates/archive.html

@@ -0,0 +1,11 @@
+<!-- wp:template-part {"slug":"header"} /-->
+
+<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
+<main class="wp-block-group" style="margin-top:var(--wp--preset--spacing--60)">
+	<!-- wp:query-title {"type":"archive"} /-->
+	 <!-- wp:term-description /-->
+	<!-- wp:pattern {"slug":"twentytwentyfive/template-query-loop"} /-->
+</main>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer"} /-->

templates/home.html

@@ -0,0 +1,10 @@
+<!-- wp:template-part {"slug":"header"} /-->
+
+<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
+<main class="wp-block-group" style="margin-top:var(--wp--preset--spacing--60)">
+	<!-- wp:pattern {"slug":"twentytwentyfive/hidden-blog-heading"} /-->
+	<!-- wp:pattern {"slug":"twentytwentyfive/template-query-loop"} /-->
+</main>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer"} /-->

templates/index.html

@@ -0,0 +1,10 @@
+<!-- wp:template-part {"slug":"header"} /-->
+
+<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
+<main class="wp-block-group" style="margin-top:var(--wp--preset--spacing--60)">
+	<!-- wp:pattern {"slug":"twentytwentyfive/hidden-blog-heading"} /-->
+	<!-- wp:pattern {"slug":"twentytwentyfive/template-query-loop"} /-->
+</main>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer"} /-->

templates/page-no-title.html

@@ -0,0 +1,9 @@
+<!-- wp:template-part {"slug":"header"} /-->
+
+<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"0"}}}} -->
+<main class="wp-block-group" style="margin-top:0">
+	<!-- wp:post-content {"lock":{"move":false,"remove":true},"layout":{"type":"constrained"}} /-->
+</main>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer"} /-->

templates/page.html

@@ -0,0 +1,15 @@
+<!-- wp:template-part {"slug":"header"} /-->
+
+<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
+<main class="wp-block-group" style="margin-top:var(--wp--preset--spacing--60)">
+	<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
+	<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)">
+		<!-- wp:post-featured-image {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|60"}}}} /-->
+		<!-- wp:post-title {"level":1} /-->
+		<!-- wp:post-content {"align":"full","layout":{"type":"constrained"}} /-->
+	</div>
+	<!-- /wp:group -->
+</main>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer"} /-->

templates/search.html

@@ -0,0 +1,12 @@
+<!-- wp:template-part {"slug":"header"} /-->
+
+<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
+<main class="wp-block-group" style="margin-top:var(--wp--preset--spacing--60)">
+	<!-- wp:query-title {"type":"search"} /-->
+	<!-- wp:pattern {"slug":"twentytwentyfive/hidden-search"} /-->
+	<!-- wp:pattern {"slug":"twentytwentyfive/template-query-loop"} /-->
+	<!-- wp:pattern {"slug":"twentytwentyfive/more-posts"} /-->
+</main>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer"} /-->

templates/single.html

@@ -0,0 +1,25 @@
+<!-- wp:template-part {"slug":"header"} /-->
+
+<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
+<main class="wp-block-group" style="margin-top:var(--wp--preset--spacing--60)">
+	<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
+	<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)">
+		<!-- wp:post-title {"level":1} /-->
+		<!-- wp:post-featured-image {"aspectRatio":"3/2"} /-->
+		<!-- wp:pattern {"slug":"twentytwentyfive/hidden-written-by"} /-->
+		<!-- wp:post-content {"align":"full","layout":{"type":"constrained"}} /-->
+		<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
+		<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)">
+			<!-- wp:post-terms {"term":"post_tag","separator":"  ","className":"is-style-post-terms-1"} /-->
+		</div>
+		<!-- /wp:group -->
+		
+		<!-- wp:pattern {"slug":"twentytwentyfive/post-navigation"} /-->
+		<!-- wp:pattern {"slug":"twentytwentyfive/comments"} /-->
+	</div>
+	<!-- /wp:group -->
+	<!-- wp:pattern {"slug":"twentytwentyfive/more-posts"} /-->
+</main>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer"} /-->

webpack.config.js

@@ -37,7 +37,19 @@ module.exports = {
             reloadDelay: 50,
             watchEvents: ['change', 'add', 'unlink', 'addDir', 'unlinkDir'],
             injectChanges: true,
-            notify: false
+            notify: false,
+            snippetOptions: {
+                rule: {
+                    match: /<\/body>/i,
+                    fn: function (snippet, match) {
+                        return `<script src="/browser-sync-reload.js"></script>${snippet}${match}`;
+                    }
+                }
+            },
+            serveStatic: [{
+                route: '/browser-sync-reload.js',
+                dir: path.resolve(__dirname, 'browser-sync.js')
+            }]
         })
     ]
 };