Impressionist: Addressing feedback

impressionist/parts/comments.html

@@ -0,0 +1,47 @@
+<!-- wp:group {"style":{"spacing":{"padding":{"right":"4vw","left":"4vw"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="padding-right:4vw;padding-left:4vw"><!-- wp:spacer {"height":"4rem"} -->
+<div style="height:4rem" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:comments {"className":"wp-block-comments-query-loop"} -->
+<div class="wp-block-comments wp-block-comments-query-loop"><!-- wp:comments-title {"level":3} /-->
+
+<!-- wp:comment-template -->
+<!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|50"}}}} -->
+<div class="wp-block-group" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--50)"><!-- wp:group {"style":{"spacing":{"blockGap":"0.5em"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+<div class="wp-block-group"><!-- wp:avatar {"size":40} /-->
+
+<!-- wp:group -->
+<div class="wp-block-group"><!-- wp:comment-author-name /-->
+
+<!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"0.5em"}},"layout":{"type":"flex"}} -->
+<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px"><!-- wp:comment-date {"format":"F j, Y \\a\\t g:i a","isLink":false} /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
+
+<!-- wp:comment-content /-->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+<div class="wp-block-group"><!-- wp:comment-edit-link /-->
+
+<!-- wp:comment-reply-link /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
+<!-- /wp:comment-template -->
+
+<!-- wp:comments-pagination {"layout":{"type":"flex","justifyContent":"space-between"}} -->
+<!-- wp:comments-pagination-previous /-->
+
+<!-- wp:comments-pagination-numbers /-->
+
+<!-- wp:comments-pagination-next /-->
+<!-- /wp:comments-pagination -->
+
+<!-- wp:post-comments-form /-->
+
+<!-- wp:spacer -->
+<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer --></div>
+<!-- /wp:comments --></div>
+<!-- /wp:group -->

impressionist/parts/footer.html

@@ -1,11 +1 @@
-<!-- wp:group {"style":{"spacing":{"padding":{"right":"4vw","left":"4vw","top":"4vh","bottom":"4vh"}},"border":{"top":{"style":"none","width":"0px"},"right":[],"bottom":[],"left":[]}},"layout":{"type":"constrained"}} -->
-<div class="wp-block-group" style="border-top-style:none;border-top-width:0px;padding-top:4vh;padding-right:4vw;padding-bottom:4vh;padding-left:4vw"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var(--wp--preset--spacing--60)","bottom":"var(--wp--preset--spacing--60)"}}},"layout":{"type":"default"}} -->
-<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)"><!-- wp:site-title {"textAlign":"center"} /-->
-
-<!-- wp:site-tagline {"textAlign":"center"} /-->
-
-<!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase","fontSize":"0.7rem","letterSpacing":"1.4px"}}} -->
-<p class="has-text-align-center" style="font-size:0.7rem;letter-spacing:1.4px;text-transform:uppercase">© Impressionist · Designed with WordPress</p>
-<!-- /wp:paragraph --></div>
-<!-- /wp:group --></div>
-<!-- /wp:group -->
+<!-- wp:pattern {"slug":"impressionist/footer"} /-->

impressionist/parts/header.html

@@ -4,14 +4,14 @@
 <div class="wp-block-group"><!-- wp:site-logo {"width":64} /-->
 
 <!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} -->
-<div class="wp-block-group"><!-- wp:site-title /--></div>
+<div class="wp-block-group"><!-- wp:site-title {"level":0} /--></div>
 <!-- /wp:group --></div>
 <!-- /wp:group -->
 
 <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
-<div class="wp-block-group"><!-- wp:navigation {"ref":4,"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"left","orientation":"horizontal"},"style":{"spacing":{"blockGap":"var:preset|spacing|50"}}} /-->
+<div class="wp-block-group"><!-- wp:navigation {"style":{"spacing":{"blockGap":"var:preset|spacing|50"}},"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"left","orientation":"horizontal"}} /-->
 
-<!-- wp:social-links {"iconColor":"contrast","iconColorValue":"#242121","size":"has-small-icon-size","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|30"}}},"className":"is-style-logos-only"} -->
+<!-- wp:social-links {"iconColor":"contrast","iconColorValue":"#242121","size":"has-small-icon-size","className":"is-style-logos-only","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|30"}}}} -->
 <ul class="wp-block-social-links has-small-icon-size has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"facebook"} /-->
 
 <!-- wp:social-link {"url":"#","service":"x"} /-->

impressionist/parts/post-meta.html

