initial commit
28
README.md
Normal file
@ -0,0 +1,28 @@
|
|||||||
|
# Abisko
|
||||||
|
|
||||||
|
Abisko is a stylish blog theme with a heavy emphasis on bold typography and generous amounts of whitespace. It comes with 5 different theme styles to choose from, and over 30 different block patterns that you can use to quickly build unique page layouts.
|
||||||
|
|
||||||
|
![Abisko](https://github.com/andersnoren/abisko/blob/main/screenshot.jpg)
|
||||||
|
|
||||||
|
You can download the latest stable release of Abisko [from WordPress.org](https://wordpress.org/themes/abisko/).
|
||||||
|
|
||||||
|
## Installing Abisko
|
||||||
|
1. Download the latest stable version of Abisko through the link above, unzip it and upload the theme folder to `wp-content/themes/` in your WordPress installation. You can also install it through Themes → Add New in your WordPress installation.
|
||||||
|
2. Activate the theme.
|
||||||
|
|
||||||
|
## Contributing
|
||||||
|
Do you have a bug report or feature request? Feel free to create an issue, and I’ll take a look at it. You can also create a pull request if you have a solution ready.
|
||||||
|
|
||||||
|
Keep in mind that I maintain my themes in my spare time. Even though I deeply appreciate any and all contributions, I can’t guarantee I’ll take a look at them quickly.
|
||||||
|
|
||||||
|
## Buy me a coffee
|
||||||
|
Do you want to support the continued development of Abisko? You can send me a PayPal donation [here](https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=anders%40andersnoren%2ese&lc=US&item_name=Free%20WordPress%20Themes%20from%20Anders%20Noren¤cy_code=USD&bn=PP%2dDonationsBF%3abtn_donateCC_LG%2egif%3aNonHosted).
|
||||||
|
|
||||||
|
## Requirements
|
||||||
|
- WordPress 6.2+
|
||||||
|
- PHP 5.6+
|
||||||
|
- License: [GPLv2](https://www.gnu.org/licenses/gpl-2.0.html) or later
|
||||||
|
|
||||||
|
## Resources
|
||||||
|
- [About Abisko](https://andersnoren.se/teman/abisko-wordpress-theme/)
|
||||||
|
- [Abisko demo site](https://andersnoren.se/themes/abisko/)
|
BIN
assets/fonts/PlusJakartaSans-Italic-VariableFont_wght.ttf
Normal file
BIN
assets/fonts/PlusJakartaSans-VariableFont_wght.ttf
Normal file
BIN
assets/images/icons/avatar-black.png
Normal file
After Width: | Height: | Size: 2.0 KiB |
BIN
assets/images/icons/avatar-white.png
Normal file
After Width: | Height: | Size: 2.0 KiB |
BIN
assets/images/icons/cube.png
Normal file
After Width: | Height: | Size: 1.2 KiB |
BIN
assets/images/placeholders/black-1x1.png
Normal file
After Width: | Height: | Size: 2.2 KiB |
BIN
assets/images/placeholders/black-1x2.png
Normal file
After Width: | Height: | Size: 755 B |
BIN
assets/images/placeholders/black-2x1.png
Normal file
After Width: | Height: | Size: 2.0 KiB |
BIN
assets/images/placeholders/black-3x4.png
Normal file
After Width: | Height: | Size: 2.7 KiB |
BIN
assets/images/placeholders/black-4x3.png
Normal file
After Width: | Height: | Size: 2.7 KiB |
BIN
assets/images/placeholders/gray-1x1.png
Normal file
After Width: | Height: | Size: 3.8 KiB |
BIN
assets/images/placeholders/gray-2x1.png
Normal file
After Width: | Height: | Size: 3.4 KiB |
BIN
assets/images/placeholders/gray-3x4.png
Normal file
After Width: | Height: | Size: 4.8 KiB |
BIN
assets/images/placeholders/gray-4x3.png
Normal file
After Width: | Height: | Size: 4.8 KiB |
136
functions.php
Normal file
@ -0,0 +1,136 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
/* -----------------------------------------------------------------------------------------------
|
||||||
|
THEME SUPPORTS
|
||||||
|
--------------------------------------------------------------------------------------------------- */
|
||||||
|
|
||||||
|
function fkinfood_setup() {
|
||||||
|
add_editor_style( 'style.css' );
|
||||||
|
}
|
||||||
|
add_action( 'after_setup_theme', 'fkinfood_setup' );
|
||||||
|
|
||||||
|
|
||||||
|
/* -----------------------------------------------------------------------------------------------
|
||||||
|
ENQUEUE STYLESHEETS
|
||||||
|
--------------------------------------------------------------------------------------------------- */
|
||||||
|
|
||||||
|
function fkinfood_styles() {
|
||||||
|
wp_enqueue_style( 'fkinfood-styles', get_theme_file_uri( '/style.css' ), array(), wp_get_theme( 'fkinfood' )->get( 'Version' ) );
|
||||||
|
}
|
||||||
|
add_action( 'wp_enqueue_scripts', 'fkinfood_styles' );
|
||||||
|
|
||||||
|
|
||||||
|
/* -----------------------------------------------------------------------------------------------
|
||||||
|
BLOCK PATTERNS
|
||||||
|
Register theme specific block pattern categories. The patterns themselves are stored in /patterns/.
|
||||||
|
--------------------------------------------------------------------------------------------------- */
|
||||||
|
|
||||||
|
function fkinfood_register_block_patterns() {
|
||||||
|
|
||||||
|
// The block pattern categories included in F*KIN FOOD.
|
||||||
|
$fkinfood_block_pattern_categories = apply_filters( 'fkinfood_block_pattern_categories', array(
|
||||||
|
'fkinfood' => array(
|
||||||
|
'label' => esc_html__( 'F*KIN FOOD - All', 'fkinfood' ),
|
||||||
|
),
|
||||||
|
'fkinfood-blog' => array(
|
||||||
|
'label' => esc_html__( 'F*KIN FOOD - Blog', 'fkinfood' ),
|
||||||
|
),
|
||||||
|
'fkinfood-cta' => array(
|
||||||
|
'label' => esc_html__( 'F*KIN FOOD - Call to Action', 'fkinfood' ),
|
||||||
|
),
|
||||||
|
'fkinfood-general' => array(
|
||||||
|
'label' => esc_html__( 'F*KIN FOOD - General', 'fkinfood' ),
|
||||||
|
),
|
||||||
|
'fkinfood-hero' => array(
|
||||||
|
'label' => esc_html__( 'F*KIN FOOD - Hero', 'fkinfood' ),
|
||||||
|
),
|
||||||
|
'fkinfood-media' => array(
|
||||||
|
'label' => esc_html__( 'F*KIN FOOD - Media', 'fkinfood' ),
|
||||||
|
),
|
||||||
|
'fkinfood-page' => array(
|
||||||
|
'label' => esc_html__( 'F*KIN FOOD - Page Layouts', 'fkinfood' ),
|
||||||
|
),
|
||||||
|
) );
|
||||||
|
|
||||||
|
// Sort the block pattern categories alphabetically based on the label value, to ensure alphabetized order when the strings are localized.
|
||||||
|
uasort( $fkinfood_block_pattern_categories, function( $a, $b ) {
|
||||||
|
return strcmp( $a["label"], $b["label"] ); }
|
||||||
|
);
|
||||||
|
|
||||||
|
// Register block pattern categories.
|
||||||
|
foreach ( $fkinfood_block_pattern_categories as $slug => $settings ) {
|
||||||
|
register_block_pattern_category( $slug, $settings );
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
add_action( 'init', 'fkinfood_register_block_patterns' );
|
||||||
|
|
||||||
|
|
||||||
|
/* -----------------------------------------------------------------------------------------------
|
||||||
|
FILTER COMMENT FORM DEFAULTS
|
||||||
|
Modify the heading and title of the comments form.
|
||||||
|
--------------------------------------------------------------------------------------------------- */
|
||||||
|
|
||||||
|
function fkinfood_comment_form_defaults( $defaults ) {
|
||||||
|
return array_merge( $defaults, array(
|
||||||
|
'title_reply_before' => '<h2 id="reply-title" class="comment-reply-title">',
|
||||||
|
'title_reply_after' => '</h2>',
|
||||||
|
'title_reply' => __( 'Reply', 'fkinfood' )
|
||||||
|
) );
|
||||||
|
}
|
||||||
|
add_filter( 'comment_form_defaults', 'fkinfood_comment_form_defaults' );
|
||||||
|
|
||||||
|
|
||||||
|
/* -----------------------------------------------------------------------------------------------
|
||||||
|
BLOCK STYLES
|
||||||
|
Register theme specific block styles.
|
||||||
|
--------------------------------------------------------------------------------------------------- */
|
||||||
|
|
||||||
|
function fkinfood_register_block_styles() {
|
||||||
|
|
||||||
|
// Column: -90° Contents On Desktop
|
||||||
|
register_block_style( 'core/column', array(
|
||||||
|
'name' => 'fkinfood-minus-90-deg-column-content-desktop',
|
||||||
|
'label' => esc_html__( '-90° Contents On Desktop', 'fkinfood' ),
|
||||||
|
) );
|
||||||
|
|
||||||
|
// Cover: Background Blur
|
||||||
|
register_block_style( 'core/cover', array(
|
||||||
|
'name' => 'fkinfood-bg-blur',
|
||||||
|
'label' => esc_html__( 'Overlay Blur', 'fkinfood' ),
|
||||||
|
) );
|
||||||
|
|
||||||
|
// Featured Image: Ratio: 1/1
|
||||||
|
register_block_style( 'core/post-featured-image', array(
|
||||||
|
'name' => 'fkinfood-ar-1x1',
|
||||||
|
'label' => esc_html__( 'Ratio: 1/1', 'fkinfood' ),
|
||||||
|
) );
|
||||||
|
|
||||||
|
// Featured Image: Ratio: 4/3
|
||||||
|
register_block_style( 'core/post-featured-image', array(
|
||||||
|
'name' => 'fkinfood-ar-4x3',
|
||||||
|
'label' => esc_html__( 'Ratio: 4/3', 'fkinfood' ),
|
||||||
|
) );
|
||||||
|
|
||||||
|
// Heading, Paragraph: Tabular Numerals
|
||||||
|
foreach( array( 'core/heading', 'core/paragraph' ) as $block_name ) {
|
||||||
|
register_block_style( $block_name, array(
|
||||||
|
'name' => 'fkinfood-tabular-nums',
|
||||||
|
'label' => esc_html__( 'Tabular Numerals', 'fkinfood' ),
|
||||||
|
) );
|
||||||
|
}
|
||||||
|
|
||||||
|
// Post Comments Form: Rotated Title to the Right on Desktop
|
||||||
|
register_block_style( 'core/post-comments-form', array(
|
||||||
|
'name' => 'fkinfood-rotated-title',
|
||||||
|
'label' => esc_html__( 'Rotated Title to the Right on Desktop', 'fkinfood' ),
|
||||||
|
) );
|
||||||
|
|
||||||
|
// Term: Buttons
|
||||||
|
register_block_style( 'core/post-terms', array(
|
||||||
|
'name' => 'fkinfood-terms-buttons',
|
||||||
|
'label' => esc_html__( 'Buttons', 'fkinfood' ),
|
||||||
|
) );
|
||||||
|
|
||||||
|
}
|
||||||
|
add_action( 'init', 'fkinfood_register_block_styles' );
|
79
parts/comments.html
Normal file
@ -0,0 +1,79 @@
|
|||||||
|
<!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|90"}}},"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--90)">
|
||||||
|
<!-- wp:comments {"align":"wide","className":"wp-block-comments-query-loop "} -->
|
||||||
|
<div class="wp-block-comments alignwide wp-block-comments-query-loop">
|
||||||
|
<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|70","left":"var:preset|spacing|40"},"margin":{"top":"0","bottom":"0"}}}} -->
|
||||||
|
<div class="wp-block-columns alignwide" style="margin-top:0;margin-bottom:0">
|
||||||
|
<!-- wp:column {"verticalAlignment":"top","width":"","className":"is-style-fkinfood-90-deg-column-content-desktop is-style-fkinfood-minus-90-deg-column-content-desktop"} -->
|
||||||
|
<div
|
||||||
|
class="wp-block-column is-vertically-aligned-top is-style-fkinfood-90-deg-column-content-desktop is-style-fkinfood-minus-90-deg-column-content-desktop">
|
||||||
|
<!-- wp:group {"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group"><!-- wp:comments-title {"showPostTitle":false} /--></div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"width":"684px"} -->
|
||||||
|
<div class="wp-block-column" style="flex-basis:684px">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|90"}},"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group"><!-- wp:comment-template -->
|
||||||
|
<!-- wp:group {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|60"}}}} -->
|
||||||
|
<div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--60)">
|
||||||
|
<!-- wp:columns {"verticalAlignment":"center","isStackedOnMobile":false,"style":{"spacing":{"blockGap":{"top":"16px","left":"16px"},"margin":{"top":"0px","bottom":"0px"}}}} -->
|
||||||
|
<div class="wp-block-columns are-vertically-aligned-center is-not-stacked-on-mobile"
|
||||||
|
style="margin-top:0px;margin-bottom:0px">
|
||||||
|
<!-- wp:column {"verticalAlignment":"center","width":"32px"} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:32px">
|
||||||
|
<!-- wp:avatar {"size":32,"style":{"border":{"radius":"100px"}}} /--></div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"verticalAlignment":"center"} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-center">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"0"}},"layout":{"type":"flex","flexWrap":"wrap","orientation":"horizontal"}} -->
|
||||||
|
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px">
|
||||||
|
<!-- wp:comment-author-name {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"},"spacing":{"padding":{"right":"var:preset|spacing|40"}}}} /-->
|
||||||
|
|
||||||
|
<!-- wp:comment-date {"format":"Y.m.d","style":{"spacing":{"padding":{"right":"var:preset|spacing|40"}}},"textColor":"secondary"} /-->
|
||||||
|
|
||||||
|
<!-- wp:comment-edit-link {"style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}}} /-->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
||||||
|
|
||||||
|
<!-- wp:comment-content /-->
|
||||||
|
|
||||||
|
<!-- wp:group {"textColor":"foreground","layout":{"type":"flex","flexWrap":"nowrap"}} -->
|
||||||
|
<div class="wp-block-group has-foreground-color has-text-color">
|
||||||
|
<!-- wp:comment-reply-link {"style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.01em"}},"fontSize":"tiny"} /-->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
<!-- /wp:comment-template -->
|
||||||
|
|
||||||
|
<!-- wp:comments-pagination {"paginationArrow":"arrow","textColor":"secondary","layout":{"type":"flex","justifyContent":"space-between","orientation":"horizontal"},"fontSize":"heading-5"} -->
|
||||||
|
<!-- wp:comments-pagination-previous {"label":"Older"} /-->
|
||||||
|
|
||||||
|
<!-- wp:comments-pagination-next {"label":"Newer"} /-->
|
||||||
|
<!-- /wp:comments-pagination -->
|
||||||
|
|
||||||
|
<!-- wp:post-comments-form {"className":"is-style-fkinfood-rotated-title"} /-->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"verticalAlignment":"top","width":"","className":"is-style-fkinfood-90-deg-column-content-desktop is-style-default"} -->
|
||||||
|
<div
|
||||||
|
class="wp-block-column is-vertically-aligned-top is-style-fkinfood-90-deg-column-content-desktop is-style-default">
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:comments -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
25
parts/footer.html
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|100"}}},"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--100)"><!-- wp:columns {"align":"wide"} -->
|
||||||
|
<div class="wp-block-columns alignwide"><!-- wp:column {"width":""} -->
|
||||||
|
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"blockGap":"0.35em"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
|
||||||
|
<div class="wp-block-group"><!-- wp:paragraph -->
|
||||||
|
<p>© 2023</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:site-title {"level":0,"style":{"typography":{"textDecoration":"none"}}} /--></div>
|
||||||
|
<!-- /wp:group --></div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"width":""} -->
|
||||||
|
<div class="wp-block-column"><!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"0","left":"var:preset|spacing|40"}}},"className":"theme-credit"} -->
|
||||||
|
<div class="wp-block-columns theme-credit"><!-- wp:column -->
|
||||||
|
<div class="wp-block-column"><!-- wp:loginout /--></div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column -->
|
||||||
|
<div class="wp-block-column"><!-- wp:site-tagline {"textAlign":"right"} /--></div>
|
||||||
|
<!-- /wp:column --></div>
|
||||||
|
<!-- /wp:columns --></div>
|
||||||
|
<!-- /wp:column --></div>
|
||||||
|
<!-- /wp:columns --></div>
|
||||||
|
<!-- /wp:group -->
|
13
parts/header-large.html
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"var:preset|spacing|40"}}},"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group alignfull" style="padding-bottom:var(--wp--preset--spacing--40)"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"0.03em"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between","verticalAlignment":"top"}} -->
|
||||||
|
<div class="wp-block-group alignwide" style="padding-bottom:0.03em"><!-- wp:site-tagline /-->
|
||||||
|
|
||||||
|
<!-- wp:group {"style":{"spacing":{"padding":{"top":"0.04em"}}},"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group" style="padding-top:0.04em"><!-- wp:navigation {"ref":7,"icon":"menu","__unstableLocation":"primary","layout":{"type":"flex","setCascadingProperties":"true","justifyContent":"left","orientation":"horizontal","flexWrap":"wrap"},"style":{"spacing":{"blockGap":"var:preset|spacing|50"}},"fontSize":"medium"} /--></div>
|
||||||
|
<!-- /wp:group --></div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|100"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between","verticalAlignment":"top"}} -->
|
||||||
|
<div class="wp-block-group alignwide" style="padding-top:var(--wp--preset--spacing--100)"><!-- wp:site-title {"isLink":false} /--></div>
|
||||||
|
<!-- /wp:group --></div>
|
||||||
|
<!-- /wp:group -->
|
9
parts/header.html
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"var:preset|spacing|40"}}},"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group alignfull" style="padding-bottom:var(--wp--preset--spacing--40)"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"0.03em"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between","verticalAlignment":"top"},"fontSize":"heading-1"} -->
|
||||||
|
<div class="wp-block-group alignwide has-heading-1-font-size" style="padding-bottom:0.03em"><!-- wp:site-title {"level":2} /-->
|
||||||
|
|
||||||
|
<!-- wp:group {"style":{"spacing":{"padding":{"top":"0.04em"}}},"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group" style="padding-top:0.04em"><!-- wp:navigation {"ref":7,"icon":"menu","__unstableLocation":"primary","layout":{"type":"flex","setCascadingProperties":"true","justifyContent":"left","orientation":"horizontal","flexWrap":"wrap"},"style":{"spacing":{"blockGap":"var:preset|spacing|50"}},"fontSize":"medium"} /--></div>
|
||||||
|
<!-- /wp:group --></div>
|
||||||
|
<!-- /wp:group --></div>
|
||||||
|
<!-- /wp:group -->
|
13
parts/loop.html
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
<!-- wp:query {"queryId":1,"query":{"perPage":12,"pages":"100","offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","sticky":"","inherit":true}} -->
|
||||||
|
<div class="wp-block-query"><!-- wp:post-template {"layout":{"type":"grid","columnCount":4}} -->
|
||||||
|
<!-- wp:template-part {"slug":"preview"} /-->
|
||||||
|
<!-- /wp:post-template -->
|
||||||
|
|
||||||
|
<!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|100","bottom":"0"},"padding":{"bottom":"var:preset|spacing|40"}}},"className":"pagination-wrapper hide-empty","layout":{"type":"default"}} -->
|
||||||
|
<div class="wp-block-group pagination-wrapper hide-empty" style="margin-top:var(--wp--preset--spacing--100);margin-bottom:0;padding-bottom:var(--wp--preset--spacing--40)"><!-- wp:query-pagination {"paginationArrow":"arrow","className":"is-style-fkinfood-pagination-arrow-links is-style-fkinfood-arrow-links","layout":{"type":"flex","justifyContent":"stretch","flexWrap":"wrap","orientation":"vertical"}} -->
|
||||||
|
<!-- wp:query-pagination-previous {"label":"Zurück"} /-->
|
||||||
|
|
||||||
|
<!-- wp:query-pagination-next {"label":"Weiter"} /-->
|
||||||
|
<!-- /wp:query-pagination --></div>
|
||||||
|
<!-- /wp:group --></div>
|
||||||
|
<!-- /wp:query -->
|
5
parts/preview.html
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
<!-- wp:post-featured-image {"isLink":true,"height":"100%","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|10"}}},"className":"is-style-fkinfood-ar-1x1"} /-->
|
||||||
|
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"0","margin":{"bottom":"var:preset|spacing|40"}}}} -->
|
||||||
|
<div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--40)"><!-- wp:post-title {"isLink":true,"style":{"typography":{"fontStyle":"normal","fontWeight":"500","textTransform":"none","letterSpacing":"0px"}},"fontSize":"medium"} /--></div>
|
||||||
|
<!-- /wp:group -->
|
29
patterns/cta-simple-button.php
Normal file
@ -0,0 +1,29 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: Call to action with title, text and button
|
||||||
|
* Slug: fkinfood/cta-simple-button
|
||||||
|
* Categories: fkinfood, fkinfood-cta
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
<!-- wp:group {"align":"wide","layout":{"type":"constrained","contentSize":"866px"}} -->
|
||||||
|
<div class="wp-block-group alignwide">
|
||||||
|
<!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"700","textTransform":"none"}},"fontSize":"heading-4"} -->
|
||||||
|
<h2 class="wp-block-heading has-text-align-center has-heading-4-font-size"
|
||||||
|
style="font-style:normal;font-weight:700;text-transform:none">Make a Change</h2>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph {"align":"center","fontSize":"large"} -->
|
||||||
|
<p class="has-text-align-center has-large-font-size">This block is calling you to action! It is time to buy
|
||||||
|
something, read something, contact someone or whatever else this section is asking you to do.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"margin":{"top":"var:preset|spacing|50"}}}} -->
|
||||||
|
<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--50)">
|
||||||
|
<!-- wp:button {"className":"is-style-outline"} -->
|
||||||
|
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">Read more</a>
|
||||||
|
</div>
|
||||||
|
<!-- /wp:button -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:buttons -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
48
patterns/cta-titles-with-image-left.php
Normal file
@ -0,0 +1,48 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: Call to action with titles, text, button, and an image to the left
|
||||||
|
* Slug: fkinfood/cta-titles-with-image-left
|
||||||
|
* Categories: fkinfood, fkinfood-cta
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|60","left":"var:preset|spacing|80"}}}} -->
|
||||||
|
<div class="wp-block-columns alignwide"><!-- wp:column {"verticalAlignment":"center","width":"25%"} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:25%">
|
||||||
|
<!-- wp:image {"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/black-3x4.png" alt=""/></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"verticalAlignment":"center","width":"","style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"className":"is-style-default"} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-center is-style-default">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
|
||||||
|
<div class="wp-block-group"><!-- wp:paragraph {"fontSize":"large"} -->
|
||||||
|
<p class="has-large-font-size"><strong>The Time is Now</strong></p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:heading {"level":3} -->
|
||||||
|
<h3 class="wp-block-heading">Make a Change</h3>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|50"}},"layout":{"type":"constrained","contentSize":"660px","justifyContent":"left"}} -->
|
||||||
|
<div class="wp-block-group"><!-- wp:paragraph {"fontSize":"large"} -->
|
||||||
|
<p class="has-large-font-size">We’re calling you to action! It is time to buy something, read something, or
|
||||||
|
whatever else this section is asking of you.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:buttons -->
|
||||||
|
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} -->
|
||||||
|
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">Read
|
||||||
|
More</a></div>
|
||||||
|
<!-- /wp:button -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:buttons -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
53
patterns/cta-titles-with-image-right.php
Normal file
@ -0,0 +1,53 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: Call to action with titles, text, button, and an image to the right
|
||||||
|
* Slug: fkinfood/cta-titles-with-image-right
|
||||||
|
* Categories: fkinfood, fkinfood-cta
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
<!-- wp:group {"align":"wide","layout":{"type":"constrained","contentSize":"1200px"}} -->
|
||||||
|
<div class="wp-block-group alignwide">
|
||||||
|
<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|60","left":"var:preset|spacing|80"}}}} -->
|
||||||
|
<div class="wp-block-columns alignwide">
|
||||||
|
<!-- wp:column {"verticalAlignment":"center","width":"","style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"className":"is-style-default"} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-center is-style-default">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
|
||||||
|
<div class="wp-block-group"><!-- wp:paragraph {"fontSize":"large"} -->
|
||||||
|
<p class="has-large-font-size"><strong>The Time is Now</strong></p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:heading {"level":3} -->
|
||||||
|
<h3 class="wp-block-heading">Make a Change</h3>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|50"}},"layout":{"type":"constrained","contentSize":"660px","justifyContent":"left"}} -->
|
||||||
|
<div class="wp-block-group"><!-- wp:paragraph {"fontSize":"large"} -->
|
||||||
|
<p class="has-large-font-size">We’re calling you to action! It is time to buy something, read something,
|
||||||
|
or whatever else this section is asking of you.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:buttons -->
|
||||||
|
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} -->
|
||||||
|
<div class="wp-block-button is-style-outline"><a
|
||||||
|
class="wp-block-button__link wp-element-button">Read More</a></div>
|
||||||
|
<!-- /wp:button -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:buttons -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"verticalAlignment":"center","width":"33%"} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:33%">
|
||||||
|
<!-- wp:image {"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/black-3x4.png" alt=""/></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
55
patterns/general-contact-details-image.php
Normal file
@ -0,0 +1,55 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: Contact section with details to the left and image to the right
|
||||||
|
* Slug: fkinfood/general-contact-details-image
|
||||||
|
* Categories: fkinfood, fkinfood-general
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|60","left":"var:preset|spacing|40"}}}} -->
|
||||||
|
<div class="wp-block-columns alignwide"><!-- wp:column {"verticalAlignment":"center"} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-center">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|50"}},"layout":{"type":"constrained","contentSize":"330px"}} -->
|
||||||
|
<div class="wp-block-group">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group">
|
||||||
|
<!-- wp:heading {"style":{"typography":{"textTransform":"none","fontStyle":"normal","fontWeight":"700"}},"fontSize":"heading-5"} -->
|
||||||
|
<h2 class="wp-block-heading has-heading-5-font-size"
|
||||||
|
style="font-style:normal;font-weight:700;text-transform:none">Contact us</h2>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group"><!-- wp:paragraph -->
|
||||||
|
<p>123 Columbia St, Brooklyn, NY<br>12345, United States</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Phone: +12345678900<br>Email: <a href="mailto:example@example.com">example@example.com</a></p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:social-links {"iconColor":"background","iconColorValue":"#FFF","iconBackgroundColor":"foreground","iconBackgroundColorValue":"#111","size":"has-normal-icon-size","className":"is-style-default"} -->
|
||||||
|
<ul
|
||||||
|
class="wp-block-social-links has-normal-icon-size has-icon-color has-icon-background-color is-style-default">
|
||||||
|
<!-- wp:social-link {"url":"https://tumblr.com","service":"tumblr"} /-->
|
||||||
|
|
||||||
|
<!-- wp:social-link {"url":"https://twitter.com","service":"twitter"} /-->
|
||||||
|
|
||||||
|
<!-- wp:social-link {"url":"https://instagram.com","service":"instagram"} /-->
|
||||||
|
</ul>
|
||||||
|
<!-- /wp:social-links -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column -->
|
||||||
|
<div class="wp-block-column"><!-- wp:image {"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/black-1x1.png" alt=""/></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
78
patterns/general-cover-with-blurred-content-box.php
Normal file
@ -0,0 +1,78 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: Cover image with a content box set against background blur on one side
|
||||||
|
* Slug: fkinfood/general-cover-with-blurred-content-box
|
||||||
|
* Categories: fkinfood, fkinfood-general
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
<!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/black-4x3.png","hasParallax":true,"dimRatio":0,"align":"full","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}}} -->
|
||||||
|
<div class="wp-block-cover alignfull has-parallax"
|
||||||
|
style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><span aria-hidden="true"
|
||||||
|
class="wp-block-cover__background has-background-dim-0 has-background-dim"></span>
|
||||||
|
<div role="img" class="wp-block-cover__image-background has-parallax"
|
||||||
|
style="background-position:50% 50%;background-image:url(<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/black-4x3.png)">
|
||||||
|
</div>
|
||||||
|
<div class="wp-block-cover__inner-container">
|
||||||
|
<!-- wp:columns {"style":{"spacing":{"margin":{"top":"0","bottom":"0"},"blockGap":{"top":"0","left":"var:preset|spacing|40"}}}} -->
|
||||||
|
<div class="wp-block-columns" style="margin-top:0;margin-bottom:0"><!-- wp:column -->
|
||||||
|
<div class="wp-block-column">
|
||||||
|
<!-- wp:cover {"dimRatio":0,"overlayColor":"background","minHeight":366,"minHeightUnit":"px","isDark":false} -->
|
||||||
|
<div class="wp-block-cover is-light" style="min-height:366px"><span aria-hidden="true"
|
||||||
|
class="wp-block-cover__background has-background-background-color has-background-dim-0 has-background-dim"></span>
|
||||||
|
<div class="wp-block-cover__inner-container">
|
||||||
|
<!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
|
||||||
|
<p class="has-text-align-center has-large-font-size"></p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /wp:cover -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column -->
|
||||||
|
<div class="wp-block-column">
|
||||||
|
<!-- wp:cover {"overlayColor":"background","minHeight":75,"minHeightUnit":"vh","contentPosition":"center center","isDark":false,"className":"is-style-fkinfood-bg-blur","style":{"spacing":{"padding":{"top":"var:preset|spacing|80","right":"var:preset|spacing|40","bottom":"var:preset|spacing|80","left":"var:preset|spacing|40"}}}} -->
|
||||||
|
<div class="wp-block-cover is-light is-style-fkinfood-bg-blur"
|
||||||
|
style="padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--40);min-height:75vh">
|
||||||
|
<span aria-hidden="true"
|
||||||
|
class="wp-block-cover__background has-background-background-color has-background-dim-100 has-background-dim"></span>
|
||||||
|
<div class="wp-block-cover__inner-container">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30","margin":{"top":"0","bottom":"0"}}},"textColor":"background","layout":{"type":"constrained","contentSize":"448px"}} -->
|
||||||
|
<div class="wp-block-group has-background-color has-text-color"
|
||||||
|
style="margin-top:0;margin-bottom:0"><!-- wp:heading {"level":3,"fontSize":"heading-5"} -->
|
||||||
|
<h3 class="wp-block-heading has-heading-5-font-size">About F*KIN FOOD</h3>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>F*KIN FOOD is named after F*KIN FOOD National Park, which is located 200 km north of the Arctic
|
||||||
|
circle in the Swedish province Lapland. It’s one of my favorite places on this earth.
|
||||||
|
</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>I’m grateful for many things. One of the big ones is that I’ve been able to visit F*KIN FOOD
|
||||||
|
every year for the last three years. I’ll be back this August during a two month hike
|
||||||
|
through the Swedish mountains.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|50"}}}} -->
|
||||||
|
<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--50)">
|
||||||
|
<!-- wp:button {"backgroundColor":"background","textColor":"foreground"} -->
|
||||||
|
<div class="wp-block-button"><a
|
||||||
|
class="wp-block-button__link has-foreground-color has-background-background-color has-text-color has-background wp-element-button">Read
|
||||||
|
More</a></div>
|
||||||
|
<!-- /wp:button -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:buttons -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /wp:cover -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /wp:cover -->
|
73
patterns/general-faq-section.php
Normal file
@ -0,0 +1,73 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: FAQ section, with a section heading and three questions.
|
||||||
|
* Slug: fkinfood/general-faq-section
|
||||||
|
* Categories: fkinfood, fkinfood-general
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
|
||||||
|
<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|60","left":"var:preset|spacing|40"}}}} -->
|
||||||
|
<div class="wp-block-columns alignwide">
|
||||||
|
<!-- wp:column {"width":"25%","className":"is-style-fkinfood-minus-90-deg-column-content-desktop"} -->
|
||||||
|
<div class="wp-block-column is-style-fkinfood-minus-90-deg-column-content-desktop" style="flex-basis:25%">
|
||||||
|
<!-- wp:heading -->
|
||||||
|
<h2 class="wp-block-heading">Category</h2>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"width":"","style":{"spacing":{"blockGap":"var:preset|spacing|60"}}} -->
|
||||||
|
<div class="wp-block-column">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|60"}},"layout":{"type":"constrained","justifyContent":"left","contentSize":""}} -->
|
||||||
|
<div class="wp-block-group">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30","padding":{"top":"var:preset|spacing|20"}},"border":{"top":{"width":"1px"},"right":{"width":"0px","style":"none"},"bottom":{"width":"0px","style":"none"},"left":{"width":"0px","style":"none"}}},"layout":{"type":"constrained","justifyContent":"left"}} -->
|
||||||
|
<div class="wp-block-group"
|
||||||
|
style="border-top-width:1px;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px;padding-top:var(--wp--preset--spacing--20)">
|
||||||
|
<!-- wp:heading {"level":3,"fontSize":"medium"} -->
|
||||||
|
<h3 class="wp-block-heading has-medium-font-size">Lorem ipsum dolor sit amet?</h3>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||||
|
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
|
||||||
|
nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30","padding":{"top":"var:preset|spacing|20"}},"border":{"top":{"width":"1px"},"right":{"width":"0px","style":"none"},"bottom":{"width":"0px","style":"none"},"left":{"width":"0px","style":"none"}}},"layout":{"type":"constrained","justifyContent":"left"}} -->
|
||||||
|
<div class="wp-block-group"
|
||||||
|
style="border-top-width:1px;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px;padding-top:var(--wp--preset--spacing--20)">
|
||||||
|
<!-- wp:heading {"level":3,"fontSize":"medium"} -->
|
||||||
|
<h3 class="wp-block-heading has-medium-font-size">Consectetur adipisicing elit?</h3>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,
|
||||||
|
totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae
|
||||||
|
dicta sunt explicabo.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30","padding":{"top":"var:preset|spacing|20"}},"border":{"top":{"width":"1px"},"right":{"width":"0px","style":"none"},"bottom":{"width":"0px","style":"none"},"left":{"width":"0px","style":"none"}}},"layout":{"type":"constrained","justifyContent":"left"}} -->
|
||||||
|
<div class="wp-block-group"
|
||||||
|
style="border-top-width:1px;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px;padding-top:var(--wp--preset--spacing--20)">
|
||||||
|
<!-- wp:heading {"level":3,"fontSize":"medium"} -->
|
||||||
|
<h3 class="wp-block-heading has-medium-font-size">Sed do eiusmod tempor incididunt?</h3>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum
|
||||||
|
deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non
|
||||||
|
provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum
|
||||||
|
fuga.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
89
patterns/general-featured-items-gradients.php
Normal file
@ -0,0 +1,89 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: Two column featured items grid with title, text, and button set against a cover image
|
||||||
|
* Slug: fkinfood/general-featured-items-gradients
|
||||||
|
* Categories: fkinfood, fkinfood-general
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
<!-- wp:columns {"align":"wide"} -->
|
||||||
|
<div class="wp-block-columns alignwide"><!-- wp:column -->
|
||||||
|
<div class="wp-block-column">
|
||||||
|
<!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/black-4x3.png","dimRatio":0,"overlayColor":"background","minHeight":60,"minHeightUnit":"vh","contentPosition":"bottom center","className":"is-style-default","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}}} -->
|
||||||
|
<div class="wp-block-cover has-custom-content-position is-position-bottom-center is-style-default"
|
||||||
|
style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:60vh"><span
|
||||||
|
aria-hidden="true"
|
||||||
|
class="wp-block-cover__background has-background-background-color has-background-dim-0 has-background-dim"></span><img
|
||||||
|
class="wp-block-cover__image-background" alt=""
|
||||||
|
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/black-4x3.png" data-object-fit="cover" />
|
||||||
|
<div class="wp-block-cover__inner-container">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","right":"var:preset|spacing|40","bottom":"var:preset|spacing|60","left":"var:preset|spacing|40"}}},"gradient":"foreground-fade-to-top","layout":{"type":"default"}} -->
|
||||||
|
<div class="wp-block-group has-foreground-fade-to-top-gradient-background has-background"
|
||||||
|
style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--40)">
|
||||||
|
<!-- wp:heading {"textAlign":"center","level":3,"className":"is-style-default","fontSize":"heading-5"} -->
|
||||||
|
<h3 class="wp-block-heading has-text-align-center is-style-default has-heading-5-font-size">Make a
|
||||||
|
change</h3>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph {"align":"center"} -->
|
||||||
|
<p class="has-text-align-center">This block is calling you to action! It is time to buy something,
|
||||||
|
read something, contact someone or whatever else this section is asking you to do.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
|
||||||
|
<div class="wp-block-buttons">
|
||||||
|
<!-- wp:button {"backgroundColor":"background","textColor":"foreground"} -->
|
||||||
|
<div class="wp-block-button"><a
|
||||||
|
class="wp-block-button__link has-foreground-color has-background-background-color has-text-color has-background wp-element-button">Read
|
||||||
|
more</a></div>
|
||||||
|
<!-- /wp:button -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:buttons -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /wp:cover -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column -->
|
||||||
|
<div class="wp-block-column">
|
||||||
|
<!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/black-4x3.png","dimRatio":0,"overlayColor":"background","minHeight":60,"minHeightUnit":"vh","contentPosition":"bottom center","className":"is-style-default","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}}} -->
|
||||||
|
<div class="wp-block-cover has-custom-content-position is-position-bottom-center is-style-default"
|
||||||
|
style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:60vh"><span
|
||||||
|
aria-hidden="true"
|
||||||
|
class="wp-block-cover__background has-background-background-color has-background-dim-0 has-background-dim"></span><img
|
||||||
|
class="wp-block-cover__image-background" alt=""
|
||||||
|
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/black-4x3.png" data-object-fit="cover" />
|
||||||
|
<div class="wp-block-cover__inner-container">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","right":"var:preset|spacing|40","bottom":"var:preset|spacing|60","left":"var:preset|spacing|40"}}},"gradient":"foreground-fade-to-top","layout":{"type":"default"}} -->
|
||||||
|
<div class="wp-block-group has-foreground-fade-to-top-gradient-background has-background"
|
||||||
|
style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--40)">
|
||||||
|
<!-- wp:heading {"textAlign":"center","level":3,"className":"is-style-default","fontSize":"heading-5"} -->
|
||||||
|
<h3 class="wp-block-heading has-text-align-center is-style-default has-heading-5-font-size">Make a
|
||||||
|
change</h3>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph {"align":"center"} -->
|
||||||
|
<p class="has-text-align-center">This block is calling you to action! It is time to buy something,
|
||||||
|
read something, contact someone or whatever else this section is asking you to do.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
|
||||||
|
<div class="wp-block-buttons">
|
||||||
|
<!-- wp:button {"backgroundColor":"background","textColor":"foreground"} -->
|
||||||
|
<div class="wp-block-button"><a
|
||||||
|
class="wp-block-button__link has-foreground-color has-background-background-color has-text-color has-background wp-element-button">Read
|
||||||
|
more</a></div>
|
||||||
|
<!-- /wp:button -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:buttons -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /wp:cover -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
97
patterns/general-featured-items.php
Normal file
@ -0,0 +1,97 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: Three column featured items grid with image, title, text, and button
|
||||||
|
* Slug: fkinfood/general-featured-items
|
||||||
|
* Categories: fkinfood, fkinfood-general
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
<!-- wp:columns {"align":"wide"} -->
|
||||||
|
<div class="wp-block-columns alignwide">
|
||||||
|
<!-- wp:column {"style":{"spacing":{"blockGap":"0"}},"backgroundColor":"foreground","textColor":"background"} -->
|
||||||
|
<div class="wp-block-column has-background-color has-foreground-background-color has-text-color has-background">
|
||||||
|
<!-- wp:image {"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/gray-4x3.png" alt=""/></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
|
||||||
|
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
|
||||||
|
<div class="wp-block-group"
|
||||||
|
style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
|
||||||
|
<!-- wp:heading {"level":3,"fontSize":"heading-5"} -->
|
||||||
|
<h3 class="wp-block-heading has-heading-5-font-size">My Story</h3>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Learn how I became an artist, and how I developed this particular style.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:buttons -->
|
||||||
|
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} -->
|
||||||
|
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">Read
|
||||||
|
more</a></div>
|
||||||
|
<!-- /wp:button -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:buttons -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"style":{"spacing":{"blockGap":"0"}},"backgroundColor":"foreground","textColor":"background"} -->
|
||||||
|
<div class="wp-block-column has-background-color has-foreground-background-color has-text-color has-background">
|
||||||
|
<!-- wp:image {"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/gray-4x3.png" alt=""/></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
|
||||||
|
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
|
||||||
|
<div class="wp-block-group"
|
||||||
|
style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
|
||||||
|
<!-- wp:heading {"level":3,"fontSize":"heading-5"} -->
|
||||||
|
<h3 class="wp-block-heading has-heading-5-font-size">Get in Touch</h3>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Want to show my art in your gallery? Send me an email and we’ll chat.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:buttons -->
|
||||||
|
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} -->
|
||||||
|
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">Say
|
||||||
|
hi</a></div>
|
||||||
|
<!-- /wp:button -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:buttons -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"style":{"spacing":{"blockGap":"0"}},"backgroundColor":"foreground","textColor":"background"} -->
|
||||||
|
<div class="wp-block-column has-background-color has-foreground-background-color has-text-color has-background">
|
||||||
|
<!-- wp:image {"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/gray-4x3.png" alt=""/></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
|
||||||
|
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
|
||||||
|
<div class="wp-block-group"
|
||||||
|
style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
|
||||||
|
<!-- wp:heading {"level":3,"fontSize":"heading-5"} -->
|
||||||
|
<h3 class="wp-block-heading has-heading-5-font-size">Follow Me</h3>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Love my work? Follow me online to see new paintings first.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:buttons -->
|
||||||
|
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} -->
|
||||||
|
<div class="wp-block-button is-style-outline"><a
|
||||||
|
class="wp-block-button__link wp-element-button">Social</a></div>
|
||||||
|
<!-- /wp:button -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:buttons -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
145
patterns/general-features-list.php
Normal file
@ -0,0 +1,145 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: Features list with a rotated section heading
|
||||||
|
* Slug: fkinfood/general-features-list
|
||||||
|
* Categories: fkinfood, fkinfood-general
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|60","left":"var:preset|spacing|40"}}}} -->
|
||||||
|
<div class="wp-block-columns alignwide">
|
||||||
|
<!-- wp:column {"width":"25%","className":"is-style-fkinfood-minus-90-deg-column-content-desktop"} -->
|
||||||
|
<div class="wp-block-column is-style-fkinfood-minus-90-deg-column-content-desktop" style="flex-basis:25%">
|
||||||
|
<!-- wp:heading -->
|
||||||
|
<h2 class="wp-block-heading">Features</h2>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"width":"","style":{"spacing":{"blockGap":"var:preset|spacing|60"}}} -->
|
||||||
|
<div class="wp-block-column">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|60"}},"layout":{"type":"constrained","justifyContent":"left","contentSize":"872px"}} -->
|
||||||
|
<div class="wp-block-group">
|
||||||
|
<!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|60","left":"var:preset|spacing|40"}}}} -->
|
||||||
|
<div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
|
||||||
|
<div class="wp-block-column">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"constrained","justifyContent":"left","contentSize":"400px"}} -->
|
||||||
|
<div class="wp-block-group">
|
||||||
|
<!-- wp:image {"width":48,"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image is-resized"><img
|
||||||
|
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icons/cube.png" alt=""
|
||||||
|
width="48" /></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
|
||||||
|
<!-- wp:heading {"level":3,"fontSize":"large"} -->
|
||||||
|
<h3 class="wp-block-heading has-large-font-size">A Clean Design</h3>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
|
||||||
|
<div class="wp-block-column">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"constrained","justifyContent":"left","contentSize":"400px"}} -->
|
||||||
|
<div class="wp-block-group">
|
||||||
|
<!-- wp:image {"width":48,"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image is-resized"><img
|
||||||
|
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icons/cube.png" alt=""
|
||||||
|
width="48" /></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
|
||||||
|
<!-- wp:heading {"level":3,"fontSize":"large"} -->
|
||||||
|
<h3 class="wp-block-heading has-large-font-size">Flexible Structure</h3>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
||||||
|
|
||||||
|
<!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|60","left":"var:preset|spacing|40"}}}} -->
|
||||||
|
<div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
|
||||||
|
<div class="wp-block-column">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"constrained","justifyContent":"left","contentSize":"400px"}} -->
|
||||||
|
<div class="wp-block-group">
|
||||||
|
<!-- wp:image {"width":48,"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image is-resized"><img
|
||||||
|
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icons/cube.png" alt=""
|
||||||
|
width="48" /></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
|
||||||
|
<!-- wp:heading {"level":3,"fontSize":"large"} -->
|
||||||
|
<h3 class="wp-block-heading has-large-font-size">Global Styles</h3>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
|
||||||
|
<div class="wp-block-column">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"constrained","justifyContent":"left","contentSize":"400px"}} -->
|
||||||
|
<div class="wp-block-group">
|
||||||
|
<!-- wp:image {"width":48,"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image is-resized"><img
|
||||||
|
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icons/cube.png" alt=""
|
||||||
|
width="48" /></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
|
||||||
|
<!-- wp:heading {"level":3,"fontSize":"large"} -->
|
||||||
|
<h3 class="wp-block-heading has-large-font-size">Block Patterns</h3>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
||||||
|
|
||||||
|
<!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|60","left":"var:preset|spacing|40"}}}} -->
|
||||||
|
<div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
|
||||||
|
<div class="wp-block-column">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"constrained","justifyContent":"left","contentSize":"400px"}} -->
|
||||||
|
<div class="wp-block-group">
|
||||||
|
<!-- wp:image {"width":48,"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image is-resized"><img
|
||||||
|
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icons/cube.png" alt=""
|
||||||
|
width="48" /></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
|
||||||
|
<!-- wp:heading {"level":3,"fontSize":"large"} -->
|
||||||
|
<h3 class="wp-block-heading has-large-font-size">Slim and Fast</h3>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
17
patterns/general-heading-large.php
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: A very large heading on two linves
|
||||||
|
* Slug: fkinfood/general-heading-large
|
||||||
|
* Categories: fkinfood, fkinfood-general
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained","contentSize":"1417px"}} -->
|
||||||
|
<div class="wp-block-group alignwide"><!-- wp:heading {"level":1} -->
|
||||||
|
<h1 class="wp-block-heading">This heading</h1>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
|
||||||
|
<!-- wp:heading {"textAlign":"right","level":1} -->
|
||||||
|
<h1 class="wp-block-heading has-text-align-right">Is very loud</h1>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
32
patterns/general-intro-text-text-buttons.php
Normal file
@ -0,0 +1,32 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: Text section with buttons in the bottom.
|
||||||
|
* Slug: fkinfood/general-intro-text-text-buttons
|
||||||
|
* Categories: fkinfood, fkinfood-general
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|50"}},"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group"><!-- wp:paragraph {"fontSize":"extra-large"} -->
|
||||||
|
<p class="has-extra-large-font-size"><strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.</strong></p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:group {"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group"><!-- wp:paragraph -->
|
||||||
|
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
|
||||||
|
<!-- /wp:paragraph --></div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:buttons -->
|
||||||
|
<div class="wp-block-buttons"><!-- wp:button -->
|
||||||
|
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button">Primary</a></div>
|
||||||
|
<!-- /wp:button -->
|
||||||
|
|
||||||
|
<!-- wp:button {"className":"is-style-outline"} -->
|
||||||
|
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">Secondary</a></div>
|
||||||
|
<!-- /wp:button --></div>
|
||||||
|
<!-- /wp:buttons --></div>
|
||||||
|
<!-- /wp:group -->
|
96
patterns/general-numbered-list-large.php
Normal file
@ -0,0 +1,96 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: Large numbered list in a stack
|
||||||
|
* Slug: fkinfood/general-numbered-list-large
|
||||||
|
* Categories: fkinfood, fkinfood-general
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|60"}},"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group alignwide"><!-- wp:columns {"verticalAlignment":"center","align":"wide"} -->
|
||||||
|
<div class="wp-block-columns alignwide are-vertically-aligned-center">
|
||||||
|
<!-- wp:column {"verticalAlignment":"center","width":"5%"} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:5%"></div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"verticalAlignment":"center","width":"1.5em","fontSize":"heading-1"} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-center has-heading-1-font-size" style="flex-basis:1.5em">
|
||||||
|
<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"800","lineHeight":"1"}},"className":"is-style-fkinfood-tabular-nums","fontSize":"heading-1"} -->
|
||||||
|
<p class="is-style-fkinfood-tabular-nums has-heading-1-font-size"
|
||||||
|
style="font-style:normal;font-weight:800;line-height:1">1</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"verticalAlignment":"center","width":""} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"level":4} -->
|
||||||
|
<h4 class="wp-block-heading">Create an account</h4>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
|
||||||
|
dolore magna aliqua.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
||||||
|
|
||||||
|
<!-- wp:columns {"verticalAlignment":"center","align":"wide"} -->
|
||||||
|
<div class="wp-block-columns alignwide are-vertically-aligned-center">
|
||||||
|
<!-- wp:column {"verticalAlignment":"center","width":"5%"} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:5%"></div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"verticalAlignment":"center","width":"1.5em","fontSize":"heading-1"} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-center has-heading-1-font-size" style="flex-basis:1.5em">
|
||||||
|
<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"800","lineHeight":"1"}},"className":"is-style-fkinfood-tabular-nums","fontSize":"heading-1"} -->
|
||||||
|
<p class="is-style-fkinfood-tabular-nums has-heading-1-font-size"
|
||||||
|
style="font-style:normal;font-weight:800;line-height:1">2</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"verticalAlignment":"center","width":""} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"level":4} -->
|
||||||
|
<h4 class="wp-block-heading">Publish your work</h4>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
|
||||||
|
dolore magna aliqua.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
||||||
|
|
||||||
|
<!-- wp:columns {"verticalAlignment":"center","align":"wide"} -->
|
||||||
|
<div class="wp-block-columns alignwide are-vertically-aligned-center">
|
||||||
|
<!-- wp:column {"verticalAlignment":"center","width":"5%"} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:5%"></div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"verticalAlignment":"center","width":"1.5em","fontSize":"heading-1"} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-center has-heading-1-font-size" style="flex-basis:1.5em">
|
||||||
|
<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"800","lineHeight":"1"}},"className":"is-style-fkinfood-tabular-nums","fontSize":"heading-1"} -->
|
||||||
|
<p class="is-style-fkinfood-tabular-nums has-heading-1-font-size"
|
||||||
|
style="font-style:normal;font-weight:800;line-height:1">3</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"verticalAlignment":"center","width":""} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"level":4} -->
|
||||||
|
<h4 class="wp-block-heading">Start earning revenue</h4>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
|
||||||
|
dolore magna aliqua.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
73
patterns/general-numbered-list.php
Normal file
@ -0,0 +1,73 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: Numbered list in four columns.
|
||||||
|
* Slug: fkinfood/general-numbered-list
|
||||||
|
* Categories: fkinfood, fkinfood-general
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
<!-- wp:columns {"align":"wide"} -->
|
||||||
|
<div class="wp-block-columns alignwide"><!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}}} -->
|
||||||
|
<div class="wp-block-column">
|
||||||
|
<!-- wp:paragraph {"className":"is-style-fkinfood-tabular-nums","fontSize":"heading-4"} -->
|
||||||
|
<p class="is-style-fkinfood-tabular-nums has-heading-4-font-size"><strong>1.</strong></p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:heading {"level":3,"fontSize":"large"} -->
|
||||||
|
<h3 class="wp-block-heading has-large-font-size">Step by step</h3>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Lorem ipsum dolor sit amet, consect adipisicing elit, sed do eiusmo.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}}} -->
|
||||||
|
<div class="wp-block-column">
|
||||||
|
<!-- wp:paragraph {"className":"is-style-fkinfood-tabular-nums","fontSize":"heading-4"} -->
|
||||||
|
<p class="is-style-fkinfood-tabular-nums has-heading-4-font-size"><strong>2.</strong></p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:heading {"level":3,"fontSize":"large"} -->
|
||||||
|
<h3 class="wp-block-heading has-large-font-size">Step by step</h3>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Lorem ipsum dolor sit amet, consect adipisicing elit, sed do eiusmo.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}}} -->
|
||||||
|
<div class="wp-block-column">
|
||||||
|
<!-- wp:paragraph {"className":"is-style-fkinfood-tabular-nums","fontSize":"heading-4"} -->
|
||||||
|
<p class="is-style-fkinfood-tabular-nums has-heading-4-font-size"><strong>3.</strong></p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:heading {"level":3,"fontSize":"large"} -->
|
||||||
|
<h3 class="wp-block-heading has-large-font-size">Step by step</h3>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Lorem ipsum dolor sit amet, consect adipisicing elit, sed do eiusmo.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}}} -->
|
||||||
|
<div class="wp-block-column">
|
||||||
|
<!-- wp:paragraph {"className":"is-style-fkinfood-tabular-nums","fontSize":"heading-4"} -->
|
||||||
|
<p class="is-style-fkinfood-tabular-nums has-heading-4-font-size"><strong>4.</strong></p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:heading {"level":3,"fontSize":"large"} -->
|
||||||
|
<h3 class="wp-block-heading has-large-font-size">Step by step</h3>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Lorem ipsum dolor sit amet, consect adipisicing elit, sed do eiusmo.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
220
patterns/general-people.php
Normal file
@ -0,0 +1,220 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: Employee/author section with image, name, title and social icons for each person
|
||||||
|
* Slug: fkinfood/general-people
|
||||||
|
* Categories: fkinfood, fkinfood-general
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|60","left":"var:preset|spacing|40"}}}} -->
|
||||||
|
<div class="wp-block-columns alignwide">
|
||||||
|
<!-- wp:column {"width":"25%","className":"is-style-fkinfood-minus-90-deg-column-content-desktop"} -->
|
||||||
|
<div class="wp-block-column is-style-fkinfood-minus-90-deg-column-content-desktop" style="flex-basis:25%">
|
||||||
|
<!-- wp:heading -->
|
||||||
|
<h2 class="wp-block-heading">Our people</h2>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"width":"","style":{"spacing":{"blockGap":"var:preset|spacing|60"}}} -->
|
||||||
|
<div class="wp-block-column">
|
||||||
|
<!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|60","left":"var:preset|spacing|40"}}}} -->
|
||||||
|
<div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
|
||||||
|
<div class="wp-block-column"><!-- wp:image {"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/black-1x1.png" alt=""/></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
|
||||||
|
<div class="wp-block-group">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group"><!-- wp:paragraph -->
|
||||||
|
<p><strong>Abraham Lincoln</strong></p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Producer</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:social-links {"iconColor":"foreground","iconColorValue":"#111","size":"has-normal-icon-size","className":"is-style-logos-only"} -->
|
||||||
|
<ul class="wp-block-social-links has-normal-icon-size has-icon-color is-style-logos-only">
|
||||||
|
<!-- wp:social-link {"url":"https://tumblr.com","service":"tumblr"} /-->
|
||||||
|
|
||||||
|
<!-- wp:social-link {"url":"https://twitter.com","service":"twitter"} /-->
|
||||||
|
|
||||||
|
<!-- wp:social-link {"url":"https://instagram.com","service":"instagram"} /-->
|
||||||
|
</ul>
|
||||||
|
<!-- /wp:social-links -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
|
||||||
|
<div class="wp-block-column"><!-- wp:image {"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/black-1x1.png" alt=""/></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
|
||||||
|
<div class="wp-block-group">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group"><!-- wp:paragraph -->
|
||||||
|
<p><strong>Teddy Roosevelt</strong></p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Designer</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:social-links {"iconColor":"foreground","iconColorValue":"#111","size":"has-normal-icon-size","className":"is-style-logos-only"} -->
|
||||||
|
<ul class="wp-block-social-links has-normal-icon-size has-icon-color is-style-logos-only">
|
||||||
|
<!-- wp:social-link {"url":"https://tumblr.com","service":"tumblr"} /-->
|
||||||
|
|
||||||
|
<!-- wp:social-link {"url":"https://twitter.com","service":"twitter"} /-->
|
||||||
|
|
||||||
|
<!-- wp:social-link {"url":"https://instagram.com","service":"instagram"} /-->
|
||||||
|
</ul>
|
||||||
|
<!-- /wp:social-links -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
|
||||||
|
<div class="wp-block-column"><!-- wp:image {"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/black-1x1.png" alt=""/></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
|
||||||
|
<div class="wp-block-group">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group"><!-- wp:paragraph -->
|
||||||
|
<p><strong>John F. Kennedy</strong></p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Developer</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:social-links {"iconColor":"foreground","iconColorValue":"#111","size":"has-normal-icon-size","className":"is-style-logos-only"} -->
|
||||||
|
<ul class="wp-block-social-links has-normal-icon-size has-icon-color is-style-logos-only">
|
||||||
|
<!-- wp:social-link {"url":"https://tumblr.com","service":"tumblr"} /-->
|
||||||
|
|
||||||
|
<!-- wp:social-link {"url":"https://twitter.com","service":"twitter"} /-->
|
||||||
|
|
||||||
|
<!-- wp:social-link {"url":"https://instagram.com","service":"instagram"} /-->
|
||||||
|
</ul>
|
||||||
|
<!-- /wp:social-links -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
||||||
|
|
||||||
|
<!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|60","left":"var:preset|spacing|40"}}}} -->
|
||||||
|
<div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
|
||||||
|
<div class="wp-block-column"><!-- wp:image {"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/black-1x1.png" alt=""/></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
|
||||||
|
<div class="wp-block-group">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group"><!-- wp:paragraph -->
|
||||||
|
<p><strong>Abraham Lincoln</strong></p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Producer</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:social-links {"iconColor":"foreground","iconColorValue":"#111","size":"has-normal-icon-size","className":"is-style-logos-only"} -->
|
||||||
|
<ul class="wp-block-social-links has-normal-icon-size has-icon-color is-style-logos-only">
|
||||||
|
<!-- wp:social-link {"url":"https://tumblr.com","service":"tumblr"} /-->
|
||||||
|
|
||||||
|
<!-- wp:social-link {"url":"https://twitter.com","service":"twitter"} /-->
|
||||||
|
|
||||||
|
<!-- wp:social-link {"url":"https://instagram.com","service":"instagram"} /-->
|
||||||
|
</ul>
|
||||||
|
<!-- /wp:social-links -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
|
||||||
|
<div class="wp-block-column"><!-- wp:image {"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/black-1x1.png" alt=""/></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
|
||||||
|
<div class="wp-block-group">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group"><!-- wp:paragraph -->
|
||||||
|
<p><strong>Teddy Roosevelt</strong></p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Designer</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:social-links {"iconColor":"foreground","iconColorValue":"#111","size":"has-normal-icon-size","className":"is-style-logos-only"} -->
|
||||||
|
<ul class="wp-block-social-links has-normal-icon-size has-icon-color is-style-logos-only">
|
||||||
|
<!-- wp:social-link {"url":"https://tumblr.com","service":"tumblr"} /-->
|
||||||
|
|
||||||
|
<!-- wp:social-link {"url":"https://twitter.com","service":"twitter"} /-->
|
||||||
|
|
||||||
|
<!-- wp:social-link {"url":"https://instagram.com","service":"instagram"} /-->
|
||||||
|
</ul>
|
||||||
|
<!-- /wp:social-links -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
|
||||||
|
<div class="wp-block-column"><!-- wp:image {"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/black-1x1.png" alt=""/></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
|
||||||
|
<div class="wp-block-group">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group"><!-- wp:paragraph -->
|
||||||
|
<p><strong>John F. Kennedy</strong></p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Developer</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:social-links {"iconColor":"foreground","iconColorValue":"#111","size":"has-normal-icon-size","className":"is-style-logos-only"} -->
|
||||||
|
<ul class="wp-block-social-links has-normal-icon-size has-icon-color is-style-logos-only">
|
||||||
|
<!-- wp:social-link {"url":"https://tumblr.com","service":"tumblr"} /-->
|
||||||
|
|
||||||
|
<!-- wp:social-link {"url":"https://twitter.com","service":"twitter"} /-->
|
||||||
|
|
||||||
|
<!-- wp:social-link {"url":"https://instagram.com","service":"instagram"} /-->
|
||||||
|
</ul>
|
||||||
|
<!-- /wp:social-links -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
166
patterns/general-pricing-tables.php
Normal file
@ -0,0 +1,166 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: Pricing tables
|
||||||
|
* Slug: fkinfood/general-pricing-tables
|
||||||
|
* Categories: fkinfood, fkinfood-general
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
<!-- wp:columns {"align":"wide"} -->
|
||||||
|
<div class="wp-block-columns alignwide">
|
||||||
|
<!-- wp:column {"style":{"border":{"width":"1px"},"spacing":{"blockGap":"0"}}} -->
|
||||||
|
<div class="wp-block-column" style="border-width:1px">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|10"}},"backgroundColor":"foreground","textColor":"background","layout":{"type":"default"}} -->
|
||||||
|
<div class="wp-block-group has-background-color has-foreground-background-color has-text-color has-background"
|
||||||
|
style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
|
||||||
|
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
|
||||||
|
<div class="wp-block-group"><!-- wp:heading {"level":3,"fontSize":"heading-4"} -->
|
||||||
|
<h3 class="wp-block-heading has-heading-4-font-size">Basic</h3>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
|
||||||
|
<!-- wp:heading {"level":3,"fontSize":"heading-4"} -->
|
||||||
|
<h3 class="wp-block-heading has-heading-4-font-size">$29</h3>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Do some of the things.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|60"}},"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group"
|
||||||
|
style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
|
||||||
|
<!-- wp:list {"style":{"spacing":{"padding":{"left":"var:preset|spacing|40"}}}} -->
|
||||||
|
<ul style="padding-left:var(--wp--preset--spacing--40)"><!-- wp:list-item -->
|
||||||
|
<li>This is one of the features.</li>
|
||||||
|
<!-- /wp:list-item -->
|
||||||
|
|
||||||
|
<!-- wp:list-item -->
|
||||||
|
<li>Here we have another feature.</li>
|
||||||
|
<!-- /wp:list-item -->
|
||||||
|
|
||||||
|
<!-- wp:list-item -->
|
||||||
|
<li>Yet another snazzy feature.</li>
|
||||||
|
<!-- /wp:list-item -->
|
||||||
|
</ul>
|
||||||
|
<!-- /wp:list -->
|
||||||
|
|
||||||
|
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"left"}} -->
|
||||||
|
<div class="wp-block-buttons"><!-- wp:button {"width":100,"className":"is-style-outline"} -->
|
||||||
|
<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline"><a
|
||||||
|
class="wp-block-button__link wp-element-button">Get Basic</a></div>
|
||||||
|
<!-- /wp:button -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:buttons -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"style":{"border":{"width":"1px"},"spacing":{"blockGap":"0"}}} -->
|
||||||
|
<div class="wp-block-column" style="border-width:1px">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|10"}},"backgroundColor":"foreground","textColor":"background","layout":{"type":"default"}} -->
|
||||||
|
<div class="wp-block-group has-background-color has-foreground-background-color has-text-color has-background"
|
||||||
|
style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
|
||||||
|
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
|
||||||
|
<div class="wp-block-group"><!-- wp:heading {"level":3,"fontSize":"heading-4"} -->
|
||||||
|
<h3 class="wp-block-heading has-heading-4-font-size">Plus</h3>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
|
||||||
|
<!-- wp:heading {"level":3,"fontSize":"heading-4"} -->
|
||||||
|
<h3 class="wp-block-heading has-heading-4-font-size">$49</h3>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Do most of the things.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|60"}},"layout":{"type":"default"}} -->
|
||||||
|
<div class="wp-block-group"
|
||||||
|
style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
|
||||||
|
<!-- wp:list {"style":{"spacing":{"padding":{"left":"var:preset|spacing|40"}}}} -->
|
||||||
|
<ul style="padding-left:var(--wp--preset--spacing--40)"><!-- wp:list-item -->
|
||||||
|
<li>This is one of the features.</li>
|
||||||
|
<!-- /wp:list-item -->
|
||||||
|
|
||||||
|
<!-- wp:list-item -->
|
||||||
|
<li>Here we have another feature.</li>
|
||||||
|
<!-- /wp:list-item -->
|
||||||
|
|
||||||
|
<!-- wp:list-item -->
|
||||||
|
<li>Yet another snazzy feature.</li>
|
||||||
|
<!-- /wp:list-item -->
|
||||||
|
</ul>
|
||||||
|
<!-- /wp:list -->
|
||||||
|
|
||||||
|
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"left"}} -->
|
||||||
|
<div class="wp-block-buttons"><!-- wp:button {"width":100,"className":"is-style-outline"} -->
|
||||||
|
<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline"><a
|
||||||
|
class="wp-block-button__link wp-element-button">Get plus</a></div>
|
||||||
|
<!-- /wp:button -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:buttons -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"style":{"border":{"width":"1px"},"spacing":{"blockGap":"0"}}} -->
|
||||||
|
<div class="wp-block-column" style="border-width:1px">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|10"}},"backgroundColor":"foreground","textColor":"background","layout":{"type":"default"}} -->
|
||||||
|
<div class="wp-block-group has-background-color has-foreground-background-color has-text-color has-background"
|
||||||
|
style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
|
||||||
|
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
|
||||||
|
<div class="wp-block-group"><!-- wp:heading {"level":3,"fontSize":"heading-4"} -->
|
||||||
|
<h3 class="wp-block-heading has-heading-4-font-size">Premium</h3>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
|
||||||
|
<!-- wp:heading {"level":3,"fontSize":"heading-4"} -->
|
||||||
|
<h3 class="wp-block-heading has-heading-4-font-size">$99</h3>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Do all of the things.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|60"}},"layout":{"type":"default"}} -->
|
||||||
|
<div class="wp-block-group"
|
||||||
|
style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
|
||||||
|
<!-- wp:list {"style":{"spacing":{"padding":{"left":"var:preset|spacing|40"}}}} -->
|
||||||
|
<ul style="padding-left:var(--wp--preset--spacing--40)"><!-- wp:list-item -->
|
||||||
|
<li>This is one of the features.</li>
|
||||||
|
<!-- /wp:list-item -->
|
||||||
|
|
||||||
|
<!-- wp:list-item -->
|
||||||
|
<li>Here we have another feature.</li>
|
||||||
|
<!-- /wp:list-item -->
|
||||||
|
|
||||||
|
<!-- wp:list-item -->
|
||||||
|
<li>Yet another snazzy feature.</li>
|
||||||
|
<!-- /wp:list-item -->
|
||||||
|
</ul>
|
||||||
|
<!-- /wp:list -->
|
||||||
|
|
||||||
|
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"left"}} -->
|
||||||
|
<div class="wp-block-buttons"><!-- wp:button {"width":100,"className":"is-style-outline"} -->
|
||||||
|
<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline"><a
|
||||||
|
class="wp-block-button__link wp-element-button">Get premium</a></div>
|
||||||
|
<!-- /wp:button -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:buttons -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
11
patterns/general-separator-wide.php
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: Wide separator with huge vertical margins
|
||||||
|
* Slug: fkinfood/general-separator-wide
|
||||||
|
* Categories: fkinfood, fkinfood-general
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
|
||||||
|
<!-- wp:separator {"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|90","bottom":"var:preset|spacing|90"}}},"className":"is-style-wide"} -->
|
||||||
|
<hr class="wp-block-separator alignwide has-alpha-channel-opacity is-style-wide" style="margin-top:var(--wp--preset--spacing--90);margin-bottom:var(--wp--preset--spacing--90)"/>
|
||||||
|
<!-- /wp:separator -->
|
299
patterns/general-testimonials.php
Normal file
@ -0,0 +1,299 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: Testimonials grid with a rotated section heading
|
||||||
|
* Slug: fkinfood/general-testimonials
|
||||||
|
* Categories: fkinfood, fkinfood-general
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|60","left":"var:preset|spacing|40"}}}} -->
|
||||||
|
<div class="wp-block-columns alignwide">
|
||||||
|
<!-- wp:column {"width":"25%","className":"is-style-fkinfood-minus-90-deg-column-content-desktop"} -->
|
||||||
|
<div class="wp-block-column is-style-fkinfood-minus-90-deg-column-content-desktop" style="flex-basis:25%">
|
||||||
|
<!-- wp:heading -->
|
||||||
|
<h2 class="wp-block-heading">Testimonials</h2>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"width":"","style":{"spacing":{"blockGap":"var:preset|spacing|60"}}} -->
|
||||||
|
<div class="wp-block-column">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|60"}},"layout":{"type":"constrained","justifyContent":"left","contentSize":"872px"}} -->
|
||||||
|
<div class="wp-block-group">
|
||||||
|
<!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|60","left":"var:preset|spacing|40"}}}} -->
|
||||||
|
<div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
|
||||||
|
<div class="wp-block-column">
|
||||||
|
<!-- wp:group {"style":{"spacing":{}},"layout":{"type":"constrained","justifyContent":"left","contentSize":"400px"}} -->
|
||||||
|
<div class="wp-block-group">
|
||||||
|
<!-- wp:pullquote {"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"fontSize":"medium"} -->
|
||||||
|
<figure class="wp-block-pullquote has-medium-font-size"
|
||||||
|
style="font-style:normal;font-weight:500">
|
||||||
|
<blockquote>
|
||||||
|
<p>The fine-tuned layouts and type in F*KIN FOOD makes it a perfect match for both blogs and
|
||||||
|
personal websites.</p>
|
||||||
|
</blockquote>
|
||||||
|
</figure>
|
||||||
|
<!-- /wp:pullquote -->
|
||||||
|
|
||||||
|
<!-- wp:columns {"verticalAlignment":"center","isStackedOnMobile":false,"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30","left":"var:preset|spacing|30"}}}} -->
|
||||||
|
<div class="wp-block-columns are-vertically-aligned-center is-not-stacked-on-mobile">
|
||||||
|
<!-- wp:column {"verticalAlignment":"center","width":"48px"} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:48px">
|
||||||
|
<!-- wp:image {"width":48,"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image is-resized"><img
|
||||||
|
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icons/avatar-black.png" alt=""
|
||||||
|
width="48" /></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"blockGap":"0"}}} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-center">
|
||||||
|
<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}}} -->
|
||||||
|
<p style="font-style:normal;font-weight:700">Name</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Title</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
|
||||||
|
<div class="wp-block-column">
|
||||||
|
<!-- wp:group {"style":{"spacing":{}},"layout":{"type":"constrained","justifyContent":"left","contentSize":"400px"}} -->
|
||||||
|
<div class="wp-block-group">
|
||||||
|
<!-- wp:pullquote {"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"fontSize":"medium"} -->
|
||||||
|
<figure class="wp-block-pullquote has-medium-font-size"
|
||||||
|
style="font-style:normal;font-weight:500">
|
||||||
|
<blockquote>
|
||||||
|
<p>The fine-tuned layouts and type in F*KIN FOOD makes it a perfect match for both blogs and
|
||||||
|
personal websites.</p>
|
||||||
|
</blockquote>
|
||||||
|
</figure>
|
||||||
|
<!-- /wp:pullquote -->
|
||||||
|
|
||||||
|
<!-- wp:columns {"verticalAlignment":"center","isStackedOnMobile":false,"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30","left":"var:preset|spacing|30"}}}} -->
|
||||||
|
<div class="wp-block-columns are-vertically-aligned-center is-not-stacked-on-mobile">
|
||||||
|
<!-- wp:column {"verticalAlignment":"center","width":"48px"} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:48px">
|
||||||
|
<!-- wp:image {"width":48,"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image is-resized"><img
|
||||||
|
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icons/avatar-black.png" alt=""
|
||||||
|
width="48" /></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"blockGap":"0"}}} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-center">
|
||||||
|
<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}}} -->
|
||||||
|
<p style="font-style:normal;font-weight:700">Name</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Title</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
||||||
|
|
||||||
|
<!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|60","left":"var:preset|spacing|40"}}}} -->
|
||||||
|
<div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
|
||||||
|
<div class="wp-block-column">
|
||||||
|
<!-- wp:group {"style":{"spacing":{}},"layout":{"type":"constrained","justifyContent":"left","contentSize":"400px"}} -->
|
||||||
|
<div class="wp-block-group">
|
||||||
|
<!-- wp:pullquote {"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"fontSize":"medium"} -->
|
||||||
|
<figure class="wp-block-pullquote has-medium-font-size"
|
||||||
|
style="font-style:normal;font-weight:500">
|
||||||
|
<blockquote>
|
||||||
|
<p>The fine-tuned layouts and type in F*KIN FOOD makes it a perfect match for both blogs and
|
||||||
|
personal websites.</p>
|
||||||
|
</blockquote>
|
||||||
|
</figure>
|
||||||
|
<!-- /wp:pullquote -->
|
||||||
|
|
||||||
|
<!-- wp:columns {"verticalAlignment":"center","isStackedOnMobile":false,"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30","left":"var:preset|spacing|30"}}}} -->
|
||||||
|
<div class="wp-block-columns are-vertically-aligned-center is-not-stacked-on-mobile">
|
||||||
|
<!-- wp:column {"verticalAlignment":"center","width":"48px"} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:48px">
|
||||||
|
<!-- wp:image {"width":48,"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image is-resized"><img
|
||||||
|
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icons/avatar-black.png" alt=""
|
||||||
|
width="48" /></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"blockGap":"0"}}} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-center">
|
||||||
|
<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}}} -->
|
||||||
|
<p style="font-style:normal;font-weight:700">Name</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Title</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
|
||||||
|
<div class="wp-block-column">
|
||||||
|
<!-- wp:group {"style":{"spacing":{}},"layout":{"type":"constrained","justifyContent":"left","contentSize":"400px"}} -->
|
||||||
|
<div class="wp-block-group">
|
||||||
|
<!-- wp:pullquote {"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"fontSize":"medium"} -->
|
||||||
|
<figure class="wp-block-pullquote has-medium-font-size"
|
||||||
|
style="font-style:normal;font-weight:500">
|
||||||
|
<blockquote>
|
||||||
|
<p>The fine-tuned layouts and type in F*KIN FOOD makes it a perfect match for both blogs and
|
||||||
|
personal websites.</p>
|
||||||
|
</blockquote>
|
||||||
|
</figure>
|
||||||
|
<!-- /wp:pullquote -->
|
||||||
|
|
||||||
|
<!-- wp:columns {"verticalAlignment":"center","isStackedOnMobile":false,"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30","left":"var:preset|spacing|30"}}}} -->
|
||||||
|
<div class="wp-block-columns are-vertically-aligned-center is-not-stacked-on-mobile">
|
||||||
|
<!-- wp:column {"verticalAlignment":"center","width":"48px"} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:48px">
|
||||||
|
<!-- wp:image {"width":48,"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image is-resized"><img
|
||||||
|
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icons/avatar-black.png" alt=""
|
||||||
|
width="48" /></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"blockGap":"0"}}} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-center">
|
||||||
|
<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}}} -->
|
||||||
|
<p style="font-style:normal;font-weight:700">Name</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Title</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
||||||
|
|
||||||
|
<!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|60","left":"var:preset|spacing|40"}}}} -->
|
||||||
|
<div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
|
||||||
|
<div class="wp-block-column">
|
||||||
|
<!-- wp:group {"style":{"spacing":{}},"layout":{"type":"constrained","justifyContent":"left","contentSize":"400px"}} -->
|
||||||
|
<div class="wp-block-group">
|
||||||
|
<!-- wp:pullquote {"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"fontSize":"medium"} -->
|
||||||
|
<figure class="wp-block-pullquote has-medium-font-size"
|
||||||
|
style="font-style:normal;font-weight:500">
|
||||||
|
<blockquote>
|
||||||
|
<p>The fine-tuned layouts and type in F*KIN FOOD makes it a perfect match for both blogs and
|
||||||
|
personal websites.</p>
|
||||||
|
</blockquote>
|
||||||
|
</figure>
|
||||||
|
<!-- /wp:pullquote -->
|
||||||
|
|
||||||
|
<!-- wp:columns {"verticalAlignment":"center","isStackedOnMobile":false,"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30","left":"var:preset|spacing|30"}}}} -->
|
||||||
|
<div class="wp-block-columns are-vertically-aligned-center is-not-stacked-on-mobile">
|
||||||
|
<!-- wp:column {"verticalAlignment":"center","width":"48px"} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:48px">
|
||||||
|
<!-- wp:image {"width":48,"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image is-resized"><img
|
||||||
|
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icons/avatar-black.png" alt=""
|
||||||
|
width="48" /></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"blockGap":"0"}}} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-center">
|
||||||
|
<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}}} -->
|
||||||
|
<p style="font-style:normal;font-weight:700">Name</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Title</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
|
||||||
|
<div class="wp-block-column">
|
||||||
|
<!-- wp:group {"style":{"spacing":{}},"layout":{"type":"constrained","justifyContent":"left","contentSize":"400px"}} -->
|
||||||
|
<div class="wp-block-group">
|
||||||
|
<!-- wp:pullquote {"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"fontSize":"medium"} -->
|
||||||
|
<figure class="wp-block-pullquote has-medium-font-size"
|
||||||
|
style="font-style:normal;font-weight:500">
|
||||||
|
<blockquote>
|
||||||
|
<p>The fine-tuned layouts and type in F*KIN FOOD makes it a perfect match for both blogs and
|
||||||
|
personal websites.</p>
|
||||||
|
</blockquote>
|
||||||
|
</figure>
|
||||||
|
<!-- /wp:pullquote -->
|
||||||
|
|
||||||
|
<!-- wp:columns {"verticalAlignment":"center","isStackedOnMobile":false,"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30","left":"var:preset|spacing|30"}}}} -->
|
||||||
|
<div class="wp-block-columns are-vertically-aligned-center is-not-stacked-on-mobile">
|
||||||
|
<!-- wp:column {"verticalAlignment":"center","width":"48px"} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:48px">
|
||||||
|
<!-- wp:image {"width":48,"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image is-resized"><img
|
||||||
|
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icons/avatar-black.png" alt=""
|
||||||
|
width="48" /></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"blockGap":"0"}}} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-center">
|
||||||
|
<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}}} -->
|
||||||
|
<p style="font-style:normal;font-weight:700">Name</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Title</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
55
patterns/hero-bg-image-above.php
Normal file
@ -0,0 +1,55 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: Hero with titles set against a black background, and an image overlapping it from above
|
||||||
|
* Slug: fkinfood/hero-bg-image-above
|
||||||
|
* Categories: fkinfood, fkinfood-hero
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
<!-- wp:group {"align":"full","style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group alignfull">
|
||||||
|
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"0","right":"var:preset|spacing|40","bottom":"0","left":"var:preset|spacing|40"}}},"textColor":"background","gradient":"foreground-color-bottom","layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group alignfull has-background-color has-foreground-color-bottom-gradient-background has-text-color has-background"
|
||||||
|
style="padding-top:0;padding-right:var(--wp--preset--spacing--40);padding-bottom:0;padding-left:var(--wp--preset--spacing--40)">
|
||||||
|
<!-- wp:image {"align":"wide","linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image alignwide"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/gray-2x1.png" alt=""/></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|80","right":"var:preset|spacing|40","bottom":"var:preset|spacing|80","left":"var:preset|spacing|40"}}},"backgroundColor":"foreground","textColor":"background","layout":{"type":"constrained","contentSize":"1256px"}} -->
|
||||||
|
<div class="wp-block-group alignfull has-background-color has-foreground-background-color has-text-color has-background"
|
||||||
|
style="padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--40)">
|
||||||
|
<!-- wp:columns {"verticalAlignment":"bottom","align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|40","left":"var:preset|spacing|40"}}}} -->
|
||||||
|
<div class="wp-block-columns alignwide are-vertically-aligned-bottom">
|
||||||
|
<!-- wp:column {"verticalAlignment":"bottom"} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-bottom">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
|
||||||
|
<div class="wp-block-group"><!-- wp:paragraph {"fontSize":"large"} -->
|
||||||
|
<p class="has-large-font-size"><strong>The Time is Now</strong></p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:heading {"level":3} -->
|
||||||
|
<h3 class="wp-block-heading">Make a Change</h3>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"verticalAlignment":"bottom"} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-bottom">
|
||||||
|
<!-- wp:group {"layout":{"type":"constrained","justifyContent":"left"}} -->
|
||||||
|
<div class="wp-block-group"><!-- wp:paragraph {"fontSize":"large"} -->
|
||||||
|
<p class="has-large-font-size">This block is calling you to action! It is time to buy something,
|
||||||
|
read something, contact someone or whatever else this section is asking you to do.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
55
patterns/hero-bg-image-below.php
Normal file
@ -0,0 +1,55 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: Hero with titles set against a black background, and an image overlapping it from below
|
||||||
|
* Slug: fkinfood/hero-bg-image-below
|
||||||
|
* Categories: fkinfood, fkinfood-hero
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
<!-- wp:group {"align":"full","style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group alignfull">
|
||||||
|
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|80","right":"var:preset|spacing|40","bottom":"var:preset|spacing|80","left":"var:preset|spacing|40"}}},"backgroundColor":"foreground","textColor":"background","layout":{"type":"constrained","contentSize":"1256px"}} -->
|
||||||
|
<div class="wp-block-group alignfull has-background-color has-foreground-background-color has-text-color has-background"
|
||||||
|
style="padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--40)">
|
||||||
|
<!-- wp:columns {"verticalAlignment":"bottom","align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|40","left":"var:preset|spacing|40"}}}} -->
|
||||||
|
<div class="wp-block-columns alignwide are-vertically-aligned-bottom">
|
||||||
|
<!-- wp:column {"verticalAlignment":"bottom"} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-bottom">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
|
||||||
|
<div class="wp-block-group"><!-- wp:paragraph {"fontSize":"large"} -->
|
||||||
|
<p class="has-large-font-size"><strong>The Time is Now</strong></p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:heading {"level":3} -->
|
||||||
|
<h3 class="wp-block-heading">Make a Change</h3>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"verticalAlignment":"bottom"} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-bottom">
|
||||||
|
<!-- wp:group {"layout":{"type":"constrained","justifyContent":"left"}} -->
|
||||||
|
<div class="wp-block-group"><!-- wp:paragraph {"fontSize":"large"} -->
|
||||||
|
<p class="has-large-font-size">This block is calling you to action! It is time to buy something,
|
||||||
|
read something, contact someone or whatever else this section is asking you to do.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"0","right":"var:preset|spacing|40","bottom":"0","left":"var:preset|spacing|40"}}},"textColor":"background","gradient":"foreground-color-top","layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group alignfull has-background-color has-foreground-color-top-gradient-background has-text-color has-background"
|
||||||
|
style="padding-top:0;padding-right:var(--wp--preset--spacing--40);padding-bottom:0;padding-left:var(--wp--preset--spacing--40)">
|
||||||
|
<!-- wp:image {"align":"wide","linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image alignwide"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/gray-2x1.png" alt=""/></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
54
patterns/hero-bg-titles-image.php
Normal file
@ -0,0 +1,54 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: Hero with background color, titles and an image
|
||||||
|
* Slug: fkinfood/hero-bg-titles-image
|
||||||
|
* Categories: fkinfood, fkinfood-hero
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","right":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|60"}}},"gradient":"bg-color-bottom","layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group alignwide has-bg-color-bottom-gradient-background has-background"
|
||||||
|
style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
|
||||||
|
<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"0","left":"var:preset|spacing|40"}}}} -->
|
||||||
|
<div class="wp-block-columns alignwide">
|
||||||
|
<!-- wp:column {"verticalAlignment":"center","width":"","style":{"spacing":{"blockGap":"var:preset|spacing|40","padding":{"bottom":"var:preset|spacing|80"}}}} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-center" style="padding-bottom:var(--wp--preset--spacing--80)">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
|
||||||
|
<div class="wp-block-group"><!-- wp:paragraph {"fontSize":"large"} -->
|
||||||
|
<p class="has-large-font-size"><strong>The Time is Now</strong></p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:heading {"level":3} -->
|
||||||
|
<h3 class="wp-block-heading">Make a Change</h3>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|50"}},"layout":{"type":"constrained","contentSize":"660px","justifyContent":"left"}} -->
|
||||||
|
<div class="wp-block-group"><!-- wp:paragraph {"fontSize":"large"} -->
|
||||||
|
<p class="has-large-font-size">We’re calling you to action! It is time to buy something, read something,
|
||||||
|
or whatever else this section is asking of you.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:buttons -->
|
||||||
|
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} -->
|
||||||
|
<div class="wp-block-button is-style-outline"><a
|
||||||
|
class="wp-block-button__link wp-element-button">Read More</a></div>
|
||||||
|
<!-- /wp:button -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:buttons -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"verticalAlignment":"bottom","width":"33%"} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:33%">
|
||||||
|
<!-- wp:image {"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/black-3x4.png" alt=""/></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
48
patterns/hero-chapter-heading.php
Normal file
@ -0,0 +1,48 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: Chapter heading with title and intro text set against a cover image
|
||||||
|
* Slug: fkinfood/hero-chapter-heading
|
||||||
|
* Categories: fkinfood, fkinfood-hero
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
<!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/gray-4x3.png","dimRatio":0,"contentPosition":"center center","align":"wide","style":{"spacing":{"padding":{"top":"0","bottom":"0","right":"0","left":"0"}}}} -->
|
||||||
|
<div class="wp-block-cover alignwide" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><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_template_directory_uri() ); ?>/assets/images/placeholders/gray-4x3.png" data-object-fit="cover" />
|
||||||
|
<div class="wp-block-cover__inner-container">
|
||||||
|
<!-- wp:cover {"dimRatio":50,"minHeight":40,"minHeightUnit":"vh","gradient":"foreground-fade-to-bottom","contentPosition":"top left","isDark":false,"style":{"spacing":{"padding":{"top":"6vw","right":"6vw","bottom":"6vw","left":"6vw"}}}} -->
|
||||||
|
<div class="wp-block-cover is-light has-custom-content-position is-position-top-left"
|
||||||
|
style="padding-top:6vw;padding-right:6vw;padding-bottom:6vw;padding-left:6vw;min-height:40vh"><span
|
||||||
|
aria-hidden="true"
|
||||||
|
class="wp-block-cover__background has-background-dim has-background-gradient has-foreground-fade-to-bottom-gradient-background"></span>
|
||||||
|
<div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"default"}} -->
|
||||||
|
<div class="wp-block-group"><!-- wp:heading {"textColor":"background"} -->
|
||||||
|
<h2 class="wp-block-heading has-background-color has-text-color">Chapter heading</h2>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /wp:cover -->
|
||||||
|
|
||||||
|
<!-- wp:cover {"dimRatio":50,"minHeight":40,"minHeightUnit":"vh","gradient":"foreground-fade-to-top","contentPosition":"bottom left","isDark":false,"style":{"spacing":{"padding":{"top":"6vw","right":"6vw","bottom":"6vw","left":"6vw"}}}} -->
|
||||||
|
<div class="wp-block-cover is-light has-custom-content-position is-position-bottom-left"
|
||||||
|
style="padding-top:6vw;padding-right:6vw;padding-bottom:6vw;padding-left:6vw;min-height:40vh"><span
|
||||||
|
aria-hidden="true"
|
||||||
|
class="wp-block-cover__background has-background-dim has-background-gradient has-foreground-fade-to-top-gradient-background"></span>
|
||||||
|
<div class="wp-block-cover__inner-container">
|
||||||
|
<!-- wp:group {"layout":{"type":"constrained","justifyContent":"left"}} -->
|
||||||
|
<div class="wp-block-group"><!-- wp:paragraph {"textColor":"background","fontSize":"large"} -->
|
||||||
|
<p class="has-background-color has-text-color has-large-font-size">Lorem ipsum dolor sit amet,
|
||||||
|
consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||||
|
Ut enim ad minim veniam.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /wp:cover -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /wp:cover -->
|
28
patterns/hero-cover.php
Normal file
@ -0,0 +1,28 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: Hero with cover image and a large title
|
||||||
|
* Slug: fkinfood/hero-cover
|
||||||
|
* Categories: fkinfood, fkinfood-hero
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
<!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/black-4x3.png","dimRatio":0,"overlayColor":"foreground","minHeight":75,"minHeightUnit":"vh","contentPosition":"center center","align":"wide"} -->
|
||||||
|
<div class="wp-block-cover alignwide" style="min-height:75vh"><span aria-hidden="true"
|
||||||
|
class="wp-block-cover__background has-foreground-background-color has-background-dim-0 has-background-dim"></span><img
|
||||||
|
class="wp-block-cover__image-background" alt=""
|
||||||
|
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/black-4x3.png" data-object-fit="cover" />
|
||||||
|
<div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group"><!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
|
||||||
|
<div class="wp-block-group alignwide"><!-- wp:heading {"textAlign":"center","level":1} -->
|
||||||
|
<h1 class="wp-block-heading has-text-align-center">Hero Title</h1>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph {"align":"center","fontSize":"large"} -->
|
||||||
|
<p class="has-text-align-center has-large-font-size">And a subtitle, for good measure.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /wp:cover -->
|
36
patterns/hero-simple-columns.php
Normal file
@ -0,0 +1,36 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: Hero with subtitle, title, and text in two columns
|
||||||
|
* Slug: fkinfood/hero-simple-columns
|
||||||
|
* Categories: fkinfood, fkinfood-hero
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
<!-- wp:columns {"verticalAlignment":"bottom","align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|40","left":"var:preset|spacing|40"}}}} -->
|
||||||
|
<div class="wp-block-columns alignwide are-vertically-aligned-bottom"><!-- wp:column {"verticalAlignment":"bottom"} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-bottom">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
|
||||||
|
<div class="wp-block-group"><!-- wp:paragraph {"fontSize":"large"} -->
|
||||||
|
<p class="has-large-font-size"><strong>The Time is Now</strong></p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:heading {"level":3} -->
|
||||||
|
<h3 class="wp-block-heading">Make a Change</h3>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"verticalAlignment":"bottom"} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-bottom">
|
||||||
|
<!-- wp:group {"layout":{"type":"constrained","justifyContent":"left"}} -->
|
||||||
|
<div class="wp-block-group"><!-- wp:paragraph {"fontSize":"large"} -->
|
||||||
|
<p class="has-large-font-size">This block is calling you to action! It is time to buy something, read
|
||||||
|
something, contact someone or whatever else this section is asking you to do.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
26
patterns/hero-simple.php
Normal file
@ -0,0 +1,26 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: Hero with subtitle, title, and text
|
||||||
|
* Slug: fkinfood/hero-simple
|
||||||
|
* Categories: fkinfood, fkinfood-hero
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|50"}},"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
|
||||||
|
<div class="wp-block-group"><!-- wp:paragraph {"fontSize":"large"} -->
|
||||||
|
<p class="has-large-font-size"><strong>The Time is Now</strong></p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:heading {"level":3} -->
|
||||||
|
<h3 class="wp-block-heading">Make a Change</h3>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph {"fontSize":"large"} -->
|
||||||
|
<p class="has-large-font-size">This block is calling you to action! It is time to buy something, read something,
|
||||||
|
contact someone or whatever else this section is asking you to do.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
71
patterns/media-gallery-messy.php
Normal file
@ -0,0 +1,71 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: Image gallery in a collage layout
|
||||||
|
* Slug: fkinfood/media-gallery-messy
|
||||||
|
* Categories: fkinfood, fkinfood-media
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"10vw","left":"var:preset|spacing|40"}}}} -->
|
||||||
|
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"60%","style":{"spacing":{"blockGap":"10vw"}}} -->
|
||||||
|
<div class="wp-block-column" style="flex-basis:60%"><!-- wp:columns {"isStackedOnMobile":false} -->
|
||||||
|
<div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column {"width":"5%"} -->
|
||||||
|
<div class="wp-block-column" style="flex-basis:5%"></div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column -->
|
||||||
|
<div class="wp-block-column">
|
||||||
|
<!-- wp:image {"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/black-4x3.png" alt=""/><figcaption class="wp-element-caption">This is an image.</figcaption></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"width":"30%"} -->
|
||||||
|
<div class="wp-block-column" style="flex-basis:30%"></div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
||||||
|
|
||||||
|
<!-- wp:columns {"isStackedOnMobile":false} -->
|
||||||
|
<div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column {"width":"55%"} -->
|
||||||
|
<div class="wp-block-column" style="flex-basis:55%"></div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column -->
|
||||||
|
<div class="wp-block-column">
|
||||||
|
<!-- wp:image {"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/black-1x1.png" alt=""/><figcaption class="wp-element-caption">An image, this is.</figcaption></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"verticalAlignment":"center","width":"40%"} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:40%">
|
||||||
|
<!-- wp:columns {"isStackedOnMobile":false} -->
|
||||||
|
<div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column {"width":"20%"} -->
|
||||||
|
<div class="wp-block-column" style="flex-basis:20%"></div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column -->
|
||||||
|
<div class="wp-block-column">
|
||||||
|
|
||||||
|
<!-- wp:image {"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/black-3x4.png" alt=""/><figcaption class="wp-element-caption">Here, we have another image.</figcaption></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"width":"10%"} -->
|
||||||
|
<div class="wp-block-column" style="flex-basis:10%"></div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
57
patterns/media-gallery-with-info-box-left.php
Normal file
@ -0,0 +1,57 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: Image gallery with an info box to the left
|
||||||
|
* Slug: fkinfood/media-gallery-with-info-box-left
|
||||||
|
* Categories: fkinfood, fkinfood-media
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|60","left":"var:preset|spacing|40"}}}} -->
|
||||||
|
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"10%"} -->
|
||||||
|
<div class="wp-block-column" style="flex-basis:10%"></div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"verticalAlignment":"bottom","style":{"spacing":{"blockGap":"var:preset|spacing|60"}}} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-bottom">
|
||||||
|
<!-- wp:group {"layout":{"type":"constrained","justifyContent":"left","contentSize":"382px"}} -->
|
||||||
|
<div class="wp-block-group">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group"><!-- wp:heading {"level":3,"fontSize":"heading-5"} -->
|
||||||
|
<h3 class="wp-block-heading has-heading-5-font-size">Nuolja</h3>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Nuolja (sapmi Njullá) is a mountain on the edge of F*KIN FOOD National Park. Its highest point is 1169
|
||||||
|
meters above sea level.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:buttons -->
|
||||||
|
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} -->
|
||||||
|
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">Read
|
||||||
|
more</a></div>
|
||||||
|
<!-- /wp:button -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:buttons -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:image {"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/black-4x3.png" alt=""/></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"style":{"spacing":{"padding":{"bottom":"10vw"}}}} -->
|
||||||
|
<div class="wp-block-column" style="padding-bottom:10vw">
|
||||||
|
<!-- wp:image {"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/black-3x4.png" alt=""/></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"width":"10%"} -->
|
||||||
|
<div class="wp-block-column" style="flex-basis:10%"></div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
57
patterns/media-gallery-with-info-box-right.php
Normal file
@ -0,0 +1,57 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: Image gallery with an info box to the right
|
||||||
|
* Slug: fkinfood/media-gallery-with-info-box-right
|
||||||
|
* Categories: fkinfood, fkinfood-media
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"0","left":"var:preset|spacing|40"}}}} -->
|
||||||
|
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"10%"} -->
|
||||||
|
<div class="wp-block-column" style="flex-basis:10%"></div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"style":{"spacing":{"padding":{"bottom":"10vw"}}}} -->
|
||||||
|
<div class="wp-block-column" style="padding-bottom:10vw">
|
||||||
|
<!-- wp:image {"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/black-3x4.png" alt=""/></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"verticalAlignment":"bottom","style":{"spacing":{"blockGap":"var:preset|spacing|60"}}} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-bottom">
|
||||||
|
<!-- wp:group {"layout":{"type":"constrained","justifyContent":"left","contentSize":"382px"}} -->
|
||||||
|
<div class="wp-block-group">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group"><!-- wp:heading {"level":3,"fontSize":"heading-5"} -->
|
||||||
|
<h3 class="wp-block-heading has-heading-5-font-size">Nuolja</h3>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph -->
|
||||||
|
<p>Nuolja (sapmi Njullá) is a mountain on the edge of F*KIN FOOD National Park. Its highest point is 1169
|
||||||
|
meters above sea level.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:buttons -->
|
||||||
|
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} -->
|
||||||
|
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">Read
|
||||||
|
more</a></div>
|
||||||
|
<!-- /wp:button -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:buttons -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:image {"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/black-4x3.png" alt=""/></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"width":"10%"} -->
|
||||||
|
<div class="wp-block-column" style="flex-basis:10%"></div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
29
patterns/media-image-overlapping-heading-bottom.php
Normal file
@ -0,0 +1,29 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: Cover image with an overlapping heading in the bottom
|
||||||
|
* Slug: fkinfood/media-image-overlapping-heading-bottom
|
||||||
|
* Categories: fkinfood, fkinfood-media
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
<!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/gray-4x3.png","dimRatio":0,"contentPosition":"center center","align":"wide","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}}} -->
|
||||||
|
<div class="wp-block-cover alignwide" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><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_template_directory_uri() ); ?>/assets/images/placeholders/gray-4x3.png" data-object-fit="cover" />
|
||||||
|
<div class="wp-block-cover__inner-container">
|
||||||
|
<!-- wp:cover {"minHeight":75,"minHeightUnit":"vh","gradient":"bg-color-bottom-half-lh","contentPosition":"bottom center","isDark":false,"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"fontSize":"heading-1"} -->
|
||||||
|
<div class="wp-block-cover is-light has-custom-content-position is-position-bottom-center has-heading-1-font-size"
|
||||||
|
style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:75vh"><span
|
||||||
|
aria-hidden="true"
|
||||||
|
class="wp-block-cover__background has-background-dim-100 has-background-dim has-background-gradient has-bg-color-bottom-half-lh-gradient-background"></span>
|
||||||
|
<div class="wp-block-cover__inner-container">
|
||||||
|
<!-- wp:heading {"textAlign":"center","level":1,"style":{"spacing":{"margin":{"top":"0","right":"0","bottom":"0","left":"0"}}},"textColor":"foreground"} -->
|
||||||
|
<h1 class="wp-block-heading has-text-align-center has-foreground-color has-text-color"
|
||||||
|
style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0">Art & Code</h1>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /wp:cover -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /wp:cover -->
|
29
patterns/media-image-overlapping-heading-top.php
Normal file
@ -0,0 +1,29 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: Cover image with an overlapping heading in the top
|
||||||
|
* Slug: fkinfood/media-image-overlapping-heading-top
|
||||||
|
* Categories: fkinfood, fkinfood-media
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
<!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/gray-4x3.png","dimRatio":0,"contentPosition":"center center","align":"wide","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}}} -->
|
||||||
|
<div class="wp-block-cover alignwide" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><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_template_directory_uri() ); ?>/assets/images/placeholders/gray-4x3.png" data-object-fit="cover" />
|
||||||
|
<div class="wp-block-cover__inner-container">
|
||||||
|
<!-- wp:cover {"minHeight":75,"minHeightUnit":"vh","gradient":"bg-color-top-half-lh","contentPosition":"top center","isDark":false,"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"fontSize":"heading-1"} -->
|
||||||
|
<div class="wp-block-cover is-light has-custom-content-position is-position-top-center has-heading-1-font-size"
|
||||||
|
style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:75vh"><span
|
||||||
|
aria-hidden="true"
|
||||||
|
class="wp-block-cover__background has-background-dim-100 has-background-dim has-background-gradient has-bg-color-top-half-lh-gradient-background"></span>
|
||||||
|
<div class="wp-block-cover__inner-container">
|
||||||
|
<!-- wp:heading {"textAlign":"center","level":1,"style":{"spacing":{"margin":{"top":"0","right":"0","bottom":"0","left":"0"}}},"textColor":"foreground"} -->
|
||||||
|
<h1 class="wp-block-heading has-text-align-center has-foreground-color has-text-color"
|
||||||
|
style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0">Art & Code</h1>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /wp:cover -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /wp:cover -->
|
150
patterns/media-logo-grid.php
Normal file
@ -0,0 +1,150 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: Grid with logotypes
|
||||||
|
* Slug: fkinfood/media-logo-grid
|
||||||
|
* Categories: fkinfood, fkinfood-media
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group alignwide">
|
||||||
|
<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|40","left":"var:preset|spacing|40"}}}} -->
|
||||||
|
<div class="wp-block-columns alignwide">
|
||||||
|
<!-- wp:column {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","right":"var:preset|spacing|50","left":"var:preset|spacing|50"}},"border":{"width":"0px","style":"none"}}} -->
|
||||||
|
<div class="wp-block-column"
|
||||||
|
style="border-style:none;border-width:0px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
|
||||||
|
<!-- wp:image {"width":48,"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image is-resized"><img
|
||||||
|
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icons/cube.png" alt=""
|
||||||
|
width="48" /></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","right":"var:preset|spacing|50","left":"var:preset|spacing|50"}},"border":{"width":"0px","style":"none"}}} -->
|
||||||
|
<div class="wp-block-column"
|
||||||
|
style="border-style:none;border-width:0px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
|
||||||
|
<!-- wp:image {"width":48,"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image is-resized"><img
|
||||||
|
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icons/cube.png" alt=""
|
||||||
|
width="48" /></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","right":"var:preset|spacing|50","left":"var:preset|spacing|50"}},"border":{"width":"0px","style":"none"}}} -->
|
||||||
|
<div class="wp-block-column"
|
||||||
|
style="border-style:none;border-width:0px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
|
||||||
|
<!-- wp:image {"width":48,"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image is-resized"><img
|
||||||
|
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icons/cube.png" alt=""
|
||||||
|
width="48" /></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","right":"var:preset|spacing|50","left":"var:preset|spacing|50"}},"border":{"width":"0px","style":"none"}}} -->
|
||||||
|
<div class="wp-block-column"
|
||||||
|
style="border-style:none;border-width:0px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
|
||||||
|
<!-- wp:image {"width":48,"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image is-resized"><img
|
||||||
|
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icons/cube.png" alt=""
|
||||||
|
width="48" /></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","right":"var:preset|spacing|50","left":"var:preset|spacing|50"}},"border":{"width":"0px","style":"none"}}} -->
|
||||||
|
<div class="wp-block-column"
|
||||||
|
style="border-style:none;border-width:0px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
|
||||||
|
<!-- wp:image {"width":48,"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image is-resized"><img
|
||||||
|
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icons/cube.png" alt=""
|
||||||
|
width="48" /></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","right":"var:preset|spacing|50","left":"var:preset|spacing|50"}},"border":{"width":"0px","style":"none"}}} -->
|
||||||
|
<div class="wp-block-column"
|
||||||
|
style="border-style:none;border-width:0px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
|
||||||
|
<!-- wp:image {"width":48,"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image is-resized"><img
|
||||||
|
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icons/cube.png" alt=""
|
||||||
|
width="48" /></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
||||||
|
|
||||||
|
<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|40","left":"var:preset|spacing|40"}}}} -->
|
||||||
|
<div class="wp-block-columns alignwide">
|
||||||
|
<!-- wp:column {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","right":"var:preset|spacing|50","left":"var:preset|spacing|50"}},"border":{"width":"0px","style":"none"}}} -->
|
||||||
|
<div class="wp-block-column"
|
||||||
|
style="border-style:none;border-width:0px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
|
||||||
|
<!-- wp:image {"width":48,"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image is-resized"><img
|
||||||
|
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icons/cube.png" alt=""
|
||||||
|
width="48" /></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","right":"var:preset|spacing|50","left":"var:preset|spacing|50"}},"border":{"width":"0px","style":"none"}}} -->
|
||||||
|
<div class="wp-block-column"
|
||||||
|
style="border-style:none;border-width:0px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
|
||||||
|
<!-- wp:image {"width":48,"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image is-resized"><img
|
||||||
|
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icons/cube.png" alt=""
|
||||||
|
width="48" /></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","right":"var:preset|spacing|50","left":"var:preset|spacing|50"}},"border":{"width":"0px","style":"none"}}} -->
|
||||||
|
<div class="wp-block-column"
|
||||||
|
style="border-style:none;border-width:0px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
|
||||||
|
<!-- wp:image {"width":48,"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image is-resized"><img
|
||||||
|
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icons/cube.png" alt=""
|
||||||
|
width="48" /></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","right":"var:preset|spacing|50","left":"var:preset|spacing|50"}},"border":{"width":"0px","style":"none"}}} -->
|
||||||
|
<div class="wp-block-column"
|
||||||
|
style="border-style:none;border-width:0px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
|
||||||
|
<!-- wp:image {"width":48,"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image is-resized"><img
|
||||||
|
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icons/cube.png" alt=""
|
||||||
|
width="48" /></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","right":"var:preset|spacing|50","left":"var:preset|spacing|50"}},"border":{"width":"0px","style":"none"}}} -->
|
||||||
|
<div class="wp-block-column"
|
||||||
|
style="border-style:none;border-width:0px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
|
||||||
|
<!-- wp:image {"width":48,"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image is-resized"><img
|
||||||
|
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icons/cube.png" alt=""
|
||||||
|
width="48" /></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","right":"var:preset|spacing|50","left":"var:preset|spacing|50"}},"border":{"width":"0px","style":"none"}}} -->
|
||||||
|
<div class="wp-block-column"
|
||||||
|
style="border-style:none;border-width:0px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
|
||||||
|
<!-- wp:image {"width":48,"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image is-resized"><img
|
||||||
|
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icons/cube.png" alt=""
|
||||||
|
width="48" /></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
21
patterns/page-about.php
Normal file
@ -0,0 +1,21 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: "About Us" page layout with hero, background information, and testimonials.
|
||||||
|
* Slug: fkinfood/page-about
|
||||||
|
* Categories: fkinfood, fkinfood-page
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
|
||||||
|
<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|90","margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group alignwide" style="margin-top:0;margin-bottom:0">
|
||||||
|
|
||||||
|
<!-- wp:pattern {"slug":"fkinfood/hero-cover"} /-->
|
||||||
|
|
||||||
|
<!-- wp:pattern {"slug":"fkinfood/general-intro-text-text-buttons"} /-->
|
||||||
|
|
||||||
|
<!-- wp:pattern {"slug":"fkinfood/general-features-list"} /-->
|
||||||
|
|
||||||
|
<!-- wp:pattern {"slug":"fkinfood/general-cover-with-blurred-content-box"} /-->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
19
patterns/page-contact.php
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: "Contact Us" page layout with hero, contact information, and employee information.
|
||||||
|
* Slug: fkinfood/page-contact
|
||||||
|
* Categories: fkinfood, fkinfood-page
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
|
||||||
|
<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|90","margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group alignwide" style="margin-top:0;margin-bottom:0">
|
||||||
|
|
||||||
|
<!-- wp:pattern {"slug":"fkinfood/hero-cover"} /-->
|
||||||
|
|
||||||
|
<!-- wp:pattern {"slug":"fkinfood/general-contact-details-image"} /-->
|
||||||
|
|
||||||
|
<!-- wp:pattern {"slug":"fkinfood/general-people"} /-->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
30
patterns/page-faq.php
Normal file
@ -0,0 +1,30 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: "Frequently Asked Questions" page layout with hero, questions and answers, and a call to action.
|
||||||
|
* Slug: fkinfood/page-faq
|
||||||
|
* Categories: fkinfood, fkinfood-page
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|90","margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group alignwide" style="margin-top:0;margin-bottom:0">
|
||||||
|
|
||||||
|
<!-- wp:pattern {"slug":"fkinfood/hero-cover"} /-->
|
||||||
|
|
||||||
|
<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|90"}},"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group alignwide">
|
||||||
|
|
||||||
|
<!-- wp:pattern {"slug":"fkinfood/general-faq-section"} /-->
|
||||||
|
|
||||||
|
<!-- wp:pattern {"slug":"fkinfood/general-faq-section"} /-->
|
||||||
|
|
||||||
|
<!-- wp:pattern {"slug":"fkinfood/general-faq-section"} /-->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:pattern {"slug":"fkinfood/general-separator-wide"} /-->
|
||||||
|
|
||||||
|
<!-- wp:pattern {"slug":"fkinfood/cta-simple-button"} /-->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
21
patterns/page-front-page.php
Normal file
@ -0,0 +1,21 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: "Front Page" page layout with hero, feature areas, background information, and a call to action.
|
||||||
|
* Slug: fkinfood/page-front-page
|
||||||
|
* Categories: fkinfood, fkinfood-page
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
|
||||||
|
<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|90","margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group alignwide" style="margin-top:0;margin-bottom:0">
|
||||||
|
|
||||||
|
<!-- wp:pattern {"slug":"fkinfood/hero-cover"} /-->
|
||||||
|
|
||||||
|
<!-- wp:pattern {"slug":"fkinfood/general-featured-items"} /-->
|
||||||
|
|
||||||
|
<!-- wp:pattern {"slug":"fkinfood/general-cover-with-blurred-content-box"} /-->
|
||||||
|
|
||||||
|
<!-- wp:pattern {"slug":"fkinfood/cta-simple-button"} /-->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
74
patterns/page-linktree.php
Normal file
@ -0,0 +1,74 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Title: Linktree-esque page layout with a profile picture, name, description, buttons and social icons
|
||||||
|
* Slug: fkinfood/page-linktree
|
||||||
|
* Categories: fkinfood, fkinfood-page
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
|
||||||
|
<!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/black-4x3.png","dimRatio":50,"minHeight":100,"minHeightUnit":"vh","align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70"},"margin":{"top":"0","bottom":"0"}}}} -->
|
||||||
|
<div class="wp-block-cover alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70);min-height:100vh">
|
||||||
|
<span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img
|
||||||
|
class="wp-block-cover__image-background" alt=""
|
||||||
|
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholders/black-4x3.png" data-object-fit="cover" />
|
||||||
|
<div class="wp-block-cover__inner-container">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|70"}},"layout":{"type":"constrained","contentSize":"400px"}} -->
|
||||||
|
<div class="wp-block-group">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group">
|
||||||
|
<!-- wp:image {"align":"center","width":96,"height":96,"linkDestination":"none"} -->
|
||||||
|
<figure class="wp-block-image aligncenter size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icons/avatar-white.png" alt="" width="96" height="96" /></figure>
|
||||||
|
<!-- /wp:image -->
|
||||||
|
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group">
|
||||||
|
<!-- wp:heading {"textAlign":"center","style":{"typography":{"textTransform":"none","fontStyle":"normal","fontWeight":"700"}},"fontSize":"heading-5"} -->
|
||||||
|
<h2 class="wp-block-heading has-text-align-center has-heading-5-font-size" style="font-style:normal;font-weight:700;text-transform:none">Your Name</h2>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph {"align":"center"} -->
|
||||||
|
<p class="has-text-align-center">A short description of you.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:group {"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group"><!-- wp:buttons {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
|
||||||
|
<div class="wp-block-buttons">
|
||||||
|
<!-- wp:button {"backgroundColor":"background","textColor":"foreground","width":100} -->
|
||||||
|
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-foreground-color has-background-background-color has-text-color has-background wp-element-button">Read my Blog</a></div>
|
||||||
|
<!-- /wp:button -->
|
||||||
|
|
||||||
|
<!-- wp:button {"backgroundColor":"background","textColor":"foreground","width":100} -->
|
||||||
|
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-foreground-color has-background-background-color has-text-color has-background wp-element-button">Browse my store</a></div>
|
||||||
|
<!-- /wp:button -->
|
||||||
|
|
||||||
|
<!-- wp:button {"backgroundColor":"background","textColor":"foreground","width":100} -->
|
||||||
|
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-foreground-color has-background-background-color has-text-color has-background wp-element-button">Watch my channel</a></div>
|
||||||
|
<!-- /wp:button -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:buttons -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:group {"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group">
|
||||||
|
<!-- wp:social-links {"iconColor":"foreground","iconColorValue":"#111","iconBackgroundColor":"background","iconBackgroundColorValue":"#FFF","size":"has-normal-icon-size","className":"is-style-default","layout":{"type":"flex","justifyContent":"center"}} -->
|
||||||
|
<ul
|
||||||
|
class="wp-block-social-links has-normal-icon-size has-icon-color has-icon-background-color is-style-default">
|
||||||
|
<!-- wp:social-link {"url":"https://tumblr.com","service":"tumblr"} /-->
|
||||||
|
|
||||||
|
<!-- wp:social-link {"url":"https://twitter.com","service":"twitter"} /-->
|
||||||
|
|
||||||
|
<!-- wp:social-link {"url":"https://instagram.com","service":"instagram"} /-->
|
||||||
|
</ul>
|
||||||
|
<!-- /wp:social-links -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /wp:cover -->
|
31
readme.txt
Normal file
@ -0,0 +1,31 @@
|
|||||||
|
=== F*KIN FOOD ===
|
||||||
|
Contributors: Felix Baumgärtner
|
||||||
|
Requires at least: 6.0
|
||||||
|
Tested up to: 6.4.2
|
||||||
|
Requires PHP: 5.7
|
||||||
|
License: GPLv2 or later
|
||||||
|
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
||||||
|
|
||||||
|
== Description ==
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
== Changelog ==
|
||||||
|
|
||||||
|
= 1.0.0 =
|
||||||
|
* Initial release
|
||||||
|
|
||||||
|
== Copyright ==
|
||||||
|
|
||||||
|
F*KIN FOOD WordPress Theme, (C) 2023 Felix Baumgärtner
|
||||||
|
F*KIN FOOD 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.
|
BIN
screenshot.jpg
Normal file
After Width: | Height: | Size: 277 KiB |
BIN
screenshot.png
Normal file
After Width: | Height: | Size: 33 KiB |
599
style.css
Normal file
@ -0,0 +1,599 @@
|
|||||||
|
/*
|
||||||
|
Theme Name: F*KIN FOOD
|
||||||
|
Theme URI: https://food.feba.me
|
||||||
|
Author: Felix Baumgärtner
|
||||||
|
Author URI: https://feba.me
|
||||||
|
Description:
|
||||||
|
Requires at least: 6.0
|
||||||
|
Tested up to: 6.4.2
|
||||||
|
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: fkinfood
|
||||||
|
Tags: blog, portfolio, news, grid-layout, one-column, two-columns, three-columns, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, sticky-post, threaded-comments, translation-ready, block-styles, wide-blocks, full-site-editing, block-patterns
|
||||||
|
*/
|
||||||
|
|
||||||
|
body {
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
}
|
||||||
|
|
||||||
|
a, input {
|
||||||
|
text-underline-offset: .2em;
|
||||||
|
transition: all .2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
strong, b {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Input styles */
|
||||||
|
|
||||||
|
label {
|
||||||
|
font-size: var( --wp--preset--font-size--small );
|
||||||
|
}
|
||||||
|
|
||||||
|
input, textarea, select, button {
|
||||||
|
background-color: inherit;
|
||||||
|
border-radius: 0;
|
||||||
|
font-family: inherit;
|
||||||
|
font-size: inherit;
|
||||||
|
font-weight: 500;
|
||||||
|
letter-spacing: -.01em;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
input, textarea, select {
|
||||||
|
background-color: var( --wp--preset--color--background );
|
||||||
|
border: .1rem solid;
|
||||||
|
box-sizing: border-box;
|
||||||
|
color: var( --wp--preset--color--foreground );
|
||||||
|
max-width: 100%;
|
||||||
|
padding: .5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
button,
|
||||||
|
input[type="submit"] {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="checkbox"] {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
appearance: none;
|
||||||
|
border: 1px solid;
|
||||||
|
height: 24px;
|
||||||
|
width: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="checkbox"]:checked {
|
||||||
|
background-color: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="checkbox"]:disabled {
|
||||||
|
opacity: .5;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Editor Post Title */
|
||||||
|
|
||||||
|
.editor-post-title__input {
|
||||||
|
max-width: min( ( 100% - var(--wp--style--root--padding-right) - var(--wp--style--root--padding-left) ), var( --wp--style--global--wide-size ) ) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Background Padding */
|
||||||
|
|
||||||
|
h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background,p.has-background {
|
||||||
|
padding: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(.wp-block-group.has-background) {
|
||||||
|
padding: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* --------------------------------- */
|
||||||
|
/* Helper Classes
|
||||||
|
/* --------------------------------- */
|
||||||
|
|
||||||
|
|
||||||
|
.hide-empty:not(:has(*)) {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media ( min-width: 782px ) {
|
||||||
|
.hide-desktop {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* --------------------------------- */
|
||||||
|
/* Template Parts
|
||||||
|
/* --------------------------------- */
|
||||||
|
|
||||||
|
|
||||||
|
.site-footer.wp-block-template-part {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-credit a { text-decoration: none; }
|
||||||
|
.theme-credit a:hover { text-decoration: underline; }
|
||||||
|
|
||||||
|
|
||||||
|
/* --------------------------------- */
|
||||||
|
/* Typography
|
||||||
|
/* --------------------------------- */
|
||||||
|
|
||||||
|
|
||||||
|
.has-huge-font-size,
|
||||||
|
.has-heading-1-font-size,
|
||||||
|
.has-heading-2-font-size,
|
||||||
|
.has-heading-3-font-size,
|
||||||
|
.has-heading-4-font-size,
|
||||||
|
.has-heading-5-font-size {
|
||||||
|
letter-spacing: var( --wp--custom--typography--letter-spacing--heading );
|
||||||
|
line-height: var( --wp--custom--typography--line-height--heading );
|
||||||
|
}
|
||||||
|
|
||||||
|
.has-huge-font-size,
|
||||||
|
.has-extra-large-font-size,
|
||||||
|
.has-large-font-size {
|
||||||
|
letter-spacing: -.01em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.has-medium-font-size,
|
||||||
|
.has-small-font-size,
|
||||||
|
.has-tiny-font-size {
|
||||||
|
letter-spacing: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.has-medium-font-size {
|
||||||
|
line-height: var( --wp--custom--typography--line-height--body );
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* --------------------------------- */
|
||||||
|
/* Blocks
|
||||||
|
/* --------------------------------- */
|
||||||
|
|
||||||
|
|
||||||
|
/* Block Shared: Faux Buttons ------ */
|
||||||
|
|
||||||
|
.wp-block-comment-reply-link a,
|
||||||
|
.wp-block.is-style-abisko-terms-buttons,
|
||||||
|
.is-style-abisko-terms-buttons a {
|
||||||
|
border: 1px solid var( --wp--preset--color--foreground );
|
||||||
|
display: block;
|
||||||
|
padding: .5em 1em .55em;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-block-comment-reply-link a:hover,
|
||||||
|
.is-style-abisko-terms-buttons a:hover {
|
||||||
|
background-color: var( --wp--preset--color--foreground );
|
||||||
|
color: var( --wp--preset--color--background );
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Block: Avatar ------------------- */
|
||||||
|
|
||||||
|
.wp-block-avatar img {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Block: Button ------------------- */
|
||||||
|
|
||||||
|
.wp-block-button.is-style-outline > .wp-block-button__link,
|
||||||
|
.wp-block-button .wp-block-button__link.is-style-outline {
|
||||||
|
border-width: 1px;
|
||||||
|
padding: calc( 1em - 1px ) calc( 1.33em - 1px ) calc( 1.1em - 1px );
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Block: Calendar ----------------- */
|
||||||
|
|
||||||
|
.wp-block-calendar th {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(.wp-block-calendar table:not(.has-background) th) {
|
||||||
|
background: var( --wp--preset--color--foreground );
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-block-calendar table:where(:not(.has-text-color)) th {
|
||||||
|
color: var( --wp--preset--color--background );
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-block-calendar table:where(:not(.has-text-color)) td,
|
||||||
|
.wp-block-calendar table:where(:not(.has-text-color)) th {
|
||||||
|
border-color: var( --wp--preset--color--foreground );
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Block: Columns ------------------ */
|
||||||
|
|
||||||
|
@media ( max-width: 781px ) {
|
||||||
|
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:empty {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* STYLE: MINUS 90 DEGREE CONTENTS WHILE NOT STACKED */
|
||||||
|
|
||||||
|
@media ( min-width: 782px ) {
|
||||||
|
|
||||||
|
.is-style-abisko-minus-90-deg-column-content-desktop {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.is-style-abisko-minus-90-deg-column-content-desktop > * {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 50%;
|
||||||
|
transform-origin: top left;
|
||||||
|
transform: rotate( 90deg ) translate( 0%, -50% );
|
||||||
|
white-space: nowrap !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Block: Cover -------------------- */
|
||||||
|
|
||||||
|
.wp-block-cover.is-style-abisko-bg-blur > .wp-block-cover__background {
|
||||||
|
-webkit-backdrop-filter: blur( 25px );
|
||||||
|
backdrop-filter: blur( 25px );
|
||||||
|
background-color: rgba( 255, 255, 255, .01 ) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Block: File --------------------- */
|
||||||
|
|
||||||
|
.wp-block-file,
|
||||||
|
.wp-block-file__content-wrapper {
|
||||||
|
align-items: center;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-block-file:not(.wp-element-button) {
|
||||||
|
font-size: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-block-file a:not(.wp-element-button) {
|
||||||
|
padding-left: var( --wp--preset--spacing--10 );
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-block-file__button {
|
||||||
|
opacity: 1 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Block: Heading ------------------ */
|
||||||
|
|
||||||
|
.is-style-abisko-tabular-nums {
|
||||||
|
font-variant-numeric: tabular-nums;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Block: Navigation --------------- */
|
||||||
|
|
||||||
|
.wp-block-navigation__responsive-container-close svg { transform: scale( 1.25 ); }
|
||||||
|
.wp-block-navigation__responsive-container-open svg { transform: scale( 1.5, 1.25 ); }
|
||||||
|
|
||||||
|
/* Block: Paragraph ---------------- */
|
||||||
|
|
||||||
|
.has-drop-cap:not(:focus):first-letter {
|
||||||
|
border: 1px solid currentColor;
|
||||||
|
font-size: 2.75em;
|
||||||
|
font-weight: 500;
|
||||||
|
margin: .09em 1rem .4rem 0;
|
||||||
|
min-width: .6875em;
|
||||||
|
padding: .35em;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Block: Post Comments Form ------- */
|
||||||
|
|
||||||
|
ol.wp-block-comment-template {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-block-comment-template .comment-respond:not(:last-child) {
|
||||||
|
margin-bottom: var(--wp--preset--spacing--60);
|
||||||
|
}
|
||||||
|
|
||||||
|
.required-field-message,
|
||||||
|
.comment-notes {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
:root .comment-reply-title {
|
||||||
|
margin: 0 0 var( --wp--preset--spacing--70 );
|
||||||
|
}
|
||||||
|
|
||||||
|
.comment-reply-title a { text-underline-offset: 0.05em; }
|
||||||
|
|
||||||
|
.wp-block-post-comments-form .comment-reply-title :where(small) {
|
||||||
|
display: block;
|
||||||
|
font-weight: 700;
|
||||||
|
letter-spacing: 0;
|
||||||
|
margin: 2em 0 1em;
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-block-post-comments-form .comment-form {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: var( --wp--preset--spacing--40 );
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-block-post-comments-form .comment-form > p {
|
||||||
|
margin: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
:root .comment-form-comment label,
|
||||||
|
:root .comment-form-author label,
|
||||||
|
:root .comment-form-email label,
|
||||||
|
:root .comment-form-url label {
|
||||||
|
display: block;
|
||||||
|
margin: 0 0 var( --wp--preset--spacing--10 );
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-block-post-comments-form input:not([type=submit]),
|
||||||
|
.wp-block-post-comments-form textarea {
|
||||||
|
border-color: var( --wp--preset--color--foreground );
|
||||||
|
}
|
||||||
|
|
||||||
|
:root .comment-form-cookies-consent {
|
||||||
|
align-items: center;
|
||||||
|
gap: var( --wp--preset--spacing--20 );
|
||||||
|
}
|
||||||
|
|
||||||
|
#wp-comment-cookies-consent {
|
||||||
|
flex-shrink: 0;
|
||||||
|
margin: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media ( min-width: 782px ) {
|
||||||
|
|
||||||
|
.wp-block-post-comments-form .comment-form > .comment-form-author,
|
||||||
|
.wp-block-post-comments-form .comment-form > .comment-form-email {
|
||||||
|
width: calc( 50% - ( var( --wp--preset--spacing--40 ) / 2 ) );
|
||||||
|
}
|
||||||
|
|
||||||
|
/* STYLE: ROTATED TITLE */
|
||||||
|
|
||||||
|
.wp-block-post-comments-form.is-style-abisko-rotated-title {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
body:not(:has( ol.wp-block-comment-template .wp-block-post-comments-form )) .wp-block-post-comments-form.is-style-abisko-rotated-title:not( :has( input[name="comment_parent"]:not([value="0"]) ) ) .comment-reply-title {
|
||||||
|
--col-width: calc( ( 100vw - var( --wp--style--global--content-size ) - var(--wp--style--root--padding-left) - var(--wp--style--root--padding-right) - var( --wp--preset--spacing--40 ) - var( --wp--preset--spacing--40 ) ) / 2 );
|
||||||
|
align-items: center;
|
||||||
|
display: flex;
|
||||||
|
height: var( --col-width );
|
||||||
|
position: absolute;
|
||||||
|
left: calc( 100% + var( --wp--preset--spacing--40 ) );
|
||||||
|
transform: rotate( 90deg ) translate( 0%, -100% );
|
||||||
|
transform-origin: top left;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Block: Post Featured Image ------ */
|
||||||
|
|
||||||
|
[class*="is-style-abisko-ar-"],
|
||||||
|
[class*="is-style-abisko-ar-"] img {
|
||||||
|
height: auto !important;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
[class*="ar-1x1"].wp-block-post-featured-image,
|
||||||
|
[class*="ar-1x1"].wp-block-post-featured-image img { aspect-ratio: 1/1; }
|
||||||
|
|
||||||
|
[class*="ar-4x3"].wp-block-post-featured-image,
|
||||||
|
[class*="ar-4x3"].wp-block-post-featured-image img { aspect-ratio: 4/3; }
|
||||||
|
|
||||||
|
/* Block: Post Terms --------------- */
|
||||||
|
|
||||||
|
/* STYLE: BUTTONS */
|
||||||
|
|
||||||
|
.is-style-abisko-terms-buttons {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--wp--preset--spacing--10);
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.is-style-abisko-terms-buttons .wp-block-post-terms__separator {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Block: Pull Quote --------------- */
|
||||||
|
|
||||||
|
.wp-block-pullquote:not([class*="has-text-align-"]) {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-block-pullquote.has-background {
|
||||||
|
padding: var( --wp--preset--spacing--60 );
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-block-pullquote blockquote {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-block-pullquote blockquote:before {
|
||||||
|
content: "“";
|
||||||
|
display: block;
|
||||||
|
font-size: 80px;
|
||||||
|
font-weight: 800;
|
||||||
|
line-height: 1;
|
||||||
|
margin: -10px 0 -24px -5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-block-pullquote blockquote p {
|
||||||
|
line-height: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Block: Query Pagination --------- */
|
||||||
|
|
||||||
|
/* STYLE: ARROW LINKS */
|
||||||
|
|
||||||
|
[class*="wp-block-"][class*="-pagination"] {
|
||||||
|
--stem: .11em;
|
||||||
|
}
|
||||||
|
|
||||||
|
:root [class*="wp-block-"][class*="-pagination"] > * {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-block-comments-pagination a,
|
||||||
|
.wp-block-query-pagination > :not([class*="numbers"]) {
|
||||||
|
display: flex;
|
||||||
|
gap: max(8px, .333em);
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-block-query-pagination[class*="-justification-stretch"] > :not([class*="numbers"]):only-child {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-block-comments-pagination a,
|
||||||
|
.wp-block-comments-pagination a .rich-text,
|
||||||
|
.wp-block-query-pagination > :not([class*="numbers"]),
|
||||||
|
.wp-block-query-pagination > :not([class*="numbers"]) .rich-text {
|
||||||
|
flex-shrink: 0;
|
||||||
|
white-space: nowrap !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-block-query-pagination > [class*="numbers"] {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: max(8px, .1666em);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Hover Styles */
|
||||||
|
|
||||||
|
.page-numbers.current {
|
||||||
|
color: var(--wp--preset--color--primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Pseudo Dots */
|
||||||
|
|
||||||
|
.wp-block-query-pagination .page-numbers.dots {
|
||||||
|
--dot: calc( 1.5 * var( --stem ) );
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
max-width: var( --dot );
|
||||||
|
overflow-wrap: normal;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-numbers.dots:before {
|
||||||
|
background: currentColor;
|
||||||
|
border-radius: 50%;
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
height: var( --dot );
|
||||||
|
position: absolute;
|
||||||
|
left: calc( 50% - ( .5 * var( --dot ) ) );
|
||||||
|
top: calc( 50% - ( .5 * var( --dot ) ) );
|
||||||
|
transform: translateY( 15% );
|
||||||
|
width: var( --dot );
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Pseudo Chevron/Arrows */
|
||||||
|
|
||||||
|
[class*="wp-block-"][class*="-pagination"] [class*="is-arrow-"] {
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
margin: 0;
|
||||||
|
min-width: calc( 8 * var( --stem ) );
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
[class*="wp-block-"][class*="-pagination"] .is-arrow-chevron {
|
||||||
|
min-width: calc( 4 * var( --stem ) );
|
||||||
|
}
|
||||||
|
|
||||||
|
:root [class*="wp-block-"][class*="-pagination"] [class*="is-arrow-"][class*="previous"] { transform: translateY( .033em ); }
|
||||||
|
:root [class*="wp-block-"][class*="-pagination"] [class*="is-arrow-"][class*="next"] { transform: rotateY( 180deg ) translateY( .033em ); }
|
||||||
|
|
||||||
|
[class*="wp-block-"][class*="-pagination"] [class*="is-arrow-"]:before,
|
||||||
|
[class*="wp-block-"][class*="-pagination"] [class*="is-arrow-"]:after {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
left: var( --stem );
|
||||||
|
right: 0;
|
||||||
|
top: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
[class*="wp-block-"][class*="-pagination"] [class*="is-arrow"]:before {
|
||||||
|
border: solid;
|
||||||
|
border-width: 0 0 var( --stem ) var( --stem );
|
||||||
|
height: calc( 4 * var( --stem ) );
|
||||||
|
margin-top: calc( -2.5 * var( --stem ) );
|
||||||
|
transform: rotate( 45deg );
|
||||||
|
width: calc( 4 * var( --stem ) );
|
||||||
|
}
|
||||||
|
|
||||||
|
:root [class*="wp-block-"][class*="-pagination"] .is-arrow-arrow:after {
|
||||||
|
background: currentColor;
|
||||||
|
height: var( --stem );
|
||||||
|
margin-top: calc( -.5 * var( --stem ) );
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Block: Search Form -------------- */
|
||||||
|
|
||||||
|
.wp-block-search {
|
||||||
|
font-size: var( --wp--preset--font-size--small );
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-block-search .wp-block-search__label {
|
||||||
|
font-weight: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-block-search__input {
|
||||||
|
margin: 0;
|
||||||
|
padding: .75em 1.25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-block-search__button-inside .wp-block-search__inside-wrapper,
|
||||||
|
.wp-block-search__button-inside .wp-block-search__input {
|
||||||
|
margin: 0;
|
||||||
|
padding: .375em .5em !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-block-search__button {
|
||||||
|
margin: 0 0 0 .75em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Block: Quote -------------------- */
|
||||||
|
|
||||||
|
[class*="wp-block"][class*="quote"] p:first-of-type { margin-top: 0; }
|
||||||
|
[class*="wp-block"][class*="quote"] p:last-of-type { margin-bottom: 0; }
|
||||||
|
|
||||||
|
[class*="wp-block"][class*="quote"] cite {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-block-quote[class*="has-"][class*="-font-size"] cite {
|
||||||
|
font-size: var( --wp--preset--font-size--medium );
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Block: Social ------------------- */
|
||||||
|
|
||||||
|
.wp-block-social-links .wp-social-link a {
|
||||||
|
padding: .41em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Block: Table -------------------- */
|
||||||
|
|
||||||
|
.wp-block-table.is-style-stripes {
|
||||||
|
border-bottom-color: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
|
||||||
|
background-color: var( --wp--preset--color--foreground );
|
||||||
|
color: var( --wp--preset--color--background );
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Block: Term Description --------- */
|
||||||
|
|
||||||
|
.wp-block-term-description > *:first-child { margin-top: 0; }
|
||||||
|
.wp-block-term-description > *:last-child { margin-bottom: 0; }
|
32
styles/big-blue.json
Normal file
@ -0,0 +1,32 @@
|
|||||||
|
{
|
||||||
|
"title": "Big Blue",
|
||||||
|
"$schema": "https://schemas.wp.org/trunk/theme.json",
|
||||||
|
"version": 2,
|
||||||
|
"settings": {
|
||||||
|
"color": {
|
||||||
|
"palette": [
|
||||||
|
{
|
||||||
|
"slug": "foreground",
|
||||||
|
"color": "#FFF",
|
||||||
|
"name": "Foreground"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"slug": "background",
|
||||||
|
"color": "#123DBD",
|
||||||
|
"name": "Background"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"color": "#889EDE",
|
||||||
|
"name": "Primary",
|
||||||
|
"slug": "primary"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"styles": {
|
||||||
|
"typography": {
|
||||||
|
"fontFamily": "var(--wp--preset--font-family--system-sans-serif)",
|
||||||
|
"fontWeight": "400"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
26
styles/ernest.json
Normal file
@ -0,0 +1,26 @@
|
|||||||
|
{
|
||||||
|
"title": "Ernest",
|
||||||
|
"$schema": "https://schemas.wp.org/trunk/theme.json",
|
||||||
|
"version": 2,
|
||||||
|
"settings": {
|
||||||
|
"color": {
|
||||||
|
"palette": [
|
||||||
|
{
|
||||||
|
"slug": "foreground",
|
||||||
|
"color": "#000000",
|
||||||
|
"name": "Foreground"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"slug": "background",
|
||||||
|
"color": "#C4BBAA",
|
||||||
|
"name": "Background"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"color": "#625E55",
|
||||||
|
"name": "Primary",
|
||||||
|
"slug": "primary"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
32
styles/rose-hip.json
Normal file
@ -0,0 +1,32 @@
|
|||||||
|
{
|
||||||
|
"title": "Rose Hip",
|
||||||
|
"$schema": "https://schemas.wp.org/trunk/theme.json",
|
||||||
|
"version": 2,
|
||||||
|
"settings": {
|
||||||
|
"color": {
|
||||||
|
"palette": [
|
||||||
|
{
|
||||||
|
"slug": "foreground",
|
||||||
|
"color": "#20171A",
|
||||||
|
"name": "Foreground"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"slug": "background",
|
||||||
|
"color": "#FAC66F",
|
||||||
|
"name": "Background"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"color": "#614C34",
|
||||||
|
"name": "Primary",
|
||||||
|
"slug": "primary"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"styles": {
|
||||||
|
"typography": {
|
||||||
|
"fontFamily": "var(--wp--preset--font-family--system-serif)",
|
||||||
|
"fontWeight": "400"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
26
styles/stark.json
Normal file
@ -0,0 +1,26 @@
|
|||||||
|
{
|
||||||
|
"title": "Stark",
|
||||||
|
"$schema": "https://schemas.wp.org/trunk/theme.json",
|
||||||
|
"version": 2,
|
||||||
|
"settings": {
|
||||||
|
"color": {
|
||||||
|
"palette": [
|
||||||
|
{
|
||||||
|
"slug": "foreground",
|
||||||
|
"color": "#FFF",
|
||||||
|
"name": "Foreground"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"slug": "background",
|
||||||
|
"color": "#111",
|
||||||
|
"name": "Background"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"color": "#767679",
|
||||||
|
"name": "Primary",
|
||||||
|
"slug": "primary"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
26
styles/stoll.json
Normal file
@ -0,0 +1,26 @@
|
|||||||
|
{
|
||||||
|
"title": "Stoll",
|
||||||
|
"$schema": "https://schemas.wp.org/trunk/theme.json",
|
||||||
|
"version": 2,
|
||||||
|
"settings": {
|
||||||
|
"color": {
|
||||||
|
"palette": [
|
||||||
|
{
|
||||||
|
"slug": "foreground",
|
||||||
|
"color": "#212125",
|
||||||
|
"name": "Foreground"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"slug": "background",
|
||||||
|
"color": "#F6BE0C",
|
||||||
|
"name": "Background"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"color": "#FFF",
|
||||||
|
"name": "Primary",
|
||||||
|
"slug": "primary"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
44
templates/404.html
Normal file
@ -0,0 +1,44 @@
|
|||||||
|
<!-- wp:template-part {"slug":"header","tagName":"header","className":"site-header"} /-->
|
||||||
|
|
||||||
|
<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|90","bottom":"var:preset|spacing|90"}}},"layout":{"type":"constrained"}} -->
|
||||||
|
<main class="wp-block-group"
|
||||||
|
style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--90);padding-bottom:var(--wp--preset--spacing--90)">
|
||||||
|
<!-- wp:columns {"verticalAlignment":"top","align":"wide"} -->
|
||||||
|
<div class="wp-block-columns alignwide are-vertically-aligned-top">
|
||||||
|
<!-- wp:column {"verticalAlignment":"top","width":""} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-top"></div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"verticalAlignment":"top","width":""} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-top">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"constrained","justifyContent":"left","contentSize":"22.5em"},"fontSize":"large"} -->
|
||||||
|
<div class="wp-block-group has-large-font-size">
|
||||||
|
<!-- wp:heading {"level":1,"style":{"typography":{"textTransform":"capitalize","fontStyle":"normal","fontWeight":"700","letterSpacing":"0px"}},"fontSize":"heading-4"} -->
|
||||||
|
<h1 class="wp-block-heading has-heading-4-font-size"
|
||||||
|
style="font-style:normal;font-weight:700;letter-spacing:0px;text-transform:capitalize">Error 404
|
||||||
|
</h1>
|
||||||
|
<!-- /wp:heading -->
|
||||||
|
|
||||||
|
<!-- wp:paragraph {"fontSize":"large"} -->
|
||||||
|
<p class="has-large-font-size">The page could not be found. You can return to the front page by clicking
|
||||||
|
the button below.</p>
|
||||||
|
<!-- /wp:paragraph -->
|
||||||
|
|
||||||
|
<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|50"}}}} -->
|
||||||
|
<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--50)">
|
||||||
|
<!-- wp:button {"className":"is-style-outline"} -->
|
||||||
|
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">To
|
||||||
|
the front page</a></div>
|
||||||
|
<!-- /wp:button -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:buttons -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
||||||
|
</main>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:template-part {"slug":"footer","tagName":"footer","className":"site-footer"} /-->
|
18
templates/archive.html
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
<!-- wp:template-part {"slug":"header","tagName":"header","className":"site-header"} /-->
|
||||||
|
|
||||||
|
<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"className":"is-style-default","layout":{"inherit":true,"type":"constrained"}} -->
|
||||||
|
<main class="wp-block-group is-style-default" style="margin-top:0;margin-bottom:0">
|
||||||
|
<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|10","margin":{"top":"var:preset|spacing|90","bottom":"var:preset|spacing|50"}}},"layout":{"type":"flex","orientation":"vertical"}} -->
|
||||||
|
<div class="wp-block-group alignwide"
|
||||||
|
style="margin-top:var(--wp--preset--spacing--90);margin-bottom:var(--wp--preset--spacing--50)">
|
||||||
|
<!-- wp:query-title {"type":"archive","showPrefix":false} /-->
|
||||||
|
|
||||||
|
<!-- wp:term-description {"style":{"spacing":{"margin":{"top":"0","right":"0","bottom":"0","left":"0"}}},"fontSize":"large"} /-->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:template-part {"slug":"loop","align":"wide"} /-->
|
||||||
|
</main>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:template-part {"slug":"footer","tagName":"footer","className":"site-footer"} /-->
|
8
templates/home.html
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
<!-- wp:template-part {"slug":"header-large","tagName":"header","className":"site-header"} /-->
|
||||||
|
|
||||||
|
<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"className":"is-style-default","layout":{"inherit":true,"type":"constrained"}} -->
|
||||||
|
<main class="wp-block-group is-style-default" style="margin-top:0;margin-bottom:0">
|
||||||
|
<!-- wp:template-part {"slug":"loop","align":"wide"} /--></main>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:template-part {"slug":"footer","tagName":"footer","className":"site-footer"} /-->
|
8
templates/index.html
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
<!-- wp:template-part {"slug":"header","tagName":"header","className":"site-header"} /-->
|
||||||
|
|
||||||
|
<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"className":"is-style-default","layout":{"inherit":true,"type":"constrained"}} -->
|
||||||
|
<main class="wp-block-group is-style-default" style="margin-top:0;margin-bottom:0">
|
||||||
|
<!-- wp:template-part {"slug":"loop","align":"wide"} /--></main>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:template-part {"slug":"footer","tagName":"footer","className":"site-footer"} /-->
|
13
templates/page.html
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
<!-- wp:template-part {"slug":"header","tagName":"header","className":"site-header"} /-->
|
||||||
|
|
||||||
|
<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"default"}} -->
|
||||||
|
<main class="wp-block-group" style="margin-top:0;margin-bottom:0"><!-- wp:group {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|70","top":"var:preset|spacing|100"},"blockGap":"var:preset|spacing|40"}},"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--100);margin-bottom:var(--wp--preset--spacing--70)"><!-- wp:post-title {"textAlign":"left","level":1,"align":"wide"} /-->
|
||||||
|
|
||||||
|
<!-- wp:post-featured-image {"align":"wide"} /--></div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:post-content {"layout":{"inherit":true}} /--></main>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:template-part {"slug":"footer","tagName":"footer","className":"site-footer"} /-->
|
28
templates/search.html
Normal file
@ -0,0 +1,28 @@
|
|||||||
|
<!-- wp:template-part {"slug":"header","tagName":"header","className":"site-header"} /-->
|
||||||
|
|
||||||
|
<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"className":"is-style-default","layout":{"inherit":true,"type":"constrained"}} -->
|
||||||
|
<main class="wp-block-group is-style-default" style="margin-top:0;margin-bottom:0">
|
||||||
|
<!-- wp:columns {"verticalAlignment":"bottom","align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|90"}}}} -->
|
||||||
|
<div class="wp-block-columns alignwide are-vertically-aligned-bottom"
|
||||||
|
style="margin-top:var(--wp--preset--spacing--90)"><!-- wp:column {"verticalAlignment":"bottom"} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-bottom">
|
||||||
|
<!-- wp:query-title {"type":"search","showSearchTerm":false} /--></div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
|
||||||
|
<!-- wp:column {"verticalAlignment":"bottom"} -->
|
||||||
|
<div class="wp-block-column is-vertically-aligned-bottom">
|
||||||
|
<!-- wp:group {"style":{"spacing":{"padding":{"bottom":"0.1em"}}},"layout":{"type":"constrained","justifyContent":"left"},"fontSize":"heading-1"} -->
|
||||||
|
<div class="wp-block-group has-heading-1-font-size" style="padding-bottom:0.1em">
|
||||||
|
<!-- wp:search {"label":"Search","showLabel":false,"placeholder":"Search for...","width":100,"widthUnit":"%","buttonText":"Search","buttonUseIcon":true} /-->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:column -->
|
||||||
|
</div>
|
||||||
|
<!-- /wp:columns -->
|
||||||
|
|
||||||
|
<!-- wp:template-part {"slug":"loop","align":"wide"} /-->
|
||||||
|
</main>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:template-part {"slug":"footer","tagName":"footer","className":"site-footer"} /-->
|
31
templates/single.html
Normal file
@ -0,0 +1,31 @@
|
|||||||
|
<!-- wp:template-part {"slug":"header","tagName":"header","className":"site-header"} /-->
|
||||||
|
|
||||||
|
<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"default"}} -->
|
||||||
|
<main class="wp-block-group" style="margin-top:0;margin-bottom:0"><!-- wp:group {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|70","top":"var:preset|spacing|100"},"blockGap":"var:preset|spacing|40"}},"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--100);margin-bottom:var(--wp--preset--spacing--70)"><!-- wp:post-title {"textAlign":"left","level":1,"align":"wide"} /-->
|
||||||
|
|
||||||
|
<!-- wp:post-featured-image {"align":"wide"} /--></div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:post-content {"layout":{"inherit":true}} /-->
|
||||||
|
|
||||||
|
<!-- wp:group {"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|body-gutter"},"blockGap":"0"}},"layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--body-gutter)"><!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|90"},"padding":{"top":"var:preset|spacing|10"},"blockGap":"var:preset|spacing|40"},"border":{"top":{"width":"1px"}}},"layout":{"inherit":true,"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group" style="border-top-width:1px;margin-top:var(--wp--preset--spacing--90);padding-top:var(--wp--preset--spacing--10)"><!-- wp:group {"style":{"textColor":"primary","spacing":{"blockGap":"var:preset|spacing|10"}},"textColor":"secondary","layout":{"type":"flex","orientation":"vertical","justifyContent":"left","flexWrap":"nowrap"}} -->
|
||||||
|
<div class="wp-block-group has-secondary-color has-text-color"><!-- wp:post-terms {"term":"category","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.01em"}},"className":"is-style-fkinfood-terms-buttons","fontSize":"tiny"} /-->
|
||||||
|
|
||||||
|
<!-- wp:post-terms {"term":"post_tag","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.01em"}},"className":"is-style-fkinfood-terms-buttons","fontSize":"tiny"} /--></div>
|
||||||
|
<!-- /wp:group --></div>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|100"}}},"className":"hide-empty","layout":{"type":"constrained"}} -->
|
||||||
|
<div class="wp-block-group alignwide hide-empty" style="margin-top:var(--wp--preset--spacing--100)"><!-- wp:query-pagination {"align":"wide","className":"alignwide","layout":{"type":"flex","justifyContent":"stretch","orientation":"vertical"}} -->
|
||||||
|
<!-- wp:post-navigation-link {"type":"previous","label":"Zurück","arrow":"arrow"} /-->
|
||||||
|
|
||||||
|
<!-- wp:post-navigation-link {"label":"Weiter","linkLabel":true,"arrow":"arrow"} /-->
|
||||||
|
<!-- /wp:query-pagination --></div>
|
||||||
|
<!-- /wp:group --></div>
|
||||||
|
<!-- /wp:group --></main>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:template-part {"slug":"footer","tagName":"footer","className":"site-footer"} /-->
|
1
templates/template-blank.html
Normal file
@ -0,0 +1 @@
|
|||||||
|
<!-- wp:post-content {"layout":{"inherit":true}} /-->
|
7
templates/template-no-title.html
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
<!-- wp:template-part {"slug":"header","tagName":"header","className":"site-header"} /-->
|
||||||
|
|
||||||
|
<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"blockGap":"0"}},"layout":{"type":"default"}} -->
|
||||||
|
<main class="wp-block-group" style="margin-top:0;margin-bottom:0"><!-- wp:post-content {"layout":{"inherit":true}} /--></main>
|
||||||
|
<!-- /wp:group -->
|
||||||
|
|
||||||
|
<!-- wp:template-part {"slug":"footer","tagName":"footer","className":"site-footer"} /-->
|
886
theme.json
Normal file
@ -0,0 +1,886 @@
|
|||||||
|
{
|
||||||
|
"customTemplates": [
|
||||||
|
{
|
||||||
|
"name": "template-blank",
|
||||||
|
"title": "Blank Canvas"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "template-no-title",
|
||||||
|
"postTypes": [
|
||||||
|
"page"
|
||||||
|
],
|
||||||
|
"title": "No Title"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"settings": {
|
||||||
|
"appearanceTools": true,
|
||||||
|
"color": {
|
||||||
|
"gradients": [
|
||||||
|
{
|
||||||
|
"gradient": "linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%)",
|
||||||
|
"name": "Black Fade ↑",
|
||||||
|
"slug": "foreground-fade-to-top"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"gradient": "linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 100%)",
|
||||||
|
"name": "Black Fade ↓",
|
||||||
|
"slug": "foreground-fade-to-bottom"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"gradient": "linear-gradient(180deg, transparent 0%, transparent calc( 100% - var(--wp--preset--spacing--80) ), var(--wp--preset--color--foreground) calc( 100% - var(--wp--preset--spacing--80) ), var(--wp--preset--color--foreground) 100%)",
|
||||||
|
"name": "Foreground Cutoff Size 80 ↓",
|
||||||
|
"slug": "foreground-color-bottom"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"gradient": "linear-gradient(0deg, transparent 0%, transparent calc( 100% - var(--wp--preset--spacing--80) ), var(--wp--preset--color--foreground) calc( 100% - var(--wp--preset--spacing--80) ), var(--wp--preset--color--foreground) 100%)",
|
||||||
|
"name": "Foreground Cutoff Size 80 ↑",
|
||||||
|
"slug": "foreground-color-top"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"gradient": "linear-gradient(180deg, transparent 0%, transparent calc( 100% - var(--wp--preset--spacing--80) ), var(--wp--preset--color--background) calc( 100% - var(--wp--preset--spacing--80) ), var(--wp--preset--color--background) 100%)",
|
||||||
|
"name": "Background Cutoff Size 80 ↓",
|
||||||
|
"slug": "bg-color-bottom"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"gradient": "linear-gradient(0deg, transparent 0%, transparent calc( 100% - var(--wp--preset--spacing--80) ), var(--wp--preset--color--background) calc( 100% - var(--wp--preset--spacing--80) ), var(--wp--preset--color--background) 100%)",
|
||||||
|
"name": "Background Cutoff Size 80 ↑",
|
||||||
|
"slug": "bg-color-top"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"gradient": "linear-gradient(180deg, transparent 0%, transparent calc( 100% - .475em ), var(--wp--preset--color--background) calc( 100% - .475em ), var(--wp--preset--color--background) 100%)",
|
||||||
|
"name": "Background Cutoff 50% of Line Height ↓",
|
||||||
|
"slug": "bg-color-bottom-half-lh"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"gradient": "linear-gradient(0deg, transparent 0%, transparent calc( 100% - .525em ), var(--wp--preset--color--background) calc( 100% - .525em ), var(--wp--preset--color--background) 100%)",
|
||||||
|
"name": "Background Cutoff 50% of Line Height ↑",
|
||||||
|
"slug": "bg-color-top-half-lh"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"palette": [
|
||||||
|
{
|
||||||
|
"color": "#111",
|
||||||
|
"name": "Foreground",
|
||||||
|
"slug": "foreground"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"color": "#FFF",
|
||||||
|
"name": "Background",
|
||||||
|
"slug": "background"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"color": "#767679",
|
||||||
|
"name": "Primary",
|
||||||
|
"slug": "primary"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"custom": {
|
||||||
|
"typography": {
|
||||||
|
"letter-spacing": {
|
||||||
|
"heading": "-.02em",
|
||||||
|
"uppercase": ".02em"
|
||||||
|
},
|
||||||
|
"line-height": {
|
||||||
|
"body": 1.5,
|
||||||
|
"heading": 1.25,
|
||||||
|
"single": 1
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"layout": {
|
||||||
|
"contentSize": "630px",
|
||||||
|
"wideSize": "1920px"
|
||||||
|
},
|
||||||
|
"spacing": {
|
||||||
|
"spacingScale": {
|
||||||
|
"steps": 0
|
||||||
|
},
|
||||||
|
"spacingSizes": [
|
||||||
|
{
|
||||||
|
"name": "1",
|
||||||
|
"size": "8px",
|
||||||
|
"slug": "10"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "2",
|
||||||
|
"size": "12px",
|
||||||
|
"slug": "20"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "3",
|
||||||
|
"size": "16px",
|
||||||
|
"slug": "30"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "4",
|
||||||
|
"size": "24px",
|
||||||
|
"slug": "40"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "5",
|
||||||
|
"size": "clamp(24px, 4.166vw, 32px)",
|
||||||
|
"slug": "50"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "6",
|
||||||
|
"size": "clamp(32px, 6.25vw, 48px)",
|
||||||
|
"slug": "60"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "7",
|
||||||
|
"size": "clamp(48px, 8.333vw, 64px)",
|
||||||
|
"slug": "70"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "8",
|
||||||
|
"size": "clamp(64px, 12.5vw, 96px)",
|
||||||
|
"slug": "80"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "9",
|
||||||
|
"size": "clamp(96px, 16.666vw, 128px)",
|
||||||
|
"slug": "90"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "10",
|
||||||
|
"size": "clamp(96px, 25vw, 192px)",
|
||||||
|
"slug": "100"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"units": [
|
||||||
|
"%",
|
||||||
|
"em",
|
||||||
|
"px",
|
||||||
|
"rem",
|
||||||
|
"vh",
|
||||||
|
"vw"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"typography": {
|
||||||
|
"customFontSize": true,
|
||||||
|
"fluid": true,
|
||||||
|
"fontFamilies": [
|
||||||
|
{
|
||||||
|
"fontFace": [
|
||||||
|
{
|
||||||
|
"fontFamily": "Plus Jakarta Sans",
|
||||||
|
"fontStretch": "normal",
|
||||||
|
"fontStyle": "normal",
|
||||||
|
"fontWeight": "100 900",
|
||||||
|
"src": [
|
||||||
|
"file:./assets/fonts/PlusJakartaSans-VariableFont_wght.ttf"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"fontFamily": "Plus Jakarta Sans",
|
||||||
|
"fontStretch": "normal",
|
||||||
|
"fontStyle": "italic",
|
||||||
|
"fontWeight": "100 900",
|
||||||
|
"src": [
|
||||||
|
"file:./assets/fonts/PlusJakartaSans-Italic-VariableFont_wght.ttf"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"fontFamily": "\"Plus Jakarta Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", sans-serif",
|
||||||
|
"name": "Plus Jakarta Sans",
|
||||||
|
"slug": "default"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"fontFamily": "ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", sans-serif",
|
||||||
|
"name": "System Sans Serif",
|
||||||
|
"slug": "system-sans-serif"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"fontFamily": "ui-serif, Georgia, serif",
|
||||||
|
"name": "System Serif",
|
||||||
|
"slug": "system-serif"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"fontFamily": "ui-monospace, Menlo, Consolas, Monaco, \"Liberation Mono\", \"Lucida Console\", monospace",
|
||||||
|
"name": "System Monospace",
|
||||||
|
"slug": "system-monospace"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"fontSizes": [
|
||||||
|
{
|
||||||
|
"fluid": {
|
||||||
|
"max": "14px",
|
||||||
|
"min": "14px"
|
||||||
|
},
|
||||||
|
"name": "Tiny",
|
||||||
|
"size": "14px",
|
||||||
|
"slug": "tiny"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"fluid": {
|
||||||
|
"max": "16px",
|
||||||
|
"min": "16px"
|
||||||
|
},
|
||||||
|
"name": "Small",
|
||||||
|
"size": "16px",
|
||||||
|
"slug": "small"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"fluid": {
|
||||||
|
"max": "18px",
|
||||||
|
"min": "18px"
|
||||||
|
},
|
||||||
|
"name": "Medium",
|
||||||
|
"size": "18px",
|
||||||
|
"slug": "medium"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"fluid": {
|
||||||
|
"max": "24px",
|
||||||
|
"min": "21px"
|
||||||
|
},
|
||||||
|
"name": "Large",
|
||||||
|
"size": "24px",
|
||||||
|
"slug": "large"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"fluid": {
|
||||||
|
"max": "32px",
|
||||||
|
"min": "24px"
|
||||||
|
},
|
||||||
|
"name": "Extra Large",
|
||||||
|
"size": "32px",
|
||||||
|
"slug": "extra-large"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"fluid": {
|
||||||
|
"max": "36px",
|
||||||
|
"min": "28px"
|
||||||
|
},
|
||||||
|
"name": "Huge",
|
||||||
|
"size": "36px",
|
||||||
|
"slug": "huge"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"fluid": {
|
||||||
|
"max": "160px",
|
||||||
|
"min": "48px"
|
||||||
|
},
|
||||||
|
"name": "Heading 1",
|
||||||
|
"size": "160px",
|
||||||
|
"slug": "heading-1"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"fluid": {
|
||||||
|
"max": "90px",
|
||||||
|
"min": "40px"
|
||||||
|
},
|
||||||
|
"name": "Heading 2",
|
||||||
|
"size": "90px",
|
||||||
|
"slug": "heading-2"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"fluid": {
|
||||||
|
"max": "56px",
|
||||||
|
"min": "36px"
|
||||||
|
},
|
||||||
|
"name": "Heading 3",
|
||||||
|
"size": "56px",
|
||||||
|
"slug": "heading-3"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"fluid": {
|
||||||
|
"max": "48px",
|
||||||
|
"min": "32px"
|
||||||
|
},
|
||||||
|
"name": "Heading 4",
|
||||||
|
"size": "48.0px",
|
||||||
|
"slug": "heading-4"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"fluid": {
|
||||||
|
"max": "32px",
|
||||||
|
"min": "24px"
|
||||||
|
},
|
||||||
|
"name": "Heading 5",
|
||||||
|
"size": "32.0px",
|
||||||
|
"slug": "heading-5"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"fluid": {
|
||||||
|
"max": "24px",
|
||||||
|
"min": "20px"
|
||||||
|
},
|
||||||
|
"name": "Heading 6",
|
||||||
|
"size": "24px",
|
||||||
|
"slug": "heading-6"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"useRootPaddingAwareAlignments": true
|
||||||
|
},
|
||||||
|
"styles": {
|
||||||
|
"blocks": {
|
||||||
|
"core/calendar": {
|
||||||
|
"color": {
|
||||||
|
"text": "var(--wp--preset--color--foreground)"
|
||||||
|
},
|
||||||
|
"typography": {
|
||||||
|
"fontSize": "var(--wp--preset--font-size--small)"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"core/code": {
|
||||||
|
"border": {
|
||||||
|
"color": "currentColor",
|
||||||
|
"radius": "0"
|
||||||
|
},
|
||||||
|
"typography": {
|
||||||
|
"fontFamily": "var(--wp--preset--font-family--system-monospace)",
|
||||||
|
"fontSize": "var(--wp--preset--font-size--small)",
|
||||||
|
"fontWeight": "400"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"core/comment-author-name": {
|
||||||
|
"elements": {
|
||||||
|
"link": {
|
||||||
|
":hover": {
|
||||||
|
"typography": {
|
||||||
|
"textDecoration": "underline"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"typography": {
|
||||||
|
"textDecoration": "none"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"core/comment-date": {
|
||||||
|
"elements": {
|
||||||
|
"link": {
|
||||||
|
":hover": {
|
||||||
|
"typography": {
|
||||||
|
"textDecoration": "underline"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"typography": {
|
||||||
|
"textDecoration": "none"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"core/comment-edit-link": {
|
||||||
|
"elements": {
|
||||||
|
"link": {
|
||||||
|
":hover": {
|
||||||
|
"typography": {
|
||||||
|
"textDecoration": "underline"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"typography": {
|
||||||
|
"textDecoration": "none"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"core/comments-pagination": {
|
||||||
|
"elements": {
|
||||||
|
"link": {
|
||||||
|
":hover": {
|
||||||
|
"color": {
|
||||||
|
"text": "var(--wp--preset--color--primary)"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"typography": {
|
||||||
|
"textDecoration": "none"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"spacing": {
|
||||||
|
"blockGap": "max(16px, .45em)"
|
||||||
|
},
|
||||||
|
"typography": {
|
||||||
|
"fontSize": "var(--wp--preset--font-size--heading-5)",
|
||||||
|
"fontWeight": "700",
|
||||||
|
"textTransform": "uppercase"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"core/cover": {
|
||||||
|
"color": {
|
||||||
|
"text": "#ffffff"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"core/file": {
|
||||||
|
"border": {
|
||||||
|
"color": "currentColor",
|
||||||
|
"style": "solid",
|
||||||
|
"width": "1px"
|
||||||
|
},
|
||||||
|
"elements": {
|
||||||
|
"button": {
|
||||||
|
":hover": {
|
||||||
|
"color": {
|
||||||
|
"background": "var(--wp--preset--color--foreground)",
|
||||||
|
"text": "var(--wp--preset--color--background)"
|
||||||
|
},
|
||||||
|
"typography": {
|
||||||
|
"textDecoration": "none"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"border": {
|
||||||
|
"color": "var(--wp--preset--color--foreground)",
|
||||||
|
"style": "solid",
|
||||||
|
"width": "1px"
|
||||||
|
},
|
||||||
|
"color": {
|
||||||
|
"background": "var(--wp--preset--color--background)",
|
||||||
|
"text": "var(--wp--preset--color--foreground)"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"link": {
|
||||||
|
":hover": {
|
||||||
|
"typography": {
|
||||||
|
"textDecoration": "underline"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"typography": {
|
||||||
|
"textDecoration": "none"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"spacing": {
|
||||||
|
"padding": "var(--wp--preset--spacing--30)"
|
||||||
|
},
|
||||||
|
"typography": {
|
||||||
|
"fontSize": "var(--wp--preset--font-size--small)",
|
||||||
|
"fontWeight": "700",
|
||||||
|
"lineHeight": "var(--wp--custom--typography--line-height--heading)"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"core/latest-comments": {
|
||||||
|
"spacing": {
|
||||||
|
"padding": {
|
||||||
|
"bottom": "0",
|
||||||
|
"left": "0",
|
||||||
|
"right": "0",
|
||||||
|
"top": "0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"typography": {
|
||||||
|
"fontSize": "var(--wp--preset--font-size--small)",
|
||||||
|
"lineHeight": "var(--wp--custom--typography--line-height--heading)"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"core/navigation": {
|
||||||
|
"elements": {
|
||||||
|
"link": {
|
||||||
|
":hover": {
|
||||||
|
"typography": {
|
||||||
|
"textDecoration": "underline"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"typography": {
|
||||||
|
"textDecoration": "none"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"core/paragraph": {
|
||||||
|
"typography": {
|
||||||
|
"lineHeight": "var(--wp--custom--typography--line-height--body)"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"core/post-author-name": {
|
||||||
|
"elements": {
|
||||||
|
"link": {
|
||||||
|
":hover": {
|
||||||
|
"typography": {
|
||||||
|
"textDecoration": "underline"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"typography": {
|
||||||
|
"textDecoration": "none"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"core/post-comments-form": {
|
||||||
|
"elements": {
|
||||||
|
"button": {
|
||||||
|
":hover": {
|
||||||
|
"color": {
|
||||||
|
"background": "var(--wp--preset--color--foreground)",
|
||||||
|
"text": "var(--wp--preset--color--background)"
|
||||||
|
},
|
||||||
|
"typography": {
|
||||||
|
"textDecoration": "none"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"border": {
|
||||||
|
"color": "var(--wp--preset--color--foreground)",
|
||||||
|
"width": "1px"
|
||||||
|
},
|
||||||
|
"color": {
|
||||||
|
"background": "var(--wp--preset--color--background)",
|
||||||
|
"text": "var(--wp--preset--color--foreground)"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"core/post-content": {
|
||||||
|
"spacing": {
|
||||||
|
"blockGap": "min( var(--wp--preset--spacing--70), calc( 1em * var(--wp--custom--typography--line-height--body) ) )"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"core/post-date": {
|
||||||
|
"elements": {
|
||||||
|
"link": {
|
||||||
|
":hover": {
|
||||||
|
"typography": {
|
||||||
|
"textDecoration": "underline"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"typography": {
|
||||||
|
"textDecoration": "none"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"core/post-title": {
|
||||||
|
"elements": {
|
||||||
|
"link": {
|
||||||
|
":hover": {
|
||||||
|
"typography": {
|
||||||
|
"textDecoration": "underline"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"typography": {
|
||||||
|
"textDecoration": "none"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"core/preformatted": {
|
||||||
|
"border": {
|
||||||
|
"color": "currentColor",
|
||||||
|
"radius": "0"
|
||||||
|
},
|
||||||
|
"typography": {
|
||||||
|
"fontFamily": "var(--wp--preset--font-family--system-monospace)",
|
||||||
|
"fontSize": "var(--wp--preset--font-size--small)",
|
||||||
|
"fontWeight": "400"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"core/pullquote": {
|
||||||
|
"border": {
|
||||||
|
"color": "var(--wp--preset--color--foreground)",
|
||||||
|
"style": "solid",
|
||||||
|
"width": "0"
|
||||||
|
},
|
||||||
|
"color": {
|
||||||
|
"text": "var(--wp--preset--color--foreground)"
|
||||||
|
},
|
||||||
|
"elements": {
|
||||||
|
"cite": {
|
||||||
|
"spacing": {
|
||||||
|
"margin": {
|
||||||
|
"top": "var(--wp--preset--spacing--40)"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"typography": {
|
||||||
|
"fontSize": "var(--wp--preset--font-size--medium)",
|
||||||
|
"fontWeight": "700",
|
||||||
|
"letterSpacing": "0",
|
||||||
|
"textTransform": "none"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"spacing": {
|
||||||
|
"padding": {
|
||||||
|
"bottom": "0",
|
||||||
|
"left": "0",
|
||||||
|
"right": "0",
|
||||||
|
"top": "0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"typography": {
|
||||||
|
"fontSize": "var(--wp--preset--font-size--heading-5)",
|
||||||
|
"fontWeight": "700",
|
||||||
|
"lineHeight": "var(--wp--custom--typography--line-height--heading)"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"core/query-pagination": {
|
||||||
|
"elements": {
|
||||||
|
"link": {
|
||||||
|
":hover": {
|
||||||
|
"color": {
|
||||||
|
"text": "var(--wp--preset--color--primary)"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"typography": {
|
||||||
|
"textDecoration": "none"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"spacing": {
|
||||||
|
"blockGap": "max(16px, .45em)"
|
||||||
|
},
|
||||||
|
"typography": {
|
||||||
|
"fontSize": "var(--wp--preset--font-size--heading-1)",
|
||||||
|
"fontWeight": "700",
|
||||||
|
"textTransform": "uppercase"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"core/quote": {
|
||||||
|
"border": {
|
||||||
|
"left": {
|
||||||
|
"color": "var(--wp--preset--color--foreground)",
|
||||||
|
"style": "solid",
|
||||||
|
"width": "1px"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"elements": {
|
||||||
|
"cite": {
|
||||||
|
"typography": {
|
||||||
|
"fontSize": "var(--wp--preset--font-size--small)",
|
||||||
|
"letterSpacing": "0"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"spacing": {
|
||||||
|
"padding": {
|
||||||
|
"left": "1.5em"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"core/separator": {
|
||||||
|
"border": {
|
||||||
|
"width": "1px"
|
||||||
|
},
|
||||||
|
"spacing": {
|
||||||
|
"margin": {
|
||||||
|
"bottom": "var(--wp--preset--spacing--70)",
|
||||||
|
"top": "var(--wp--preset--spacing--70)"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"core/site-tagline": {
|
||||||
|
"spacing": {
|
||||||
|
"margin": {
|
||||||
|
"bottom": "0px",
|
||||||
|
"top": "0px"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"core/site-title": {
|
||||||
|
"elements": {
|
||||||
|
"link": {
|
||||||
|
":hover": {
|
||||||
|
"color": {
|
||||||
|
"text": "var(--wp--preset--color--primary)"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"typography": {
|
||||||
|
"textDecoration": "none"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"spacing": {
|
||||||
|
"margin": {
|
||||||
|
"bottom": "0px",
|
||||||
|
"top": "0px"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"core/social-links": {
|
||||||
|
"spacing": {
|
||||||
|
"blockGap": ".5em"
|
||||||
|
},
|
||||||
|
"typography": {
|
||||||
|
"fontSize": "26.5px"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"core/spacer": {
|
||||||
|
"spacing": {
|
||||||
|
"margin": {
|
||||||
|
"bottom": "0px",
|
||||||
|
"top": "0px"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"core/table": {
|
||||||
|
"typography": {
|
||||||
|
"fontSize": "var(--wp--preset--font-size--small)",
|
||||||
|
"lineHeight": "var(--wp--custom--typography--line-height--body)"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"color": {
|
||||||
|
"background": "var(--wp--preset--color--background)",
|
||||||
|
"text": "var(--wp--preset--color--foreground)"
|
||||||
|
},
|
||||||
|
"elements": {
|
||||||
|
"button": {
|
||||||
|
":hover": {
|
||||||
|
"typography": {
|
||||||
|
"textDecoration": "underline"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"border": {
|
||||||
|
"radius": "0"
|
||||||
|
},
|
||||||
|
"color": {
|
||||||
|
"background": "var(--wp--preset--color--foreground)",
|
||||||
|
"text": "var(--wp--preset--color--background)"
|
||||||
|
},
|
||||||
|
"spacing": {
|
||||||
|
"padding": {
|
||||||
|
"bottom": "1.1em",
|
||||||
|
"left": "1.33em",
|
||||||
|
"right": "1.33em",
|
||||||
|
"top": "1em"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"typography": {
|
||||||
|
"fontSize": "var(--wp--preset--font-size--small)",
|
||||||
|
"fontWeight": "500",
|
||||||
|
"letterSpacing": "var(--wp--custom--typography--letter-spacing--uppercase)",
|
||||||
|
"lineHeight": "var(--wp--custom--typography--line-height--single)",
|
||||||
|
"textTransform": "uppercase"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"caption": {
|
||||||
|
"color": {
|
||||||
|
"text": "var(--wp--preset--color--foreground)"
|
||||||
|
},
|
||||||
|
"spacing": {
|
||||||
|
"margin": {
|
||||||
|
"bottom": "0",
|
||||||
|
"top": ".75em"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"typography": {
|
||||||
|
"fontSize": "var(--wp--preset--font-size--small)"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"cite": {
|
||||||
|
"spacing": {
|
||||||
|
"margin": {
|
||||||
|
"bottom": "0",
|
||||||
|
"top": "1em"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"typography": {
|
||||||
|
"fontSize": "var(--wp--preset--font-size--small)",
|
||||||
|
"fontWeight": "700"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"h1": {
|
||||||
|
"typography": {
|
||||||
|
"fontSize": "var(--wp--preset--font-size--heading-1)",
|
||||||
|
"fontWeight": "800",
|
||||||
|
"lineHeight": "var(--wp--custom--typography--line-height--single)",
|
||||||
|
"textTransform": "uppercase"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"h2": {
|
||||||
|
"typography": {
|
||||||
|
"fontSize": "var(--wp--preset--font-size--heading-2)",
|
||||||
|
"fontWeight": "800",
|
||||||
|
"lineHeight": "var(--wp--custom--typography--line-height--single)",
|
||||||
|
"textTransform": "uppercase"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"h3": {
|
||||||
|
"typography": {
|
||||||
|
"fontSize": "var(--wp--preset--font-size--heading-3)"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"h4": {
|
||||||
|
"typography": {
|
||||||
|
"fontSize": "var(--wp--preset--font-size--heading-4)"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"h5": {
|
||||||
|
"typography": {
|
||||||
|
"fontSize": "var(--wp--preset--font-size--heading-5)"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"h6": {
|
||||||
|
"typography": {
|
||||||
|
"fontSize": "var(--wp--preset--font-size--heading-6)"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"heading": {
|
||||||
|
"spacing": {
|
||||||
|
"margin": {
|
||||||
|
"bottom": ".75em",
|
||||||
|
"top": "1em"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"typography": {
|
||||||
|
"fontWeight": "700",
|
||||||
|
"letterSpacing": "var(--wp--custom--typography--letter-spacing--heading)",
|
||||||
|
"lineHeight": "var(--wp--custom--typography--line-height--heading)"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"link": {
|
||||||
|
":hover": {
|
||||||
|
"typography": {
|
||||||
|
"textDecoration": "none"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"color": {
|
||||||
|
"text": "inherit"
|
||||||
|
},
|
||||||
|
"typography": {
|
||||||
|
"textDecoration": "underline"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"spacing": {
|
||||||
|
"blockGap": "var(--wp--preset--spacing--40)",
|
||||||
|
"padding": {
|
||||||
|
"bottom": "var(--wp--preset--spacing--40)",
|
||||||
|
"left": "var(--wp--preset--spacing--40)",
|
||||||
|
"right": "var(--wp--preset--spacing--40)",
|
||||||
|
"top": "var(--wp--preset--spacing--40)"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"typography": {
|
||||||
|
"fontFamily": "var(--wp--preset--font-family--default)",
|
||||||
|
"fontSize": "var(--wp--preset--font-size--medium)",
|
||||||
|
"fontWeight": "500",
|
||||||
|
"lineHeight": "var(--wp--custom--typography--line-height--body)"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"templateParts": [
|
||||||
|
{
|
||||||
|
"area": "header",
|
||||||
|
"name": "header",
|
||||||
|
"title": "Header"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"area": "header",
|
||||||
|
"name": "header-large",
|
||||||
|
"title": "Header Large"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"area": "footer",
|
||||||
|
"name": "footer",
|
||||||
|
"title": "Footer"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"area": "uncategorized",
|
||||||
|
"name": "preview",
|
||||||
|
"title": "Post Preview"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"area": "uncategorized",
|
||||||
|
"name": "loop",
|
||||||
|
"title": "Loop"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"area": "uncategorized",
|
||||||
|
"name": "comments",
|
||||||
|
"title": "Comments"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"version": 2,
|
||||||
|
"$schema": "https://schemas.wp.org/wp/6.4/theme.json"
|
||||||
|
}
|