Kansei: Add theme (#7638)

This commit is contained in:
Takashi Irie 2024-02-20 19:55:48 +00:00 committed by GitHub
parent c66a7c12e1
commit 674c7f1255
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
37 changed files with 1382 additions and 0 deletions

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 128 KiB

61
kansei/functions.php Normal file
View file

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

View file

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

1
kansei/parts/footer.html Normal file
View file

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

1
kansei/parts/header.html Normal file
View file

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

13
kansei/patterns/404.php Normal file
View file

@ -0,0 +1,13 @@
<?php
/**
* Title: A 404 page
* Slug: kansei/404
* Inserter: no
*/
declare( strict_types = 1 );
?>
<!-- wp:heading {"style":{"spacing":{"margin":{"top":"0","right":"0","bottom":"0","left":"0"}},"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"small"} -->
<h2 class="wp-block-heading has-small-font-size" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;font-style:normal;font-weight:700"><?php echo esc_html__( 'Oops, we lost you...', 'kansei' ); ?></h2>
<!-- /wp:heading -->

View file

@ -0,0 +1,52 @@
<?php
/**
* Title: Footer Front Page
* Slug: kansei/footer-front-page
* Categories: footer
* Block Types: core/template-part/footer
*/
declare( strict_types = 1 );
?>
<!-- wp:group {"style":{"spacing":{"margin":{"top":"3rem"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="margin-top:3rem">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"40%"} -->
<div class="wp-block-column" style="flex-basis:40%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"60%"} -->
<div class="wp-block-column" style="flex-basis:60%">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"16.7%"} -->
<div class="wp-block-column" style="flex-basis:16.7%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"33.3%"} -->
<div class="wp-block-column" style="flex-basis:33.3%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%">
<!-- wp:paragraph -->
<p><?php
/* Translators: WordPress link. */
$wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'kansei' ) ) . '" rel="nofollow">WordPress</a>';
echo sprintf(
esc_html__( 'Designed with %1$s', 'kansei' ),
$wordpress_link
);?></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

View file

@ -0,0 +1,36 @@
<?php
/**
* Title: Default footer
* Slug: kansei/footer
* Categories: footer
* Block Types: core/template-part/footer
*/
declare( strict_types = 1 );
?>
<!-- wp:group {"style":{"spacing":{"margin":{"top":"3rem"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="margin-top:3rem">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"40%"} -->
<div class="wp-block-column" style="flex-basis:40%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"60%"} -->
<div class="wp-block-column" style="flex-basis:60%">
<!-- wp:paragraph {"align":"right"} -->
<p class="has-text-align-right"><?php
/* Translators: WordPress link. */
$wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'kansei' ) ) . '" rel="nofollow">WordPress</a>';
echo sprintf(
esc_html__( 'Designed with %1$s', 'kansei' ),
$wordpress_link
);?></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

View file

@ -0,0 +1,66 @@
<?php
/**
* Title: front-page
* Slug: kansei/front-page
* Categories: hidden
* Inserter: no
*/
declare( strict_types = 1 );
?>
<!-- wp:group {"style":{"dimensions":{"minHeight":"100vh"},"spacing":{"padding":{"top":"var:preset|spacing|60","right":"var:preset|spacing|80","bottom":"var:preset|spacing|80","left":"var:preset|spacing|80"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="min-height:100vh;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80)">
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:cover {"url":"<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/milad-fakurian-Tc_4PdN-Fq0-unsplash-edited-scaled-1.jpg","dimRatio":0,"focalPoint":{"x":0.5,"y":0.5},"minHeight":65,"minHeightUnit":"vh","isDark":false,"style":{"color":[]}} -->
<div class="wp-block-cover is-light" style="min-height:65vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span>
<img class="wp-block-cover__image-background" alt="" src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/milad-fakurian-Tc_4PdN-Fq0-unsplash-edited-scaled-1.jpg" style="object-position:50% 50%" data-object-fit="cover" data-object-position="50% 50%"/>
<div class="wp-block-cover__inner-container"></div>
</div>
<!-- /wp:cover -->
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"40%"} -->
<div class="wp-block-column" style="flex-basis:40%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"60%"} -->
<div class="wp-block-column" style="flex-basis:60%">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"16.7%"} -->
<div class="wp-block-column" style="flex-basis:16.7%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"33.3%"} -->
<div class="wp-block-column" style="flex-basis:33.3%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%">
<!-- wp:paragraph -->
<p><?php
$link = '<a href="' . esc_url( __( 'https://en.wikipedia.org/wiki/Musashino_Art_University', 'kansei' ) ) . '" rel="nofollow">Musashino Art University</a>';
echo sprintf(
esc_html__( 'Designer, curator, and writer. I am a graduate of %1$s where I also work as a professor since April 2003 aside of the consultant practice.', 'kansei' ),
$link
);?></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer-front-page"} /-->
</div>
<!-- /wp:group -->

View file

@ -0,0 +1,44 @@
<?php
/**
* Title: Default header
* Slug: kansei/header
* Categories: featured, header
* Block Types: core/template-part/header
*/
declare( strict_types = 1 );
?>
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"40%"} -->
<div class="wp-block-column" style="flex-basis:40%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"60%"} -->
<div class="wp-block-column" style="flex-basis:60%">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"16.7%"} -->
<div class="wp-block-column" style="flex-basis:16.7%">
<!-- wp:site-title /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"33.3%"} -->
<div class="wp-block-column" style="flex-basis:33.3%">
<!-- wp:site-tagline /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%">
<!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right","orientation":"horizontal","flexWrap":"wrap"}} /-->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->

View file

@ -0,0 +1,13 @@
<?php
/**
* Title: No Results Content
* Slug: kansei/no-results-content
* Inserter: no
*/
declare( strict_types = 1 );
?>
<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<p style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Sorry, but nothing matched your search terms. Please try again with some different keywords..', 'kansei' ); ?></p>
<!-- /wp:paragraph -->

View file

@ -0,0 +1,13 @@
<?php
/**
* Title: No Results Content
* Slug: kansei/no-results
* Inserter: no
*/
declare( strict_types = 1 );
?>
<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<p style="margin-top:0;margin-bottom:0"><?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', 'kansei' ); ?></p>
<!-- /wp:paragraph -->

View file

@ -0,0 +1,13 @@
<?php
/**
* Title: Post Navigation
* Slug: kansei/post-navigation
* Inserter: no
*/
declare( strict_types = 1 );
?>
<!-- wp:post-navigation-link {"type":"previous","label":"<?php echo esc_html__( 'Prev', 'kansei' ); ?>","arrow":"arrow"} /-->
<!-- wp:post-navigation-link {"label":"<?php echo esc_html__( 'Next', 'kansei' ); ?>","arrow":"arrow"} /-->

View file

@ -0,0 +1,15 @@
<?php
/**
* Title: A query pagination
* Slug: kansei/query-pagination
* Inserter: no
*/
declare( strict_types = 1 );
?>
<!-- wp:query-pagination {"paginationArrow":"arrow"} -->
<!-- wp:query-pagination-previous {"label":"<?php echo esc_html__( 'Prev', 'kansei' ); ?>"} /-->
<!-- wp:query-pagination-next {"label":"<?php echo esc_html__( 'Next', 'kansei' ); ?>"} /-->
<!-- /wp:query-pagination -->

View file

@ -0,0 +1,11 @@
<?php
/**
* Title: Search field
* Slug: kansei/search-field
* Inserter: no
*/
declare( strict_types = 1 );
?>
<!-- wp:search {"label":"Search","showLabel":false,"placeholder":"<?php echo esc_html_x( 'Type to search', 'This is a placeholder text in a search field', 'kansei' ); ?>","width":100,"widthUnit":"%","buttonText":"Search","buttonPosition":"button-inside"} /-->

View file

@ -0,0 +1,11 @@
<?php
/**
* Title: Search
* Slug: kansei/search
* Inserter: no
*/
declare( strict_types = 1 );
?>
<!-- wp:search {"label":"<?php echo esc_html_x( 'Search', 'This is a search label', 'kansei' ); ?>","showLabel":false,"placeholder":"<?php echo esc_html_x( 'Type to search', 'This is a placeholder text in a search field', 'kansei' ); ?>","width":100,"widthUnit":"%","buttonText":"<?php echo esc_html_x( 'Search', 'This is a search button', 'kansei' ); ?>","buttonPosition":"button-inside"} /-->

37
kansei/readme.txt Normal file
View file

@ -0,0 +1,37 @@
=== Kansei ===
Contributors:
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 5.7
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
== Description ==
Kansei is a theme reminiscing of the Japanese book design tradition and graphic aesthetics. It aims to evoke a sense of harmony and balance.
== Changelog ==
= 1.0.0 =
* Initial release
== Copyright ==
Kansei WordPress Theme, (C) 2023
Kansei is distributed under the terms of the GNU GPL.
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.
Cormorant Font
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is available with a FAQ at: https://scripts.sil.org/OFL
License URL: https://scripts.sil.org/OFL
-- End of Cormorant Font credits --
https://unsplash.com/photos/white-and-black-floral-textile-Tc_4PdN-Fq0

BIN
kansei/screenshot.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 106 KiB

33
kansei/style.css Normal file
View file

@ -0,0 +1,33 @@
/*
Theme Name: Kansei
Theme URI: https://wordpress.com/theme/kansei/
Author: Automattic
Author URI: https://automattic.com/
Description: Kansei is a theme reminiscing of the Japanese book design tradition and graphic aesthetics. It aims to evoke a sense of harmony and balance.
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kansei
Tags: portfolio, one-column, featured-images, full-site-editing, rtl-language-support, threaded-comments, translation-ready
*/
/*
* Control the hover stylings of outline block style.
*/
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background):hover {
background-color: var(--wp--preset--color--primary);
border-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--base);
}
/*
* Link styles
* https://github.com/WordPress/gutenberg/issues/42319
*/
a {
text-decoration-thickness: 1px !important;
text-underline-offset: 2px;
}

32
kansei/templates/404.html Normal file
View file

@ -0,0 +1,32 @@
<!-- wp:group {"style":{"dimensions":{"minHeight":"100vh"},"spacing":{"padding":{"top":"var:preset|spacing|60","right":"var:preset|spacing|80","bottom":"var:preset|spacing|80","left":"var:preset|spacing|80"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="min-height:100vh;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80)">
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
<!-- wp:spacer {"height":"50px"} -->
<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:group {"style":{"dimensions":{"minHeight":"75vh"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="min-height:75vh">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"40%"} -->
<div class="wp-block-column" style="flex-basis:40%"></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"top","width":"60%"} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:60%">
<!-- wp:pattern {"slug":"kansei/404"} /-->
<!-- wp:spacer {"height":"50px"} -->
<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:pattern {"slug":"kansei/search-field"} /-->
</div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer"} /--></div>
<!-- /wp:group -->

View file

@ -0,0 +1,61 @@
<!-- wp:group {"style":{"dimensions":{"minHeight":"100vh"},"spacing":{"padding":{"top":"var:preset|spacing|60","right":"var:preset|spacing|80","bottom":"var:preset|spacing|80","left":"var:preset|spacing|80"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="min-height:100vh;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80)">
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
<!-- wp:group {"style":{"spacing":{"blockGap":"0"},"dimensions":{"minHeight":"75vh"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="min-height:75vh">
<!-- wp:query {"query":{"perPage":6,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true}} -->
<div class="wp-block-query">
<!-- wp:post-template {"layout":{"type":"grid","columnCount":2}} -->
<!-- wp:post-featured-image {"isLink":true,"height":"50vh","style":{"spacing":{"margin":{"top":"0","right":"0","bottom":"0","left":"0"}}}} /-->
<!-- /wp:post-template -->
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"40%"} -->
<div class="wp-block-column" style="flex-basis:40%">
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group">
<!-- wp:pattern {"slug":"kansei/query-pagination"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"60%"} -->
<div class="wp-block-column" style="flex-basis:60%">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"16.7%"} -->
<div class="wp-block-column" style="flex-basis:16.7%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"33.3%"} -->
<div class="wp-block-column" style="flex-basis:33.3%">
<!-- wp:query-title {"type":"archive"} /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%">
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"}} -->
<div class="wp-block-group">
<!-- wp:archives {"displayAsDropdown":true,"showLabel":false,"showPostCounts":true,"type":"yearly"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:query -->
</div>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer"} /-->
</div>
<!-- /wp:group -->

View file

@ -0,0 +1 @@
<!-- wp:pattern {"slug":"kansei/front-page"} /-->

View file

@ -0,0 +1,53 @@
<!-- wp:group {"style":{"dimensions":{"minHeight":"100vh"},"spacing":{"padding":{"top":"var:preset|spacing|60","right":"var:preset|spacing|80","bottom":"var:preset|spacing|80","left":"var:preset|spacing|80"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="min-height:100vh;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80)">
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
<!-- wp:group {"style":{"spacing":{"blockGap":"0"},"dimensions":{"minHeight":"75vh"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="min-height:75vh">
<!-- wp:query {"query":{"perPage":6,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true}} -->
<div class="wp-block-query">
<!-- wp:post-template {"layout":{"type":"grid","columnCount":2}} -->
<!-- wp:post-featured-image {"isLink":true,"height":"50vh","style":{"spacing":{"margin":{"top":"0","right":"0","bottom":"0","left":"0"}}}} /-->
<!-- /wp:post-template -->
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"40%"} -->
<div class="wp-block-column" style="flex-basis:40%">
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group">
<!-- wp:pattern {"slug":"kansei/query-pagination"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"60%"} -->
<div class="wp-block-column" style="flex-basis:60%">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"16.7%"} -->
<div class="wp-block-column" style="flex-basis:16.7%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"33.3%"} -->
<div class="wp-block-column" style="flex-basis:33.3%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"></div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:query -->
</div>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer"} /-->
</div>
<!-- /wp:group -->

View file

@ -0,0 +1,37 @@
<!-- wp:group {"style":{"dimensions":{"minHeight":"100vh"},"spacing":{"padding":{"top":"var:preset|spacing|60","right":"var:preset|spacing|80","bottom":"var:preset|spacing|80","left":"var:preset|spacing|80"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="min-height:100vh;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80)">
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
<!-- wp:spacer {"height":"50px"} -->
<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"40%"} -->
<div class="wp-block-column" style="flex-basis:40%">
<!-- wp:post-featured-image {"width":"80%","height":"70vh"} /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"60%"} -->
<div class="wp-block-column" style="flex-basis:60%">
<!-- wp:post-title {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}}} /-->
<!-- wp:spacer {"height":"50px"} -->
<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:post-content /-->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer"} /-->
</div>
<!-- /wp:group -->

View file

@ -0,0 +1,63 @@
<!-- wp:group {"style":{"dimensions":{"minHeight":"100vh"},"spacing":{"padding":{"top":"var:preset|spacing|60","right":"var:preset|spacing|80","bottom":"var:preset|spacing|80","left":"var:preset|spacing|80"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="min-height:100vh;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80)">
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
<!-- wp:group {"style":{"spacing":{"blockGap":"0"},"dimensions":{"minHeight":"75vh"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="min-height:75vh">
<!-- wp:query {"query":{"perPage":6,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"taxQuery":null,"parents":[]}} -->
<div class="wp-block-query">
<!-- wp:post-template {"layout":{"type":"grid","columnCount":2}} -->
<!-- wp:post-featured-image {"isLink":true,"height":"50vh","style":{"spacing":{"margin":{"top":"0","right":"0","bottom":"0","left":"0"}}}} /-->
<!-- /wp:post-template -->
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"40%"} -->
<div class="wp-block-column" style="flex-basis:40%">
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group">
<!-- wp:pattern {"slug":"kansei/query-pagination"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"60%"} -->
<div class="wp-block-column" style="flex-basis:60%">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"16.7%"} -->
<div class="wp-block-column" style="flex-basis:16.7%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"33.3%"} -->
<div class="wp-block-column" style="flex-basis:33.3%">
<!-- wp:query-title {"type":"search"} /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%">
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:query-no-results -->
<!-- wp:pattern {"slug":"kansei/no-results-content"} /-->
<!-- /wp:query-no-results -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:query -->
</div>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer"} /-->
</div>
<!-- /wp:group -->

View file

@ -0,0 +1,59 @@
<!-- wp:group {"style":{"dimensions":{"minHeight":"100vh"},"spacing":{"padding":{"top":"var:preset|spacing|60","right":"var:preset|spacing|80","bottom":"var:preset|spacing|80","left":"var:preset|spacing|80"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="min-height:100vh;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80)">
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:cover {"useFeaturedImage":true,"dimRatio":0,"customOverlayColor":"#FFF","focalPoint":{"x":0.5,"y":0.5},"minHeight":75,"minHeightUnit":"vh","isDark":false,"style":{"color":[]}} -->
<div class="wp-block-cover is-light" style="min-height:75vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim" style="background-color:#FFF"></span>
<div class="wp-block-cover__inner-container"></div>
</div>
<!-- /wp:cover -->
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"40%"} -->
<div class="wp-block-column" style="flex-basis:40%">
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group">
<!-- wp:pattern {"slug":"kansei/post-navigation"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"60%"} -->
<div class="wp-block-column" style="flex-basis:60%">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"16.7%"} -->
<div class="wp-block-column" style="flex-basis:16.7%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"33.3%"} -->
<div class="wp-block-column" style="flex-basis:33.3%">
<!-- wp:post-title /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%">
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"}} -->
<div class="wp-block-group">
<!-- wp:post-terms {"term":"category"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer"} /-->
</div>
<!-- /wp:group -->

655
kansei/theme.json Normal file
View file

@ -0,0 +1,655 @@
{
"settings": {
"appearanceTools": true,
"color": {
"palette": [
{
"color": "#ffffff",
"name": "Base",
"slug": "base"
},
{
"color": "#111111",
"name": "Primary",
"slug": "primary"
},
{
"color": "#f2f2f2",
"name": "Secondary",
"slug": "secondary"
},
{
"color": "#000000",
"name": "Tertiary",
"slug": "tertiary"
}
]
},
"layout": {
"contentSize": "99vw"
},
"spacing": {
"spacingSizes": [
{
"name": "4",
"size": "min(2.25rem, 6.5vw)",
"slug": "60"
},
{
"name": "5",
"size": "min(3.38rem, 7vw)",
"slug": "70"
},
{
"name": "6",
"size": "min(5.06rem, 7.5vw)",
"slug": "80"
}
],
"units": [
"%",
"px",
"em",
"rem",
"vh",
"vw"
]
},
"typography": {
"fluid": true,
"fontFamilies": [
{
"fontFace": [
{
"fontFamily": "Cormorant",
"fontStyle": "normal",
"fontWeight": "300",
"src": [
"file:./assets/fonts/cormorant_normal_300.ttf"
]
},
{
"fontFamily": "Cormorant",
"fontStyle": "normal",
"fontWeight": "400",
"src": [
"file:./assets/fonts/cormorant_normal_400.ttf"
]
},
{
"fontFamily": "Cormorant",
"fontStyle": "normal",
"fontWeight": "500",
"src": [
"file:./assets/fonts/cormorant_normal_500.ttf"
]
},
{
"fontFamily": "Cormorant",
"fontStyle": "normal",
"fontWeight": "600",
"src": [
"file:./assets/fonts/cormorant_normal_600.ttf"
]
},
{
"fontFamily": "Cormorant",
"fontStyle": "normal",
"fontWeight": "700",
"src": [
"file:./assets/fonts/cormorant_normal_700.ttf"
]
},
{
"fontFamily": "Cormorant",
"fontStyle": "italic",
"fontWeight": "300",
"src": [
"file:./assets/fonts/cormorant_italic_300.ttf"
]
},
{
"fontFamily": "Cormorant",
"fontStyle": "italic",
"fontWeight": "400",
"src": [
"file:./assets/fonts/cormorant_italic_400.ttf"
]
},
{
"fontFamily": "Cormorant",
"fontStyle": "italic",
"fontWeight": "500",
"src": [
"file:./assets/fonts/cormorant_italic_500.ttf"
]
},
{
"fontFamily": "Cormorant",
"fontStyle": "italic",
"fontWeight": "600",
"src": [
"file:./assets/fonts/cormorant_italic_600.ttf"
]
},
{
"fontFamily": "Cormorant",
"fontStyle": "italic",
"fontWeight": "700",
"src": [
"file:./assets/fonts/cormorant_italic_700.ttf"
]
},
{
"fontFamily": "Cormorant",
"fontStyle": "normal",
"fontWeight": "300",
"src": [
"file:./assets/fonts/cormorant_normal_300.ttf"
]
},
{
"fontFamily": "Cormorant",
"fontStyle": "normal",
"fontWeight": "400",
"src": [
"file:./assets/fonts/cormorant_normal_400.ttf"
]
},
{
"fontFamily": "Cormorant",
"fontStyle": "normal",
"fontWeight": "500",
"src": [
"file:./assets/fonts/cormorant_normal_500.ttf"
]
},
{
"fontFamily": "Cormorant",
"fontStyle": "normal",
"fontWeight": "600",
"src": [
"file:./assets/fonts/cormorant_normal_600.ttf"
]
},
{
"fontFamily": "Cormorant",
"fontStyle": "normal",
"fontWeight": "700",
"src": [
"file:./assets/fonts/cormorant_normal_700.ttf"
]
},
{
"fontFamily": "Cormorant",
"fontStyle": "italic",
"fontWeight": "300",
"src": [
"file:./assets/fonts/cormorant_italic_300.ttf"
]
},
{
"fontFamily": "Cormorant",
"fontStyle": "italic",
"fontWeight": "400",
"src": [
"file:./assets/fonts/cormorant_italic_400.ttf"
]
},
{
"fontFamily": "Cormorant",
"fontStyle": "italic",
"fontWeight": "500",
"src": [
"file:./assets/fonts/cormorant_italic_500.ttf"
]
},
{
"fontFamily": "Cormorant",
"fontStyle": "italic",
"fontWeight": "600",
"src": [
"file:./assets/fonts/cormorant_italic_600.ttf"
]
},
{
"fontFamily": "Cormorant",
"fontStyle": "italic",
"fontWeight": "700",
"src": [
"file:./assets/fonts/cormorant_italic_700.ttf"
]
}
],
"fontFamily": "Cormorant",
"slug": "cormorant"
}
],
"fontSizes": [
{
"fluid": {
"max": "1rem",
"min": "0.75rem"
},
"name": "Tiny",
"size": "0.9rem",
"slug": "x-small"
},
{
"fluid": false,
"name": "Small",
"size": "1rem",
"slug": "small"
},
{
"fluid": false,
"name": "Medium",
"size": "1.125rem",
"slug": "medium"
},
{
"fluid": false,
"name": "Large",
"size": "1.37rem",
"slug": "large"
},
{
"fluid": {
"max": "2.25rem",
"min": "1.75rem"
},
"name": "Extra Large",
"size": "2rem",
"slug": "x-large"
},
{
"fluid": {
"max": "3rem",
"min": "2.25rem"
},
"name": "Huge",
"size": "2.25rem",
"slug": "xx-large"
}
]
},
"useRootPaddingAwareAlignments": true
},
"styles": {
"blocks": {
"core/code": {
"border": {
"radius": "2px"
},
"color": {
"background": "var(--wp--preset--color--secondary)"
},
"spacing": {
"padding": {
"bottom": "var(--wp--preset--spacing--50)",
"left": "var(--wp--preset--spacing--50)",
"right": "var(--wp--preset--spacing--50)",
"top": "var(--wp--preset--spacing--50)"
}
},
"typography": {
"fontFamily": "monospace"
}
},
"core/comment-author-name": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)"
}
},
"core/comment-date": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)"
}
},
"core/comment-edit-link": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)"
}
},
"core/comment-reply-link": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)",
"textDecoration": "underline"
}
},
"core/comments-title": {
"typography": {
"fontSize": "var(--wp--preset--font-size--large)"
}
},
"core/gallery": {
"spacing": {
"margin": {
"bottom": "var(--wp--preset--spacing--50)"
}
}
},
"core/heading": {
"spacing": {
"margin": {
"bottom": "var(--wp--preset--spacing--30)",
"left": "0",
"right": "0",
"top": "var(--wp--preset--spacing--70)"
}
}
},
"core/list": {
"spacing": {
"padding": {
"left": "var(--wp--preset--spacing--70)"
}
}
},
"core/navigation": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)"
}
},
"core/post-date": {
"typography": {
"textTransform": "none"
}
},
"core/post-navigation-link": {
"elements": {
"link": {
"typography": {
"textDecoration": "none"
}
}
}
},
"core/post-terms": {
"elements": {
"link": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)",
"lineHeight": "1.3",
"textDecoration": "none"
}
}
}
},
"core/post-title": {
"elements": {
"link": {
"typography": {
"textDecoration": "none"
}
}
},
"spacing": {
"margin": {
"bottom": "0"
}
},
"typography": {
"fontSize": "var(--wp--preset--font-size--small)",
"fontStyle": "normal",
"fontWeight": "300",
"lineHeight": "1.3"
}
},
"core/pullquote": {
"border": {
"style": "solid",
"width": "1px 0"
},
"elements": {
"cite": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)",
"fontStyle": "italic"
}
}
},
"spacing": {
"padding": {
"bottom": "var(--wp--preset--spacing--50)",
"left": "var(--wp--preset--spacing--50)",
"right": "var(--wp--preset--spacing--50)",
"top": "var(--wp--preset--spacing--50)"
}
},
"typography": {
"fontSize": "var(--wp--preset--font-size--large)",
"fontStyle": "normal"
}
},
"core/query-pagination": {
"elements": {
"link": {
"typography": {
"textDecoration": "none"
}
}
},
"typography": {
"fontSize": "var(--wp--preset--font-size--small)",
"fontStyle": "normal",
"fontWeight": "300",
"lineHeight": "1.3"
}
},
"core/query-title": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)",
"fontStyle": "normal",
"fontWeight": "300",
"lineHeight": "1.3"
}
},
"core/quote": {
"border": {
"style": "solid",
"width": "0 0 0 2px"
},
"elements": {
"cite": {
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)",
"fontStyle": "normal"
}
}
},
"spacing": {
"padding": {
"left": "var(--wp--preset--spacing--50)"
}
},
"typography": {
"fontStyle": "normal"
}
},
"core/search": {
"typography": {
"fontFamily": "caramond",
"fontSize": "var(--wp--preset--font-size--x-small)",
"lineHeight": "1"
}
},
"core/separator": {
"border": {
"color": "currentColor",
"style": "solid",
"width": "0 0 1px 0"
},
"color": {
"text": "var(--wp--preset--color--primary)"
}
},
"core/site-tagline": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)",
"lineHeight": "1.3"
}
},
"core/site-title": {
"color": {
"text": "var(--wp--preset--color--primary)"
},
"elements": {
"link": {
"typography": {
"textDecoration": "none"
}
}
},
"typography": {
"fontFamily": "var(--wp--preset--font-family--cormorant)",
"fontSize": "var(--wp--preset--font-size--small)",
"fontStyle": "normal",
"fontWeight": "700",
"lineHeight": "1.3",
"textDecoration": "none",
"textTransform": "none"
}
}
},
"color": {
"background": "var(--wp--preset--color--base)",
"text": "var(--wp--preset--color--primary)"
},
"elements": {
"button": {
":hover": {
"color": {
"background": "var(--wp--preset--color--primary)",
"text": "var(--wp--preset--color--base)"
}
},
"border": {
"radius": "0"
},
"color": {
"background": "var(--wp--preset--color--primary)",
"text": "var(--wp--preset--color--base)"
}
},
"caption": {
"color": {
"text": "var(--wp--preset--color--primary)"
},
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)"
}
},
"h1": {
"typography": {
"fontSize": "var(--wp--preset--font-size--large)",
"fontStyle": "normal",
"fontWeight": "700",
"lineHeight": "1.1"
}
},
"h2": {
"typography": {
"fontSize": "1.45rem",
"fontStyle": "normal",
"fontWeight": "700",
"lineHeight": "1.1"
}
},
"h3": {
"typography": {
"fontSize": "var(--wp--preset--font-size--large)",
"fontStyle": "normal",
"fontWeight": "700",
"lineHeight": "1.2"
}
},
"h4": {
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)"
}
},
"h5": {
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)",
"fontWeight": "normal"
}
},
"h6": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)",
"fontWeight": "normal"
}
},
"heading": {
"typography": {
"fontFamily": "var(--wp--preset--font-family--cormorant)",
"fontStyle": "normal",
"fontWeight": "300",
"lineHeight": "1.6",
"textTransform": "none"
}
},
"link": {
":active": {
"color": {
"text": "var(--wp--preset--color--tertiary)"
},
"typography": {
"textDecoration": "none"
}
},
":hover": {
"color": {
"background": "var(--wp--preset--color--secondary)",
"text": "var(--wp--preset--color--tertiary)"
},
"typography": {
"textDecoration": "none"
}
},
"color": {
"text": "var(--wp--preset--color--primary)"
},
"typography": {
"textDecoration": "underline"
}
}
},
"spacing": {
"blockGap": "var(--wp--preset--spacing--50)",
"padding": {
"bottom": "0px",
"left": "0px",
"right": "0px",
"top": "0px"
}
},
"typography": {
"fontFamily": "var(--wp--preset--font-family--cormorant)",
"fontSize": "var(--wp--preset--font-size--small)",
"fontStyle": "normal",
"fontWeight": "300",
"lineHeight": "1.3"
}
},
"templateParts": [
{
"area": "header",
"name": "header",
"title": "Header"
},
{
"area": "footer",
"name": "footer",
"title": "Footer"
},
{
"area": "footer",
"name": "footer-front-page",
"title": "Footer Front Page"
}
],
"version": 2,
"$schema": "https://schemas.wp.org/trunk/theme.json"
}