Epi: Add theme (#7511)

Add the new Epi theme - it is a WP.com exclusive Archivo spin-off, see  pNEWy-hGU-p2

---------

Co-authored-by: Dean Sas <dean.sas@automattic.com>
This commit is contained in:
Takashi Irie 2023-11-30 14:24:29 +01:00 committed by GitHub
parent 36aa03682e
commit 5b8f44a62a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
39 changed files with 1947 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.

61
epi/functions.php Normal file
View file

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

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

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

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

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

111
epi/patterns/cart.php Normal file
View file

@ -0,0 +1,111 @@
<?php
/**
* Title: Cart
* Slug: epi/cart
* Inserter: no
*/
?>
<!-- wp:heading {"level":1,"align":"wide"} -->
<h1 class="wp-block-heading alignwide"><?php echo esc_html__( 'Cart', 'epi' ); ?></h1>
<!-- /wp:heading -->
<!-- wp:woocommerce/store-notices /-->
<!-- wp:woocommerce/cart -->
<div class="wp-block-woocommerce-cart alignwide is-loading">
<!-- wp:woocommerce/filled-cart-block {"align":"wide"} -->
<div class="wp-block-woocommerce-filled-cart-block alignwide">
<!-- wp:woocommerce/cart-items-block -->
<div class="wp-block-woocommerce-cart-items-block">
<!-- wp:woocommerce/cart-line-items-block -->
<div class="wp-block-woocommerce-cart-line-items-block"></div>
<!-- /wp:woocommerce/cart-line-items-block -->
<!-- wp:woocommerce/cart-cross-sells-block -->
<div class="wp-block-woocommerce-cart-cross-sells-block">
<!-- wp:heading {"fontSize":"large"} -->
<h2 class="wp-block-heading has-large-font-size"><?php echo esc_html__( 'You may be interested in…', 'epi' ); ?></h2>
<!-- /wp:heading -->
<!-- wp:woocommerce/cart-cross-sells-products-block -->
<div class="wp-block-woocommerce-cart-cross-sells-products-block"></div>
<!-- /wp:woocommerce/cart-cross-sells-products-block -->
</div>
<!-- /wp:woocommerce/cart-cross-sells-block -->
</div>
<!-- /wp:woocommerce/cart-items-block -->
<!-- wp:woocommerce/cart-totals-block -->
<div class="wp-block-woocommerce-cart-totals-block">
<!-- wp:woocommerce/cart-order-summary-block -->
<div class="wp-block-woocommerce-cart-order-summary-block">
<!-- wp:woocommerce/cart-order-summary-heading-block -->
<div class="wp-block-woocommerce-cart-order-summary-heading-block"></div>
<!-- /wp:woocommerce/cart-order-summary-heading-block -->
<!-- wp:woocommerce/cart-order-summary-coupon-form-block -->
<div class="wp-block-woocommerce-cart-order-summary-coupon-form-block"></div>
<!-- /wp:woocommerce/cart-order-summary-coupon-form-block -->
<!-- wp:woocommerce/cart-order-summary-subtotal-block -->
<div class="wp-block-woocommerce-cart-order-summary-subtotal-block"></div>
<!-- /wp:woocommerce/cart-order-summary-subtotal-block -->
<!-- wp:woocommerce/cart-order-summary-fee-block -->
<div class="wp-block-woocommerce-cart-order-summary-fee-block"></div>
<!-- /wp:woocommerce/cart-order-summary-fee-block -->
<!-- wp:woocommerce/cart-order-summary-discount-block -->
<div class="wp-block-woocommerce-cart-order-summary-discount-block"></div>
<!-- /wp:woocommerce/cart-order-summary-discount-block -->
<!-- wp:woocommerce/cart-order-summary-shipping-block -->
<div class="wp-block-woocommerce-cart-order-summary-shipping-block"></div>
<!-- /wp:woocommerce/cart-order-summary-shipping-block -->
<!-- wp:woocommerce/cart-order-summary-taxes-block -->
<div class="wp-block-woocommerce-cart-order-summary-taxes-block"></div>
<!-- /wp:woocommerce/cart-order-summary-taxes-block -->
</div>
<!-- /wp:woocommerce/cart-order-summary-block -->
<!-- wp:woocommerce/cart-express-payment-block -->
<div class="wp-block-woocommerce-cart-express-payment-block"></div>
<!-- /wp:woocommerce/cart-express-payment-block -->
<!-- wp:woocommerce/proceed-to-checkout-block -->
<div class="wp-block-woocommerce-proceed-to-checkout-block"></div>
<!-- /wp:woocommerce/proceed-to-checkout-block -->
<!-- wp:woocommerce/cart-accepted-payment-methods-block -->
<div class="wp-block-woocommerce-cart-accepted-payment-methods-block"></div>
<!-- /wp:woocommerce/cart-accepted-payment-methods-block -->
</div>
<!-- /wp:woocommerce/cart-totals-block -->
</div>
<!-- /wp:woocommerce/filled-cart-block -->
<!-- wp:woocommerce/empty-cart-block {"align":"wide"} -->
<div class="wp-block-woocommerce-empty-cart-block alignwide">
<!-- wp:heading {"textAlign":"center","className":"with-empty-cart-icon wc-block-cart__empty-cart__title"} -->
<h2 class="wp-block-heading has-text-align-center with-empty-cart-icon wc-block-cart__empty-cart__title"><?php echo esc_html__( 'Your cart is currently empty!', 'epi' ); ?></h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><a href="#"><?php echo esc_html__( 'Browse store', 'epi' ); ?></a></p>
<!-- /wp:paragraph -->
<!-- wp:separator {"className":"is-style-dots"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-dots"/>
<!-- /wp:separator -->
<!-- wp:heading {"textAlign":"center"} -->
<h2 class="wp-block-heading has-text-align-center"><?php echo esc_html__( 'New in store', 'epi' ); ?></h2>
<!-- /wp:heading -->
<!-- wp:woocommerce/product-new {"rows":1} /-->
</div>
<!-- /wp:woocommerce/empty-cart-block -->
</div>
<!-- /wp:woocommerce/cart -->

111
epi/patterns/checkout.php Normal file
View file

@ -0,0 +1,111 @@
<?php
/**
* Title: Cart
* Slug: epi/checkout
* Inserter: no
*/
declare( strict_types = 1 );
?>
<!-- wp:template-part {"slug":"checkout-header","theme":"woocommerce/woocommerce"} /-->
<!-- wp:group {"layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:heading {"level":1,"align":"wide"} -->
<h1 class="wp-block-heading alignwide"><?php echo esc_html__( 'Checkout', 'epi' ); ?></h1>
<!-- /wp:heading -->
<!-- wp:woocommerce/store-notices /-->
<!-- wp:woocommerce/checkout {"className":"wc-block-checkout"} -->
<div class="wp-block-woocommerce-checkout alignwide wc-block-checkout is-loading">
<!-- wp:woocommerce/checkout-fields-block -->
<div class="wp-block-woocommerce-checkout-fields-block">
<!-- wp:woocommerce/checkout-express-payment-block -->
<div class="wp-block-woocommerce-checkout-express-payment-block"></div>
<!-- /wp:woocommerce/checkout-express-payment-block -->
<!-- wp:woocommerce/checkout-contact-information-block -->
<div class="wp-block-woocommerce-checkout-contact-information-block"></div>
<!-- /wp:woocommerce/checkout-contact-information-block -->
<!-- wp:woocommerce/checkout-shipping-method-block -->
<div class="wp-block-woocommerce-checkout-shipping-method-block"></div>
<!-- /wp:woocommerce/checkout-shipping-method-block -->
<!-- wp:woocommerce/checkout-pickup-options-block -->
<div class="wp-block-woocommerce-checkout-pickup-options-block"></div>
<!-- /wp:woocommerce/checkout-pickup-options-block -->
<!-- wp:woocommerce/checkout-shipping-address-block -->
<div class="wp-block-woocommerce-checkout-shipping-address-block"></div>
<!-- /wp:woocommerce/checkout-shipping-address-block -->
<!-- wp:woocommerce/checkout-billing-address-block -->
<div class="wp-block-woocommerce-checkout-billing-address-block"></div>
<!-- /wp:woocommerce/checkout-billing-address-block -->
<!-- wp:woocommerce/checkout-shipping-methods-block -->
<div class="wp-block-woocommerce-checkout-shipping-methods-block"></div>
<!-- /wp:woocommerce/checkout-shipping-methods-block -->
<!-- wp:woocommerce/checkout-payment-block -->
<div class="wp-block-woocommerce-checkout-payment-block"></div>
<!-- /wp:woocommerce/checkout-payment-block -->
<!-- wp:woocommerce/checkout-order-note-block -->
<div class="wp-block-woocommerce-checkout-order-note-block"></div>
<!-- /wp:woocommerce/checkout-order-note-block -->
<!-- wp:woocommerce/checkout-terms-block -->
<div class="wp-block-woocommerce-checkout-terms-block"></div>
<!-- /wp:woocommerce/checkout-terms-block -->
<!-- wp:woocommerce/checkout-actions-block -->
<div class="wp-block-woocommerce-checkout-actions-block"></div>
<!-- /wp:woocommerce/checkout-actions-block -->
</div>
<!-- /wp:woocommerce/checkout-fields-block -->
<!-- wp:woocommerce/checkout-totals-block -->
<div class="wp-block-woocommerce-checkout-totals-block">
<!-- wp:woocommerce/checkout-order-summary-block -->
<div class="wp-block-woocommerce-checkout-order-summary-block">
<!-- wp:woocommerce/checkout-order-summary-cart-items-block -->
<div class="wp-block-woocommerce-checkout-order-summary-cart-items-block"></div>
<!-- /wp:woocommerce/checkout-order-summary-cart-items-block -->
<!-- wp:woocommerce/checkout-order-summary-coupon-form-block -->
<div class="wp-block-woocommerce-checkout-order-summary-coupon-form-block"></div>
<!-- /wp:woocommerce/checkout-order-summary-coupon-form-block -->
<!-- wp:woocommerce/checkout-order-summary-subtotal-block -->
<div class="wp-block-woocommerce-checkout-order-summary-subtotal-block"></div>
<!-- /wp:woocommerce/checkout-order-summary-subtotal-block -->
<!-- wp:woocommerce/checkout-order-summary-fee-block -->
<div class="wp-block-woocommerce-checkout-order-summary-fee-block"></div>
<!-- /wp:woocommerce/checkout-order-summary-fee-block -->
<!-- wp:woocommerce/checkout-order-summary-discount-block -->
<div class="wp-block-woocommerce-checkout-order-summary-discount-block"></div>
<!-- /wp:woocommerce/checkout-order-summary-discount-block -->
<!-- wp:woocommerce/checkout-order-summary-shipping-block -->
<div class="wp-block-woocommerce-checkout-order-summary-shipping-block"></div>
<!-- /wp:woocommerce/checkout-order-summary-shipping-block -->
<!-- wp:woocommerce/checkout-order-summary-taxes-block -->
<div class="wp-block-woocommerce-checkout-order-summary-taxes-block"></div>
<!-- /wp:woocommerce/checkout-order-summary-taxes-block -->
</div>
<!-- /wp:woocommerce/checkout-order-summary-block -->
</div>
<!-- /wp:woocommerce/checkout-totals-block -->
</div>
<!-- /wp:woocommerce/checkout -->
</div>
<!-- /wp:group -->

41
epi/patterns/footer.php Normal file
View file

@ -0,0 +1,41 @@
<?php
/**
* Title: Default footer
* Slug: epi/footer
* Categories: footer
* Block Types: core/template-part/footer
*/
declare( strict_types = 1 );
?>
<!-- wp:spacer {"height":"192px"} -->
<div style="height:192px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:site-logo {"width":96,"shouldSyncIcon":false,"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|50"}}}} /-->
<!-- wp:group {"style":{"spacing":{"padding":{"top":"0","bottom":"var:preset|spacing|50"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between","verticalAlignment":"top"}} -->
<div class="wp-block-group" style="padding-top:0;padding-bottom:var(--wp--preset--spacing--50)">
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group">
<!-- wp:site-title {"level":0,"style":{"typography":{"lineHeight":1.388888889}}} /-->
<!-- wp:paragraph -->
<p><a href="#"><?php echo esc_html__( 'Tumblr', 'epi' ); ?></a> / <a href="#"><?php echo esc_html__( 'Instagram', 'epi' ); ?></a> / <a href="#"><?php echo esc_html__( 'Email', 'epi' ); ?></a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:paragraph -->
<p><?php
/* Translators: WordPress link. */
$wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'epi' ) ) . '" rel="nofollow">WordPress</a>';
echo sprintf(
esc_html__( 'Designed with %1$s', 'epi' ),
$wordpress_link
);
?></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->

38
epi/patterns/header.php Normal file
View file

@ -0,0 +1,38 @@
<?php
/**
* Title: Default header
* Slug: epi/header
* Categories: header
* Block Types: core/template-part/header
*/
declare( strict_types = 1 );
?>
<!-- wp:group {"layout":{"type":"default"}} -->
<div class="wp-block-group">
<!-- wp:site-title {"level":0} /-->
<!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:navigation {"overlayBackgroundColor":"background","overlayTextColor":"foreground","layout":{"type":"flex","orientation":"vertical","justifyContent":"left"},"style":{"spacing":{"blockGap":"0"}}} /-->
</div>
<!-- /wp:group -->
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"66.66%"} -->
<div class="wp-block-column" style="flex-basis:66.66%">
<!-- wp:paragraph -->
<p><?php echo esc_html__( 'Born from a passion for the transformative power of clothing and the stories woven into the fabric of every garment, this is more than just a blog—it is a style odyssey.', 'epi' ); ?></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"></div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

View file

@ -0,0 +1,21 @@
<?php
/**
* Title: A 404 page
* Slug: epi/hidden-404
* Inserter: no
*/
declare( strict_types = 1 );
?>
<!-- wp:heading {"textAlign":"left","level":1,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","lineHeight":1.388888889}},"fontSize":"medium"} -->
<h1 class="wp-block-heading has-text-align-left has-medium-font-size" id="oops-that-page-can-t-be-found" style="font-style:normal;font-weight:700;line-height:1.388888889;">
<?php echo esc_html__( 'Oops! That page can&rsquo;t be found.', 'epi' ); ?>
</h1>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p><?php echo esc_html__( 'It looks like nothing was found at this location. Maybe try a search?', 'epi' ); ?></p>
<!-- /wp:paragraph -->
<!-- wp:pattern {"slug":"epi/hidden-search-field"} /-->

View file

@ -0,0 +1,56 @@
<?php
/**
* Title: Comments
* Slug: epi/hidden-comments
* Inserter: no
*/
declare( strict_types = 1 );
?>
<!-- wp:spacer {"height":"3rem"} -->
<div style="height:3rem" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- 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 {"style":{"spacing":{"blockGap":"0.5rem"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group">
<!-- wp:avatar {"size":32} /-->
<!-- 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 {"paginationArrow":"chevron","layout":{"type":"flex","justifyContent":"space-between"}} -->
<!-- wp:comments-pagination-previous /-->
<!-- wp:comments-pagination-next /-->
<!-- /wp:comments-pagination -->
<!-- wp:post-comments-form /-->
</div>
<!-- /wp:comments -->

View file

@ -0,0 +1,12 @@
<?php
/**
* Title: Hidden No Results Content
* Slug: epi/hidden-no-results
* Inserter: no
*/
declare( strict_types = 1 );
?>
<!-- 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', 'epi' ); ?></p>
<!-- /wp:paragraph -->

View file

@ -0,0 +1,10 @@
<?php
/**
* Title: Hidden Search Field
* Slug: epi/hidden-search-field
* Inserter: no
*/
declare( strict_types = 1 );
?>
<!-- wp:search {"showLabel":false,"placeholder":"<?php echo esc_html_x( 'Search...', 'This is a placeholder for search field', 'epi' ); ?>","buttonText":"<?php esc_attr_e( 'Search', 'epi' ); ?>"} /-->

View file

@ -0,0 +1,55 @@
<?php
/**
* Title: Post List
* Slug: epi/post-list
* Categories: posts
*/
declare( strict_types = 1 );
?>
<!-- wp:query {"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"taxQuery":null,"parents":[]},"layout":{"type":"default"}} -->
<div class="wp-block-query">
<!-- wp:post-template -->
<!-- wp:columns {"style":{"spacing":{"padding":{"bottom":"3rem"}}}} -->
<div class="wp-block-columns" style="padding-bottom:3rem">
<!-- wp:column {"width":"34.0137%"} -->
<div class="wp-block-column" style="flex-basis:34.0137%">
<!-- wp:post-title {"isLink":true} /-->
<!-- wp:post-excerpt /-->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex"}} -->
<div class="wp-block-group">
<!-- wp:post-date {"isLink":false} /-->
<!-- wp:post-author {"showAvatar":false,"isLink":true} /-->
<!-- wp:post-terms {"term":"category"} /-->
<!-- wp:post-terms {"term":"post_tag"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"65.9863%"} -->
<div class="wp-block-column" style="flex-basis:65.9863%">
<!-- wp:post-featured-image {"isLink":true} /-->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- /wp:post-template -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group">
<!-- wp:query-pagination {"paginationArrow":"chevron","layout":{"type":"flex","justifyContent":"space-between","arrow":"chevron"}} -->
<!-- wp:query-pagination-previous /-->
<!-- wp:query-pagination-next /-->
<!-- /wp:query-pagination -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:query -->

46
epi/readme.txt Normal file
View file

@ -0,0 +1,46 @@
=== Epi ===
Contributors: Automattic
Requires at least: 6.3
Tested up to: 6.4
Requires PHP: 7.0
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
== Description ==
Epi is a simple blog theme with a sticky left sidebar.
== Changelog ==
= 1.0.0 =
* Initial release
== Copyright ==
Epi is based on Archivo (https://wordpress.com/theme/archivo/), (C) Automattic, [GPLv2 or later](http://www.gnu.org/licenses/gpl-2.0.html)
Archivo WordPress Theme, (C) 2022 Automattic
Archivo 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.
Inter Font
Copyright 2020 The Inter Project Authors (https://github.com/rsms/inter)
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is available with a FAQ at: http://scripts.sil.org/OFL
License URL: http://scripts.sil.org/OFL
Source: https://rsms.me/
-- End of Inter Font credits --
Included in theme screenshot
Grayscale photography of woman wearing long-sleeved shirt photo
Unsplash License
https://unsplash.com/photos/grayscale-photography-of-woman-wearing-long-sleeved-shirt-UqT55tGBqzI

BIN
epi/screenshot.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 KiB

161
epi/style.css Normal file
View file

@ -0,0 +1,161 @@
/*
Theme Name: Epi
Theme URI: https://wordpress.com/theme/epi/
Author: Automattic
Author URI: https://automattic.com/
Description: Epi is a simple blog theme with a sticky left sidebar.
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.0
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: epi
Tags: blog, three-columns, wide-blocks, block-styles, featured-images, full-site-editing, rtl-language-support, style-variations, threaded-comments, translation-ready, one-column, editor-style
*/
/*
* 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-color: var(--wp--preset--color--tertiary);
text-decoration-thickness: 0.5px !important;
text-underline-offset: 0.1em;
}
a:hover {
text-decoration-color: var(--wp--preset--color--tertiary) !important;
}
/*
* Navigation Block
* Reset the padding from List block
* https://github.com/WordPress/gutenberg/issues/50486
*/
.wp-block-navigation ul {
padding: unset;
}
/*
* Adjust the position of the close button
*/
.wp-block-navigation__responsive-container-close {
left: 0;
}
.has-modal-open .is-menu-open .wp-block-navigation__responsive-dialog {
margin-top: 48px;
}
.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
margin-top: 94px;
}
/*
* Responsive menu container padding.
* This ensures the responsive container inherits the same
* spacing defined above. This behavior may be built into
* the Block Editor in the future.
*/
.wp-block-navigation__responsive-container.is-menu-open {
padding: var(--wp--preset--spacing--50);
}
/* Adjust the top padding for the menu items */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
padding-top: calc(1.5rem + var(--wp--preset--spacing--50));
}
/* Adjust the top padding for the submenu items */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
padding: 0 var(--wp--preset--spacing--50);
}
/*
* Pull quote Block
* Reset the browser default margins for blockquote element
* https://github.com/WordPress/gutenberg/issues/44129
*/
.wp-block-pullquote blockquote,
.wp-block-pullquote p {
margin: 0;
}
/*
* Needed to style Jetpack Contact Form
*/
.wp-block-jetpack-contact-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.wp-block-jetpack-contact-form select,
.wp-block-jetpack-contact-form textarea {
border: 1px solid #949494;
font-family: inherit;
font-size: 1em;
margin-bottom: var(--wp--preset--spacing--50);
padding: 8px;
}
.wp-block-jetpack-contact-form .wp-block-jetpack-button button {
padding: 0.5em 2em;
}
.wp-block-jetpack-contact-form.contact-form label {
font-weight: 400;
margin-bottom: 0;
text-transform: none;
}
.wp-block-jetpack-contact-form.contact-form label span {
opacity: 0.7;
}
.wp-block-jetpack-contact-form.contact-form select {
padding: 8px;
}
.wp-block-jetpack-contact-form.contact-form textarea {
margin-bottom: var(--wp--preset--spacing--50);
}
div[id^="contact-form-"] h4 {
font-size: var(--wp--preset--font-size--medium);
font-weight: 700;
line-height: 1.388888889;
}
.contact-form-submission {
margin: 0;
padding: 0;
}
.wp-block-jetpack-mailchimp input:not([type="submit"]) {
border: 1px solid #949494;
font-family: inherit;
font-size: 1em;
padding: 8px;
}
.wp-block-jetpack-mailchimp .wp-block-jetpack-button button {
padding: 0.5em 2em;
}
.wp-block-jetpack-mailchimp .wp-block-jetpack-button,
.wp-block-jetpack-mailchimp p {
margin-bottom: var(--wp--preset--spacing--50);
}
.wp-block-post-comments-form .comment-form input:not([type="submit"]):not([type="checkbox"]),
.wp-block-post-comments-form .comment-form textarea {
line-height: inherit;
}

45
epi/templates/404.html Normal file
View file

@ -0,0 +1,45 @@
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis:75%">
<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
<main class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"34.0137%"} -->
<div class="wp-block-column" style="flex-basis:34.0137%">
<!-- wp:group {"tagName":"main","layout":{"type":"default"}} -->
<main class="wp-block-group">
<!-- wp:pattern {"slug":"epi/hidden-404"} /-->
</main>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"65.9863%"} -->
<div class="wp-block-column" style="flex-basis:65.9863%">
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</main>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:template-part {"slug":"footer","tagName":"footer","align":"wide"} /-->
</div>
<!-- /wp:group -->

View file

@ -0,0 +1,29 @@
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis:75%">
<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
<main class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
<!-- wp:woocommerce/legacy-template {"template":"archive-product"} /-->
</main>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:template-part {"slug":"footer","tagName":"footer","align":"wide"} /-->
</div>
<!-- /wp:group -->

View file

@ -0,0 +1,49 @@
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis:75%">
<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
<main class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"34.0137%"} -->
<div class="wp-block-column" style="flex-basis:34.0137%">
<!-- wp:query-title {"type":"archive","showPrefix":false} /-->
<!-- wp:term-description {"style":{"spacing":{"margin":{"top":"0.5rem"}}},"fontSize":"small"} /-->
<!-- wp:spacer {"height":"3rem"} -->
<div style="height:3rem" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"65.9863%"} -->
<div class="wp-block-column" style="flex-basis:65.9863%"></div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:pattern {"slug":"epi/post-list"} /-->
</main>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:template-part {"slug":"footer","tagName":"footer","align":"wide"} /-->
</div>
<!-- /wp:group -->

29
epi/templates/cart.html Normal file
View file

@ -0,0 +1,29 @@
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis:75%">
<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
<main class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
<!-- wp:pattern {"slug":"epi/cart"} /-->
</main>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:template-part {"slug":"footer","tagName":"footer","align":"wide"} /-->
</div>
<!-- /wp:group -->

View file

@ -0,0 +1,5 @@
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50)">
<!-- wp:pattern {"slug":"epi/checkout"} /-->
</div>
<!-- /wp:group -->

29
epi/templates/index.html Normal file
View file

@ -0,0 +1,29 @@
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis:75%">
<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
<main class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
<!-- wp:pattern {"slug":"epi/post-list"} /-->
</main>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:template-part {"slug":"footer","tagName":"footer","align":"wide"} /-->
</div>
<!-- /wp:group -->

View file

@ -0,0 +1,29 @@
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis:75%">
<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
<main class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
<!-- wp:woocommerce/legacy-template {"template":"order-confirmation"} /-->
</main>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:template-part {"slug":"footer","tagName":"footer","align":"wide"} /-->
</div>
<!-- /wp:group -->

56
epi/templates/page.html Normal file
View file

@ -0,0 +1,56 @@
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis:75%">
<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
<main class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"34.0137%"} -->
<div class="wp-block-column" style="flex-basis:34.0137%">
<!-- wp:post-title {"level":1} /-->
<!-- wp:post-content {"lock":{"move":false,"remove":false},"layout":{"type":"default"}} /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"65.9863%"} -->
<div class="wp-block-column" style="flex-basis:65.9863%">
<!-- wp:post-featured-image {"align":"full"} /-->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"34.0137%"} -->
<div class="wp-block-column" style="flex-basis:34.0137%">
<!-- wp:pattern {"slug":"epi/hidden-comments"} /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"65.9863%"} -->
<div class="wp-block-column" style="flex-basis:65.9863%"></div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</main>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:template-part {"slug":"footer","tagName":"footer","align":"wide"} /-->
</div>
<!-- /wp:group -->

