Loic: add theme (#7159)

* Initial commit.

* Remove unused image.

* Remove hard links.

* Escape text.

loic/functions.php

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

loic/parts/footer.html

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

loic/parts/header.html

@@ -0,0 +1,11 @@
+<!-- wp:group {"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":"default"}} -->
+<div class="wp-block-group" 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 {"align":"full","style":{"spacing":{"padding":{"bottom":"0","top":"0","right":"0","left":"0"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
+<div class="wp-block-group alignfull" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex"}} -->
+<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} -->
+<div class="wp-block-group"><!-- wp:site-title /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
+
+<!-- wp:site-logo {"width":40,"shouldSyncIcon":false,"className":"is-style-rounded","style":{"layout":{"selfStretch":"fit"},"color":[]}} /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->

loic/parts/post-meta.html

@@ -0,0 +1,7 @@
+<!-- wp:group {"layout":{"type":"default"}} -->
+<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical"}} -->
+<div class="wp-block-group"><!-- wp:post-author-name /-->
+
+<!-- wp:post-date {"format":"M j, Y"} /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->

loic/patterns/404.php

@@ -0,0 +1,22 @@
+<?php
+/**
+ * Title: A 404 page
+ * Slug: loic/404
+ * Inserter: no
+ */
+
+?>
+
+<!-- wp:cover {"overlayColor":"background","minHeight":100,"minHeightUnit":"vh","textColor":"primary","layout":{"type":"constrained"}} -->
+<div class="wp-block-cover has-primary-color has-text-color" style="min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
+<div class="wp-block-group"><!-- wp:heading {"level":1,"fontSize":"large"} -->
+<h1 class="wp-block-heading has-large-font-size"><?php echo esc_html__( 'The page you\'re looking for could not be found.', 'loic' ); ?></h1>
+<!-- /wp:heading -->
+
+<!-- wp:buttons -->
+<div class="wp-block-buttons"><!-- wp:button -->
+<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="/"><?php echo  esc_html__( 'Return to homepage', 'loic' ); ?></a></div>
+<!-- /wp:button --></div>
+<!-- /wp:buttons --></div>
+<!-- /wp:group --></div></div>
+<!-- /wp:cover -->

loic/patterns/comments.php

@@ -0,0 +1,52 @@
+<?php
+/**
+ * Title: Comments
+ * slug: loic/comments
+ * inserter: no
+ */
+
+?>
+
+<!-- wp:comments {"className":"wp-block-comments-query-loop"} -->
+<div class="wp-block-comments wp-block-comments-query-loop">
+	<!-- wp:comments-title {"level":3} /-->
+
+	<!-- wp:comment-template -->
+		<!-- 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 {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"0.5em"}}} -->
+			<div class="wp-block-group">
+				<!-- wp:avatar {"size":40,"style":{"spacing":{"margin":{"top":"0.5em"}}}} /-->
+
+				<!-- wp:group -->
+				<div class="wp-block-group">
+					<!-- wp:comment-author-name /-->
+
+					<!-- wp:group {"layout":{"type":"flex"},"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"0.5em"}}} -->
+					<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 -->
+
+	<!-- wp:comments-pagination -->
+		<!-- wp:comments-pagination-previous /-->
+		<!-- wp:comments-pagination-numbers /-->
+		<!-- wp:comments-pagination-next /-->
+	<!-- /wp:comments-pagination -->
+
+	<!-- wp:post-comments-form /-->
+</div>
+<!-- /wp:comments -->

loic/patterns/footer.php

@@ -0,0 +1,70 @@
+<?php
+/**
+ * Title: Default footer
+ * Slug: loic/footer
+ * Categories: footer
+ * Block Types: core/template-part/footer
+ */
+?>
+
+<!-- wp:group {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"var:preset|spacing|80","right":"var:preset|spacing|60","bottom":"var:preset|spacing|80","left":"var:preset|spacing|60"}}},"backgroundColor":"primary","textColor":"background","layout":{"type":"default"}} -->
+<div class="wp-block-group has-background-color has-primary-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--60)"><!-- wp:columns -->
+<div class="wp-block-columns"><!-- wp:column {"width":"44.45%"} -->
+<div class="wp-block-column" style="flex-basis:44.45%"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"0px","bottom":"0px","right":"0px","left":"0px"}}},"layout":{"type":"flex","orientation":"vertical"},"fontSize":"small"} -->
+<div class="wp-block-group alignfull has-small-font-size" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading"><?php echo esc_html__( 'About Me', 'y' ); ?></h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><?php echo esc_html__( 'I’m Loïc Azar, a French creative and product manager living in London. I’m passionate about creativity, technology, and productivity, and I write about these topics on my personal website.', 'y' ); ?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"33.33%"} -->
+<div class="wp-block-column" style="flex-basis:33.33%"></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"22.22%"} -->
+<div class="wp-block-column" style="flex-basis:22.22%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|50"}},"layout":{"type":"flex","orientation":"vertical"}} -->
+<div class="wp-block-group"><!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading"><?php echo esc_html__( 'Say Hello', 'y' ); ?></h3>
+<!-- /wp:heading -->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","flexWrap":"nowrap"},"fontSize":"small"} -->
+<div class="wp-block-group has-small-font-size"><!-- wp:paragraph -->
+<p><a href="/"><?php echo esc_html__( 'Email', 'y' ); ?></a></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><a href="/"><?php echo esc_html__( 'Instagram', 'y' ); ?></a></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><a href="/"><?php echo esc_html__( 'Twitter', 'y' ); ?></a></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->
+
+<!-- wp:spacer -->
+<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"0px","bottom":"0px","right":"0px","left":"0px"}},"typography":{"fontSize":"0.8rem"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between","verticalAlignment":"bottom"}} -->
+<div class="wp-block-group alignfull" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-size:0.8rem"><!-- wp:paragraph {"align":"right"} -->
+<p class="has-text-align-right">
+    <?php
+
+    $wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'loic' ) ) . '" rel="nofollow">WordPress</a>';
+    echo sprintf(
+        /* Translators: WordPress link. */
+        esc_html__( 'Designed with %1$s', 'loic' ),
+        $wordpress_link
+    );
+    ?>
+</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->

