initial commit

This commit is contained in:
128408 2023-12-23 14:58:28 +01:00
commit f37cd077de
76 changed files with 4565 additions and 0 deletions

28
README.md Normal file
View 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 Ill 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 cant guarantee Ill 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&currency_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/)

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 755 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

136
functions.php Normal file
View 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
View 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
View 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
View 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
View 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
View 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
View 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 -->

View 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 -->

View 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">Were 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 -->

View 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">Were 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 -->

View 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 -->

View 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. Its one of my favorite places on this earth.
</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Im grateful for many things. One of the big ones is that Ive been able to visit F*KIN FOOD
every year for the last three years. Ill 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 -->

View 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 -->

View 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 -->

View 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 well 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 -->

View 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 -->

View 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 -->

View 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 -->

View 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 -->

View 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
View 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 -->

View 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 -->

View 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 -->

View 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 -->

View 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 -->

View 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 -->

View 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">Were 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 -->

View 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
View 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 -->

View 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
View 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 -->

View 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 -->

View 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 -->

View 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 -->

View 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 &amp; Code</h1>
<!-- /wp:heading -->
</div>
</div>
<!-- /wp:cover -->
</div>
</div>
<!-- /wp:cover -->

View 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 &amp; Code</h1>
<!-- /wp:heading -->
</div>
</div>
<!-- /wp:cover -->
</div>
</div>
<!-- /wp:cover -->

View 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
View 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
View 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
View 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 -->

View 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 -->

View 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
View 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

Binary file not shown.

After

Width:  |  Height:  |  Size: 277 KiB

BIN
screenshot.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

599
style.css Normal file
View 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
View 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
View 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
View 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
View 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
View 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
View 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
View 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
View 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
View 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
View 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
View 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
View 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"} /-->

View File

@ -0,0 +1 @@
<!-- wp:post-content {"layout":{"inherit":true}} /-->

View 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
View 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"
}