@@ -1,11 +1 @@
-<!-- wp:group {"layout":{"type":"constrained","justifyContent":"center"}} -->
-<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","justifyContent":"center"}} -->
-<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"0.3rem"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
-<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase","letterSpacing":"1.4px"}},"fontSize":"x-small"} -->
-<p class="has-x-small-font-size" style="letter-spacing:1.4px;text-transform:uppercase">By</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:post-author {"showAvatar":false,"showBio":false,"fontSize":"x-small"} /--></div>
-<!-- /wp:group --></div>
-<!-- /wp:group --></div>
-<!-- /wp:group -->
+<!-- wp:pattern {"slug":"impressionist/post-meta"} /-->

impressionist/patterns/404.php

@@ -1,16 +1,27 @@
 <?php
 /**
- * Title: A 404 page
+ * Title: 404
  * Slug: impressionist/404
+ * Categories: hidden
  * Inserter: no
  */
 
+declare( strict_types = 1 );
 ?>
+<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
 
-<!-- wp:heading {"textAlign":"center","level":1,"fontSize":"x-large"} -->
-<h1 class="has-text-align-center has-x-large-font-size" id="oops-that-page-can-t-be-found"><?php echo esc_html__( 'Oops! That page can&rsquo;t be found.', 'impressionist' ); ?></h1>
+<!-- wp:group {"tagName":"main","style":{"spacing":{"blockGap":"var:preset|spacing|50","margin":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|60"},"padding":{"right":"4vw","left":"4vw","bottom":"8vh"}}},"layout":{"type":"constrained"}} -->
+<main class="wp-block-group" style="margin-top:var(--wp--preset--spacing--80);margin-bottom:var(--wp--preset--spacing--60);padding-right:4vw;padding-bottom:8vh;padding-left:4vw"><!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
+<div class="wp-block-group alignwide"><!-- wp:heading {"textAlign":"left","level":1,"style":{"typography":{"textTransform":"lowercase","fontStyle":"normal","fontWeight":"400"}},"fontSize":"large","fontFamily":"beth-ellen"} -->
+<h1 class="wp-block-heading has-text-align-left has-beth-ellen-font-family has-large-font-size" id="oops-that-page-can-t-be-found" style="font-style:normal;font-weight:400;text-transform:lowercase"><?php esc_html_e('Oops! That page can’t be found.', 'impressionist');?></h1>
 <!-- /wp:heading -->
 
 <!-- wp:paragraph -->
-<p><?php echo  esc_html__( 'It looks like nothing was found at this location. Maybe try a search?', 'impressionist' ); ?></p>
+<p><?php esc_html_e('It looks like nothing was found at this location. Maybe try a search?', 'impressionist');?></p>
 <!-- /wp:paragraph -->
+
+<!-- wp:search {"label":"","showLabel":false,"placeholder":"<?php echo esc_html_x( 'Search...', 'This is a placeholder text in a search field', 'impressionist' ); ?>","buttonText":"","buttonUseIcon":true,"style":{"border":{"radius":"0px"}}} /--></div>
+<!-- /wp:group --></main>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

impressionist/patterns/biography.php

@@ -13,18 +13,18 @@
 <!-- /wp:image -->
 
 <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.2"}},"fontSize":"large"} -->
-<p class="has-large-font-size" style="line-height:1.2"><strong>Oscar-Claude Monet</strong> was a French painter and founder of impressionist painting who is seen as a key precursor to modernism, especially in his attempts to paint nature as he perceived it. During his long career, he was the most consistent and prolific practitioner of impressionism's philosophy of expressing one's perceptions before nature, especially as applied to plein air (outdoor) landscape painting. The term "Impressionism" is derived from the title of his painting Impression, soleil levant, exhibited in the 1874 ("exhibition of rejects") initiated by Monet and his associates as an alternative to the Salon.</p>
+<p class="has-large-font-size" style="line-height:1.2"><?php echo wp_kses_post( __( '<strong>Oscar-Claude Monet</strong> was a French painter and founder of impressionist painting who is seen as a key precursor to modernism, especially in his attempts to paint nature as he perceived it. During his long career, he was the most consistent and prolific practitioner of impressionism’s philosophy of expressing one’s perceptions before nature, especially as applied to plein air (outdoor) landscape painting. The term "Impressionism" is derived from the title of his painting Impression, soleil levant, exhibited in the 1874 ("exhibition of rejects") initiated by Monet and his associates as an alternative to the Salon.', 'impressionist' ) );?></p>
 <!-- /wp:paragraph -->
 
 <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.2"}},"fontSize":"large"} -->
-<p class="has-large-font-size" style="line-height:1.2">Monet was raised in Le Havre, Normandy, and became interested in the outdoors and drawing from an early age. Although his mother, Louise-Justine Aubrée Monet, supported his ambitions to be a painter, his father, Claude-Adolphe, disapproved and wanted him to pursue a career in business. He was very close to his mother, but she died in January 1857 when he was sixteen years old, and he was sent to live with his childless, widowed but wealthy aunt, Marie-Jeanne Lecadre. He went on to study at the Académie Suisse, and under the academic history painter Charles Gleyre, where he was a classmate of Auguste Renoir. His early works include landscapes, seascapes, and portraits, but attracted little attention. A key early influence was Eugène Boudin who introduced him to the concept of plein air painting. From 1883, Monet lived in Giverny, also in northern France, where he purchased a house and property and began a vast landscaping project, including a water-lily pond.</p>
+<p class="has-large-font-size" style="line-height:1.2"><?php esc_html_e( 'Monet was raised in Le Havre, Normandy, and became interested in the outdoors and drawing from an early age. Although his mother, Louise-Justine Aubrée Monet, supported his ambitions to be a painter, his father, Claude-Adolphe, disapproved and wanted him to pursue a career in business. He was very close to his mother, but she died in January 1857 when he was sixteen years old, and he was sent to live with his childless, widowed but wealthy aunt, Marie-Jeanne Lecadre. He went on to study at the Académie Suisse, and under the academic history painter Charles Gleyre, where he was a classmate of Auguste Renoir. His early works include landscapes, seascapes, and portraits, but attracted little attention. A key early influence was Eugène Boudin who introduced him to the concept of plein air painting. From 1883, Monet lived in Giverny, also in northern France, where he purchased a house and property and began a vast landscaping project, including a water-lily pond.', 'impressionist' );?></p>
 <!-- /wp:paragraph -->
 
 <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.2"}},"fontSize":"large"} -->
-<p class="has-large-font-size" style="line-height:1.2">His ambition to document the French countryside led to a method of painting the same scene many times so as to capture the changing of light and passing of the seasons. Among the best known examples are his series of haystacks (1890–91), paintings of the Rouen Cathedral (1894) and the paintings of water lilies in his garden in Giverny that occupied him continuously for the last 20 years of his life.</p>
+<p class="has-large-font-size" style="line-height:1.2"><?php esc_html_e( 'His ambition to document the French countryside led to a method of painting the same scene many times so as to capture the changing of light and passing of the seasons. Among the best known examples are his series of haystacks (1890–91), paintings of the Rouen Cathedral (1894) and the paintings of water lilies in his garden in Giverny that occupied him continuously for the last 20 years of his life.', 'impressionist' );?></p>
 <!-- /wp:paragraph -->
 
 <!-- wp:paragraph -->
 <p></p>
 <!-- /wp:paragraph --></div>
-<!-- /wp:group -->
+<!-- /wp:group -->

impressionist/patterns/footer.php

@@ -1,33 +1,19 @@
 <?php
 /**
- * Title: Default footer
+ * Title: footer
  * Slug: impressionist/footer
- * Categories: footer
- * Block Types: core/template-part/footer
+ * Categories: hidden
+ * Inserter: no
  */
 ?>
+<!-- wp:group {"style":{"spacing":{"padding":{"right":"4vw","left":"4vw","top":"4vh","bottom":"4vh"}},"border":{"top":{"style":"none","width":"0px"},"right":[],"bottom":[],"left":[]}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="border-top-style:none;border-top-width:0px;padding-top:4vh;padding-right:4vw;padding-bottom:4vh;padding-left:4vw"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}},"layout":{"type":"default"}} -->
+<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)"><!-- wp:site-title {"textAlign":"center"} /-->
 
-<!-- wp:spacer {"height":"var(--wp--preset--spacing--80)"} -->
-<div style="height:var(--wp--preset--spacing--80)" aria-hidden="true" class="wp-block-spacer"></div>
-<!-- /wp:spacer -->
+<!-- wp:site-tagline {"textAlign":"center"} /-->
 
-<!-- wp:group {"layout":{"type":"constrained"}} -->
-<div class="wp-block-group">
-	<!-- wp:group {"style":{"spacing":{"padding":{"top":"var(--wp--preset--spacing--60)","bottom":"var(--wp--preset--spacing--60)"}}}} -->
-	<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)">
-		<!-- wp:paragraph {"align":"center"} -->
-		<p class="has-text-align-center">
-            <?php
-                /* Translators: WordPress link. */
-                $wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'impressionist' ) ) . '" rel="nofollow">WordPress</a>';
-                echo sprintf(
-                    esc_html__( 'Designed with %1$s', 'impressionist' ),
-                    $wordpress_link
-                );
-            ?>
-        </p>
-		<!-- /wp:paragraph -->
-	</div>
-	<!-- /wp:group -->
-</div>
-<!-- /wp:group -->
+<!-- wp:paragraph {"align":"center","lock":{"move":false,"remove":false},"style":{"typography":{"textTransform":"uppercase","fontSize":"0.7rem","letterSpacing":"0.128em"}}} -->
+<p class="has-text-align-center" style="font-size:0.7rem;letter-spacing:0.128em;text-transform:uppercase"><?php echo __('Designed with <a href="https://wordpress.org" rel="nofollow">WordPress</a>', 'impressionist');?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->

