Olympique: add theme (#8007)

* Olympique: add theme

* Olympique: Fix readme  file

* Olympique: Fixing after review

* Olympique: Replacing Navigation

olympique/assets/css/button-outline.css

@@ -0,0 +1,6 @@
+.wp-block-button.is-style-outline
+ > .wp-block-button__link:not(.has-text-color, .has-background):hover {
+ background-color: var(--wp--preset--color--contrast-2, var(--wp--preset--color--contrast, transparent));
+ color: var(--wp--preset--color--base);
+ border-color: var(--wp--preset--color--contrast-2, var(--wp--preset--color--contrast, currentColor));
+}

olympique/functions.php

@@ -0,0 +1,206 @@
+<?php
+/**
+ * Olympique functions and definitions
+ *
+ * @link https://developer.wordpress.org/themes/basics/theme-functions/
+ *
+ * @package Olympique
+ * @since Olympique 1.0
+ */
+
+/**
+ * Register block styles.
+ */
+
+if ( ! function_exists( 'olympique_block_styles' ) ) :
+ /**
+ * Register custom block styles
+ *
+ * @since Olympique 1.0
+ * @return void
+ */
+ function olympique_block_styles() {
+
+ register_block_style(
+ 'core/details',
+ array(
+ 'name' => 'arrow-icon-details',
+ 'label' => __( 'Arrow icon', 'olympique' ),
+ /*
+ * Styles for the custom Arrow icon style of the Details block
+ */
+ 'inline_style' => '
+ .is-style-arrow-icon-details {
+ padding-top: var(--wp--preset--spacing--10);
+ padding-bottom: var(--wp--preset--spacing--10);
+ }
+
+ .is-style-arrow-icon-details summary {
+ list-style-type: "\2193\00a0\00a0\00a0";
+ }
+
+ .is-style-arrow-icon-details[open]>summary {
+ list-style-type: "\2192\00a0\00a0\00a0";
+ }',
+ )
+ );
+ register_block_style(
+ 'core/post-terms',
+ array(
+ 'name' => 'pill',
+ 'label' => __( 'Pill', 'olympique' ),
+ /*
+ * Styles variation for post terms
+ * https://github.com/WordPress/gutenberg/issues/24956
+ */
+ 'inline_style' => '
+ .is-style-pill a,
+ .is-style-pill span:not([class], [data-rich-text-placeholder]) {
+ display: inline-block;
+ background-color: var(--wp--preset--color--base-2);
+ padding: 0.375rem 0.875rem;
+ border-radius: var(--wp--preset--spacing--20);
+ }
+
+ .is-style-pill a:hover {
+ background-color: var(--wp--preset--color--contrast-3);
+ }',
+ )
+ );
+ register_block_style(
+ 'core/list',
+ array(
+ 'name' => 'checkmark-list',
+ 'label' => __( 'Checkmark', 'olympique' ),
+ /*
+ * Styles for the custom checkmark list block style
+ * https://github.com/WordPress/gutenberg/issues/51480
+ */
+ 'inline_style' => '
+ ul.is-style-checkmark-list {
+ list-style-type: "\2713";
+ }
+
+ ul.is-style-checkmark-list li {
+ padding-inline-start: 1ch;
+ }',
+ )
+ );
+ register_block_style(
+ 'core/navigation-link',
+ array(
+ 'name' => 'arrow-link',
+ 'label' => __( 'With arrow', 'olympique' ),
+ /*
+ * Styles for the custom arrow nav link block style
+ */
+ 'inline_style' => '
+ .is-style-arrow-link .wp-block-navigation-item__label:after {
+ content: "\2197";
+ padding-inline-start: 0.25rem;
+ vertical-align: middle;
+ text-decoration: none;
+ display: inline-block;
+ }',
+ )
+ );
+ register_block_style(
+ 'core/heading',
+ array(
+ 'name' => 'asterisk',
+ 'label' => __( 'With asterisk', 'olympique' ),
+ 'inline_style' => "
+ .is-style-asterisk:before {
+ content: '';
+ width: 1.5rem;
+ height: 3rem;
+ background: var(--wp--preset--color--contrast-2, currentColor);
+ clip-path: path('M11.93.684v8.039l5.633-5.633 1.216 1.23-5.66 5.66h8.04v1.737H13.2l5.701 5.701-1.23 1.23-5.742-5.742V21h-1.737v-8.094l-5.77 5.77-1.23-1.217 5.743-5.742H.842V9.98h8.162l-5.701-5.7 1.23-1.231 5.66 5.66V.684h1.737Z');
+ display: block;
+ }
+
+ /* Hide the asterisk if the heading has no content, to avoid using empty headings to display the asterisk only, which is an A11Y issue */
+ .is-style-asterisk:empty:before {
+ content: none;
+ }
+
+ .is-style-asterisk:-moz-only-whitespace:before {
+ content: none;
+ }
+
+ .is-style-asterisk.has-text-align-center:before {
+ margin: 0 auto;
+ }
+
+ .is-style-asterisk.has-text-align-right:before {
+ margin-left: auto;
+ }
+
+ .rtl .is-style-asterisk.has-text-align-left:before {
+ margin-right: auto;
+ }",
+ )
+ );
+ }
+endif;
+
+add_action( 'init', 'olympique_block_styles' );
+
+/**
+ * Enqueue block stylesheets.
+ */
+
+if ( ! function_exists( 'olympique_block_stylesheets' ) ) :
+ /**
+ * Enqueue custom block stylesheets
+ *
+ * @since Olympique 1.0
+ * @return void
+ */
+ function olympique_block_stylesheets() {
+ /**
+ * The wp_enqueue_block_style() function allows us to enqueue a stylesheet
+ * for a specific block. These will only get loaded when the block is rendered
+ * (both in the editor and on the front end), improving performance
+ * and reducing the amount of data requested by visitors.
+ *
+ * See https://make.wordpress.org/core/2021/12/15/using-multiple-stylesheets-per-block/ for more info.
+ */
+ wp_enqueue_block_style(
+ 'core/button',
+ array(
+ 'handle' => 'olympique-button-style-outline',
+ 'src' => get_parent_theme_file_uri( 'assets/css/button-outline.css' ),
+ 'ver' => wp_get_theme( get_template() )->get( 'Version' ),
+ 'path' => get_parent_theme_file_path( 'assets/css/button-outline.css' ),
+ )
+ );
+ }
+endif;
+
+add_action( 'init', 'olympique_block_stylesheets' );
+
+/**
+ * Register pattern categories.
+ */
+
+if ( ! function_exists( 'olympique_pattern_categories' ) ) :
+ /**
+ * Register pattern categories
+ *
+ * @since Olympique 1.0
+ * @return void
+ */
+ function olympique_pattern_categories() {
+
+ register_block_pattern_category(
+ 'olympique_page',
+ array(
+ 'label' => _x( 'Pages', 'Block pattern category', 'olympique' ),
+ 'description' => __( 'A collection of full page layouts.', 'olympique' ),
+ )
+ );
+ }
+endif;
+
+add_action( 'init', 'olympique_pattern_categories' );

olympique/parts/footer.html

@@ -0,0 +1,16 @@
+<!-- wp:group {"style":{"spacing":{"blockGap":"0","padding":{"bottom":"var:preset|spacing|60"},"margin":{"top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"border":{"bottom":{"color":"var:preset|color|base-2","width":"2px"},"top":{"color":"var:preset|color|base","width":"2px"},"right":[],"left":[]}},"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="border-top-color:var(--wp--preset--color--base);border-top-width:2px;border-bottom-color:var(--wp--preset--color--base-2);border-bottom-width:2px;margin-top:0;margin-bottom:0;padding-bottom:var(--wp--preset--spacing--60)"><!-- wp:group {"align":"wide","style":{"border":{"left":{"color":"var:preset|color|base","width":"2px"},"right":{"width":"2px"},"bottom":{"width":"2px"},"top":[]},"spacing":{"padding":{"right":"var:preset|spacing|40","left":"var:preset|spacing|40","top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignwide" style="border-right-width:2px;border-bottom-width:2px;border-left-color:var(--wp--preset--color--base);border-left-width:2px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--40)"><!-- wp:columns {"verticalAlignment":"center","isStackedOnMobile":false,"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|10","bottom":"var:preset|spacing|10"}}}} -->
+<div class="wp-block-columns alignwide are-vertically-aligned-center is-not-stacked-on-mobile" style="padding-top:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10)"><!-- wp:column {"verticalAlignment":"center","width":"66.66%"} -->
+<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:66.66%"><!-- wp:paragraph {"fontSize":"medium"} -->
+<p class="has-medium-font-size">
+ Designed with <a href="https://wordpress.org" rel="nofollow">WordPress</a> </p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"verticalAlignment":"center","width":"33.33%"} -->
+<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:33.33%"><!-- wp:navigation {"textColor":"base","backgroundColor":"contrast","overlayMenu":"never","icon":"menu","style":{"spacing":{"blockGap":"0"}},"fontSize":"small","layout":{"type":"flex","justifyContent":"right","orientation":"horizontal"}} /--></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->

olympique/parts/header.html

@@ -0,0 +1,19 @@
+<!-- wp:group {"align":"wide","backgroundColor":"base","layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignwide has-base-background-color has-background"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"right":"var:preset|spacing|40","left":"var:preset|spacing|40","top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"},"margin":{"top":"0","bottom":"0"}},"border":{"left":{"width":"2px"},"right":{"width":"2px"},"top":[],"bottom":[]}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignwide" style="border-right-width:2px;border-left-width:2px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)"><!-- wp:group {"align":"wide","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between","verticalAlignment":"top"}} -->
+<div class="wp-block-group alignwide"><!-- wp:group {"style":{"layout":{"selfStretch":"fill","flexSize":null}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
+<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|20","bottom":"var:preset|spacing|30"}},"border":{"right":{"width":"2px"},"top":[],"bottom":[],"left":[]},"layout":{"selfStretch":"fixed","flexSize":"16.66%"}},"layout":{"type":"flex","orientation":"vertical"}} -->
+<div class="wp-block-group" style="border-right-width:2px;padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--30)"><!-- wp:site-logo {"width":120,"shouldSyncIcon":true,"style":{"color":[],"spacing":{"margin":{"bottom":"var:preset|spacing|10"}}}} /--></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"0","padding":{"left":"var:preset|spacing|30","top":"0"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+<div class="wp-block-group" style="padding-top:0;padding-left:var(--wp--preset--spacing--30)"><!-- wp:site-title {"level":0} /-->
+
+<!-- wp:site-tagline /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
+
+<!-- wp:navigation {"overlayMenu":"never","fontSize":"small","layout":{"type":"flex","justifyContent":"right","orientation":"vertical"}} /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->

olympique/parts/post-meta.html

@@ -0,0 +1 @@
+<!-- wp:pattern {"slug":"olympique/post-meta"} /-->

olympique/patterns/404.php

@@ -0,0 +1,47 @@
+<?php
+/**
+ * Title: 404
+ * Slug: olympique/404
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+<!-- wp:template-part {"slug":"header","area":"header"} /-->
+
+<!-- wp:group {"tagName":"main","style":{"spacing":{"blockGap":"0","margin":{"top":"0","bottom":"0"}}},"layout":{"type":"default"}} -->
+<main class="wp-block-group" style="margin-top:0;margin-bottom:0"><!-- wp:group {"align":"full","style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignfull"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"right":"var:preset|spacing|40","left":"var:preset|spacing|40","top":"var:preset|spacing|40","bottom":"var:preset|spacing|80"},"blockGap":"var:preset|spacing|40"},"border":{"left":{"width":"2px"},"top":[],"right":{"width":"2px"},"bottom":[]}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignwide" style="border-right-width:2px;border-left-width:2px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--40)"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
+<div class="wp-block-group alignwide"><!-- wp:heading {"textAlign":"center","level":1} -->
+<h1 class="wp-block-heading has-text-align-center" id="page-not-found"><?php esc_html_e('Page Not', 'olympique');?></h1>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"textAlign":"center","level":1} -->
+<h1 class="wp-block-heading has-text-align-center" id="page-not-found"><?php esc_html_e('Found.', 'olympique');?></h1>
+<!-- /wp:heading --></div>
+<!-- /wp:group -->
+
+<!-- wp:paragraph -->
+<p><?php esc_html_e('The page you are looking for does not exist, or it has been moved. Please try searching using the form below.', 'olympique');?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"0"},"margin":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}}} -->
+<div class="wp-block-columns alignwide" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)"><!-- wp:column -->
+<div class="wp-block-column"></div>
+<!-- /wp:column -->
+
+<!-- wp:column -->
+<div class="wp-block-column"><!-- wp:search {"label":"Search","showLabel":false,"width":100,"widthUnit":"%","buttonText":"Search","buttonPosition":"button-inside","buttonUseIcon":true,"align":"center","style":{"border":{"radius":"2px"},"layout":{"selfStretch":"fit","flexSize":null}},"fontSize":"medium"} /--></div>
+<!-- /wp:column -->
+
+<!-- wp:column -->
+<div class="wp-block-column"></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"0"}},"backgroundColor":"contrast","layout":{"type":"default"}} -->
+<div class="wp-block-group alignwide has-contrast-background-color has-background"><!-- wp:template-part {"slug":"footer","tagName":"footer","area":"footer"} /--></div>
+<!-- /wp:group --></main>
+<!-- /wp:group -->