Fontaine: Add theme (#7707)

* Fontaine: Add theme

* Fontaine: fixed typos

* Fontaine: provide easier footer template part customisation and change link styles

fontaine/functions.php

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

fontaine/parts/comments.html

@@ -0,0 +1,63 @@
+<!-- wp:group {"layout":{"type":"default"}} -->
+<div class="wp-block-group">
+	<!-- wp:comments {"className":"wp-block-comments-query-loop"} -->
+	<div class="wp-block-comments wp-block-comments-query-loop">
+		<!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|80","bottom":"0"}}},"layout":{"type":"default"}} -->
+		<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--80);margin-bottom:0">
+			<!-- wp:comments-title {"level":3,"fontSize":"large"} /-->
+
+			<!-- wp:group {"layout":{"type":"default"}} -->
+			<div class="wp-block-group">
+				<!-- wp:comment-template {"style":{"spacing":{"padding":{"left":"0px"}}}} -->
+					<!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|60"}}}} -->
+					<div class="wp-block-group" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--60)">
+						<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+						<div class="wp-block-group">
+							<!-- wp:avatar {"size":56} /-->
+
+							<!-- 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"} /-->
+
+									<!-- wp:comment-edit-link /-->
+								</div>
+								<!-- /wp:group -->
+							</div>
+							<!-- /wp:group -->
+						</div>
+						<!-- /wp:group -->
+
+						<!-- wp:comment-content /-->
+
+						<!-- wp:comment-reply-link /-->
+					</div>
+					<!-- /wp:group -->
+				<!-- /wp:comment-template -->
+			</div>
+			<!-- /wp:group -->
+
+			<!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}},"layout":{"type":"default"}} -->
+			<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60)">
+				<!-- wp:comments-pagination {"paginationArrow":"arrow","layout":{"type":"flex","justifyContent":"space-between"}} -->
+					<!-- wp:comments-pagination-previous /-->
+
+					<!-- wp:comments-pagination-next /-->
+				<!-- /wp:comments-pagination -->
+			</div>
+			<!-- /wp:group -->
+
+			<!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"default"}} -->
+			<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px">
+				<!-- wp:post-comments-form {"style":{"spacing":{"margin":{"top":"var:preset|spacing|80"}}}} /-->
+			</div>
+			<!-- /wp:group -->
+		</div>
+		<!-- /wp:group -->
+	</div>
+	<!-- /wp:comments -->
+</div>
+<!-- /wp:group -->

fontaine/parts/footer-dark.html

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

fontaine/parts/footer.html

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

fontaine/parts/header.html

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

fontaine/patterns/footer-dark.php

@@ -0,0 +1,76 @@
+<?php
+/**
+ * Title: Footer Dark
+ * Slug: fontaine/footer-dark
+ * Categories: footer
+ * Block Types: core/template-part/footer
+ * Viewport width: 1600
+ */
+
+declare( strict_types = 1 );
+?>
+
+<!-- wp:group {"metadata":{"categories":["footer"]},"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|40"},"elements":{"link":{"color":{"text":"var:preset|color|theme-1"},":hover":{"color":{"text":"var:preset|color|theme-4"}}}}},"backgroundColor":"theme-5","textColor":"theme-1","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"},"fontSize":"small"} -->
+<div class="wp-block-group has-theme-1-color has-theme-5-background-color has-text-color has-background has-link-color has-small-font-size" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
+	<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
+	<div class="wp-block-group">
+		<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","flexWrap":"wrap"}} -->
+		<div class="wp-block-group">
+			<!-- wp:paragraph -->
+			<p><a href="#"><?php echo esc_html__( 'Mail', 'fontaine' ); ?></a></p>
+			<!-- /wp:paragraph -->
+
+			<!-- wp:paragraph -->
+			<p><a href="#"><?php echo esc_html__( 'Instagram', 'fontaine' ); ?></a></p>
+			<!-- /wp:paragraph -->
+
+			<!-- wp:paragraph -->
+			<p><a href="#"><?php echo esc_html__( 'Behance', 'fontaine' ); ?></a></p>
+			<!-- /wp:paragraph -->
+
+			<!-- wp:paragraph -->
+			<p><a href="#"><?php echo esc_html__( 'LinkedIn', 'fontaine' ); ?></a></p>
+			<!-- /wp:paragraph -->
+		</div>
+		<!-- /wp:group -->
+
+		<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"right"}} -->
+		<div class="wp-block-group">
+			<!-- wp:paragraph -->
+			<p><a href="#"><?php echo esc_html__( 'Privacy Policy', 'fontaine' ); ?></a></p>
+			<!-- /wp:paragraph -->
+
+			<!-- wp:paragraph -->
+			<p><a href="#"><?php echo esc_html__( 'Terms & Conditions', 'fontaine' ); ?></a></p>
+			<!-- /wp:paragraph -->
+		</div>
+		<!-- /wp:group -->
+	</div>
+	<!-- /wp:group -->
+
+	<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
+	<div class="wp-block-group">
+		<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+		<div class="wp-block-group">
+			<!-- wp:paragraph -->
+			<p><?php echo esc_html__( '© 2023', 'fontaine' ); ?></p>
+			<!-- /wp:paragraph -->
+
+			<!-- wp:site-title {"level":0} /-->
+		</div>
+		<!-- /wp:group -->
+
+		<!-- wp:paragraph {"align":"right","lock":{"move":false,"remove":true}} -->
+		<p class="has-text-align-right"><?php
+			/* Translators: WordPress link. */
+			$wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'feelingood' ) ) . '" rel="nofollow">WordPress</a>';
+			echo sprintf(
+				esc_html__( 'Designed with %1$s', 'fontaine' ),
+				$wordpress_link
+			);
+		?></p>
+		<!-- /wp:paragraph -->
+	</div>
+	<!-- /wp:group -->
+</div>
+<!-- /wp:group -->

