scratch patterns

.gitignore

@@ -1,5 +1,6 @@
 .DS_Store
 assets/*
+img/*
 node_modules/
 *.log
 dist/

functions.php

@@ -5,10 +5,6 @@
 #################### SRH Theme #############################
 ************************************************************/
 
-//add_action( 'wp_enqueue_scripts', 'twenty_five_enqueue_styles' );
-function twenty_five_enqueue_styles() {
-	wp_enqueue_style( '2025-style', get_parent_theme_file_uri( 'style.css' ));
-}
 
 add_action( 'wp_enqueue_scripts', 'srh25_enqueue_styles' );
 function srh25_enqueue_styles() {
@@ -28,6 +24,14 @@ function srh25_pattern_categories() {
 }
 
 
+// Restrict access to the locking UI to Admin.
+add_filter( 'block_editor_settings_all', 'example_theme_restrict_locking_ui', 10, 2 );
+function example_theme_restrict_locking_ui( $settings, $context ) {
+    $settings[ 'canLockBlocks' ] = current_user_can( 'activate_plugins' );
+	return $settings;
+}
+
+
 
 /***********************************************************
 ###################### Admin Clean #########################
@@ -96,6 +100,15 @@ add_filter('update_footer', 'srh25_remove_admin_footer_upgrade', 1000);
 function srh25_remove_admin_footer_upgrade(){return '';}
 
 
+/***********************************************************
+#################### 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']);
+  }
+});
+
 /***********************************************************
 ###################### Log In/Out ##########################
 ************************************************************/
@@ -299,8 +312,8 @@ function render_offcanvas_menu($attributes, $content) {
 ************************************************************/
 
 remove_action( 'enqueue_block_editor_assets', 'wp_enqueue_editor_block_directory_assets' );
-add_filter('should_load_remote_block_patterns', '__return_false');
-add_filter('block_directory_enabled', '__return_false');
+add_filter( 'should_load_remote_block_patterns', '__return_false');
+add_filter( 'block_directory_enabled', '__return_false');
 add_filter( 'block_editor_settings_all', function( $settings, $context ) {
 	$settings['enableOpenverseMediaCategory'] = false;
 	return $settings;
@@ -333,11 +346,3 @@ 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']);
-  }
-});

js/auto-hide-nav.js

@@ -227,4 +227,22 @@
         }
     };
     
+    // Auto-hide navigation for specific element
+    const nav = $('.wp-block-navigation');
+    let lastScroll = 0;
+    
+    $(window).scroll(function() {
+        const currentScroll = $(this).scrollTop();
+        
+        if (currentScroll > lastScroll && currentScroll > 200) {
+            // Scrolling down
+            nav.addClass('nav-hidden');
+        } else {
+            // Scrolling up
+            nav.removeClass('nav-hidden');
+        }
+        
+        lastScroll = currentScroll;
+    });
+    
 })(jQuery);

parts/_scratch.html

@@ -0,0 +1 @@
+<!-- wp:pattern {"slug":"srh/_scratch"} /-->

parts/header.html

@@ -1 +1 @@
-<!-- wp:pattern {"slug":"srh/header"} /-->
+<!-- wp:pattern {"slug":"srh/header", "className":"header-container"} /-->

patterns/_scratch.php

