Spiel: Add theme

spiel/functions.php

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

spiel/parts/comments.html

@@ -0,0 +1,53 @@
+<!-- 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:group {"layout":{"type":"constrained","contentSize":"650px"}} -->
+	<div class="wp-block-group">
+		<!-- wp:comments-title {"level":3} /-->
+
+		<!-- wp:comment-template {"style":{"spacing":{"padding":{"left":"0px"}}}} -->
+			<!-- 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":48} /-->
+
+					<!-- wp:group -->
+					<div class="wp-block-group">
+						<!-- wp:comment-author-name {"fontSize":"small"} /-->
+
+						<!-- 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","style":{"elements":{"link":{"color":[],":hover":{"color":{"text":"var:preset|color|primary"}}}},"color":[]},"textColor":"contrast"} /-->
+
+							<!-- wp:comment-edit-link {"style":{"elements":{"link":{"color":[],":hover":{"color":{"text":"var:preset|color|primary"}}}}}} /-->
+						</div>
+						<!-- /wp:group -->
+					</div>
+					<!-- /wp:group -->
+				</div>
+				<!-- /wp:group -->
+
+				<!-- wp:comment-content {"fontSize":"small"} /-->
+
+				<!-- wp:comment-reply-link {"fontSize":"small"} /-->
+			</div>
+			<!-- /wp:group -->
+		<!-- /wp:comment-template -->
+
+		<!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
+		<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50)">
+			<!-- wp:comments-pagination {"style":{"typography":[]},"layout":{"type":"flex","justifyContent":"space-between"},"fontSize":"small"} -->
+				<!-- wp:comments-pagination-previous /-->
+
+				<!-- wp:comments-pagination-numbers /-->
+
+				<!-- wp:comments-pagination-next /-->
+			<!-- /wp:comments-pagination -->
+		</div>
+		<!-- /wp:group -->
+
+		<!-- wp:post-comments-form /-->
+	</div>
+	<!-- /wp:group -->
+</div>
+<!-- /wp:comments -->

spiel/parts/footer.html

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

spiel/parts/header.html

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

spiel/parts/sidebar.html

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

spiel/patterns/404.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Title: A 404 page
+ * Slug: spiel/404
+ * Inserter: no
+ */
+
+declare( strict_types = 1 );
+?>
+
+<!-- wp:heading {"textAlign":"center","level":1,"align":"wide","fontSize":"xxx-large","anchor":"oops-that-page-can-t-be-found"} -->
+<h1 class="wp-block-heading alignwide has-text-align-center has-xxx-large-font-size" id="oops-that-page-can-t-be-found"><?php echo esc_html__( 'Oops! That page can’t be found.', 'spiel' ); ?></h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><?php echo  esc_html__( 'It looks like nothing was found at this location. Maybe try a search?', 'spiel' ); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:pattern {"slug":"spiel/search"} /-->

spiel/patterns/category-links.php