fontaine/patterns/footer.php

@@ -0,0 +1,76 @@
+<?php
+/**
+ * Title: Footer
+ * Slug: fontaine/footer
+ * Categories: footer
+ * Block Types: core/template-part/footer
+ * Viewport width: 1600
+ */
+
+declare( strict_types = 1 );
+?>
+
+<!-- wp:group {"metadata":{"categories":["footer"]},"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|40"},"elements":{"link":{"color":{"text":"var:preset|color|theme-5"},":hover":{"color":{"text":"var:preset|color|theme-4"}}}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"},"fontSize":"small"} -->
+<div class="wp-block-group has-link-color has-small-font-size" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
+	<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
+	<div class="wp-block-group">
+		<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","flexWrap":"wrap"}} -->
+		<div class="wp-block-group">
+			<!-- wp:paragraph -->
+			<p><a href="#"><?php echo esc_html__( 'Mail', 'fontaine' ); ?></a></p>
+			<!-- /wp:paragraph -->
+
+			<!-- wp:paragraph -->
+			<p><a href="#"><?php echo esc_html__( 'Instagram', 'fontaine' ); ?></a></p>
+			<!-- /wp:paragraph -->
+
+			<!-- wp:paragraph -->
+			<p><a href="#"><?php echo esc_html__( 'Behance', 'fontaine' ); ?></a></p>
+			<!-- /wp:paragraph -->
+
+			<!-- wp:paragraph -->
+			<p><a href="#"><?php echo esc_html__( 'LinkedIn', 'fontaine' ); ?></a></p>
+			<!-- /wp:paragraph -->
+		</div>
+		<!-- /wp:group -->
+
+		<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"right"}} -->
+		<div class="wp-block-group">
+			<!-- wp:paragraph -->
+			<p><a href="#"><?php echo esc_html__( 'Privacy Policy', 'fontaine' ); ?></a></p>
+			<!-- /wp:paragraph -->
+
+			<!-- wp:paragraph -->
+			<p><a href="#"><?php echo esc_html__( 'Terms & Conditions', 'fontaine' ); ?></a></p>
+			<!-- /wp:paragraph -->
+		</div>
+		<!-- /wp:group -->
+	</div>
+	<!-- /wp:group -->
+
+	<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
+	<div class="wp-block-group">
+		<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+		<div class="wp-block-group">
+			<!-- wp:paragraph -->
+			<p><?php echo esc_html__( '© 2023', 'fontaine' ); ?></p>
+			<!-- /wp:paragraph -->
+
+			<!-- wp:site-title {"level":0} /-->
+		</div>
+		<!-- /wp:group -->
+
+		<!-- wp:paragraph {"align":"right","lock":{"move":false,"remove":true}} -->
+		<p class="has-text-align-right"><?php
+			/* Translators: WordPress link. */
+			$wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'feelingood' ) ) . '" rel="nofollow">WordPress</a>';
+			echo sprintf(
+				esc_html__( 'Designed with %1$s', 'fontaine' ),
+				$wordpress_link
+			);
+		?></p>
+		<!-- /wp:paragraph -->
+	</div>
+	<!-- /wp:group -->
+</div>
+<!-- /wp:group -->

fontaine/patterns/front-page.php

@@ -0,0 +1,42 @@
+<?php
+/**
+ * Title: Front Page
+ * Slug: fontaine/front-page
+ * Categories: hidden
+ * Inserter: no
+ */
+
+declare( strict_types = 1 );
+?>
+
+<!-- wp:group {"align":"full","style":{"position":{"type":"sticky","top":"0px"}},"className":"blending-mode","layout":{"type":"default"}} -->
+<div class="wp-block-group alignfull blending-mode">
+	<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
+</div>
+<!-- /wp:group -->
+
+<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"default"}} -->
+<main class="wp-block-group" style="margin-top:0px;margin-bottom:0px">
+	<!-- wp:group {"metadata":{"name":"Intro","categories":["text"]},"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80","left":"var:preset|spacing|50","right":"var:preset|spacing|50"},"margin":{"top":"0px","bottom":"0px"}},"dimensions":{"minHeight":""},"position":{"type":""}},"layout":{"type":"default"}} -->
+	<div class="wp-block-group alignwide" style="margin-top:0px;margin-bottom:0px;padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--50)">
+		<!-- wp:heading {"level":1} -->
+		<h1 class="wp-block-heading"><?php echo esc_html__( 'Serena Fontaine is a multidisciplinary Art and Creative Director devoted to developing and executing brand experiences for our constantly changing world.', 'fontaine' ); ?></h1>
+		<!-- /wp:heading -->
+
+		<!-- wp:group {"style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
+		<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--60);padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
+			<!-- wp:image {"sizeSlug":"full","linkDestination":"none","align":"center"} -->
+			<figure class="wp-block-image aligncenter size-full"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/Psychedelic-Portrait.jpg" alt="" /></figure>
+			<!-- /wp:image -->
+		</div>
+		<!-- /wp:group -->
+	</div>
+	<!-- /wp:group -->
+</main>
+<!-- /wp:group -->
+
+<!-- wp:group {"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"position":{"type":""}},"layout":{"type":"default"}} -->
+<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0">
+	<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->
+</div>
+<!-- /wp:group -->