Add Blue Note (#19)

* Add Blue Note

* Update blue-note/style.css

* Update the width of the content and the home template

* Remove duplicate color

* Add custom block styles for images

* duotone names

* Add block style to the queries

* Update theme.json

* Add duotone colors to the custom query style

* Remove color from custom query style

blue-note/functions.php

@@ -0,0 +1,44 @@
+<?php
+/**
+ * Register block styles.
+ */
+function blue_note_register_block_styles() {
+	$blocks = array( 'image', 'post-featured-image' );
+
+	foreach( $blocks as $block ) {
+		register_block_style(
+			'core/' . $block,
+			array(
+				'name'         => 'blue-note-slant-right',
+				'label'        => __( 'Slant right', 'blue-note' ),
+				'inline_style' => '.is-style-blue-note-slant-right{ transform: rotate(1deg); }',
+			)
+		);
+		register_block_style(
+			'core/' . $block,
+			array(
+				'name'         => 'blue-note-slant-left',
+				'label'        => __( 'Slant left', 'blue-note' ),
+				'inline_style' => '.is-style-blue-note-slant-left{ transform: rotate(-1deg); }',
+			)
+		);
+	}
+
+	register_block_style(
+		'core/query',
+		array(
+			'name'  => 'blue-note-query-slant',
+			'label' => __( 'Slanted images', 'blue-note' ),
+			'inline_style' => '
+				.is-style-blue-note-query-slant ul li:nth-child(odd) .wp-block-post-featured-image img {
+					transform: rotate(1deg);
+				}
+				.is-style-blue-note-query-slant ul li:nth-child(even) .wp-block-post-featured-image img {
+					transform: rotate(-1deg);
+				}
+			',
+		)
+	);
+}
+add_action( 'init', 'blue_note_register_block_styles' );
+

blue-note/parts/footer-large.html

@@ -0,0 +1 @@
+<!-- wp:pattern {"slug":"blue-note/footer-large"} /-->

blue-note/parts/footer.html

@@ -0,0 +1 @@
+<!-- wp:pattern {"slug":"blue-note/footer-default"} /-->

blue-note/parts/header-large.html

@@ -0,0 +1,17 @@
+<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","right":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|60"}},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"backgroundColor":"contrast","textColor":"base","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
+<div class="wp-block-group alignfull has-base-color has-contrast-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
+	<!-- wp:site-title /-->
+	<!-- wp:navigation /-->
+</div>
+<!-- /wp:group -->
+<!-- wp:group {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"spacing":{"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"contrast","textColor":"base","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
+<div class="wp-block-group has-base-color has-contrast-background-color has-text-color has-background has-link-color" style="margin-top:0;margin-bottom:0">
+	<!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
+	<div class="wp-block-group" style="margin-top:0;margin-bottom:0">
+		<!-- wp:post-date /-->
+		<!-- wp:post-title /-->
+	</div>
+	<!-- /wp:group -->
+	<!-- wp:post-featured-image /-->
+</div>
+<!-- /wp:group -->

blue-note/parts/header.html

@@ -0,0 +1,6 @@
+<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","right":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|60"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
+<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
+	<!-- wp:site-title /-->
+	<!-- wp:navigation /-->
+</div>
+ <!-- /wp:group -->

blue-note/patterns/categories.php

@@ -0,0 +1,7 @@
+<?php
+/**
+ * Title: Categories
+ * Slug: blue-note/categories
+ * Categories: uncategorized
+ */
+?>

blue-note/patterns/footer-default.php

@@ -0,0 +1,28 @@
+<?php
+/**
+ * Title: Default Footer
+ * Slug: blue-note/footer-default
+ * Categories: footer
+ * Block Types: core/template-part/footer
+ */
+?>
+<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","right":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|60"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between","verticalAlignment":"top"}} -->
+<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
+
+	<!-- wp:group {"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"layout":{"type":"constrained"}} -->
+	<div class="wp-block-group" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
+		<!-- wp:site-title /-->
+		<!-- wp:paragraph -->
+		<p><?php esc_html_e( 'Built with WordPress', 'blue-note' ); ?></p>
+		<!-- /wp:paragraph -->
+	</div>
+	<!-- /wp:group -->
+
+	<!-- wp:social-links {"iconColor":"contrast","iconColorValue":"#000000","iconBackgroundColor":"base","iconBackgroundColorValue":"#F5F3EA","showLabels":true,"className":"is-style-default"} -->
+	<ul class="wp-block-social-links has-visible-labels has-icon-color has-icon-background-color is-style-default">
+		<!-- wp:social-link {"url":"#","service":"instagram"} /-->
+		<!-- wp:social-link {"url":"#","service":"twitter"} /-->
+	</ul>
+	<!-- /wp:social-links -->
+</div>
+<!-- /wp:group -->

blue-note/patterns/footer-large.php

@@ -0,0 +1,39 @@
+<?php
+/**
+ * Title: Large footer
+ * Slug: blue-note/footer-large
+ * Categories: footer
+ * Block Types: core/template-part/footer
+ */
+?>
+<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","right":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|60"}},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"backgroundColor":"contrast","textColor":"base","layout":{"type":"constrained","justifyContent":"left"}} -->
+<div class="wp-block-group alignfull has-base-color has-contrast-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
+	<!-- wp:heading {"fontSize":"large"} -->
+	<h2 class="wp-block-heading has-large-font-size"><?php esc_html_e( 'Jazzy Notes is a volunteer group of passionate jazz listeners and musicians dedicated to learning and teaching improvised music.', 'blue-note' ); ?></h2>
+	<!-- /wp:heading -->
+
+	<!-- wp:spacer -->
+	<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
+	<!-- /wp:spacer -->
+
+	<!-- wp:group {"align":"full","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between","verticalAlignment":"top"}} -->
+	<div class="wp-block-group alignfull">
+		<!-- wp:group {"layout":{"type":"constrained"}} -->
+		<div class="wp-block-group">
+			<!-- wp:site-title /-->
+			<!-- wp:paragraph -->
+			<p><?php esc_html_e( 'Built with WordPress', 'blue-note' ); ?></p>
+			<!-- /wp:paragraph -->
+		</div>
+		<!-- /wp:group -->
+		<!-- wp:social-links {"iconColor":"base","iconColorValue":"#F5F3EA","iconBackgroundColor":"contrast","iconBackgroundColorValue":"#000000","showLabels":true,"className":"is-style-default"} -->
+		<ul class="wp-block-social-links has-visible-labels has-icon-color has-icon-background-color is-style-default">
+			<!-- wp:social-link {"url":"#","service":"instagram"} /-->
+
+		<!-- wp:social-link {"url":"#","service":"twitter"} /-->
+		</ul>
+		<!-- /wp:social-links -->
+	</div>
+	<!-- /wp:group -->
+</div>
+<!-- /wp:group -->

