Fontaine: Add theme

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.html

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

fontaine/parts/header.html

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

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"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"},"fontSize":"small"} -->
+<div class="wp-block-group 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":""},"elements":{"link":{"color":{"text":"var:preset|color|theme-5"},":hover":{"color":{"text":"var:preset|color|theme-3"}}}}},"textColor":"theme-5","layout":{"type":"default"}} -->
+<div class="wp-block-group alignfull has-theme-5-color has-text-color has-link-color" style="margin-top:0;margin-bottom:0">
+	<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->
+</div>
+<!-- /wp:group -->

fontaine/patterns/gallery-project.php

@@ -0,0 +1,134 @@
+<?php
+/**
+ * Title: Project
+ * Slug: fontaine/gallery-project
+ * Categories: gallery
+ * Viewport width: 1600
+ */
+
+declare( strict_types = 1 );
+?>
+
+<!-- wp:group {"tagName":"section","metadata":{"name":"Project","categories":["gallery"]},"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"},"margin":{"top":"0px","bottom":"0px"}},"dimensions":{"minHeight":""},"position":{"type":""}},"layout":{"type":"default"}} -->
+<section class="wp-block-group alignwide" style="margin-top:0px;margin-bottom:0px;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:columns -->
+	<div class="wp-block-columns">
+		<!-- wp:column {"verticalAlignment":"bottom","style":{"spacing":{"blockGap":"var:preset|spacing|50"}}} -->
+		<div class="wp-block-column is-vertically-aligned-bottom">
+			<!-- wp:heading {"level":1,"style":{"typography":{"lineHeight":"1"}},"fontSize":"xx-large"} -->
+			<h1 class="wp-block-heading has-xx-large-font-size" style="line-height:1"><?php echo esc_html__( 'Urban Regeneration', 'fontaine' ); ?></h1>
+			<!-- /wp:heading -->
+		</div>
+		<!-- /wp:column -->
+
+		<!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|50"}}} -->
+		<div class="wp-block-column">
+			<!-- wp:image {"sizeSlug":"full","linkDestination":"media"} -->
+			<figure class="wp-block-image size-full"><a href="http://localhost.local/wp-content/uploads/2024/03/Modern-Minimalist-Cafe-Storefront-with-Yellow-Accents.jpg"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/Modern-Minimalist-Cafe-Storefront-with-Yellow-Accents.jpg" alt="" /></a></figure>
+			<!-- /wp:image -->
+		</div>
+		<!-- /wp:column -->
+	</div>
+	<!-- /wp:columns -->
+
+	<!-- wp:columns -->
+	<div class="wp-block-columns">
+		<!-- wp:column {"width":"33.34%"} -->
+		<div class="wp-block-column" style="flex-basis:33.34%">
+			<!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
+			<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/Modern-Cafe-Storefront-in-Red-and-Pink.jpg" alt="" /></figure>
+			<!-- /wp:image -->
+		</div>
+		<!-- /wp:column -->
+
+		<!-- wp:column {"width":"33.34%"} -->
+		<div class="wp-block-column" style="flex-basis:33.34%">
+			<!-- wp:image {"sizeSlug":"full","linkDestination":"media"} -->
+			<figure class="wp-block-image size-full"><a href="http://localhost.local/wp-content/uploads/2024/03/Calm-Moment-at-a-Pastel-Blue-Cafe.jpg"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/Calm-Moment-at-a-Pastel-Blue-Cafe.jpg" alt="" /></a></figure>
+			<!-- /wp:image -->
+		</div>
+		<!-- /wp:column -->
+
+		<!-- wp:column {"width":"33.33%"} -->
+		<div class="wp-block-column" style="flex-basis:33.33%">
+			<!-- wp:image {"sizeSlug":"full","linkDestination":"media"} -->
+			<figure class="wp-block-image size-full"><a href="http://localhost.local/wp-content/uploads/2024/03/Cafe-Leisure-in-Vibrant-Setting.jpg"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/Cafe-Leisure-in-Vibrant-Setting.jpg" alt="" /></a></figure>
+			<!-- /wp:image -->
+		</div>
+		<!-- /wp:column -->
+	</div>
+	<!-- /wp:columns -->
+
+	<!-- wp:columns -->
+	<div class="wp-block-columns">
+		<!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|50"}}} -->
+		<div class="wp-block-column">
+			<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+			<div class="wp-block-group">
+				<!-- wp:heading {"fontSize":"medium"} -->
+				<h2 class="wp-block-heading has-medium-font-size"><?php echo esc_html__( 'Delivery', 'fontaine' ); ?>_</h2>
+				<!-- /wp:heading -->
+
+				<!-- wp:paragraph -->
+				<p><?php echo esc_html__( 'Art Direction', 'fontaine' ); ?></p>
+				<!-- /wp:paragraph -->
+
+				<!-- wp:paragraph -->
+				<p><?php echo esc_html__( 'Visual Identity', 'fontaine' ); ?></p>
+				<!-- /wp:paragraph -->
+
+				<!-- wp:paragraph -->
+				<p><?php echo esc_html__( 'Website', 'fontaine' ); ?></p>
+				<!-- /wp:paragraph -->
+			</div>
+			<!-- /wp:group -->
+
+			<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+			<div class="wp-block-group">
+				<!-- wp:heading {"fontSize":"medium"} -->
+				<h2 class="wp-block-heading has-medium-font-size"><?php echo esc_html__( 'Year', 'fontaine' ); ?>_</h2>
+				<!-- /wp:heading -->
+
+				<!-- wp:paragraph -->
+				<p><?php echo esc_html__( '2023', 'fontaine' ); ?></p>
+				<!-- /wp:paragraph -->
+			</div>
+			<!-- /wp:group -->
+		</div>
+		<!-- /wp:column -->
+
+		<!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|50"}}} -->
+		<div class="wp-block-column">
+			<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+			<div class="wp-block-group">
+				<!-- wp:heading {"fontSize":"medium"} -->
+				<h2 class="wp-block-heading has-medium-font-size"><?php echo esc_html__( 'About', 'fontaine' ); ?>_</h2>
+				<!-- /wp:heading -->
+
+				<!-- wp:paragraph -->
+				<p><?php echo esc_html__( 'Urban Regeneration is a transformative project that has redefined the cityscape of Stratton, a historic city in the UK with an eye toward the future. In partnership with the Stratton City Council, the project has turned dilapidated and underused urban areas into pulsating spots of culture and community gathering. With a mission to rejuvenate the local economy and foster a sense of togetherness, these spaces have been meticulously curated to enhance the city&rsquo;s vibrancy and provide welcoming environments for residents and visitors alike. Stratton now stands as a paragon of how thoughtful urban development can create sustainable, lively communities while preserving the unique character of the city.', 'fontaine' ); ?></p>
+				<!-- /wp:paragraph -->
+			</div>
+			<!-- /wp:group -->
+
+			<!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+			<div class="wp-block-group">
+				<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+				<div class="wp-block-group">
+					<!-- wp:heading {"fontSize":"medium"} -->
+					<h2 class="wp-block-heading has-medium-font-size"><?php echo esc_html__( 'Design', 'fontaine' ); ?>_</h2>
+					<!-- /wp:heading -->
+
+					<!-- wp:paragraph -->
+					<p><?php echo esc_html__( 'At the heart of Urban Regeneration lies a visionary design philosophy that balances aesthetic appeal with functional space. Each café storefront, characterized by a distinct monochromatic theme, not only serves as a visual landmark but also harmonizes with Stratton&rsquo;s urban fabric. The design process was deeply rooted in the ethos of &lsquo;form follows function&rsquo;, with every element serving a purpose - from the ergonomically designed furniture to the energy-efficient layout that maximizes natural light. The use of striking colors serves as a beacon of warmth and invitation, transforming these spaces into modern oases amidst the urban hustle. This approach has not only revitalized the city&rsquo;s image but also laid down a blueprint for integrating modern design principles into community-centric spaces.', 'fontaine' ); ?></p>
+					<!-- /wp:paragraph -->
+				</div>
+				<!-- /wp:group -->
+			</div>
+			<!-- /wp:group -->
+		</div>
+		<!-- /wp:column -->
+	</div>
+	<!-- /wp:columns -->
+</section>
+<!-- /wp:group -->