Add Miko (#8144)

* Add Miko

* Major overhaul.

---------

Co-authored-by: alaczek <[email protected]>

miko/functions.php

@@ -0,0 +1,61 @@
+<?php
+/**
+ * Miko functions and definitions
+ *
+ * @link https://developer.wordpress.org/themes/basics/theme-functions/
+ *
+ * @package Miko
+ * @since Miko 1.0
+ */
+
+declare( strict_types = 1 );
+
+if ( ! function_exists( 'miko_support' ) ) :
+
+	/**
+	 * Sets up theme defaults and registers support for various WordPress features.
+	 *
+	 * @since Miko 1.0
+	 *
+	 * @return void
+	 */
+	function miko_support() {
+
+		// Enqueue editor styles.
+		add_editor_style( 'style.css' );
+
+		// Make theme available for translation.
+		load_theme_textdomain( 'miko' );
+	}
+
+endif;
+
+add_action( 'after_setup_theme', 'miko_support' );
+
+if ( ! function_exists( 'miko_styles' ) ) :
+
+	/**
+	 * Enqueue styles.
+	 *
+	 * @since Miko 1.0
+	 *
+	 * @return void
+	 */
+	function miko_styles() {
+
+		// Register theme stylesheet.
+		wp_register_style(
+			'miko-style',
+			get_stylesheet_directory_uri() . '/style.css',
+			array(),
+			wp_get_theme()->get( 'Version' )
+		);
+
+		// Enqueue theme stylesheet.
+		wp_enqueue_style( 'miko-style' );
+
+	}
+
+endif;
+
+add_action( 'wp_enqueue_scripts', 'miko_styles' );

miko/parts/comments.html

@@ -0,0 +1 @@
+<!-- wp:pattern {"slug":"miko/hidden-comments"} /-->

miko/parts/footer.html

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

miko/parts/header.html

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

miko/patterns/footer.php

@@ -0,0 +1,27 @@
+<?php
+/**
+ * Title: Footer
+ * Slug: miko/footer
+ * Categories: footer
+ * Block Types: core/template-part/footer
+ * Viewport width: 1600
+ */
+
+declare( strict_types = 1 );
+?>
+
+<!-- wp:group {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}},"spacing":{"padding":{"bottom":"var:preset|spacing|70","top":"var:preset|spacing|70"}}},"textColor":"contrast","layout":{"type":"constrained"}} -->
+<div class="wp-block-group has-contrast-color has-text-color has-link-color" style="padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70)">
+	<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
+	<div class="wp-block-group">
+		<!-- wp:paragraph {"className":"no-underline","fontSize":"x-small"} -->
+		<p class="no-underline has-x-small-font-size"><?php echo __('<a href="#">Instagram</a> / <a href="#">TikTok</a> / <a href="#">X</a>', 'miko');?></p>
+		<!-- /wp:paragraph -->
+
+		<!-- wp:paragraph {"lock":{"move":false,"remove":true},"className":"no-underline","fontSize":"x-small"} -->
+		<p class="no-underline has-x-small-font-size"><?php echo __('Designed with <a href="https://wordpress.org" rel="nofollow">WordPress</a>', 'miko');?></p>
+		<!-- /wp:paragraph -->
+	</div>
+	<!-- /wp:group -->
+</div>
+<!-- /wp:group -->

miko/patterns/header.php