loic/patterns/hidden-no-results-content.php

@@ -0,0 +1,10 @@
+<?php
+/**
+ * Title: Hidden No Results Content
+ * Slug: loic/hidden-no-results-content
+ * Inserter: no
+ */
+?>
+<!-- wp:paragraph -->
+<p><?php echo esc_html_x( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'Message explaining that there are no results returned from a search', 'loic' ); ?></p>
+<!-- /wp:paragraph -->

loic/readme.txt

@@ -0,0 +1,32 @@
+=== Loïc ===
+Contributors: Automattic
+Requires at least: 5.8
+Tested up to: 6.2
+Requires PHP: 5.7
+License: GPLv2 or later
+License URI: http://www.gnu.org/licenses/gpl-2.0.html
+
+== Description ==
+
+A simple blogging theme ideal for writers.
+
+== Changelog ==
+
+= 0.0.1 =
+* Initial release
+
+== Copyright ==
+
+Loïc WordPress Theme, (C) 2023 Automattic
+Loïc is distributed under the terms of the GNU GPL.
+Loïc is based on Mehr (), (C) Automattic, [GPLv2 or later](http://www.gnu.org/licenses/gpl-2.0.html)
+
+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.

loic/style.css

@@ -0,0 +1,36 @@
+/*
+Theme Name: Loïc
+Theme URI: 
+Author: Automattic
+Author URI: https://automattic.com
+Description: A simple blogging theme ideal for writers.
+Requires at least: 5.8
+Tested up to: 6.2
+Requires PHP: 5.7
+Version: 0.0.1
+License: GNU General Public License v2 or later
+License URI: http://www.gnu.org/licenses/gpl-2.0.html
+Template: 
+Text Domain: loic
+Tags: blog, education, news, one-column, two-columns, left-sidebar, wide-blocks, block-patterns, custom-colors, custom-logo, custom-menu, editor-style, full-site-editing, rtl-language-support, style-variations, theme-options, threaded-comments, translation-ready, blog, words, longtext
+*/
+
+/*
+ * Control the hover stylings of outline block style.
+ * Unnecessary once block styles are configurable via theme.json
+ * https://github.com/WordPress/gutenberg/issues/42794
+ */
+.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover {
+	background-color: var(--wp--preset--color--secondary);
+	color: var(--wp--preset--color--background);
+	border-color: var(--wp--preset--color--secondary);
+}
+
+/*
+ * Link styles
+ * https://github.com/WordPress/gutenberg/issues/42319
+ */
+a {
+	text-decoration-thickness: .0625em !important;
+	text-underline-offset: .15em;
+}

loic/styles/blueberry-milk.json

@@ -0,0 +1,36 @@
+{
+	"settings": {
+		"color": {
+			"palette": [
+				{
+					"color": "#472a9b",
+					"name": "Primary",
+					"slug": "primary"
+				},
+				{
+					"color": "#472a9b",
+					"name": "Secondary",
+					"slug": "secondary"
+				},
+				{
+					"color": "#472a9b",
+					"name": "Foreground",
+					"slug": "foreground"
+				},
+				{
+					"color": "#faf4ee",
+					"name": "Background",
+					"slug": "background"
+				},
+				{
+					"color": "#fffdf8",
+					"name": "Tertiary",
+					"slug": "tertiary"
+				}
+			]
+		}
+	},
+	"title": "Blueberry Milk",
+	"version": 2,
+	"$schema": "https://schemas.wp.org/trunk/theme.json"
+}

loic/styles/cloudy-brunswick.json

@@ -0,0 +1,36 @@
+{
+	"settings": {
+		"color": {
+			"palette": [
+				{
+					"color": "#1a543f",
+					"name": "Primary",
+					"slug": "primary"
+				},
+				{
+					"color": "#636a6a",
+					"name": "Secondary",
+					"slug": "secondary"
+				},
+				{
+					"color": "#636a6a",
+					"name": "Foreground",
+					"slug": "foreground"
+				},
+				{
+					"color": "#f7f8f8",
+					"name": "Background",
+					"slug": "background"
+				},
+				{
+					"color": "#e9ebeb",
+					"name": "Tertiary",
+					"slug": "tertiary"
+				}
+			]
+		}
+	},
+	"title": "Cloudy Brunswick",
+	"version": 2,
+	"$schema": "https://schemas.wp.org/trunk/theme.json"
+}