tag in the document head, and expect WordPress to * provide it for us. */ add_theme_support( 'title-tag' ); /* * Enable support for Post Thumbnails on posts and pages. * * @link https://developer.wordpress.org/themes/functionality/featured-images-post-thumbnails/ */ add_theme_support( 'post-thumbnails' ); // This theme uses wp_nav_menu() in one location. register_nav_menus( array( 'menu-1' => esc_html__( 'Navbar', 'big-patterns' ), 'menu-2' => esc_html__( 'Post Sidebar', 'big-patterns' ), 'menu-3' => esc_html__( 'Footer', 'big-patterns' ), 'menu-4' => esc_html__( 'Page Sidebar', 'big-patterns' ), ) ); /* * Switch default core markup for search form, comment form, and comments * to output valid HTML5. */ add_theme_support( 'html5', array( 'search-form', 'comment-form', 'comment-list', 'gallery', 'caption', 'style', 'script', ) ); /** * Add support for core custom logo. * * @link https://codex.wordpress.org/Theme_Logo */ add_theme_support( 'custom-logo', array( 'height' => 88, 'width' => 191, 'flex-width' => true, 'flex-height' => false, ) ); add_theme_support('header_text'); add_theme_support('align-wide'); } endif; add_action( 'after_setup_theme', 'big_bob_setup' ); /** * Set the content width in pixels, based on the theme's design and stylesheet. * * Priority 0 to make it available to lower priority callbacks. * * @global int $content_width */ function big_bob_content_width() { // This variable is intended to be overruled from themes. // Open WPCS issue: {@link https://github.com/WordPress-Coding-Standards/WordPress-Coding-Standards/issues/1043}. // phpcs:ignore WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedVariableFound $GLOBALS['content_width'] = apply_filters( 'big_bob_content_width', 640 ); } add_action( 'after_setup_theme', 'big_bob_content_width', 0 ); /** * Register widget area. * * @link https://developer.wordpress.org/themes/functionality/sidebars/#registering-a-sidebar */ function big_bob_widgets_init() { register_sidebar( array( 'name' => esc_html__( 'Post (Blog) Sidebar 1', 'big-patterns' ), 'id' => 'sidebar-1', 'description' => esc_html__( 'A sidebar will only be displayed when widgets or a menu are used. You can find additional sidebar options in the <i>Navigation</i> section and the <i>Body and Sidebar Style</i> section.', 'big-patterns' ), 'before_widget' => '<section id="%1$s" class="widget %2$s">', 'after_widget' => '</section>', 'before_title' => '<h2 class="widget-title">', 'after_title' => '</h2>', ) ); register_sidebar( array( 'name' => esc_html__( 'Post (Blog) Sidebar 2', 'big-patterns' ), 'id' => 'sidebar-2', 'description' => esc_html__( 'This will only be displayed if the first sidebar is displayed. This will be set below the first sidebar, and it will stick to the page, and it will stick to the page if the sticky sidebar setting has been turned on. The first sidebar will not stick to the page if the second sidebar is used.', 'big-patterns' ), 'before_widget' => '<section id="%1$s" class="widget %2$s">', 'after_widget' => '</section>', 'before_title' => '<h2 class="widget-title">', 'after_title' => '</h2>', ) ); register_sidebar( array( 'name' => esc_html__( 'Page Sidebar 1', 'big-patterns' ), 'id' => 'sidebar-3', 'description' => esc_html__( 'This can be added to a page in the page template section of the page editor.', 'big-patterns' ), 'before_widget' => '<section id="%1$s" class="widget %2$s">', 'after_widget' => '</section>', 'before_title' => '<h2 class="widget-title">', 'after_title' => '</h2>', ) ); register_sidebar( array( 'name' => esc_html__( 'Page Sidebar 2', 'big-patterns' ), 'id' => 'sidebar-4', 'description' => esc_html__( 'This can be added to a page in the page template section of the page editor.', 'big-patterns' ), 'before_widget' => '<section id="%1$s" class="widget %2$s">', 'after_widget' => '</section>', 'before_title' => '<h2 class="widget-title">', 'after_title' => '</h2>', ) ); register_sidebar( array( 'name' => esc_html__( 'Footer', 'big-patterns' ), 'id' => 'footer-1', 'description' => esc_html__( 'These will be entered into footer at the bottom of the page.', 'big-patterns' ), 'before_widget' => '<section id="%1$s" class="widget %2$s">', 'after_widget' => '</section>', 'before_title' => '<h2 class="widget-title">', 'after_title' => '</h2>', ) ); } add_action( 'widgets_init', 'big_bob_widgets_init' ); /** * Apply theme's stylesheet to the visual editor. * * @uses add_editor_style() Links a stylesheet to visual editor * @uses get_stylesheet_uri() Returns URI of theme stylesheet */ add_editor_style( get_stylesheet_uri() ); /** * Enqueue scripts and styles. */ function big_bob_scripts() { wp_enqueue_style( 'big-patterns-style', get_stylesheet_uri(), array(), BIG_PATTERNS_VERSION ); wp_style_add_data( 'big-patterns-style', 'rtl', 'replace' ); $big_bob_prev_font_1 = ""; $big_bob_prev_font_2 = ""; $big_bob_prev_font_3 = ""; if (get_theme_mod('big_bob_fonts_title', 'IBM Plex Mono') != "") { $big_bob_font = get_theme_mod('big_bob_fonts_title', 'IBM Plex Mono'); $big_bob_font = trim($big_bob_font); $big_bob_font = str_replace(' ', '+', $big_bob_font); $big_bob_url = 'https://fonts.googleapis.com/css?family='; $big_bob_url .= $big_bob_font; wp_enqueue_style('big-patterns-google-fonts', esc_url($big_bob_url), false); $big_bob_prev_font_1 = $big_bob_url; } if (get_theme_mod('big_bob_fonts_main_title', 'Syncopate') != "") { $big_bob_font = get_theme_mod('big_bob_fonts_main_title', 'Syncopate'); $big_bob_font = trim($big_bob_font); $big_bob_font = str_replace(' ', '+', $big_bob_font); $big_bob_url = 'https://fonts.googleapis.com/css?family='; $big_bob_url .= $big_bob_font; if ($big_bob_url != $big_bob_prev_font_1) { wp_enqueue_style('big-patterns-google-fonts-2', esc_url($big_bob_url), false); } $big_bob_prev_font_2 = $big_bob_url; } if (get_theme_mod('big_bob_fonts_paragraph', "IBM Plex Mono") != "") { $big_bob_font = get_theme_mod('big_bob_fonts_paragraph', "IBM Plex Mono"); $big_bob_font = trim($big_bob_font); $big_bob_font = str_replace(' ', '+', $big_bob_font); $big_bob_url = 'https://fonts.googleapis.com/css?family='; $big_bob_url .= $big_bob_font; if (($big_bob_url != $big_bob_prev_font_1) && ($big_bob_url != $big_bob_prev_font_2)) { wp_enqueue_style('big-patterns-google-fonts-3', esc_url($big_bob_url), false); } $big_bob_prev_font_3 = $big_bob_url; } if (get_theme_mod('big_bob_fonts_misc', 'Syncopate') != "") { $big_bob_font = get_theme_mod('big_bob_fonts_misc', 'Syncopate'); $big_bob_font = trim($big_bob_font); $big_bob_font = str_replace(' ', '+', $big_bob_font); $big_bob_url = 'https://fonts.googleapis.com/css?family='; $big_bob_url .= $big_bob_font; if (($big_bob_url != $big_bob_prev_font_1) && ($big_bob_url != $big_bob_prev_font_2) && ($big_bob_url != $big_bob_prev_font_3)) { wp_enqueue_style('big-patterns-google-fonts-4', esc_url($big_bob_url), false); } } wp_enqueue_style('big-patterns-font-awesome', get_template_directory_uri() . '/vendor/fontawesome-free/css/all.min.css'); wp_enqueue_script( 'big-patterns-scripts-js', get_template_directory_uri() . '/js/big-patterns-scripts.js?v=0.3', array('jquery'), '20160909', true ); wp_enqueue_script( 'big-patterns-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), BIG_PATTERNS_VERSION, true ); if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) { wp_enqueue_script( 'comment-reply' ); } } add_action( 'wp_enqueue_scripts', 'big_bob_scripts' ); /*block extensions*/ function big_bob_guten_enqueue() { wp_enqueue_script( 'big-patterns-guten-script', get_template_directory_uri() . '/js/big-patterns-guten.js?v=0.1', array( 'wp-blocks' ) ); } add_action( 'enqueue_block_editor_assets', 'big_bob_guten_enqueue' );//has to be added to block editor assets /*block variations*/ function prefix_editor_assets() { wp_enqueue_script( 'prefix-block-variations', get_template_directory_uri() . '/js/block-variation.js', array( 'wp-blocks' ) ); } add_action( 'enqueue_block_editor_assets', 'prefix_editor_assets' ); /** * Implement the Custom Header feature. */ require get_template_directory() . '/inc/custom-header.php'; /** * Custom template tags for this theme. */ require get_template_directory() . '/inc/template-tags.php'; /** * Functions which enhance the theme by hooking into WordPress. */ require get_template_directory() . '/inc/template-functions.php'; /** * Customizer additions. */ require get_template_directory() . '/inc/customizer.php'; /** * Load Jetpack compatibility file. */ if ( defined( 'JETPACK__VERSION' ) ) { require get_template_directory() . '/inc/jetpack.php'; } function big_bob_register_my_pattern_categories() { register_block_pattern_category( 'big_bob-cover-patterns', array( 'label' => __( 'Cover', 'big-patterns' ) ) ); register_block_pattern_category( 'big_bob-nav-color-patterns', array( 'label' => __( 'Navbar Colors', 'big-patterns' ) ) ); register_block_pattern_category( 'big_bob-body-color-patterns', array( 'label' => __( 'Body Colors', 'big-patterns' ) ) ); register_block_pattern_category( 'big_bob-mixed-color-patterns', array( 'label' => __( 'Mixed Colors', 'big-patterns' ) ) ); register_block_pattern_category( 'big_bob-footer-patterns', array( 'label' => __( 'Footer', 'big-patterns' ) ) ); register_block_pattern_category( 'big_bob-images-text-patterns', array( 'label' => __( 'Images and Text', 'big-patterns' ) ) ); register_block_pattern_category( 'big_bob-text-patterns', array( 'label' => __( 'Text', 'big-patterns' ) ) ); register_block_pattern_category( 'big_bob-post-patterns', array( 'label' => __( 'Blog', 'big-patterns' ) ) ); } add_action( 'init', 'big_bob_register_my_pattern_categories' ); //Remove all remote block patterns. All patterns will be handled in this theme's functions file. //These are the remote categories being removed: //featured,buttons,columns,gallery,header,text,query,big_bob-nav-color-patterns,big_bob-body-color-patterns add_filter( 'should_load_remote_block_patterns', false ); /*These are the core patterns being removed: core/query-standard-posts, core/query-medium-posts, core/query-small-posts,core/query-grid-posts, core/query-large-title-posts, core/query-offset-posts, core/social-links-shared-background-color,*/ remove_theme_support('core-block-patterns'); function big_bob_register_my_patterns() { register_block_pattern( 'big-patterns/four-images-with-text-nav-colors', array( 'title' => __( 'Four Images with Text set to Navbar Colors (prieview in new tab)', 'big-patterns' ), 'categories' => array( 'big_bob-nav-color-patterns' ), 'content' => ' <div class="wp-block-group bb-four-images-text bb-nav-colors"> <div class="wp-block-group"> <div class="wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile"><figure class="wp-block-media-text__media"></figure><div class="wp-block-media-text__content"> <h2>Section Title</h2>   <p>Describe what the content and images are about here.</p> </div></div>   <div class="wp-block-columns"> <div class="wp-block-column"> <h2></h2>   <figure class="wp-block-image aligncenter"><img alt=""/></figure>   <p></p> </div>   <div class="wp-block-column"> <h2></h2>   <figure class="wp-block-image aligncenter"><img alt=""/></figure>   <p></p> </div>   <div class="wp-block-column"> <h2></h2>   <figure class="wp-block-image aligncenter"><img alt=""/></figure>   <p></p> </div> </div> </div> </div> ', ) ); register_block_pattern( 'big-patterns/four-images-with-text-body-colors', array( 'title' => __( 'Four Images with Text set to Body Colors (prieview in new tab)', 'big-patterns' ), 'categories' => array( 'big_bob-body-color-patterns' ), 'content' => ' <div class="wp-block-group bb-four-images-text"> <div class="wp-block-group"> <div class="wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile"><figure class="wp-block-media-text__media"></figure><div class="wp-block-media-text__content"> <h2>Section Title</h2>   <p>Describe what the content and images are about here.</p> </div></div>   <div class="wp-block-columns"> <div class="wp-block-column"> <h2></h2>   <figure class="wp-block-image aligncenter"><img alt=""/></figure>   <p></p> </div>   <div class="wp-block-column"> <h2></h2>   <figure class="wp-block-image aligncenter"><img alt=""/></figure>   <p></p> </div>   <div class="wp-block-column"> <h2></h2>   <figure class="wp-block-image aligncenter"><img alt=""/></figure>   <p></p> </div> </div> </div> </div> ', ) ); register_block_pattern( 'big-patterns/image-collage-with-text-body-colors', array( 'title' => __( 'Image Collage with Text set to Body Colors (prieview in new tab)', 'big-patterns' ), 'categories' => array( 'big_bob-body-color-patterns' ), 'content' => ' <div class="wp-block-group alignfull bb-positive-growth"> <div class="wp-block-columns alignwide"> <div class="wp-block-column"> <h6 id="ecosystem">ECOSYSTEM</h6>   <p style="font-size:5vw;line-height:1.1"><strong>Positive growth.</strong></p>   <div style="height:5px" aria-hidden="true" class="wp-block-spacer"></div> </div> </div>   <div class="wp-block-columns alignwide"> <div class="wp-block-column" style="flex-basis:33.38%"> <p class="has-extra-small-font-size"><em>Nature</em>, in the common sense, refers to essences unchanged by man; space, the air, the river, the leaf. <em>Art</em> is applied to the mixture of his will with the same things, as in a house, a canal, a statue, a picture. But his operations taken together are so insignificant, a little chipping, baking, patching, and washing, that in an impression so grand as that of the world on the human mind, they do not vary the result.</p> </div>   <div class="wp-block-column" style="flex-basis:33%"> <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>   <figure class="wp-block-image size-large"><img src="https://s.w.org/images/core/5.8/outside-01.jpg" alt="The sun setting through a dense forest."/></figure> </div>   <div class="wp-block-column" style="flex-basis:33.62%"> <figure class="wp-block-image size-large is-style-default"><img src="https://s.w.org/images/core/5.8/outside-02.jpg" alt="Wind turbines standing on a grassy plain, against a blue sky."/></figure> </div> </div>   <div class="wp-block-columns alignwide"> <div class="wp-block-column" style="flex-basis:67%"> <figure class="wp-block-image alignright size-large"><img src="https://s.w.org/images/core/5.8/outside-03.jpg" alt="The sun shining over a ridge leading down into the shore. In the distance, a car drives down a road."/></figure> </div>   <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:33%"> <p class="has-extra-small-font-size">Undoubtedly we have no questions to ask which are unanswerable. We must trust the perfection of the creation so far, as to believe that whatever curiosity the order of things has awakened in our minds, the order of things can satisfy. Every man\'s condition is a solution in hieroglyphic to those inquiries he would put.</p> </div> </div> </div> ', ) ); register_block_pattern( 'big-patterns/image-collage-with-text-nav-colors', array( 'title' => __( 'Image Collage with Text set to Nav Colors (prieview in new tab)', 'big-patterns' ), 'categories' => array( 'big_bob-nav-color-patterns' ), 'content' => ' <div class="wp-block-group alignfull bb-positive-growth bb-nav-colors"> <div class="wp-block-columns alignwide"> <div class="wp-block-column"> <h6 id="ecosystem">ECOSYSTEM</h6>   <p style="font-size:5vw;line-height:1.1"><strong>Positive growth.</strong></p>   <div style="height:5px" aria-hidden="true" class="wp-block-spacer"></div> </div> </div>   <div class="wp-block-columns alignwide"> <div class="wp-block-column" style="flex-basis:33.38%"> <p class="has-extra-small-font-size"><em>Nature</em>, in the common sense, refers to essences unchanged by man; space, the air, the river, the leaf. <em>Art</em> is applied to the mixture of his will with the same things, as in a house, a canal, a statue, a picture. But his operations taken together are so insignificant, a little chipping, baking, patching, and washing, that in an impression so grand as that of the world on the human mind, they do not vary the result.</p> </div>   <div class="wp-block-column" style="flex-basis:33%"> <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>   <figure class="wp-block-image size-large"><img src="https://s.w.org/images/core/5.8/outside-01.jpg" alt="The sun setting through a dense forest."/></figure> </div>   <div class="wp-block-column" style="flex-basis:33.62%"> <figure class="wp-block-image size-large is-style-default"><img src="https://s.w.org/images/core/5.8/outside-02.jpg" alt="Wind turbines standing on a grassy plain, against a blue sky."/></figure> </div> </div>   <div class="wp-block-columns alignwide"> <div class="wp-block-column" style="flex-basis:67%"> <figure class="wp-block-image alignright size-large"><img src="https://s.w.org/images/core/5.8/outside-03.jpg" alt="The sun shining over a ridge leading down into the shore. In the distance, a car drives down a road."/></figure> </div>   <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:33%"> <p class="has-extra-small-font-size">Undoubtedly we have no questions to ask which are unanswerable. We must trust the perfection of the creation so far, as to believe that whatever curiosity the order of things has awakened in our minds, the order of things can satisfy. Every man\'s condition is a solution in hieroglyphic to those inquiries he would put.</p> </div> </div> </div> ', ) ); register_block_pattern( 'big-patterns/forest-cover', array( 'title' => __( 'Large Cover Block (prieview in new tab)', 'big-patterns' ), 'categories' => array( 'big_bob-cover-patterns' ), 'content' => ' <div class="wp-block-cover alignfull bb-forest-cover" style="min-height:800px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-60 has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="https://s.w.org/images/core/5.8/forest.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"> <h2 class="alignwide has-text-align-left has-text-color" style="color:#ffe074;font-size:64px">Forest.</h2>   <div class="wp-block-columns alignwide"> <div class="wp-block-column" style="flex-basis:55%"> <div style="height:330px" aria-hidden="true" class="wp-block-spacer"></div>   <p class="has-text-color" style="color:#ffe074;font-size:12px;line-height:1.3"><em>Even a child knows how valuable the forest is. The fresh, breathtaking smell of trees. Echoing birds flying above that dense magnitude. A stable climate, a sustainable diverse life and a source of culture. Yet, forests and other ecosystems hang in the balance, threatened to become croplands, pasture, and plantations.</em></p> </div>   <div class="wp-block-column"></div> </div> </div></div> ', ) ); register_block_pattern( 'big-patterns/fuji-cover', array( 'title' => __( 'Cover Block with Images (prieview in new tab)', 'big-patterns' ), 'categories' => array( 'big_bob-cover-patterns' ), 'content' => ' <div class="wp-block-cover alignfull bb-cover-with-images" style="padding-top:5vw;padding-right:5vw;padding-bottom:5vw;padding-left:5vw"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-60 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-665" alt="" src="https://s.w.org/patterns/files/2021/06/Mount-Fuji-From-Hakone-Hiroaki-Takahashi-scaled.jpg" style="object-position:76% 48%" data-object-fit="cover" data-object-position="76% 48%"/><div class="wp-block-cover__inner-container"> <div class="wp-block-columns alignfull are-vertically-aligned-top"> <div class="wp-block-column is-vertically-aligned-top" style="padding-top:0vw;padding-right:4vw;padding-bottom:0vw;padding-left:0vw;flex-basis:72%"> <figure class="wp-block-image size-large" style="border-radius:4px"><img src="https://s.w.org/patterns/files/2021/06/Mount-Fuji-From-Mizukubo-Hiroaki-Takahashi-1024x652.jpg" alt="" class="wp-image-666"/></figure>   <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>   <div class="wp-block-group has-text-color has-link-color" style="color:#ffffff"> <blockquote class="wp-block-quote is-style-default"><p><em>Aspire to be like Mt. Fuji, with such a broad and solid foundation that the strongest earthquake cannot move you, and so tall that the greatest enterprises of common men seem insignificant from your lofty perspective.</em></p><cite><strong>— Miyamoto Musashi</strong></cite></blockquote> </div> </div>   <div class="wp-block-column is-vertically-aligned-top" style="flex-basis:33.33%"> <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>   <figure class="wp-block-image size-large" style="border-radius:4px"><img src="https://s.w.org/patterns/files/2021/06/Foot-of-Mount-Ashitaka-Hiroaki-Takahashi-691x1024.jpg" alt="" class="wp-image-664"/></figure> </div> </div> </div></div> ', ) ); register_block_pattern( 'big-patterns/slant-call-to-action', array( 'title' => __( 'Slanted Call to Action with Mixed Colors (prieview in new tab)', 'big-patterns' ), 'categories' => array( 'big_bob-mixed-color-patterns' ), 'content' => ' <div class="wp-block-group alignfull bb-slanted-button has-white-color has-text-color has-background" style="background:linear-gradient(150deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 25%,rgb(34,34,34) 25%,rgb(17,17,17) 75%,rgba(255,255,255,0) 75%,rgba(248,213,165,0) 100%);padding-top:13em;padding-bottom:13em"> <h2 class="has-text-align-center" id="art-beaute" style="line-height:1.2">Customizer Defined Colors</h2>   <p class="has-text-align-center">The interior colors will the same as your body colors. The corner colors will be the same as your navbar colors.</p>   <div class="wp-block-buttons"> <div class="wp-block-button is-style-outline"><a class="wp-block-button__link" href="#0">Download</a></div> </div> </div> ', ) ); register_block_pattern( 'big-patterns/three-column-footer', array( 'title' => __( 'Three Column Footer (prieview in new tab)', 'big-patterns' ), 'categories' => array( 'big_bob-footer-patterns' ), 'content' => ' <div class="wp-block-group bb-three-col-foot"> <div class="wp-block-columns"> <div class="wp-block-column"> <h4 style="font-size:30px;font-style:normal;font-weight:700;text-transform:capitalize">About</h4>   <p class="bb-about-footer" style="font-size:16px">This is the about section. Describe what your site is about. You can control the social link colors with the block editor.</p>   <ul class="wp-block-social-links is-style-logos-only">   </ul> </div>   <div class="wp-block-column"> <h4 style="font-size:30px;font-style:normal;font-weight:700;text-transform:capitalize">Links</h4>   <div class="wp-block-group bb-group-footer-links"> <p style="font-size:16px"><a href="#" target="_blank" rel="noreferrer noopener">First Link</a><br><a href="#" target="_blank" rel="noreferrer noopener">Second Link</a><br><a href="#" target="_blank" rel="noreferrer noopener">Third Link</a><br><a href="#" target="_blank" rel="noreferrer noopener">Fourth Link</a></p> </div> </div>   <div class="wp-block-column"> <h4 style="font-size:30px;font-style:normal;font-weight:700;text-transform:capitalize">News</h4>   </div> </div> </div> ', ) ); register_block_pattern( 'big-patterns/high-low-images-text', array( 'title' => __( 'A High Image Offset Against a Low Imgage (prieview in new tab)', 'big-patterns' ), 'categories' => array( 'big_bob-images-text-patterns' ), 'content' => ' <div class="wp-block-columns bb-high-low-image-text"> <div class="wp-block-column"> <figure class="wp-block-image size-large"><img src="https://s.w.org/patterns/files/2021/06/Iris-793x1024.jpg" alt="" class="wp-image-525"/></figure>   <p style="font-size:14px"><strong>White Irises</strong><br>Ogawa Kazumasa</p> </div>   <div class="wp-block-column"> <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>   <p style="font-size:14px"><strong>Cherry Blossom</strong><br>Ogawa Kazumasa</p>   <figure class="wp-block-image size-large"><img src="https://s.w.org/patterns/files/2021/06/Cherry-Blossom-707x1024.jpg" alt="" class="wp-image-524"/></figure> </div> </div> ', ) ); register_block_pattern( 'big-patterns/image-angled-overlay-text', array( 'title' => __( 'An Image with Angled Overlay and Text (prieview in new tab)', 'big-patterns' ), 'categories' => array( 'big_bob-nav-color-patterns' ), 'content' => ' <div class="wp-block-cover alignwide has-custom-content-position is-position-top-left bb-angled-overlay" style="padding-top:2em;padding-right:2em;padding-bottom:2em;padding-left:2em;min-height:700px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim wp-block-cover__gradient-background has-background-gradient" style="background:linear-gradient(135deg,rgb(54,6,6) 0%,rgb(54,6,6) 50%,rgba(155,82,224,0) 50%,rgba(155,82,224,0) 100%)"></span><img class="wp-block-cover__image-background wp-image-764" alt="A container with an image background with an angled red overlay atop it. A heading and paragraph are aligned to the top left of the container." src="https://s.w.org/patterns/files/2021/08/bird-pattern-scaled-1.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"> <h2 class="has-white-color has-text-color has-link-color has-huge-font-size" id="art-nouveau-patterns" style="line-height:1"><strong>Art Nouveau:<br>Patterns</strong></h2>   <p class="has-white-color has-text-color has-link-color has-normal-font-size">The overlay background colors and <br>text colors will be set to your<br>navbar colors.</p> </div></div> ', ) ); register_block_pattern( 'big-patterns/images-nav-colored-strip', array( 'title' => __( 'Two Images with a Nav Colored Strip (prieview in new tab)', 'big-patterns' ), 'categories' => array( 'big_bob-mixed-color-patterns' ), 'content' => ' <div class="wp-block-group alignfull bb-two-image-nav-strip has-background" style="background:linear-gradient(180deg,rgba(255,251,15,0) 0%,rgba(255,251,15,0) 25%,rgb(255,253,16) 25%,rgb(255,253,16) 75%,rgba(255,251,15,0) 75%,rgba(255,251,15,0) 100%)"> <div class="wp-block-columns"> <div class="wp-block-column" style="flex-basis:50%"> <figure class="wp-block-image size-large"><img src="https://s.w.org/patterns/files/2021/06/tarot-swords-seven-595x1024.gif" alt="" class="wp-image-686"/></figure> </div>   <div class="wp-block-column" style="flex-basis:50%"> <div style="height:31px" aria-hidden="true" class="wp-block-spacer"></div>   <figure class="wp-block-image size-large"><img src="https://s.w.org/patterns/files/2021/06/tarot-the-moon-595x1024.gif" alt="" class="wp-image-687"/></figure> </div> </div> </div> ', ) ); register_block_pattern( 'big-patterns/restaurant-menu', array( 'title' => __( 'Restaurant Menu (prieview in new tab)', 'big-patterns' ), 'categories' => array( 'big_bob-text-patterns' ), 'content' => ' <div class="wp-block-group"> <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>   <h2 class="has-text-align-center" id="a-la-carte" style="font-size:48px"><strong>À La Carte</strong></h2>   <p class="has-text-align-center has-normal-font-size">Our menu offers a selection of artisan goods.</p>   <div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>   <hr class="wp-block-separator has-css-opacity is-style-default"/>   <div class="wp-block-columns"> <div class="wp-block-column"> <h3 class="has-medium-font-size" id="tiger-grilled-shrimp-54"><strong>Tiger Grilled Shrimp — $54</strong></h3>   <p class="has-normal-font-size" style="line-height:1.6">Grilled tiger shrimp served with garlic butter, basmati rice and vegetables.</p>   <h3 class="has-medium-font-size" id="grilled-wagyu-steak-99"><strong>Grilled Wagyu Steak — $99</strong></h3>   <p class="has-normal-font-size" style="line-height:1.6">A tasty wagyu steak with sweat potato chips and mint sauce.</p>   <h3 id="green-burger-99"><strong>Green Burger — $99</strong></h3>   <p class="has-normal-font-size" style="line-height:1.6">Green bread with fried chicken, filled with cheese, guacamole and coleslaw. Topped with onion.</p> </div>   <div class="wp-block-column"> <h3 class="has-medium-font-size" id="salmon-fillet-32"><strong>Salmon Fillet — $32</strong></h3>   <p class="has-normal-font-size" style="line-height:1.6">Fresh coast salmon served with chickpeas in tomato, peppers and sour cream.</p>   <h3 class="has-medium-font-size" id="fresh-tagliolini-35"><strong>Fresh Tagliolini — $35</strong></h3>   <p class="has-normal-font-size" style="line-height:1.6">This pasta is one of our most famous dishes, served with king crab and chilli pepper.</p>   <h3 id="hot-bold-salad-35"><strong>Hot & Bold Salad — $35</strong></h3>   <p class="has-normal-font-size" style="line-height:1.6">Hot chèvre salad with endives, mustard sauce, walnuts, Port wine and pear.</p> </div> </div>   <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div> </div> ', ) ); register_block_pattern( 'big-patterns/simple-call-to-action', array( 'title' => __( 'Simple Call to Action Using Body Colors (prieview in new tab)', 'big-patterns' ), 'categories' => array( 'big_bob-body-color-patterns' ), 'content' => ' <div class="wp-block-group alignfull bb-simple-call-to-action"> <div style="height:64px" aria-hidden="true" class="wp-block-spacer"></div>   <p class="has-text-align-center has-small-font-size" style="line-height:.9"><strong>GET IN TOUCH</strong></p>   <h2 class="has-text-align-center" id="schedule-a-visit" style="font-size:59px;line-height:1.15"><strong>Schedule a Visit</strong></h2>   <div class="wp-block-buttons"> <div class="wp-block-button aligncenter is-style-outline"><a class="wp-block-button__link">Contact Us</a></div> </div>   <div style="height:64px" aria-hidden="true" class="wp-block-spacer"></div> </div> ', ) ); register_block_pattern( 'big-patterns/featured-image-with-paragraph', array( 'title' => __( 'Featured Image with Paragraph (prieview in new tab)', 'big-patterns' ), 'categories' => array( 'big_bob-post-patterns' ), 'content' => '  <p>This is a block pattern with a featured image. If you open up a preview tab, then you will see how the image is set to the top and the background of the screen based on the screen size. If you click on the image, and then click on the settings gear, then click the block tab in the upper right corner, then you will see that there are three style options. The "Default" and "Fit Top" options both set the image as large as the screen allows without setting the image outside of the viewport. "Full Top" will make the image as large as is necessary to fill the entire viewport. Note that if you set a featured image to the homepage, then it will be set it into the body, not into the top of the page. If you want to set media to the top of the homepage, then you should use the home header media section in the customizer. You can also use the customizer\'s color section to reduce the opacity of the navbar so that it is easier to see the image. Note that the featured image has been designed so that it is mobile friendly.</p> ', ) ); } add_action( 'init', 'big_bob_register_my