impressionist/patterns/front-page.php

@@ -0,0 +1,17 @@
+<?php
+/**
+ * Title: front-page
+ * Slug: impressionist/front-page
+ * Categories: hidden
+ * Inserter: no
+ */
+
+declare( strict_types = 1 );
+?>
+<!-- wp:cover {"url":"<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/impressionist-home-bg.jpg","hasParallax":true,"dimRatio":20,"overlayColor":"base","isUserOverlayColor":true,"minHeight":100,"minHeightUnit":"vh","isDark":false,"layout":{"type":"constrained"}} -->
+<div class="wp-block-cover is-light has-parallax" style="min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-base-background-color has-background-dim-20 has-background-dim"></span><div class="wp-block-cover__image-background  has-parallax" style="background-position:50% 50%;background-image:url(<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/impressionist-home-bg.jpg)"></div><div class="wp-block-cover__inner-container"><!-- wp:group {"tagName":"main","style":{"spacing":{"blockGap":"var:preset|spacing|60"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
+<main class="wp-block-group"><!-- wp:site-title {"textAlign":"center","fontSize":"x-large"} /-->
+
+<!-- wp:navigation {"hasIcon":false,"layout":{"type":"flex","justifyContent":"center"}} /--></div>
+<!-- /wp:group --></main></div>
+<!-- /wp:cover -->

impressionist/patterns/post-meta.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Title: post-meta
+ * Slug: impressionist/post-meta
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+<!-- wp:group {"layout":{"type":"constrained","justifyContent":"center"}} -->
+<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","justifyContent":"center"}} -->
+<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"0.3rem"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase","letterSpacing":"1.4px"}},"fontSize":"x-small"} -->
+<p class="has-x-small-font-size" style="letter-spacing:1.4px;text-transform:uppercase"><?php esc_html_e('By', 'impressionist');?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:post-author {"showAvatar":false,"showBio":false,"fontSize":"x-small"} /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->

impressionist/patterns/text-slashes.php

@@ -0,0 +1,14 @@
+<?php
+/**
+ * Title: Text separated by slashes
+ * Slug: impressionist/text-slashes
+ * Categories: text
+ * Inserter: yes
+ */
+?>
+
+<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"14vh","bottom":"14vh"}}},"layout":{"type":"default"}} -->
+<div class="wp-block-group alignfull" style="padding-top:14vh;padding-bottom:14vh"><!-- wp:paragraph {"align":"center","style":{"typography":{"lineHeight":"1.2","letterSpacing":"-0.01em"},"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}},"fontSize":"xx-large"} -->
+<p class="has-text-align-center has-link-color has-xx-large-font-size" style="letter-spacing:-0.01em;line-height:1.2"><a href="#"><?php esc_html_e( 'Claude Monet', 'impressionist' );?></a>⧸<em><a href="#"><?php esc_html_e( 'Édouard Manet', 'impressionist' );?></a></em>⧸<a href="#"><?php esc_html_e( 'Berthe Morisot', 'impressionist' );?></a>⧸<em><a href="#"><?php esc_html_e( 'Alfred Sisley', 'impressionist' );?></a></em>⧸<a href="#"><?php esc_html_e( 'Paul Cézanne', 'impressionist' );?></a>⧸<em><a href="#"><?php esc_html_e( 'Camille Pissarro', 'impressionist' );?></a></em>⧸<a href="#"><?php esc_html_e( 'Edgar Degas', 'impressionist' );?></a>⧸<em><a href="#"><?php esc_html_e( 'Olga Boznanska', 'impressionist' );?></a></em>⧸<a href="#"><?php esc_html_e( 'Pierre Auguste Renoir', 'impressionist' );?></a></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->