View file

@ -0,0 +1,29 @@
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis:75%">
<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
<main class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
<!-- wp:woocommerce/legacy-template {"template":"archive-product"} /-->
</main>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:template-part {"slug":"footer","tagName":"footer","align":"wide"} /-->
</div>
<!-- /wp:group -->

109
epi/templates/search.html Normal file
View file

@ -0,0 +1,109 @@
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis:75%">
<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
<main class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"34.0137%"} -->
<div class="wp-block-column" style="flex-basis:34.0137%">
<!-- wp:query-title {"type":"search"} /-->
<!-- wp:pattern {"slug":"epi/hidden-search-field"} /-->
<!-- wp:spacer {"height":"3rem"} -->
<div style="height:3rem" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"65.9863%"} -->
<div class="wp-block-column" style="flex-basis:65.9863%"></div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:query {"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"taxQuery":null,"parents":[]},"layout":{"type":"default"}} -->
<div class="wp-block-query">
<!-- wp:post-template -->
<!-- wp:columns {"style":{"spacing":{"padding":{"bottom":"3rem"}}}} -->
<div class="wp-block-columns" style="padding-bottom:3rem">
<!-- wp:column {"width":"34.0137%"} -->
<div class="wp-block-column" style="flex-basis:34.0137%">
<!-- wp:post-title {"isLink":true} /-->
<!-- wp:post-excerpt /-->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex"}} -->
<div class="wp-block-group">
<!-- wp:post-date {"isLink":false} /-->
<!-- wp:post-author {"showAvatar":false,"isLink":true} /-->
<!-- wp:post-terms {"term":"category"} /-->
<!-- wp:post-terms {"term":"post_tag"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"65.9863%"} -->
<div class="wp-block-column" style="flex-basis:65.9863%">
<!-- wp:post-featured-image {"isLink":true} /-->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- /wp:post-template -->
<!-- wp:query-no-results -->
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"34.0137%"} -->
<div class="wp-block-column" style="flex-basis:34.0137%">
<!-- wp:pattern {"slug":"epi/hidden-no-results"} /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"65.9863%"} -->
<div class="wp-block-column" style="flex-basis:65.9863%"></div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- /wp:query-no-results -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group">
<!-- wp:query-pagination {"paginationArrow":"chevron","layout":{"type":"flex","justifyContent":"space-between","arrow":"chevron"}} -->
<!-- wp:query-pagination-previous /-->
<!-- wp:query-pagination-next /-->
<!-- /wp:query-pagination -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:query -->
</main>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:template-part {"slug":"footer","tagName":"footer","align":"wide"} /-->
</div>
<!-- /wp:group -->