blue-note/patterns/hidden-404.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Title: Hidden 404
+ * Slug: blue-note/hidden-404
+ * Categories: uncategorized
+ */
+?>
+<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading"><?php esc_html_e( 'This page could not be found','blue-note' ); ?></h1>
+<!-- /wp:heading -->
+<!-- wp:group {"align":"full","layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignfull">
+	<!-- wp:paragraph -->
+	<p><?php esc_html_e( 'The page you were looking for could not be found. It might have been removed, renamed, or did not exist in the first place.','blue-note' ); ?></p>
+	<!-- /wp:paragraph -->
+
+	<!-- wp:search {"label":"Search","buttonText":"Search"} /-->
+</div>
+<!-- /wp:group -->

blue-note/readme.txt

@@ -0,0 +1,31 @@
+=== Blue Note ===
+Contributors: the WordPress team
+Requires at least: 6.1
+Tested up to: 6.2
+Requires PHP: 8.0
+License: GPLv2 or later
+License URI: http://www.gnu.org/licenses/gpl-2.0.html
+
+== Description ==
+
+
+
+== Changelog ==
+
+= 0.0.1 =
+* Initial release
+
+== Copyright ==
+
+Blue Note WordPress Theme, (C) 2023 the WordPress team
+Blue Note is distributed under the terms of the GNU GPL.
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 2 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.

blue-note/style.css

@@ -0,0 +1,15 @@
+/*
+Theme Name: Blue Note
+Theme URI: https://github.com/WordPress/community-themes/
+Author: the WordPress team
+Author URI: https://wordpress.org
+Description: 
+Requires at least: 6.1
+Tested up to: 6.2
+Requires PHP: 8.0
+Version: 0.0.1
+License: GNU General Public License v2 or later
+License URI: http://www.gnu.org/licenses/gpl-2.0.html
+Text Domain: blue-note
+Tags: blog, block-patterns, full-site-editing
+*/

blue-note/templates/404.html

@@ -0,0 +1,11 @@
+<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
+
+<!-- wp:group {"tagName":"main","layout":{"type":"constrained","justifyContent":"left"}} -->
+<main class="wp-block-group">
+
+<!-- wp:pattern {"slug":"blue-note/hidden-404"} /-->
+
+</main>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

blue-note/templates/archive.html

@@ -0,0 +1,41 @@
+<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
+
+<!-- wp:group {"tagName":"main","layout":{"type":"constrained","justifyContent":"left"}} -->
+<main class="wp-block-group">
+
+<!-- wp:query-title {"type": "archive"} /-->
+
+	<!-- wp:query {"queryId":0,"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"className":"is-style-blue-note-query-slant"} -->
+	<div class="wp-block-query is-style-blue-note-query-slant">	
+		<!-- wp:post-template -->
+		<!-- wp:post-featured-image /-->
+
+		<!-- wp:post-title {"isLink":true} /-->
+
+		<!-- wp:post-date /-->
+		<!-- /wp:post-template -->
+
+		<!-- wp:spacer -->
+		<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
+		<!-- /wp:spacer -->
+
+		<!-- wp:query-pagination -->
+		<!-- wp:query-pagination-previous /-->
+
+		<!-- wp:query-pagination-numbers /-->
+
+		<!-- wp:query-pagination-next /-->
+		<!-- /wp:query-pagination -->
+
+		<!-- wp:query-no-results -->
+		<!-- wp:paragraph {"placeholder":"Add text or blocks that will display when a query returns no results."} -->
+		<p></p>
+		<!-- /wp:paragraph -->
+		<!-- /wp:query-no-results -->
+	</div>
+	<!-- /wp:query -->
+
+</main>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

blue-note/templates/home.html

@@ -0,0 +1,35 @@
+<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
+
+<!-- wp:group {"tagName":"main","layout":{"type":"constrained","justifyContent":"center"}} -->
+<main class="wp-block-group">
+
+	<!-- wp:heading {"align":"wide"} -->
+	<h2 class="wp-block-heading alignwide">Latest Posts</h2>
+	<!-- /wp:heading -->
+
+	<!-- wp:query {"queryId":0,"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"displayLayout":{"type":"flex","columns":3},"align":"wide","className":"is-style-blue-note-query-slant","layout":{"type":"default"}} -->
+	<div class="wp-block-query alignwide is-style-blue-note-query-slant">
+		<!-- wp:post-template -->
+			<!-- wp:post-featured-image /-->
+
+			<!-- wp:post-title {"isLink":true} /-->
+
+			<!-- wp:post-date /-->
+		<!-- /wp:post-template -->
+
+		<!-- wp:query-no-results -->
+		<!-- wp:paragraph {"placeholder":"Add text or blocks that will display when a query returns no results."} -->
+		<p></p>
+		<!-- /wp:paragraph -->
+		<!-- /wp:query-no-results -->
+	</div>
+	<!-- /wp:query -->
+
+	<!-- wp:spacer -->
+	<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
+	<!-- /wp:spacer -->
+
+</main>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer-large","tagName":"footer"} /-->

blue-note/templates/index.html

@@ -0,0 +1,40 @@
+<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
+
+<!-- wp:group {"tagName":"main","layout":{"type":"constrained","justifyContent":"left"}} -->
+<main class="wp-block-group">
+
+<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Latest Posts</h1>
+<!-- /wp:heading -->
+
+	<!-- wp:query {"queryId":0,"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true}} -->
+	<div class="wp-block-query"><!-- wp:post-template -->
+		<!-- wp:post-featured-image /-->
+
+		<!-- wp:post-title {"isLink":true} /-->
+
+		<!-- wp:post-date /-->
+		<!-- /wp:post-template -->
+
+		<!-- wp:spacer -->
+		<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
+		<!-- /wp:spacer -->
+
+		<!-- wp:query-pagination -->
+		<!-- wp:query-pagination-previous /-->
+
+		<!-- wp:query-pagination-numbers /-->
+
+		<!-- wp:query-pagination-next /-->
+		<!-- /wp:query-pagination -->
+
+		<!-- wp:query-no-results -->
+		<!-- wp:paragraph {"placeholder":"Add text or blocks that will display when a query returns no results."} -->
+		<p></p>
+		<!-- /wp:paragraph -->
+		<!-- /wp:query-no-results --></div>
+		<!-- /wp:query -->
+</main>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

blue-note/templates/page.html

@@ -0,0 +1,12 @@
+<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
+
+<!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} -->
+<main class="wp-block-group">
+
+	<!-- wp:post-title /-->
+	<!-- wp:post-content /-->
+
+</main>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->