@@ -0,0 +1,65 @@
+<?php
+/**
+ * Title: Category Links
+ * Slug: spiel/category-links
+ * Categories: featured
+ */
+
+declare( strict_types = 1 );
+?>
+
+<!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--70);margin-bottom:var(--wp--preset--spacing--70)">
+	<!-- wp:group {"align":"wide","style":{"border":{"bottom":{"color":"var:preset|color|contrast","style":"solid","width":"3px"},"top":[],"right":[],"left":[]},"spacing":{"margin":{"bottom":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
+	<div class="wp-block-group alignwide" style="border-bottom-color:var(--wp--preset--color--contrast);border-bottom-style:solid;border-bottom-width:3px;margin-bottom:var(--wp--preset--spacing--50)">
+		<!-- wp:heading {"style":{"typography":{"textTransform":"uppercase"}},"fontSize":"medium"} -->
+		<h2 class="wp-block-heading has-medium-font-size" style="text-transform:uppercase"><?php echo esc_html__( 'Categories', 'spiel' ); ?></h2>
+		<!-- /wp:heading -->
+	</div>
+	<!-- /wp:group -->
+
+	<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|30"},"typography":{"fontStyle":"normal","fontWeight":"600"}},"layout":{"type":"flex","flexWrap":"wrap"},"fontSize":"xxxx-large"} -->
+	<div class="wp-block-group alignwide has-xxxx-large-font-size" style="font-style:normal;font-weight:600">
+		<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"},":hover":{"color":{"text":"var:preset|color|primary"}}}},"typography":{"lineHeight":"0.9"}},"textColor":"contrast"} -->
+		<p class="has-contrast-color has-text-color has-link-color" style="line-height:0.9"><a href="#"><?php echo esc_html__( 'Reviews', 'spiel' ); ?></a>.</p>
+		<!-- /wp:paragraph -->
+
+		<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"},":hover":{"color":{"text":"var:preset|color|primary"}}}},"typography":{"lineHeight":"0.9"}},"textColor":"contrast"} -->
+		<p class="has-contrast-color has-text-color has-link-color" style="line-height:0.9"><a href="#"><?php echo esc_html__( 'News', 'spiel' ); ?></a>.</p>
+		<!-- /wp:paragraph -->
+
+		<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"},":hover":{"color":{"text":"var:preset|color|primary"}}}},"typography":{"lineHeight":"0.9"}},"textColor":"contrast"} -->
+		<p class="has-contrast-color has-text-color has-link-color" style="line-height:0.9"><a href="#"><?php echo esc_html__( 'Guides', 'spiel' ); ?></a>.</p>
+		<!-- /wp:paragraph -->
+
+		<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"},":hover":{"color":{"text":"var:preset|color|primary"}}}},"typography":{"lineHeight":"0.9"}},"textColor":"contrast"} -->
+		<p class="has-contrast-color has-text-color has-link-color" style="line-height:0.9"><a href="#"><?php echo esc_html__( 'Deals', 'spiel' ); ?></a>.</p>
+		<!-- /wp:paragraph -->
+
+		<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"},":hover":{"color":{"text":"var:preset|color|primary"}}}},"typography":{"lineHeight":"0.9"}},"textColor":"contrast"} -->
+		<p class="has-contrast-color has-text-color has-link-color" style="line-height:0.9"><a href="#"><?php echo esc_html__( 'Videos', 'spiel' ); ?></a>.</p>
+		<!-- /wp:paragraph -->
+
+		<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"},":hover":{"color":{"text":"var:preset|color|primary"}}}},"typography":{"lineHeight":"0.9"}},"textColor":"contrast"} -->
+		<p class="has-contrast-color has-text-color has-link-color" style="line-height:0.9"><a href="#"><?php echo esc_html__( 'Reader', 'spiel' ); ?> Poll</a>.</p>
+		<!-- /wp:paragraph -->
+
+		<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"},":hover":{"color":{"text":"var:preset|color|primary"}}}},"typography":{"lineHeight":"0.9"}},"textColor":"contrast"} -->
+		<p class="has-contrast-color has-text-color has-link-color" style="line-height:0.9"><a href="#"><?php echo esc_html__( 'Features', 'spiel' ); ?></a>.</p>
+		<!-- /wp:paragraph -->
+
+		<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"},":hover":{"color":{"text":"var:preset|color|primary"}}}},"typography":{"lineHeight":"0.9"}},"textColor":"contrast"} -->
+		<p class="has-contrast-color has-text-color has-link-color" style="line-height:0.9"><a href="#"><?php echo esc_html__( 'Staff Picks', 'spiel' ); ?></a>.</p>
+		<!-- /wp:paragraph -->
+
+		<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"},":hover":{"color":{"text":"var:preset|color|primary"}}}},"typography":{"lineHeight":"0.9"}},"textColor":"contrast"} -->
+		<p class="has-contrast-color has-text-color has-link-color" style="line-height:0.9"><a href="#"><?php echo esc_html__( 'Game Culture', 'spiel' ); ?></a>.</p>
+		<!-- /wp:paragraph -->
+
+		<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"},":hover":{"color":{"text":"var:preset|color|primary"}}}},"typography":{"lineHeight":"0.9"}},"textColor":"contrast"} -->
+		<p class="has-contrast-color has-text-color has-link-color" style="line-height:0.9"><a href="#"><?php echo esc_html__( 'Podcast', 'spiel' ); ?></a>.</p>
+		<!-- /wp:paragraph -->
+	</div>
+	<!-- /wp:group -->
+</div>
+<!-- /wp:group -->

spiel/patterns/featured-posts.php

@@ -0,0 +1,39 @@
+<?php
+/**
+ * Title: Trending Posts
+ * Slug: spiel/trending-posts
+ * Categories: featured
+ */
+
+declare( strict_types = 1 );
+?>
+
+<!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--70);margin-bottom:var(--wp--preset--spacing--70)">
+	<!-- wp:group {"align":"wide","style":{"border":{"bottom":{"color":"var:preset|color|contrast","style":"solid","width":"3px"}},"spacing":{"margin":{"bottom":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
+	<div class="wp-block-group alignwide" style="border-bottom-color:var(--wp--preset--color--contrast);border-bottom-style:solid;border-bottom-width:3px;margin-bottom:var(--wp--preset--spacing--50)">
+		<!-- wp:heading {"style":{"typography":{"textTransform":"uppercase"}},"fontSize":"medium"} -->
+		<h2 class="wp-block-heading has-medium-font-size" style="text-transform:uppercase"><?php echo esc_html__( 'Trending', 'spiel' ); ?></h2>
+		<!-- /wp:heading -->
+	</div>
+	<!-- /wp:group -->
+
+	<!-- wp:query {"queryId":2,"query":{"perPage":"4","pages":0,"offset":"0","postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false},"align":"wide"} -->
+	<div class="wp-block-query alignwide">
+		<!-- wp:post-template {"layout":{"type":"grid","columnCount":4}} -->
+			<!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/2","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|40"}}}} /-->
+
+			<!-- wp:group {"style":{"spacing":{"blockGap":"0.25rem"}},"layout":{"type":"constrained"}} -->
+			<div class="wp-block-group">
+				<!-- wp:post-terms {"term":"category"} /-->
+
+				<!-- wp:post-title {"isLink":true,"fontSize":"medium"} /-->
+
+				<!-- wp:post-author-name {"isLink":true} /-->
+			</div>
+			<!-- /wp:group -->
+		<!-- /wp:post-template -->
+	</div>
+	<!-- /wp:query -->
+</div>
+<!-- /wp:group -->

spiel/patterns/footer.php

@@ -0,0 +1,57 @@
+<?php
+/**
+ * Title: Default footer
+ * Slug: spiel/footer
+ * Categories: footer
+ * Block Types: core/template-part/footer
+ */
+
+declare( strict_types = 1 );
+?>
+
+<!-- wp:group {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base"},":hover":{"color":{"text":"var:preset|color|primary"}}}},"border":{"top":{"color":"var:preset|color|secondary","width":"1px"}}},"backgroundColor":"black","textColor":"base","layout":{"type":"constrained"}} -->
+<div class="wp-block-group has-base-color has-black-background-color has-text-color has-background has-link-color" style="border-top-color:var(--wp--preset--color--secondary);border-top-width:1px">
+	<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70","right":"var:preset|spacing|50","left":"var:preset|spacing|50"}}}} -->
+	<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--50)">
+		<!-- wp:paragraph {"align":"center"} -->
+		<p class="has-text-align-center"><?php echo esc_html__( 'At Spiel, every click is an adventure in the gaming world. Whether you&rsquo;re a casual or hardcore gamer, we&rsquo;re your go-to for the latest news, tips, and trends.', 'spiel' ); ?></p>
+		<!-- /wp:paragraph -->
+
+		<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"var:preset|spacing|70"}}}} -->
+		<p class="has-text-align-center" style="margin-top:var(--wp--preset--spacing--70)"><?php echo esc_html__( 'Subscribe to our newsletters. We’ll keep you in the loop.', 'spiel' ); ?></p>
+		<!-- /wp:paragraph -->
+
+		<!-- wp:jetpack/subscriptions {"submitButtonText":"➔","buttonBackgroundColor":"contrast","textColor":"base","borderColor":"secondary","successMessage":"An email was just sent to confirm your subscription.","className":"is-style-compact","style":{"spacing":{"margin":{"top":"var:preset|spacing|40"}}}} /-->
+
+		<!-- wp:social-links {"iconColor":"base","iconColorValue":"#ffffff","size":"has-small-icon-size","style":{"spacing":{"margin":{"top":"var:preset|spacing|70"}}},"className":"is-style-logos-only","layout":{"type":"flex","justifyContent":"center"}} -->
+		<ul class="wp-block-social-links has-small-icon-size has-icon-color is-style-logos-only" style="margin-top:var(--wp--preset--spacing--70)">
+			<!-- wp:social-link {"url":"#","service":"facebook"} /-->
+			<!-- wp:social-link {"url":"#","service":"instagram"} /-->
+			<!-- wp:social-link {"url":"#","service":"tiktok"} /-->
+			<!-- wp:social-link {"url":"#","service":"mastodon"} /-->
+			<!-- wp:social-link {"url":"#","service":"youtube"} /-->
+			<!-- wp:social-link {"url":"#","service":"x"} /-->
+			<!-- wp:social-link {"url":"#","service":"twitch"} /-->
+		</ul>
+		<!-- /wp:social-links -->
+
+		<!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","justifyContent":"center"}} /-->
+	</div>
+	<!-- /wp:group -->
+
+	<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","right":"var:preset|spacing|50","left":"var:preset|spacing|50"},"margin":{"top":"0px"}},"border":{"top":{"color":"var:preset|color|secondary","style":"solid","width":"1px"}}}} -->
+	<div class="wp-block-group alignfull" style="border-top-color:var(--wp--preset--color--secondary);border-top-style:solid;border-top-width:1px;margin-top:0px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--50)">
+		<!-- wp:paragraph {"align":"center","fontSize":"x-small"} -->
+		<p class="has-text-align-center has-x-small-font-size"><?php
+			/* Translators: WordPress link. */
+			$wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'spiel' ) ) . '" rel="nofollow">WordPress</a>';
+			echo sprintf(
+				esc_html__( 'Designed with %1$s', 'spiel' ),
+				$wordpress_link
+			);
+		?></p>
+		<!-- /wp:paragraph -->
+	</div>
+	<!-- /wp:group -->
+</div>
+<!-- /wp:group -->

spiel/patterns/header.php

@@ -0,0 +1,58 @@
+<?php
+/**
+ * Title: Default header
+ * Slug: spiel/header
+ * Categories: header
+ * Block Types: core/template-part/header
+ */
+
+declare( strict_types = 1 );
+?>
+
+<!-- wp:group {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"spacing":{"padding":{"top":"var:preset|spacing|40"},"blockGap":"var:preset|spacing|40"}},"backgroundColor":"contrast","textColor":"base","layout":{"type":"constrained"}} -->
+<div class="wp-block-group has-base-color has-contrast-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--preset--spacing--40)">
+	<!-- wp:group {"align":"full","layout":{"type":"default"}} -->
+	<div class="wp-block-group alignfull">
+		<!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30","left":"var:preset|spacing|30"}}}} -->
+		<div class="wp-block-columns are-vertically-aligned-center">
+			<!-- wp:column {"verticalAlignment":"center","width":"300px"} -->
+			<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:300px">
+				<!-- wp:social-links {"iconColor":"base","iconColorValue":"#ffffff","size":"has-small-icon-size","className":"is-style-logos-only","layout":{"type":"flex","justifyContent":"center"}} -->
+				<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":"instagram"} /-->
+					<!-- wp:social-link {"url":"#","service":"tiktok"} /-->
+					<!-- wp:social-link {"url":"#","service":"mastodon"} /-->
+					<!-- wp:social-link {"url":"#","service":"youtube"} /-->
+					<!-- wp:social-link {"url":"#","service":"x"} /-->
+					<!-- wp:social-link {"url":"#","service":"twitch"} /-->
+				</ul>
+				<!-- /wp:social-links -->
+			</div>
+			<!-- /wp:column -->
+
+			<!-- wp:column {"verticalAlignment":"center","width":""} -->
+			<div class="wp-block-column is-vertically-aligned-center"></div>
+			<!-- /wp:column -->
+
+			<!-- wp:column {"verticalAlignment":"center","width":"300px"} -->
+			<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:300px">
+				<!-- wp:search {"label":"Search","showLabel":false,"placeholder":"Search","buttonText":"Search","buttonPosition":"button-inside","buttonUseIcon":true,"align":"center","style":{"border":{"top":{"color":"#4a4a4a","style":"solid","width":"1px"},"right":{"color":"#4a4a4a","style":"solid","width":"1px"},"bottom":{"color":"#4a4a4a","style":"solid","width":"1px"},"left":{"color":"#4a4a4a","style":"solid","width":"1px"},"radius":"0px"}},"backgroundColor":"contrast","textColor":"base","fontSize":"x-small"} /-->
+			</div>
+			<!-- /wp:column -->
+		</div>
+		<!-- /wp:columns -->
+	</div>
+	<!-- /wp:group -->
+
+	<!-- wp:site-logo {"width":64,"align":"center"} /-->
+
+	<!-- wp:site-title {"level":0,"textAlign":"center","align":"wide","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"},":hover":{"color":{"text":"var:preset|color|base"}}}}}} /-->
+
+	<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"var:preset|spacing|50"},"margin":{"top":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
+	<div class="wp-block-group alignfull" style="margin-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
+		<!-- wp:navigation {"align":"wide","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"center","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"}},"typography":[]},"fontSize":"small"} /-->
+	</div>
+	<!-- /wp:group -->
+</div>
+<!-- /wp:group -->