@@ -0,0 +1,21 @@
+<?php
+/**
+ * Title: Header
+ * Slug: miko/header
+ * Categories: header
+ * Block Types: core/template-part/header
+ * Viewport width: 1600
+ */
+
+declare( strict_types = 1 );
+?>
+
+<!-- wp:group {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"background":{"backgroundImage":{"url":"<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/header-background.jpg","source":"file","title":"header-background"},"backgroundPosition":"50% 100%"}},"backgroundColor":"contrast","textColor":"base","layout":{"type":"default"}} -->
+<div class="wp-block-group has-base-color has-contrast-background-color has-text-color has-background has-link-color"><!-- wp:group {"className":"has-base-color","style":{"spacing":{"padding":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70"}},"dimensions":{"minHeight":"100vh"},"elements":{"link":{"color":{"text":"var:preset|color|contrast"},":hover":{"color":{"text":"var:preset|color|base"}}}}},"textColor":"contrast","layout":{"type":"flex","orientation":"vertical","verticalAlignment":"bottom","justifyContent":"stretch"}} -->
+<div class="wp-block-group has-base-color has-contrast-color has-text-color has-link-color" style="min-height:100vh;padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70)"><!-- wp:group {"layout":{"type":"constrained"}} -->
+<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+<div class="wp-block-group"><!-- wp:site-title /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->

miko/patterns/hidden-404.php

@@ -0,0 +1,38 @@
+<?php
+/**
+ * Title: 404
+ * Slug: miko/hidden-404
+ * Categories: hidden
+ * Inserter: no
+ */
+
+declare( strict_types = 1 );
+?>
+
+<!-- wp:column -->
+<div class="wp-block-column">
+	<!-- wp:group {"style":{"dimensions":{"minHeight":"100vh"},"spacing":{"blockGap":"0","padding":{"top":"var:preset|spacing|70"}},"background":{"backgroundImage":{"url":"<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/groovepaper.png","source":"file","title":"groovepaper"},"backgroundSize":"300px"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","verticalAlignment":"space-between"}} -->
+	<div class="wp-block-group" style="min-height:100vh;padding-top:var(--wp--preset--spacing--70)">
+		<!-- wp:spacer {"height":"0px","style":{"layout":{"selfStretch":"fixed","flexSize":"24px"},"spacing":{"margin":{"bottom":"var:preset|spacing|70"}}}} -->
+		<div style="margin-bottom:var(--wp--preset--spacing--70);height:0px" aria-hidden="true" class="wp-block-spacer"></div>
+		<!-- /wp:spacer -->
+
+		<!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} -->
+		<main class="wp-block-group">
+			<!-- wp:heading {"level":1} -->
+			<h1 class="wp-block-heading"><?php echo __('Oops... That page can’t be found.', 'miko');?></h1>
+			<!-- /wp:heading -->
+
+			<!-- wp:paragraph -->
+			<p><?php echo __('It looks like nothing was found at this location. Maybe try a search?', 'miko');?></p>
+			<!-- /wp:paragraph -->
+
+			<!-- wp:search {"label":"","showLabel":false,"placeholder":"<?php echo esc_html_x( 'Search...', 'This is a placeholder text in a search field', 'miko' ); ?>","buttonText":"","buttonUseIcon":true} /-->
+		</main>
+		<!-- /wp:group -->
+
+		<!-- wp:pattern {"slug":"miko/footer"} /-->
+	</div>
+	<!-- /wp:group -->
+</div>
+<!-- /wp:column -->

miko/patterns/hidden-archive.php

@@ -0,0 +1,68 @@
+<?php
+/**
+ * Title: Archive
+ * Slug: miko/hidden-archive
+ * Categories: hidden
+ * Inserter: no
+ */
+
+declare( strict_types = 1 );
+?>
+
+<!-- wp:column -->
+<div class="wp-block-column">
+	<!-- wp:group {"style":{"spacing":{"blockGap":"0"},"dimensions":{"minHeight":"100vh"},"background":{"backgroundImage":{"url":"<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/groovepaper.png","source":"file","title":"groovepaper"},"backgroundSize":"300px"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","verticalAlignment":"space-between"}} -->
+	<div class="wp-block-group" style="min-height:100vh">
+		<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70"}}},"layout":{"type":"constrained"}} -->
+		<main class="wp-block-group" style="margin-top:var(--wp--preset--spacing--70);margin-bottom:var(--wp--preset--spacing--70)">
+			<!-- wp:query {"queryId":1,"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"taxQuery":null,"parents":[]},"layout":{"type":"default"}} -->
+			<div class="wp-block-query">
+				<!-- wp:group {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|70"}}},"layout":{"type":"constrained"}} -->
+				<div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--70)">
+					<!-- wp:query-title {"type":"archive","showPrefix":false} /-->
+
+					<!-- wp:group {"layout":{"type":"constrained","contentSize":"67%","justifyContent":"left"}} -->
+					<div class="wp-block-group">
+						<!-- wp:term-description {"style":{"spacing":{"margin":{"top":"var:preset|spacing|60"}}}} /-->
+					</div>
+					<!-- /wp:group -->
+				</div>
+				<!-- /wp:group -->
+
+				<!-- wp:post-template {"style":{"spacing":{"blockGap":"var:preset|spacing|80"}}} -->
+					<!-- wp:group {"layout":{"type":"constrained"}} -->
+					<div class="wp-block-group">
+						<!-- wp:post-featured-image {"isLink":true} /-->
+
+						<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+						<div class="wp-block-group">
+							<!-- wp:post-date /-->
+
+							<!-- wp:post-title {"isLink":true} /-->
+						</div>
+						<!-- /wp:group -->
+
+						<!-- wp:post-excerpt {"moreText":"Read more \u0026rarr;"} /-->
+					</div>
+					<!-- /wp:group -->
+				<!-- /wp:post-template -->
+
+				<!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|70"}}},"layout":{"type":"default"}} -->
+				<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--70)">
+					<!-- wp:query-pagination {"layout":{"type":"flex","justifyContent":"left","orientation":"vertical"}} -->
+						<!-- wp:query-pagination-previous /-->
+
+						<!-- wp:query-pagination-next /-->
+					<!-- /wp:query-pagination -->
+				</div>
+				<!-- /wp:group -->
+			</div>
+			<!-- /wp:query -->
+		</main>
+		<!-- /wp:group -->
+
+		<!-- wp:pattern {"slug":"miko/footer"} /-->
+	</div>
+	<!-- /wp:group -->
+</div>
+<!-- /wp:column -->

miko/patterns/hidden-comments.php

@@ -0,0 +1,58 @@
+<?php
+/**
+ * Title: Comments
+ * Slug: miko/hidden-comments
+ * Categories: hidden
+ * Inserter: no
+ */
+
+declare( strict_types = 1 );
+?>
+
+<!-- wp:group {"layout":{"type":"constrained","justifyContent":"center"}} -->
+<div class="wp-block-group">
+	<!-- wp:comments {"style":{"spacing":{"margin":{"top":"var:preset|spacing|70"}}},"className":"wp-block-comments-query-loop"} -->
+	<div class="wp-block-comments wp-block-comments-query-loop" style="margin-top:var(--wp--preset--spacing--70)">
+		<!-- wp:comments-title {"level":3} /-->
+
+		<!-- wp:comment-template -->
+			<!-- wp:group {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|40"}}} -->
+			<div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--50)">
+				<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+				<div class="wp-block-group">
+					<!-- wp:avatar {"size":48,"style":{"border":{"radius":"50%"}}} /-->
+
+					<!-- wp:group {"style":{"spacing":{"blockGap":"0"}}} -->
+					<div class="wp-block-group">
+						<!-- wp:comment-author-name /-->
+
+						<!-- wp:comment-date /-->
+					</div>
+					<!-- /wp:group -->
+				</div>
+				<!-- /wp:group -->
+
+				<!-- wp:comment-content /-->
+
+				<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex"}} -->
+				<div class="wp-block-group">
+					<!-- wp:comment-reply-link /-->
+
+					<!-- wp:comment-edit-link /-->
+				</div>
+				<!-- /wp:group -->
+			</div>
+			<!-- /wp:group -->
+		<!-- /wp:comment-template -->
+
+		<!-- wp:comments-pagination {"paginationArrow":"arrow","layout":{"type":"flex","justifyContent":"space-between"}} -->
+			<!-- wp:comments-pagination-previous /-->
+
+			<!-- wp:comments-pagination-next /-->
+		<!-- /wp:comments-pagination -->
+
+		<!-- wp:post-comments-form {"style":{"spacing":{"margin":{"top":"var:preset|spacing|50"}}}} /-->
+	</div>
+	<!-- /wp:comments -->
+</div>
+<!-- /wp:group -->

miko/patterns/hidden-index.php

@@ -0,0 +1,56 @@
+<?php
+/**
+ * Title: Index
+ * Slug: miko/hidden-index
+ * Categories: hidden
+ * Inserter: no
+ */
+
+declare( strict_types = 1 );
+?>
+
+<!-- wp:column -->
+<div class="wp-block-column">
+	<!-- wp:group {"style":{"spacing":{"blockGap":"0"},"dimensions":{"minHeight":"100vh"},"background":{"backgroundImage":{"url":"<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/groovepaper.png","source":"file","title":"groovepaper"},"backgroundSize":"300px"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","verticalAlignment":"space-between"}} -->
+	<div class="wp-block-group" style="min-height:100vh">
+		<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70"}}},"layout":{"type":"constrained"}} -->
+		<main class="wp-block-group" style="margin-top:var(--wp--preset--spacing--70);margin-bottom:var(--wp--preset--spacing--70)">
+			<!-- wp:query {"queryId":0,"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"taxQuery":null,"parents":[]},"layout":{"type":"constrained"}} -->
+			<div class="wp-block-query">
+				<!-- wp:post-template {"style":{"spacing":{"blockGap":"var:preset|spacing|80"}}} -->
+					<!-- wp:group {"layout":{"type":"constrained"}} -->
+					<div class="wp-block-group">
+						<!-- wp:post-featured-image {"isLink":true} /-->
+
+						<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+						<div class="wp-block-group">
+							<!-- wp:post-date /-->
+
+							<!-- wp:post-title {"isLink":true} /-->
+						</div>
+						<!-- /wp:group -->
+
+						<!-- wp:post-excerpt {"moreText":"Read more \u0026rarr;"} /-->
+					</div>
+					<!-- /wp:group -->
+				<!-- /wp:post-template -->
+
+				<!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|70"}}},"layout":{"type":"default"}} -->
+				<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--70)">
+					<!-- wp:query-pagination {"layout":{"type":"flex","justifyContent":"left","orientation":"vertical"}} -->
+						<!-- wp:query-pagination-previous /-->
+
+						<!-- wp:query-pagination-next /-->
+					<!-- /wp:query-pagination -->
+				</div>
+				<!-- /wp:group -->
+			</div>
+			<!-- /wp:query -->
+		</main>
+		<!-- /wp:group -->
+
+		<!-- wp:pattern {"slug":"miko/footer"} /-->
+	</div>
+	<!-- /wp:group -->
+</div>
+<!-- /wp:column -->

miko/patterns/hidden-page.php

@@ -0,0 +1,38 @@
+<?php
+/**
+ * Title: Page
+ * Slug: miko/hidden-page
+ * Categories: hidden
+ * Inserter: no
+ */
+
+declare( strict_types = 1 );
+?>
+
+<!-- wp:column -->
+<div class="wp-block-column">
+	<!-- wp:group {"style":{"spacing":{"blockGap":"0"},"dimensions":{"minHeight":"100vh"},"background":{"backgroundImage":{"url":"<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/groovepaper.png","source":"file","title":"groovepaper"},"backgroundSize":"300px"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","verticalAlignment":"space-between"}} -->
+	<div class="wp-block-group" style="min-height:100vh">
+		<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70"}}},"layout":{"type":"constrained"}} -->
+		<main class="wp-block-group" style="margin-top:var(--wp--preset--spacing--70);margin-bottom:var(--wp--preset--spacing--70)">
+			<!-- wp:group {"layout":{"type":"constrained","justifyContent":"center"}} -->
+			<div class="wp-block-group">
+				<!-- wp:post-featured-image /-->
+
+				<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|70"}},"layout":{"type":"constrained"}} -->
+				<div class="wp-block-group">
+					<!-- wp:post-title /-->
+
+					<!-- wp:post-content {"lock":{"move":false,"remove":true},"layout":{"type":"constrained","justifyContent":"center"}} /-->
+				</div>
+				<!-- /wp:group -->
+			</div>
+			<!-- /wp:group -->
+		</main>
+		<!-- /wp:group -->
+
+		<!-- wp:pattern {"slug":"miko/footer"} /-->
+	</div>
+	<!-- /wp:group -->
+</div>
+<!-- /wp:column -->