get( 'Version' ) ); } if ( ! function_exists( 'big_bob_setup' ) ) : /** * Sets up theme defaults and registers support for various WordPress features. * * Note that this function is hooked into the after_setup_theme hook, which * runs before the init hook. The init hook is too late for some features, such * as indicating support for post thumbnails. */ function big_bob_setup() { // Add default posts and comments RSS feed links to head. add_theme_support( 'automatic-feed-links' ); /* * Let WordPress manage the document title. * By adding theme support, we declare that this theme does not use a * hard-coded tag in the document head, and expect WordPress to * provide it for us. */ add_theme_support( 'title-tag' ); /* * Enable support for Post Thumbnails on posts and pages. * * @link https://developer.wordpress.org/themes/functionality/featured-images-post-thumbnails/ */ add_theme_support( 'post-thumbnails' ); // This theme uses wp_nav_menu() in one location. register_nav_menus( array( 'menu-1' => esc_html__( 'Navbar', 'big-patterns' ), 'menu-2' => esc_html__( 'Post Sidebar', 'big-patterns' ), 'menu-3' => esc_html__( 'Footer', 'big-patterns' ), 'menu-4' => esc_html__( 'Page Sidebar', 'big-patterns' ), ) ); /* * Switch default core markup for search form, comment form, and comments * to output valid HTML5. */ add_theme_support( 'html5', array( 'search-form', 'comment-form', 'comment-list', 'gallery', 'caption', 'style', 'script', ) ); /** * Add support for core custom logo. * * @link https://codex.wordpress.org/Theme_Logo */ add_theme_support( 'custom-logo', array( 'height' => 88, 'width' => 191, 'flex-width' => true, 'flex-height' => false, ) ); add_theme_support('header_text'); add_theme_support('align-wide'); } endif; add_action( 'after_setup_theme', 'big_bob_setup' ); /** * Set the content width in pixels, based on the theme's design and stylesheet. * * Priority 0 to make it available to lower priority callbacks. * * @global int $content_width */ function big_bob_content_width() { // This variable is intended to be overruled from themes. // Open WPCS issue: {@link https://github.com/WordPress-Coding-Standards/WordPress-Coding-Standards/issues/1043}. // phpcs:ignore WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedVariableFound $GLOBALS['content_width'] = apply_filters( 'big_bob_content_width', 640 ); } add_action( 'after_setup_theme', 'big_bob_content_width', 0 ); /** * Register widget area. * * @link https://developer.wordpress.org/themes/functionality/sidebars/#registering-a-sidebar */ function big_bob_widgets_init() { register_sidebar( array( 'name' => esc_html__( 'Post (Blog) Sidebar 1', 'big-patterns' ), 'id' => 'sidebar-1', 'description' => esc_html__( 'A sidebar will only be displayed when widgets or a menu are used. You can find additional sidebar options in the <i>Navigation</i> section and the <i>Body and Sidebar Style</i> section.', 'big-patterns' ), 'before_widget' => '<section id="%1$s" class="widget %2$s">', 'after_widget' => '</section>', 'before_title' => '<h2 class="widget-title">', 'after_title' => '</h2>', ) ); register_sidebar( array( 'name' => esc_html__( 'Post (Blog) Sidebar 2', 'big-patterns' ), 'id' => 'sidebar-2', 'description' => esc_html__( 'This will only be displayed if the first sidebar is displayed. This will be set below the first sidebar, and it will stick to the page, and it will stick to the page if the sticky sidebar setting has been turned on. The first sidebar will not stick to the page if the second sidebar is used.', 'big-patterns' ), 'before_widget' => '<section id="%1$s" class="widget %2$s">', 'after_widget' => '</section>', 'before_title' => '<h2 class="widget-title">', 'after_title' => '</h2>', ) ); register_sidebar( array( 'name' => esc_html__( 'Page Sidebar 1', 'big-patterns' ), 'id' => 'sidebar-3', 'description' => esc_html__( 'This can be added to a page in the page template section of the page editor.', 'big-patterns' ), 'before_widget' => '<section id="%1$s" class="widget %2$s">', 'after_widget' => '</section>', 'before_title' => '<h2 class="widget-title">', 'after_title' => '</h2>', ) ); register_sidebar( array( 'name' => esc_html__( 'Page Sidebar 2', 'big-patterns' ), 'id' => 'sidebar-4', 'description' => esc_html__( 'This can be added to a page in the page template section of the page editor.', 'big-patterns' ), 'before_widget' => '<section id="%1$s" class="widget %2$s">', 'after_widget' => '</section>', 'before_title' => '<h2 class="widget-title">', 'after_title' => '</h2>', ) ); register_sidebar( array( 'name' => esc_html__( 'Footer', 'big-patterns' ), 'id' => 'footer-1', 'description' => esc_html__( 'These will be entered into footer at the bottom of the page.', 'big-patterns' ), 'before_widget' => '<section id="%1$s" class="widget %2$s">', 'after_widget' => '</section>', 'before_title' => '<h2 class="widget-title">', 'after_title' => '</h2>', ) ); } add_action( 'widgets_init', 'big_bob_widgets_init' ); /** * Apply theme's stylesheet to the visual editor. * * @uses add_editor_style() Links a stylesheet to visual editor * @uses get_stylesheet_uri() Returns URI of theme stylesheet */ add_editor_style( get_stylesheet_uri() ); /** * Enqueue scripts and styles. */ function big_bob_scripts() { wp_enqueue_style( 'big-patterns-style', get_stylesheet_uri(), array(), BIG_PATTERNS_VERSION ); wp_style_add_data( 'big-patterns-style', 'rtl', 'replace' ); $big_bob_prev_font_1 = ""; $big_bob_prev_font_2 = ""; $big_bob_prev_font_3 = ""; if (get_theme_mod('big_bob_fonts_title', 'IBM Plex Mono') != "") { $big_bob_font = get_theme_mod('big_bob_fonts_title', 'IBM Plex Mono'); $big_bob_font = trim($big_bob_font); $big_bob_font = str_replace(' ', '+', $big_bob_font); $big_bob_url = 'https://fonts.googleapis.com/css?family='; $big_bob_url .= $big_bob_font; wp_enqueue_style('big-patterns-google-fonts', esc_url($big_bob_url), false); $big_bob_prev_font_1 = $big_bob_url; } if (get_theme_mod('big_bob_fonts_main_title', 'Syncopate') != "") { $big_bob_font = get_theme_mod('big_bob_fonts_main_title', 'Syncopate'); $big_bob_font = trim($big_bob_font); $big_bob_font = str_replace(' ', '+', $big_bob_font); $big_bob_url = 'https://fonts.googleapis.com/css?family='; $big_bob_url .= $big_bob_font; if ($big_bob_url != $big_bob_prev_font_1) { wp_enqueue_style('big-patterns-google-fonts-2', esc_url($big_bob_url), false); } $big_bob_prev_font_2 = $big_bob_url; } if (get_theme_mod('big_bob_fonts_paragraph', "IBM Plex Mono") != "") { $big_bob_font = get_theme_mod('big_bob_fonts_paragraph', "IBM Plex Mono"); $big_bob_font = trim($big_bob_font); $big_bob_font = str_replace(' ', '+', $big_bob_font); $big_bob_url = 'https://fonts.googleapis.com/css?family='; $big_bob_url .= $big_bob_font; if (($big_bob_url != $big_bob_prev_font_1) && ($big_bob_url != $big_bob_prev_font_2)) { wp_enqueue_style('big-patterns-google-fonts-3', esc_url($big_bob_url), false); } $big_bob_prev_font_3 = $big_bob_url; } if (get_theme_mod('big_bob_fonts_misc', 'Syncopate') != "") { $big_bob_font = get_theme_mod('big_bob_fonts_misc', 'Syncopate'); $big_bob_font = trim($big_bob_font); $big_bob_font = str_replace(' ', '+', $big_bob_font); $big_bob_url = 'https://fonts.googleapis.com/css?family='; $big_bob_url .= $big_bob_font; if (($big_bob_url != $big_bob_prev_font_1) && ($big_bob_url != $big_bob_prev_font_2) && ($big_bob_url != $big_bob_prev_font_3)) { wp_enqueue_style('big-patterns-google-fonts-4', esc_url($big_bob_url), false); } } wp_enqueue_style('big-patterns-font-awesome', get_template_directory_uri() . '/vendor/fontawesome-free/css/all.min.css'); wp_enqueue_script( 'big-patterns-scripts-js', get_template_directory_uri() . '/js/big-patterns-scripts.js?v=0.3', array('jquery'), '20160909', true ); wp_enqueue_script( 'big-patterns-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), BIG_PATTERNS_VERSION, true ); if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) { wp_enqueue_script( 'comment-reply' ); } } add_action( 'wp_enqueue_scripts', 'big_bob_scripts' ); /*block extensions*/ function big_bob_guten_enqueue() { wp_enqueue_script( 'big-patterns-guten-script', get_template_directory_uri() . '/js/big-patterns-guten.js?v=0.1', array( 'wp-blocks' ) ); } add_action( 'enqueue_block_editor_assets', 'big_bob_guten_enqueue' );//has to be added to block editor assets /*block variations*/ function prefix_editor_assets() { wp_enqueue_script( 'prefix-block-variations', get_template_directory_uri() . '/js/block-variation.js', array( 'wp-blocks' ) ); } add_action( 'enqueue_block_editor_assets', 'prefix_editor_assets' ); /** * Implement the Custom Header feature. */ require get_template_directory() . '/inc/custom-header.php'; /** * Custom template tags for this theme. */ require get_template_directory() . '/inc/template-tags.php'; /** * Functions which enhance the theme by hooking into WordPress. */ require get_template_directory() . '/inc/template-functions.php'; /** * Customizer additions. */ require get_template_directory() . '/inc/customizer.php'; /** * Load Jetpack compatibility file. */ if ( defined( 'JETPACK__VERSION' ) ) { require get_template_directory() . '/inc/jetpack.php'; } function big_bob_register_my_pattern_categories() { register_block_pattern_category( 'big_bob-cover-patterns', array( 'label' => __( 'Cover', 'big-patterns' ) ) ); register_block_pattern_category( 'big_bob-nav-color-patterns', array( 'label' => __( 'Navbar Colors', 'big-patterns' ) ) ); register_block_pattern_category( 'big_bob-body-color-patterns', array( 'label' => __( 'Body Colors', 'big-patterns' ) ) ); register_block_pattern_category( 'big_bob-mixed-color-patterns', array( 'label' => __( 'Mixed Colors', 'big-patterns' ) ) ); register_block_pattern_category( 'big_bob-footer-patterns', array( 'label' => __( 'Footer', 'big-patterns' ) ) ); register_block_pattern_category( 'big_bob-images-text-patterns', array( 'label' => __( 'Images and Text', 'big-patterns' ) ) ); register_block_pattern_category( 'big_bob-text-patterns', array( 'label' => __( 'Text', 'big-patterns' ) ) ); register_block_pattern_category( 'big_bob-post-patterns', array( 'label' => __( 'Blog', 'big-patterns' ) ) ); } add_action( 'init', 'big_bob_register_my_pattern_categories' ); //Remove all remote block patterns. All patterns will be handled in this theme's functions file. //These are the remote categories being removed: //featured,buttons,columns,gallery,header,text,query,big_bob-nav-color-patterns,big_bob-body-color-patterns add_filter( 'should_load_remote_block_patterns', false ); /*These are the core patterns being removed: core/query-standard-posts, core/query-medium-posts, core/query-small-posts,core/query-grid-posts, core/query-large-title-posts, core/query-offset-posts, core/social-links-shared-background-color,*/ remove_theme_support('core-block-patterns'); function big_bob_register_my_patterns() { register_block_pattern( 'big-patterns/four-images-with-text-nav-colors', array( 'title' => __( 'Four Images with Text set to Navbar Colors (prieview in new tab)', 'big-patterns' ), 'categories' => array( 'big_bob-nav-color-patterns' ), 'content' => ' <div class="wp-block-group bb-four-images-text bb-nav-colors"> <div class="wp-block-group"> <div class="wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile"><figure class="wp-block-media-text__media"></figure><div class="wp-block-media-text__content"> <h2>Section Title</h2>   <p>Describe what the content and images are about here.</p> </div></div>   <div class="wp-block-columns"> <div class="wp-block-column"> <h2></h2>   <figure class="wp-block-image aligncenter"><img alt=""/></figure>   <p></p> </div>   <div class="wp-block-column"> <h2></h2>   <figure class="wp-block-image aligncenter"><img alt=""/></figure>   <p></p> </div>   <div class="wp-block-column"> <h2></h2>   <figure class="wp-block-image aligncenter"><img alt=""/></figure>   <p></p> </div> </div> </div> </div> ', ) ); register_block_pattern( 'big-patterns/four-images-with-text-body-colors', array( 'title' => __( 'Four Images with Text set to Body Colors (prieview in new tab)', 'big-patterns' ), 'categories' => array( 'big_bob-body-color-patterns' ), 'content' => ' <div class="wp-block-group bb-four-images-text"> <div class="wp-block-group"> <div class="wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile"><figure class="wp-block-media-text__media"></figure><div class="wp-block-media-text__content"> <h2>Section Title</h2>   <p>Describe what the content and images are about here.</p> </div></div>   <div class="wp-block-columns"> <div class="wp-block-column"> <h2></h2>   <figure class="wp-block-image aligncenter"><img alt=""/></figure>   <p></p> </div>   <div class="wp-block-column"> <h2></h2>   <figure class="wp-block-image aligncenter"><img alt=""/></figure>   <p></p> </div>   <div class="wp-block-column"> <h2></h2>   <figure class="wp-block-image aligncenter"><img alt=""/></figure>   <p></p> </div> </div> </div> </div> ', ) ); register_block_pattern( 'big-patterns/image-collage-with-text-body-colors', array( 'title' => __( 'Image Collage with Text set to Body Colors (prieview in new tab)', 'big-patterns' ), 'categories' => array( 'big_bob-body-color-patterns' ), 'content' => ' <div class="wp-block-group alignfull bb-positive-growth"> <div class="wp-block-columns alignwide"> <div class="wp-block-column"> <h6 id="ecosystem">ECOSYSTEM</h6>   <p style="font-size:5vw;line-height:1.1"><strong>Positive growth.</strong></p>   <div style="height:5px" aria-hidden="true" class="wp-block-spacer"></div> </div> </div>   <div class="wp-block-columns alignwide"> <div class="wp-block-column" style="flex-basis:33.38%"> <p class="has-extra-small-font-size"><em>Nature</em>, in the common sense, refers to essences unchanged by man; space, the air, the river, the leaf. <em>Art</em> is applied to the mixture of his will with the same things, as in a house, a canal, a statue, a picture. But his operations taken together are so insignificant, a little chipping, baking, patching, and washing, that in an impression so grand as that of the world on the human mind, they do not vary the result.</p> </div>   <div class="wp-block-column" style="flex-basis:33%"> <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>   <figure class="wp-block-image size-large"><img src="https://s.w.org/images/core/5.8/outside-01.jpg" alt="The sun setting through a dense forest."/></figure> </div>   <div class="wp-block-column" style="flex-basis:33.62%"> <figure class="wp-block-image size-large is-style-default"><img src="https://s.w.org/images/core/5.8/outside-02.jpg" alt="Wind turbines standing on a grassy plain, against a blue sky."/></figure> </div> </div>   <div class="wp-block-columns alignwide"> <div class="wp-block-column" style="flex-basis:67%"> <figure class="wp-block-image alignright size-large"><img src="https://s.w.org/images/core/5.8/outside-03.jpg" alt="The sun shining over a ridge leading down into the shore. In the distance, a car drives down a road."/></figure> </div>   <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:33%"> <p class="has-extra-small-font-size">Undoubtedly we have no questions to ask which are unanswerable. We must trust the perfection of the creation so far, as to believe that whatever curiosity the order of things has awakened in our minds, the order of things can satisfy. Every man\'s condition is a solution in hieroglyphic to those inquiries he would put.</p> </div> </div> </div> ', ) ); register_block_pattern( 'big-patterns/image-collage-with-text-nav-colors', array( 'title' => __( 'Image Collage with Text set to Nav Colors (prieview in new tab)', 'big-patterns' ), 'categories' => array( 'big_bob-nav-color-patterns' ), 'content' => ' <div class="wp-block-group alignfull bb-positive-growth bb-nav-colors"> <div class="wp-block-columns alignwide"> <div class="wp-block-column"> <h6 id="ecosystem">ECOSYSTEM</h6>   <p style="font-size:5vw;line-height:1.1"><strong>Positive growth.</strong></p>   <div style="height:5px" aria-hidden="true" class="wp-block-spacer"></div> </div> </div>   <div class="wp-block-columns alignwide"> <div class="wp-block-column" style="flex-basis:33.38%"> <p class="has-extra-small-font-size"><em>Nature</em>, in the common sense, refers to essences unchanged by man; space, the air, the river, the leaf. <em>Art</em> is applied to the mixture of his will with the same things, as in a house, a canal, a statue, a picture. But his operations taken together are so insignificant, a little chipping, baking, patching, and washing, that in an impression so grand as that of the world on the human mind, they do not vary the result.</p> </div>   <div class="wp-block-column" style="flex-basis:33%"> <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>   <figure class="wp-block-image size-large"><img src="https://s.w.org/images/core/5.8/outside-01.jpg" alt="The sun setting through a dense forest."/></figure> </div>   <div class="wp-block-column" style="flex-basis:33.62%"> <figure class="wp-block-image size-large is-style-default"><img src="https://s.w.org/images/core/5.8/outside-02.jpg" alt="Wind turbines standing on a grassy plain, against a blue sky."/></figure> </div> </div>   <div class="wp-block-columns alignwide"> <div class="wp-block-column" style="flex-basis:67%"> <figure class="wp-block-image alignright size-large"><img src="https://s.w.org/images/core/5.8/outside-03.jpg" alt="The sun shining over a ridge leading down into the shore. In the distance, a car drives down a road."/></figure> </div>   <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:33%"> <p class="has-extra-small-font-size">Undoubtedly we have no questions to ask which are unanswerable. We must trust the perfection of the creation so far, as to believe that whatever curiosity the order of things has awakened in our minds, the order of things can satisfy. Every man\'s condition is a solution in hieroglyphic to those inquiries he would put.</p> </div> </div> </div> ', ) ); register_block_pattern( 'big-patterns/forest-cover', array( 'title' => __( 'Large Cover Block (prieview in new tab)', 'big-patterns' ), 'categories' => array( 'big_bob-cover-patterns' ), 'content' => ' <div class="wp-block-cover alignfull bb-forest-cover" style="min-height:800px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-60 has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="https://s.w.org/images/core/5.8/forest.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"> <h2 class="alignwide has-text-align-left has-text-color" style="color:#ffe074;font-size:64px">Forest.</h2>   <div class="wp-block-columns alignwide"> <div class="wp-block-column" style="flex-basis:55%"> <div style="height:330px" aria-hidden="true" class="wp-block-spacer"></div>   <p class="has-text-color" style="color:#ffe074;font-size:12px;line-height:1.3"><em>Even a child knows how valuable the forest is. The fresh, breathtaking smell of trees. Echoing birds flying above that dense magnitude. A stable climate, a sustainable diverse life and a source of culture. Yet, forests and other ecosystems hang in the balance, threatened to become croplands, pasture, and plantations.</em></p> </div>   <div class="wp-block-column"></div> </div> </div></div> ', ) ); register_block_pattern( 'big-patterns/fuji-cover', array( 'title' => __( 'Cover Block with Images (prieview in new tab)', 'big-patterns' ), 'categories' => array( 'big_bob-cover-patterns' ), 'content' => ' <div class="wp-block-cover alignfull bb-cover-with-images" style="padding-top:5vw;padding-right:5vw;padding-bottom:5vw;padding-left:5vw"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-60 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-665" alt="" src="https://s.w.org/patterns/files/2021/06/Mount-Fuji-From-Hakone-Hiroaki-Takahashi-scaled.jpg" style="object-position:76% 48%" data-object-fit="cover" data-object-position="76% 48%"/><div class="wp-block-cover__inner-container"> <div class="wp-block-columns alignfull are-vertically-aligned-top"> <div class="wp-block-column is-vertically-aligned-top" style="padding-top:0vw;padding-right:4vw;padding-bottom:0vw;padding-left:0vw;flex-basis:72%"> <figure class="wp-block-image size-large" style="border-radius:4px"><img src="https://s.w.org/patterns/files/2021/06/Mount-Fuji-From-Mizukubo-Hiroaki-Takahashi-1024x652.jpg" alt="" class="wp-image-666"/></figure>   <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>   <div class="wp-block-group has-text-color has-link-color" style="color:#ffffff"> <blockquote class="wp-block-quote is-style-default"><p><em>Aspire to be like Mt. Fuji, with such a broad and solid foundation that the strongest earthquake cannot move you, and so tall that the greatest enterprises of common men seem insignificant from your lofty perspective.</em></p><cite><strong>— Miyamoto Musashi</strong></cite></blockquote> </div> </div>   <div class="wp-block-column is-vertically-aligned-top" style="flex-basis:33.33%"> <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>   <figure class="wp-block-image size-large" style="border-radius:4px"><img src="https://s.w.org/patterns/files/2021/06/Foot-of-Mount-Ashitaka-Hiroaki-Takahashi-691x1024.jpg" alt="" class="wp-image-664"/></figure> </div> </div> </div></div> ', ) ); register_block_pattern( 'big-patterns/slant-call-to-action', array( 'title' => __( 'Slanted Call to Action with Mixed Colors (prieview in new tab)', 'big-patterns' ), 'categories' => array( 'big_bob-mixed-color-patterns' ), 'content' => ' <div class="wp-block-group alignfull bb-slanted-button has-white-color has-text-color has-background" style="background:linear-gradient(150deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 25%,rgb(34,34,34) 25%,rgb(17,17,17) 75%,rgba(255,255,255,0) 75%,rgba(248,213,165,0) 100%);padding-top:13em;padding-bottom:13em"> <h2 class="has-text-align-center" id="art-beaute" style="line-height:1.2">Customizer Defined Colors</h2>   <p class="has-text-align-center">The interior colors will the same as your body colors. The corner colors will be the same as your navbar colors.</p>   <div class="wp-block-buttons"> <div class="wp-block-button is-style-outline"><a class="wp-block-button__link" href="#0">Download</a></div> </div> </div> ', ) ); register_block_pattern( 'big-patterns/three-column-footer', array( 'title' => __( 'Three Column Footer (prieview in new tab)', 'big-patterns' ), 'categories' => array( 'big_bob-footer-patterns' ), 'content' => ' <div class="wp-block-group bb-three-col-foot"> <div class="wp-block-columns"> <div class="wp-block-column"> <h4 style="font-size:30px;font-style:normal;font-weight:700;text-transform:capitalize">About</h4>   <p class="bb-about-footer" style="font-size:16px">This is the about section. Describe what your site is about. You can control the social link colors with the block editor.</p>   <ul class="wp-block-social-links is-style-logos-only">   </ul> </div>   <div class="wp-block-column"> <h4 style="font-size:30px;font-style:normal;font-weight:700;text-transform:capitalize">Links</h4>   <div class="wp-block-group bb-group-footer-links"> <p style="font-size:16px"><a href="#" target="_blank" rel="noreferrer noopener">First Link</a><br><a href="#" target="_blank" rel="noreferrer noopener">Second Link</a><br><a href="#" target="_blank" rel="noreferrer noopener">Third Link</a><br><a href="#" target="_blank" rel="noreferrer noopener">Fourth Link</a></p> </div> </div>   <div class="wp-block-column"> <h4 style="font-size:30px;font-style:normal;font-weight:700;text-transform:capitalize">News</h4>   </div> </div> </div> ', ) ); register_block_pattern( 'big-patterns/high-low-images-text', array( 'title' => __( 'A High Image Offset Against a Low Imgage (prieview in new tab)', 'big-patterns' ), 'categories' => array( 'big_bob-images-text-patterns' ), 'content' => ' <div class="wp-block-columns bb-high-low-image-text"> <div class="wp-block-column"> <figure class="wp-block-image size-large"><img src="https://s.w.org/patterns/files/2021/06/Iris-793x1024.jpg" alt="" class="wp-image-525"/></figure>   <p style="font-size:14px"><strong>White Irises</strong><br>Ogawa Kazumasa</p> </div>   <div class="wp-block-column"> <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>   <p style="font-size:14px"><strong>Cherry Blossom</strong><br>Ogawa Kazumasa</p>   <figure class="wp-block-image size-large"><img src="https://s.w.org/patterns/files/2021/06/Cherry-Blossom-707x1024.jpg" alt="" class="wp-image-524"/></figure> </div> </div> ', ) ); register_block_pattern( 'big-patterns/image-angled-overlay-text', array( 'title' => __( 'An Image with Angled Overlay and Text (prieview in new tab)', 'big-patterns' ), 'categories' => array( 'big_bob-nav-color-patterns' ), 'content' => ' <div class="wp-block-cover alignwide has-custom-content-position is-position-top-left bb-angled-overlay" style="padding-top:2em;padding-right:2em;padding-bottom:2em;padding-left:2em;min-height:700px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim wp-block-cover__gradient-background has-background-gradient" style="background:linear-gradient(135deg,rgb(54,6,6) 0%,rgb(54,6,6) 50%,rgba(155,82,224,0) 50%,rgba(155,82,224,0) 100%)"></span><img class="wp-block-cover__image-background wp-image-764" alt="A container with an image background with an angled red overlay atop it. A heading and paragraph are aligned to the top left of the container." src="https://s.w.org/patterns/files/2021/08/bird-pattern-scaled-1.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"> <h2 class="has-white-color has-text-color has-link-color has-huge-font-size" id="art-nouveau-patterns" style="line-height:1"><strong>Art Nouveau:<br>Patterns</strong></h2>   <p class="has-white-color has-text-color has-link-color has-normal-font-size">The overlay background colors and <br>text colors will be set to your<br>navbar colors.</p> </div></div> ', ) ); register_block_pattern( 'big-patterns/images-nav-colored-strip', array( 'title' => __( 'Two Images with a Nav Colored Strip (prieview in new tab)', 'big-patterns' ), 'categories' => array( 'big_bob-mixed-color-patterns' ), 'content' => ' <div class="wp-block-group alignfull bb-two-image-nav-strip has-background" style="background:linear-gradient(180deg,rgba(255,251,15,0) 0%,rgba(255,251,15,0) 25%,rgb(255,253,16) 25%,rgb(255,253,16) 75%,rgba(255,251,15,0) 75%,rgba(255,251,15,0) 100%)"> <div class="wp-block-columns"> <div class="wp-block-column" style="flex-basis:50%"> <figure class="wp-block-image size-large"><img src="https://s.w.org/patterns/files/2021/06/tarot-swords-seven-595x1024.gif" alt="" class="wp-image-686"/></figure> </div>   <div class="wp-block-column" style="flex-basis:50%"> <div style="height:31px" aria-hidden="true" class="wp-block-spacer"></div>   <figure class="wp-block-image size-large"><img src="https://s.w.org/patterns/files/2021/06/tarot-the-moon-595x1024.gif" alt="" class="wp-image-687"/></figure> </div> </div> </div> ', ) ); register_block_pattern( 'big-patterns/restaurant-menu', array( 'title' => __( 'Restaurant Menu (prieview in new tab)', 'big-patterns' ), 'categories' => array( 'big_bob-text-patterns' ), 'content' => ' <div class="wp-block-group"> <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>   <h2 class="has-text-align-center" id="a-la-carte" style="font-size:48px"><strong>À La Carte</strong></h2>   <p class="has-text-align-center has-normal-font-size">Our menu offers a selection of artisan goods.</p>   <div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>   <hr class="wp-block-separator has-css-opacity is-style-default"/>   <div class="wp-block-columns"> <div class="wp-block-column"> <h3 class="has-medium-font-size" id="tiger-grilled-shrimp-54"><strong>Tiger Grilled Shrimp — $54</strong></h3>   <p class="has-normal-font-size" style="line-height:1.6">Grilled tiger shrimp served with garlic butter, basmati rice and vegetables.</p>   <h3 class="has-medium-font-size" id="grilled-wagyu-steak-99"><strong>Grilled Wagyu Steak — $99</strong></h3>   <p class="has-normal-font-size" style="line-height:1.6">A tasty wagyu steak with sweat potato chips and mint sauce.</p>   <h3 id="green-burger-99"><strong>Green Burger — $99</strong></h3>   <p class="has-normal-font-size" style="line-height:1.6">Green bread with fried chicken, filled with cheese, guacamole and coleslaw. Topped with onion.</p> </div>   <div class="wp-block-column"> <h3 class="has-medium-font-size" id="salmon-fillet-32"><strong>Salmon Fillet — $32</strong></h3>   <p class="has-normal-font-size" style="line-height:1.6">Fresh coast salmon served with chickpeas in tomato, peppers and sour cream.</p>   <h3 class="has-medium-font-size" id="fresh-tagliolini-35"><strong>Fresh Tagliolini — $35</strong></h3>   <p class="has-normal-font-size" style="line-height:1.6">This pasta is one of our most famous dishes, served with king crab and chilli pepper.</p>   <h3 id="hot-bold-salad-35"><strong>Hot & Bold Salad — $35</strong></h3>   <p class="has-normal-font-size" style="line-height:1.6">Hot chèvre salad with endives, mustard sauce, walnuts, Port wine and pear.</p> </div> </div>   <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div> </div> ', ) ); register_block_pattern( 'big-patterns/simple-call-to-action', array( 'title' => __( 'Simple Call to Action Using Body Colors (prieview in new tab)', 'big-patterns' ), 'categories' => array( 'big_bob-body-color-patterns' ), 'content' => ' <div class="wp-block-group alignfull bb-simple-call-to-action"> <div style="height:64px" aria-hidden="true" class="wp-block-spacer"></div>   <p class="has-text-align-center has-small-font-size" style="line-height:.9"><strong>GET IN TOUCH</strong></p>   <h2 class="has-text-align-center" id="schedule-a-visit" style="font-size:59px;line-height:1.15"><strong>Schedule a Visit</strong></h2>   <div class="wp-block-buttons"> <div class="wp-block-button aligncenter is-style-outline"><a class="wp-block-button__link">Contact Us</a></div> </div>   <div style="height:64px" aria-hidden="true" class="wp-block-spacer"></div> </div> ', ) ); register_block_pattern( 'big-patterns/featured-image-with-paragraph', array( 'title' => __( 'Featured Image with Paragraph (prieview in new tab)', 'big-patterns' ), 'categories' => array( 'big_bob-post-patterns' ), 'content' => '  <p>This is a block pattern with a featured image. If you open up a preview tab, then you will see how the image is set to the top and the background of the screen based on the screen size. If you click on the image, and then click on the settings gear, then click the block tab in the upper right corner, then you will see that there are three style options. The "Default" and "Fit Top" options both set the image as large as the screen allows without setting the image outside of the viewport. "Full Top" will make the image as large as is necessary to fill the entire viewport. Note that if you set a featured image to the homepage, then it will be set it into the body, not into the top of the page. If you want to set media to the top of the homepage, then you should use the home header media section in the customizer. You can also use the customizer\'s color section to reduce the opacity of the navbar so that it is easier to see the image. Note that the featured image has been designed so that it is mobile friendly.</p> ', ) ); } add_action( 'init', 'big_bob_register_my_patterns' );