View file

@ -0,0 +1,29 @@
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis:75%">
<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
<main class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
<!-- wp:woocommerce/legacy-template {"template":"single-product"} /-->
</main>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:template-part {"slug":"footer","tagName":"footer","align":"wide"} /-->
</div>
<!-- /wp:group -->

85
epi/templates/single.html Normal file
View file

@ -0,0 +1,85 @@
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis:75%">
<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
<main class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"34.0137%"} -->
<div class="wp-block-column" style="flex-basis:34.0137%">
<!-- wp:post-title {"level":1} /-->
<!-- wp:post-content {"lock":{"move":false,"remove":false},"layout":{"type":"default"}} /-->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex"}} -->
<div class="wp-block-group">
<!-- wp:post-author {"showAvatar":false} /-->
<!-- wp:post-date {"isLink":true} /-->
<!-- wp:post-terms {"term":"category"} /-->
<!-- wp:post-terms {"term":"post_tag"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"65.9863%"} -->
<div class="wp-block-column" style="flex-basis:65.9863%">
<!-- wp:post-featured-image {"align":"full"} /-->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:spacer {"height":"3rem"} -->
<div style="height:3rem" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group">
<!-- wp:post-navigation-link {"type":"previous","label":"Previous Post","arrow":"chevron"} /-->
<!-- wp:post-navigation-link {"textAlign":"right","label":"Next Post","arrow":"chevron"} /-->
</div>
<!-- /wp:group -->
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"34.0137%"} -->
<div class="wp-block-column" style="flex-basis:34.0137%">
<!-- wp:group {"layout":{"type":"default"}} -->
<div class="wp-block-group">
<!-- wp:pattern {"slug":"epi/hidden-comments"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"65.9863%"} -->
<div class="wp-block-column" style="flex-basis:65.9863%"></div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</main>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:template-part {"slug":"footer","tagName":"footer","align":"wide"} /-->
</div>
<!-- /wp:group -->