@@ -0,0 +1,74 @@
+<?php
+/**
+ * Title: Scratch
+ * Slug: srh/_scratch
+ * Categories: header
+ * Block Types: core/template-part/header
+ * Description: A file for scratch templates & patterns.
+ */
+
+?>
+
+<!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"accent-3","layout":{"type":"constrained"}} -->
+<div class="wp-block-group has-accent-3-background-color has-background" style="margin-top:0;margin-bottom:0">
+    <!-- wp:spacer {"height":"10px"} -->
+    <div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
+    <!-- /wp:spacer -->
+</div>
+<!-- /wp:group -->
+
+<!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|off-base"}}}},"backgroundColor":"accent-2","textColor":"off-base","layout":{"type":"constrained"}} -->
+<div class="wp-block-group has-off-base-color has-accent-2-background-color has-text-color has-background has-link-color" style="margin-top:0;margin-bottom:0">
+    <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"},"margin":{"top":"0","bottom":"0"}}},"fontSize":"medium","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
+    <div class="wp-block-group alignwide has-medium-font-size" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)">
+        <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} -->
+        <div class="wp-block-group">
+            <!-- wp:image {"id":905,"width":"270px","sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":["#ffffff","#ffffff"]}}} -->
+            <figure class="wp-block-image size-full is-resized">
+                <img src="<?php echo esc_url( get_template_directory_uri() . '/img/SRH_logo.png' ); ?>" alt="SRH Logo" style="width:270px"/>
+            </figure>
+            <!-- /wp:image -->
+        </div>
+        <!-- /wp:group -->
+
+        <!-- wp:group {"style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"var:preset|spacing|50","right":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|40"}},"fontSize":"medium","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"}} -->
+        <div class="wp-block-group has-medium-font-size" style="padding-top:0;padding-right:var(--wp--preset--spacing--50);padding-bottom:0;padding-left:var(--wp--preset--spacing--50)">
+            <!-- wp:navigation {"ref":775,"icon":"menu","style":{"typography":{"fontStyle":"normal","fontWeight":"800"}},"layout":{"type":"flex","justifyContent":"right"}} /-->
+
+            <!-- wp:srh/offcanvas-menu /-->
+        </div>
+        <!-- /wp:group -->
+    </div>
+    <!-- /wp:group -->
+</div>
+<!-- /wp:group -->
+
+<!-- wp:group {"align":"full","layout":{"type":"default"}} -->
+<div class="wp-block-group alignfull">
+    <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"}}},"layout":{"type":"constrained"}} -->
+    <div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)">
+        <!-- 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:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+            <div class="wp-block-group">
+                <!-- wp:image {"id":28,"width":"37px","height":"auto","sizeSlug":"full","linkDestination":"none"} -->
+                <figure class="wp-block-image size-full is-resized">
+                    <img src="https://mkt.selfregional.org/edit/wp-content/uploads/disc.png" alt="" class="wp-image-28" style="width:37px;height:auto"/>
+                </figure>
+                <!-- /wp:image -->
+
+                <!-- wp:site-title {"level":0,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontFamily":"berkeley-pro"} /-->
+            </div>
+            <!-- /wp:group -->
+
+            <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"}} -->
+            <div class="wp-block-group">
+                <!-- wp:navigation {"ref":6,"icon":"menu","overlayBackgroundColor":"base","overlayTextColor":"contrast","layout":{"type":"flex","justifyContent":"right","flexWrap":"wrap"}} /-->
+            </div>
+            <!-- /wp:group -->
+        </div>
+        <!-- /wp:group -->
+    </div>
+    <!-- /wp:group -->
+</div>
+<!-- /wp:group -->

patterns/header.php

@@ -8,6 +8,13 @@
  */
 
 ?>
+
+<!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"accent-3","layout":{"type":"constrained"}} -->
+<div class="wp-block-group has-accent-3-background-color has-background" style="margin-top:0;margin-bottom:0"><!-- wp:spacer {"height":"10px"} -->
+<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer --></div>
+<!-- /wp:group -->
+
 <!-- wp:group {"align":"full","layout":{"type":"default"}} -->
 <div class="wp-block-group alignfull">
 	<!-- wp:group {"layout":{"type":"constrained"}} -->

webpack.config.js

@@ -21,7 +21,7 @@ module.exports = {
     plugins: [
         new BrowserSyncPlugin({
             host: 'localhost',
-            port: 80,
+            port: 81,
             proxy: 'https://srh.stu/_mkt/edit/',
             https: {
                 key: '/opt/homebrew/etc/httpd/ssl/srh.stu-key.pem',