View file

@ -0,0 +1,29 @@
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis:75%">
<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
<main class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
<!-- wp:woocommerce/legacy-template {"template":"taxonomy-product_cat"} /-->
</main>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:template-part {"slug":"footer","tagName":"footer","align":"wide"} /-->
</div>
<!-- /wp:group -->

View file

@ -0,0 +1,29 @@
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis:75%">
<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
<main class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
<!-- wp:woocommerce/legacy-template {"template":"taxonomy-product_tag"} /-->
</main>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:template-part {"slug":"footer","tagName":"footer","align":"wide"} /-->
</div>
<!-- /wp:group -->

641
epi/theme.json Normal file
View file

@ -0,0 +1,641 @@
{
"customTemplates": [
{
"name": "archive-product",
"postTypes": [
"page"
],
"title": "Product Archive"
},
{
"name": "cart",
"postTypes": [
"page"
],
"title": "Cart"
},
{
"name": "checkout",
"postTypes": [
"page"
],
"title": "Checkout"
},
{
"name": "order-confirmation",
"postTypes": [
"page"
],
"title": "Order Confirmation"
},
{
"name": "product-search-results",
"postTypes": [
"page"
],
"title": "Product Search Results"
},
{
"name": "single-product",
"postTypes": [
"product"
],
"title": "Single Product"
},
{
"name": "taxonomy-product_cat",
"postTypes": [
"page"
],
"title": "Product Category Archive"
},
{
"name": "taxonomy-product_tag",
"postTypes": [
"page"
],
"title": "Product Tag Archive"
}
],
"settings": {
"appearanceTools": true,
"color": {
"custom": true,
"customGradient": true,
"palette": [
{
"color": "#232323",
"name": "Primary",
"slug": "primary"
},
{
"color": "#424242",
"name": "Secondary",
"slug": "secondary"
},
{
"color": "#232323",
"name": "Foreground",
"slug": "foreground"
},
{
"color": "#f1f1f1",
"name": "Background",
"slug": "background"
},
{
"color": "#464646",
"name": "Tertiary",
"slug": "tertiary"
}
]
},
"layout": {
"contentSize": "400px",
"wideSize": "1624px"
},
"spacing": {
"spacingScale": {
"steps": 0
},
"spacingSizes": [
{
"name": "1",
"size": "0.75rem",
"slug": "30"
},
{
"name": "2",
"size": "1rem",
"slug": "40"
},
{
"name": "3",
"size": "1.5rem",
"slug": "50"
},
{
"name": "4",
"size": "2rem",
"slug": "60"
},
{
"name": "5",
"size": "3rem",
"slug": "70"
},
{
"name": "6",
"size": "4rem",
"slug": "80"
}
],
"units": [
"%",
"px",
"em",
"rem",
"vh",
"vw"
]
},
"typography": {
"customFontSize": true,
"dropCap": false,
"fluid": false,
"fontFamilies": [
{
"fontFace": [
{
"fontFamily": "Inter",
"fontStyle": "normal",
"fontWeight": "100",
"src": [
"file:./assets/fonts/inter_normal_100.ttf"
]
},
{
"fontFamily": "Inter",
"fontStyle": "normal",
"fontWeight": "200",
"src": [
"file:./assets/fonts/inter_normal_200.ttf"
]
},
{
"fontFamily": "Inter",
"fontStyle": "normal",
"fontWeight": "300",
"src": [
"file:./assets/fonts/inter_normal_300.ttf"
]
},
{
"fontFamily": "Inter",
"fontStyle": "normal",
"fontWeight": "400",
"src": [
"file:./assets/fonts/inter_normal_400.ttf"
]
},
{
"fontFamily": "Inter",
"fontStyle": "normal",
"fontWeight": "500",
"src": [
"file:./assets/fonts/inter_normal_500.ttf"
]
},
{
"fontFamily": "Inter",
"fontStyle": "normal",
"fontWeight": "600",
"src": [
"file:./assets/fonts/inter_normal_600.ttf"
]
},
{
"fontFamily": "Inter",
"fontStyle": "normal",
"fontWeight": "700",
"src": [
"file:./assets/fonts/inter_normal_700.ttf"
]
},
{
"fontFamily": "Inter",
"fontStyle": "normal",
"fontWeight": "800",
"src": [
"file:./assets/fonts/inter_normal_800.ttf"
]
},
{
"fontFamily": "Inter",
"fontStyle": "normal",
"fontWeight": "900",
"src": [
"file:./assets/fonts/inter_normal_900.ttf"
]
}
],
"fontFamily": "Inter",
"slug": "inter"
}
],
"fontSizes": [
{
"name": "Extra Small",
"size": "0.625rem",
"slug": "x-small"
},
{
"name": "Small",
"size": "0.75rem",
"slug": "small"
},
{
"name": "Medium",
"size": "0.9rem",
"slug": "medium"
},
{
"name": "Large",
"size": "1.296rem",
"slug": "large"
},
{
"name": "Extra Large",
"size": "1.866rem",
"slug": "x-large"
}
]
}
},
"styles": {
"blocks": {
"core/button": {
"variations": {
"outline": {
"border": {
"width": "1px"
},
"spacing": {
"padding": {
"bottom": "0.3125rem",
"left": "1.4375rem",
"right": "1.4375rem",
"top": "0.3125rem"
}
}
}
}
},
"core/calendar": {
"css": ".wp-block-calendar table:where(:not(.has-text-color)) {color: var(--wp--preset--color--contrast);} &.wp-block-calendar table:where(:not(.has-text-color)) td {border-color: var(--wp--preset--color--contrast);} &.wp-block-calendar table:where(:not(.has-text-color)) th {border-color: var(--wp--preset--color--contrast);} & :where(.wp-block-calendar table:not(.has-background) th){background:transparent;}"
},
"core/code": {
"border": {
"color": "var(--wp--preset--color--foreground)",
"radius": "0",
"style": "solid",
"width": "0.5px"
},
"spacing": {
"padding": "var(--wp--preset--spacing--30)"
},
"typography": {
"fontFamily": "monospace"
}
},
"core/comment-author-name": {
"typography": {
"fontSize": "var(--wp--preset--font-size--x-small)"
}
},
"core/comment-date": {
"typography": {
"fontSize": "var(--wp--preset--font-size--x-small)"
}
},
"core/comment-edit-link": {
"typography": {
"fontSize": "var(--wp--preset--font-size--x-small)"
}
},
"core/comment-reply-link": {
"typography": {
"fontSize": "var(--wp--preset--font-size--x-small)"
}
},
"core/comments-pagination": {
"typography": {
"fontSize": "var(--wp--preset--font-size--x-small)"
}
},
"core/comments-title": {
"spacing": {
"margin": {
"bottom": "var(--wp--preset--spacing--50)",
"top": "0"
}
},
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)",
"lineHeight": "1.388888889"
}
},
"core/cover": {
"spacing": {
"padding": "var(--wp--preset--spacing--50)"
}
},
"core/gallery": {
"spacing": {
"margin": {
"bottom": "var(--wp--preset--spacing--50)"
}
}
},
"core/latest-comments": {
"css": " .wp-block-latest-comments__comment-author{font-size: inherit;} & .wp-block-latest-comments__comment-date{font-size: inherit;} & .wp-block-latest-comments__comment-excerpt p{font-size: inherit;} & .wp-block-latest-comments__comment-excerpt p{margin:0 0 var(--wp--style--block-gap)}&:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment-excerpt p)){line-height:calc(1em + 0.5rem);}",
"spacing": {
"padding": {
"left": "0"
}
}
},
"core/latest-posts": {
"css": " .wp-block-latest-posts__post-author{font-size: inherit;} & .wp-block-latest-posts__post-date{font-size: inherit;} & .wp-block-latest-posts__post-excerpt{margin:0 0 var(--wp--style--block-gap)}"
},
"core/list": {
"spacing": {
"padding": {
"left": "var(--wp--preset--spacing--50)"
}
}
},
"core/navigation": {
"css": ".wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {border-color: var(--wp--preset--color--contrast);border-width:0.5px}",
"elements": {
"link": {
":hover": {
"typography": {
"textDecoration": "underline"
}
},
"typography": {
"textDecoration": "none"
}
}
}
},
"core/paragraph": {
"typography": {
"lineHeight": "calc(1em + 0.5rem)"
}
},
"core/post-author": {
"css": ".wp-block-post-author .wp-block-post-author__byline{font-size:inherit;}&.wp-block-post-author .wp-block-post-author__name a{text-decoration:none;}&.wp-block-post-author .wp-block-post-author__bio{font-size:inherit;margin:0;}& .wp-block-post-author__avatar img{margin-top:4px;vertical-align:middle;}"
},
"core/post-comments-form": {
"css": ".wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]){line-height: inherit;}&.wp-block-post-comments-form .comment-form textarea{line-height: inherit;}&.wp-block-post-comments-form .form-submit {margin-bottom: 0;}&.wp-block-post-comments-form .comment-form > *:not(.comment-form-cookies-consent,.comment-subscription-form){margin-top:var(--wp--preset--spacing--50);margin-bottom:0;}& .comment-reply-title{font-size:var(--wp--preset--font-size--medium);line-height:1.388888889;}"
},
"core/post-excerpt": {
"css": ".wp-block-post-excerpt p.wp-block-post-excerpt__excerpt{line-height: inherit;}"
},
"core/post-title": {
"elements": {
"link": {
":hover": {
"typography": {
"textDecoration": "underline"
}
},
"typography": {
"textDecoration": "none"
}
}
},
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)",
"lineHeight": "1.388888889"
}
},
"core/pullquote": {
"border": {
"color": "var(--wp--preset--color--foreground)",
"style": "solid",
"width": "1px 0"
},
"css": ".wp-block-pullquote cite{display:block;}",
"elements": {
"cite": {
"spacing": {
"margin": {
"top": "var(--wp--preset--spacing--50)"
}
},
"typography": {
"fontSize": "var(--wp--preset--font-size--x-small)",
"fontStyle": "normal",
"textTransform": "none"
}
}
},
"spacing": {
"padding": "var(--wp--preset--spacing--50)"
},
"typography": {
"fontSize": "var(--wp--preset--font-size--small)",
"fontStyle": "italic"
}
},
"core/query-pagination": {
"css": ".wp-block-query-pagination .wp-block-query-pagination-next{margin-bottom:0;}&.wp-block-query-pagination .wp-block-query-pagination-previous{margin-bottom:0;}&.wp-block-query-pagination .wp-block-query-pagination-numbers {margin-bottom:0;}",
"typography": {
"lineHeight": "1"
}
},
"core/query-title": {
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)",
"lineHeight": "1.388888889"
}
},
"core/quote": {
"border": {
"color": "var(--wp--preset--color--foreground)",
"style": "solid",
"width": "0 0 0 1px"
},
"spacing": {
"margin": {
"left": "0",
"right": "0"
},
"padding": {
"left": "var(--wp--preset--spacing--50)"
}
},
"typography": {
"fontStyle": "italic"
},
"variations": {
"plain": {
"border": {
"width": "0"
},
"spacing": {
"padding": {
"left": "0"
}
},
"typography": {
"fontStyle": "normal"
}
}
}
},
"core/search": {
"css": "&.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input{border-radius:999px;}& .wp-block-search__inside-wrapper{border-radius:999px;}& :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-element-button.has-icon{padding:0.375rem;}"
},
"core/separator": {
"border": {
"color": "currentColor",
"style": "solid",
"width": "0 0 1px 0"
},
"color": {
"text": "var(--wp--preset--color--foreground)"
}
},
"core/site-title": {
"elements": {
"link": {
":hover": {
"typography": {
"textDecoration": "underline"
}
},
"typography": {
"textDecoration": "none"
}
}
},
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)",
"fontWeight": "700",
"lineHeight": "1.388888889"
}
},
"core/tag-cloud": {
"css": ".wp-block-tag-cloud.is-style-outline{font-size:var(--wp--preset--font-size--small)}&.wp-block-tag-cloud.is-style-outline a {border-radius: 999px;padding: 0 1rem;}&.wp-block-tag-cloud.is-style-outline a:hover {color: var(--wp--preset--color--base);background-color: var(--wp--preset--color--primary);}"
},
"core/term-description": {
"css": ".wp-block-term-description p+p{margin-top:1.25rem;}"
}
},
"color": {
"background": "var(--wp--preset--color--background)",
"text": "var(--wp--preset--color--foreground)"
},
"elements": {
"button": {
":active": {
"color": {
"background": "var(--wp--preset--color--primary)",
"text": "var(--wp--preset--color--background)"
}
},
":focus": {
"color": {
"background": "var(--wp--preset--color--secondary)",
"text": "var(--wp--preset--color--background)"
}
},
":hover": {
"color": {
"background": "var(--wp--preset--color--secondary)",
"text": "var(--wp--preset--color--background)"
}
},
"border": {
"radius": "9999px"
},
"color": {
"background": "var(--wp--preset--color--primary)",
"text": "var(--wp--preset--color--background)"
},
"spacing": {
"padding": {
"bottom": "0.375rem",
"left": "1.5rem",
"right": "1.5rem",
"top": "0.375rem"
}
}
},
"h1": {
"typography": {
"fontSize": "var(--wp--preset--font-size--large)",
"lineHeight": "1.350308642"
}
},
"h2": {
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)",
"lineHeight": "1.388888889"
}
},
"h3": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)",
"lineHeight": "calc(1em + 0.5rem)"
}
},
"h4": {
"typography": {
"fontSize": "var(--wp--preset--font-size--x-small)",
"lineHeight": "1.2"
}
},
"h5": {
"typography": {
"fontSize": "var(--wp--preset--font-size--x-small)",
"lineHeight": "1.2",
"textTransform": "uppercase"
}
},
"h6": {
"typography": {
"fontSize": "var(--wp--preset--font-size--x-small)",
"fontWeight": 400,
"lineHeight": "1.2"
}
},
"heading": {
"typography": {
"fontFamily": "var(--wp--preset--font-family--inter)",
"fontWeight": "700"
}
},
"link": {
":hover": {
"typography": {
"textDecoration": "none"
}
},
"color": {
"text": "var(--wp--preset--color--primary)"
}
}
},
"spacing": {
"blockGap": "var(--wp--preset--spacing--50)",
"padding": {
"left": "var(--wp--preset--spacing--50)",
"right": "var(--wp--preset--spacing--50)"
}
},
"typography": {
"fontFamily": "var(--wp--preset--font-family--inter)",
"fontSize": "var(--wp--preset--font-size--small)",
"lineHeight": "1.666666667"
}
},
"templateParts": [
{
"area": "header",
"name": "header",
"title": "Header"
},
{
"area": "footer",
"name": "footer",
"title": "Footer"
}
],
"version": 2,
"$schema": "https://schemas.wp.org/trunk/theme.json"
}