Paimio: add theme (#6902)

* Initial commit.

* update min req version and readme credits

* move footer to pattern

* fix 404 pattern and template

* fix header part

* fix templates

* remove unused images

* fix button styles

* rename directory aalto to paimio

* rename aalto references to paimio

* fix button styles

* update screenshot

* rename search results pattern

* fix issue with root padding

* update tags and urls

---------

Co-authored-by: madhusudhand <madhusudhan.dollu@gmail.com>
This commit is contained in:
Jeff Ong 2023-03-21 13:34:12 +00:00 committed by GitHub
parent 79822fe9ec
commit 43b865513f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
31 changed files with 1123 additions and 0 deletions

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

60
paimio/functions.php Normal file
View file

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

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

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

11
paimio/parts/header.html Normal file
View file

@ -0,0 +1,11 @@
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|60","top":"var:preset|spacing|60","right":"var:preset|spacing|40","left":"var:preset|spacing|40"}}},"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-group" 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:site-title {"textAlign":"center"} /-->
<!-- wp:navigation {"textColor":"primary","backgroundColor":"background","overlayMenu":"always","icon":"menu","overlayBackgroundColor":"background","overlayTextColor":"primary","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"}}}} /--></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:spacer {"height":"var(--wp--preset--spacing--80)"} -->
<div style="height:var(--wp--preset--spacing--80)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

22
paimio/patterns/404.php Normal file
View file

@ -0,0 +1,22 @@
<?php
/**
* Title: A 404 page
* Slug: paimio/404
* Inserter: no
*/
?>
<!-- wp:group {"tagName":"main","style":{"spacing":{"blockGap":"var:preset|spacing|50","margin":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|60"},"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
<main class="wp-block-group" style="margin-top:var(--wp--preset--spacing--80);margin-bottom:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:heading {"textAlign":"left","level":1,"fontSize":"x-large"} -->
<h1 class="wp-block-heading has-text-align-left has-x-large-font-size"><?php echo esc_html__( 'There\'s nothing here.', 'paimio' ); ?></h1>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p><?php echo esc_html__( 'The page you\'re looking for doesn\'t seem to exist.', 'paimio' ); ?></p>
<!-- /wp:paragraph -->
<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></main>
<!-- /wp:group -->

View file

@ -0,0 +1,52 @@
<?php
/**
* Title: Comments
* slug: paimio/comments
* inserter: no
*/
?>
<!-- wp:comments {"className":"wp-block-comments-query-loop"} -->
<div class="wp-block-comments wp-block-comments-query-loop">
<!-- wp:comments-title {"level":3} /-->
<!-- wp:comment-template -->
<!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|50"}}}} -->
<div class="wp-block-group" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--50)">
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"0.5em"}}} -->
<div class="wp-block-group">
<!-- wp:avatar {"size":40,"style":{"spacing":{"margin":{"top":"0.5em"}}}} /-->
<!-- wp:group -->
<div class="wp-block-group">
<!-- wp:comment-author-name /-->
<!-- wp:group {"layout":{"type":"flex"},"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"0.5em"}}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px">
<!-- wp:comment-date {"format":"F j, Y \\a\\t g:i a"} /-->
<!-- wp:comment-edit-link /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
<!-- wp:comment-content /-->
<!-- wp:comment-reply-link /-->
</div>
<!-- /wp:group -->
<!-- /wp:comment-template -->
<!-- wp:comments-pagination -->
<!-- wp:comments-pagination-previous /-->
<!-- wp:comments-pagination-numbers /-->
<!-- wp:comments-pagination-next /-->
<!-- /wp:comments-pagination -->
<!-- wp:post-comments-form /-->
</div>
<!-- /wp:comments -->

View file

@ -0,0 +1,99 @@
<?php
/**
* Title: Default footer
* Slug: paimio/footer
* Categories: footer
* Block Types: core/template-part/footer
*/
?>
<!-- wp:spacer {"height":"var(--wp--preset--spacing--80)"} -->
<div style="height:var(--wp--preset--spacing--80)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0","bottom":"var(--wp--preset--spacing--60)","right":"0","left":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:0;padding-right:0;padding-bottom:var(--wp--preset--spacing--60);padding-left:0"><!-- wp:search {"label":"<?php echo esc_html__( 'Search', 'paimio' ); ?>","showLabel":false,"placeholder":"<?php echo esc_attr__( '&quot;PAIMIO CHAIR&quot;', 'paimio' ); ?>","width":100,"widthUnit":"%","buttonText":"<?php echo esc_html__( 'Search', 'paimio' ); ?>","buttonPosition":"button-inside","buttonUseIcon":true,"borderColor":"primary","backgroundColor":"background","textColor":"primary"} /-->
<!-- wp:spacer {"height":"10px"} -->
<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:group {"lock":{"move":false,"remove":false},"style":{"spacing":{"blockGap":"var:preset|spacing|40","margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"160px"}} -->
<div class="wp-block-group" style="margin-top:0;margin-bottom:0"><!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":{"blockGap":{"top":"0","left":"0"}}}} -->
<div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:group {"style":{"border":{"top":{"color":"var:preset|color|primary","width":"0.1rem"},"right":{"width":"0px","style":"none"},"bottom":{"width":"0px","style":"none"},"left":{"width":"0px","style":"none"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-top-color:var(--wp--preset--color--primary);border-top-width:0.1rem;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px"></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":{"blockGap":{"top":"0","left":"0"}}}} -->
<div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column -->
<div class="wp-block-column"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"40%"} -->
<div class="wp-block-column" style="flex-basis:40%"><!-- wp:group {"style":{"border":{"top":{"color":"var:preset|color|primary","width":"0.1rem"},"right":{"width":"0px","style":"none"},"bottom":{"width":"0px","style":"none"},"left":{"width":"0px","style":"none"}},"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-top-color:var(--wp--preset--color--primary);border-top-width:0.1rem;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px"></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"40%"} -->
<div class="wp-block-column" style="flex-basis:40%"><!-- wp:group {"style":{"border":{"top":{"color":"var:preset|color|primary","width":"0.1rem"},"right":{"width":"0px","style":"none"},"bottom":{"width":"0px","style":"none"},"left":{"width":"0px","style":"none"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-top-color:var(--wp--preset--color--primary);border-top-width:0.1rem;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px"></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":{"blockGap":{"top":"0","left":"0"}}}} -->
<div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:group {"style":{"border":{"top":{"color":"var:preset|color|primary","width":"0.1rem"},"right":{"width":"0px","style":"none"},"bottom":{"width":"0px","style":"none"},"left":{"width":"0px","style":"none"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-top-color:var(--wp--preset--color--primary);border-top-width:0.1rem;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px"></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
<!-- wp:spacer {"height":"10px"} -->
<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"0.7rem","fontStyle":"normal","fontWeight":"300"}},"fontFamily":"jost"} -->
<p class="has-text-align-center has-jost-font-family" style="font-size:0.7rem;font-style:normal;font-weight:300">
<?php
/* Translators: WordPress link. */
$wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'paimio' ) ) . '" rel="nofollow">WordPress</a>';
echo sprintf(
esc_html__( 'Designed with %1$s', 'paimio' ),
$wordpress_link
);
?>
</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

View file

@ -0,0 +1,12 @@
<?php
/**
* Title: Search pattern
* Slug: paimio/hidden-no-results
* Inserter: no
*/
?>
<!-- wp:paragraph -->
<p><?php echo esc_html__( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'paimio' ); ?></p>
<!-- /wp:paragraph -->

68
paimio/patterns/lines.php Normal file
View file

@ -0,0 +1,68 @@
<?php
/**
* Title: Lines
* Slug: paimio/lines
* Categories: footer
* Inserter: yes
*/
?>
<!-- wp:group {"lock":{"move":false,"remove":false},"style":{"spacing":{"blockGap":"var:preset|spacing|40","margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"160px"}} -->
<div class="wp-block-group" style="margin-top:0;margin-bottom:0"><!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":{"blockGap":{"top":"0","left":"0"}}}} -->
<div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:group {"style":{"border":{"top":{"color":"var:preset|color|primary","width":"0.1rem"},"right":{"width":"0px","style":"none"},"bottom":{"width":"0px","style":"none"},"left":{"width":"0px","style":"none"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-top-color:var(--wp--preset--color--primary);border-top-width:0.1rem;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px"></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":{"blockGap":{"top":"0","left":"0"}}}} -->
<div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column -->
<div class="wp-block-column"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"40%"} -->
<div class="wp-block-column" style="flex-basis:40%"><!-- wp:group {"style":{"border":{"top":{"color":"var:preset|color|primary","width":"0.1rem"},"right":{"width":"0px","style":"none"},"bottom":{"width":"0px","style":"none"},"left":{"width":"0px","style":"none"}},"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-top-color:var(--wp--preset--color--primary);border-top-width:0.1rem;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px"></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"40%"} -->
<div class="wp-block-column" style="flex-basis:40%"><!-- wp:group {"style":{"border":{"top":{"color":"var:preset|color|primary","width":"0.1rem"},"right":{"width":"0px","style":"none"},"bottom":{"width":"0px","style":"none"},"left":{"width":"0px","style":"none"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-top-color:var(--wp--preset--color--primary);border-top-width:0.1rem;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px"></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":{"blockGap":{"top":"0","left":"0"}}}} -->
<div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:group {"style":{"border":{"top":{"color":"var:preset|color|primary","width":"0.1rem"},"right":{"width":"0px","style":"none"},"bottom":{"width":"0px","style":"none"},"left":{"width":"0px","style":"none"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-top-color:var(--wp--preset--color--primary);border-top-width:0.1rem;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px"></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

39
paimio/readme.txt Normal file
View file

@ -0,0 +1,39 @@
=== Paimio ===
Contributors: Automattic
Requires at least: 6.1
Tested up to: 6.1
Requires PHP: 5.7
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
== Description ==
Paimio is a minimal blogging theme inspired by architects and designers Alvar, Aino and Elissa Aalto.
== Changelog ==
= 1.0.0 =
* Initial release
== Copyright ==
Paimio WordPress Theme, (C) 2023 Automattic
Paimio 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.
This theme bundles the following third-party resources:
Jost font from Google Fonts, Open Font License (https://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL)
https://fonts.google.com/specimen/Jost
Newsreader font from Google Fonts, Open Font License (https://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL)
https://fonts.google.com/specimen/Newsreader

BIN
paimio/screenshot.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 144 KiB

70
paimio/style.css Normal file
View file

@ -0,0 +1,70 @@
/*
Theme Name: Paimio
Theme URI: https://github.com/Automattic/themes/tree/trunk/paimio
Author: Automattic
Author URI: https://automattic.com/
Description: Paimio is a minimal blogging theme inspired by architects and designers Alvar, Aino and Elissa Aalto.
Requires at least: 6.1
Tested up to: 6.1
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
Template:
Text Domain: paimio
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks, auto-loading-homepage, blog
*/
/*
* Control the hover stylings of outline block style.
* Unnecessary once block styles are configurable via theme.json
* https://github.com/WordPress/gutenberg/issues/42794
*/
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover {
background-color: var(--wp--preset--color--secondary);
color: var(--wp--preset--color--background);
border-color: var(--wp--preset--color--secondary);
}
/**
* Currently table styles are only available with 'wp-block-styles'
* theme support (block css) thus the following needs to be included
* since 'wp-block-styles' aren't used for this theme.
* https://github.com/WordPress/gutenberg/issues/45065
*/
.wp-block-table thead {
border-bottom: 3px solid;
}
.wp-block-table tfoot {
border-top: 3px solid;
}
.wp-block-table td,
.wp-block-table th {
padding: var(--wp--preset--spacing--30);
border: 1px solid;
word-break: normal;
}
.wp-block-table figcaption {
font-size: var(--wp--preset--font-size--small);
text-align: center;
}
/*
* Link styles
* https://github.com/WordPress/gutenberg/issues/42319
*/
a {
text-decoration-thickness: .0625em !important;
text-underline-offset: .15em;
}
/*
* Search block (inside button) styles
* https://github.com/WordPress/gutenberg/issues/39946
*/
.wp-block-search__button-inside > .wp-block-search__inside-wrapper {
box-sizing: border-box;
}
.wp-block-search__button-inside .wp-block-search__input {
padding: 0 0.25rem;
}

View file

@ -0,0 +1,5 @@
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
<!-- wp:pattern {"slug":"paimio/404"} /-->
<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

View file

@ -0,0 +1,31 @@
<!-- wp:group {"style":{"dimensions":{"minHeight":"800px"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
<div class="wp-block-group" style="min-height:800px"><!-- wp:template-part {"slug":"header","tagName":"header"} /-->
<!-- wp:query {"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"taxQuery":null,"parents":[]},"tagName":"main","layout":{"type":"default"}} -->
<main class="wp-block-query"><!-- wp:post-template -->
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:post-featured-image {"isLink":true} /-->
<!-- wp:post-title {"isLink":true} /-->
<!-- wp:post-excerpt {"showMoreOnNewLine":false} /-->
<!-- wp:spacer {"height":"40px"} -->
<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->
<!-- /wp:post-template -->
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:query-pagination {"layout":{"type":"flex","justifyContent":"space-between"}} -->
<!-- wp:query-pagination-previous /-->
<!-- wp:query-pagination-numbers /-->
<!-- wp:query-pagination-next /-->
<!-- /wp:query-pagination --></div>
<!-- /wp:group --></main>
<!-- /wp:query -->
<!-- wp:template-part {"slug":"footer","tagName":"footer"} /--></div>
<!-- /wp:group -->

View file

@ -0,0 +1,21 @@
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
<!-- wp:group {"tagName":"main","lock":{"move":false,"remove":true},"layout":{"type":"constrained"}} -->
<main class="wp-block-group"><!-- wp:post-title /-->
<!-- wp:post-featured-image /-->
<!-- wp:post-content {"lock":{"move":false,"remove":true},"layout":{"type":"constrained"}} /--></main>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:spacer {"height":"60px"} -->
<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:pattern {"slug":"paimio/comments"} /-->
</div>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

View file

@ -0,0 +1,41 @@
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70"}}},"layout":{"type":"constrained"}} -->
<main class="wp-block-group" style="margin-top:var(--wp--preset--spacing--70);margin-bottom:var(--wp--preset--spacing--70)"><!-- wp:query-title {"type":"search","align":"wide","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|50"}}},"fontSize":"medium"} /-->
<!-- wp:query {"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"taxQuery":null,"parents":[]},"layout":{"type":"constrained"}} -->
<div class="wp-block-query"><!-- wp:query-no-results -->
<!-- wp:pattern {"slug":"paimio/hidden-no-results"} /-->
<!-- /wp:query-no-results -->
<!-- wp:spacer {"height":"40px"} -->
<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:post-template -->
<!-- wp:group -->
<div class="wp-block-group"><!-- wp:post-title {"isLink":true} /-->
<!-- wp:post-featured-image {"isLink":true} /-->
<!-- wp:post-excerpt /-->
<!-- wp:spacer {"height":"40px"} -->
<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->
<!-- /wp:post-template -->
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:query-pagination {"layout":{"type":"flex","justifyContent":"space-between"}} -->
<!-- wp:query-pagination-previous /-->
<!-- wp:query-pagination-next /-->
<!-- /wp:query-pagination --></div>
<!-- /wp:group --></div>
<!-- /wp:query --></main>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

View file

@ -0,0 +1,21 @@
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
<!-- wp:group {"tagName":"main","lock":{"move":false,"remove":true},"layout":{"type":"constrained"}} -->
<main class="wp-block-group"><!-- wp:post-title /-->
<!-- wp:post-featured-image /-->
<!-- wp:post-content {"lock":{"move":false,"remove":true},"layout":{"type":"constrained"}} /--></main>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:spacer {"height":"60px"} -->
<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:pattern {"slug":"paimio/comments"} /-->
</div>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

570
paimio/theme.json Normal file
View file

@ -0,0 +1,570 @@
{
"settings": {
"appearanceTools": true,
"color": {
"palette": [
{
"color": "#0c3282",
"name": "Primary",
"slug": "primary"
},
{
"color": "#0c3282",
"name": "Secondary",
"slug": "secondary"
},
{
"color": "#0c3282",
"name": "Foreground",
"slug": "foreground"
},
{
"color": "#ffffff",
"name": "Background",
"slug": "background"
},
{
"color": "#f2f2f2",
"name": "Tertiary",
"slug": "tertiary"
}
]
},
"layout": {
"contentSize": "620px",
"wideSize": "1000px"
},
"spacing": {
"units": ["%", "px", "em", "rem", "vh", "vw"]
},
"typography": {
"fluid": true,
"fontFamilies": [
{
"fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
"name": "System Font",
"slug": "system-font"
},
{
"fontFace": [
{
"fontFamily": "Jost",
"fontStyle": "normal",
"fontWeight": "200",
"src": ["file:./assets/fonts/jost_200.ttf"]
},
{
"fontFamily": "Jost",
"fontStyle": "normal",
"fontWeight": "300",
"src": ["file:./assets/fonts/jost_300.ttf"]
},
{
"fontFamily": "Jost",
"fontStyle": "normal",
"fontWeight": "500",
"src": ["file:./assets/fonts/jost_500.ttf"]
},
{
"fontFamily": "Jost",
"fontStyle": "normal",
"fontWeight": "600",
"src": ["file:./assets/fonts/jost_600.ttf"]
},
{
"fontFamily": "Jost",
"fontStyle": "normal",
"fontWeight": "400",
"src": ["file:./assets/fonts/jost_regular.ttf"]
},
{
"fontFamily": "Jost",
"fontStyle": "italic",
"fontWeight": "200",
"src": ["file:./assets/fonts/jost_200italic.ttf"]
},
{
"fontFamily": "Jost",
"fontStyle": "italic",
"fontWeight": "300",
"src": ["file:./assets/fonts/jost_300italic.ttf"]
},
{
"fontFamily": "Jost",
"fontStyle": "italic",
"fontWeight": "400",
"src": ["file:./assets/fonts/jost_italic.ttf"]
},
{
"fontFamily": "Jost",
"fontStyle": "italic",
"fontWeight": "500",
"src": ["file:./assets/fonts/jost_500italic.ttf"]
},
{
"fontFamily": "Jost",
"fontStyle": "italic",
"fontWeight": "600",
"src": ["file:./assets/fonts/jost_600italic.ttf"]
}
],
"fontFamily": "Jost",
"slug": "jost"
},
{
"fontFace": [
{
"fontFamily": "Newsreader",
"fontStyle": "normal",
"fontWeight": "300",
"src": ["file:./assets/fonts/newsreader_300.ttf"]
},
{
"fontFamily": "Newsreader",
"fontStyle": "italic",
"fontWeight": "300",
"src": [
"file:./assets/fonts/newsreader_300italic.ttf"
]
}
],
"fontFamily": "Newsreader",
"slug": "newsreader"
}
],
"fontSizes": [
{
"fluid": {
"max": "1.0625rem",
"min": "0.825rem"
},
"name": "Small",
"size": "1rem",
"slug": "small"
},
{
"fluid": {
"max": "1.25rem",
"min": "1rem"
},
"name": "Medium",
"size": "1.125rem",
"slug": "medium"
},
{
"fluid": {
"max": "2rem",
"min": "1.75rem"
},
"name": "Large",
"size": "1.75rem",
"slug": "large"
},
{
"fluid": {
"max": "3rem",
"min": "2.5rem"
},
"name": "Extra Large",
"size": "3rem",
"slug": "x-large"
}
]
},
"useRootPaddingAwareAlignments": true
},
"styles": {
"blocks": {
"core/code": {
"border": {
"color": "var(--wp--preset--color--foreground)",
"radius": "0.25rem",
"style": "solid",
"width": "2px"
},
"spacing": {
"padding": {
"bottom": "var(--wp--preset--spacing--50)",
"left": "var(--wp--preset--spacing--50)",
"right": "var(--wp--preset--spacing--50)",
"top": "var(--wp--preset--spacing--50)"
}
},
"typography": {
"fontFamily": "monospace"
}
},
"core/comment-author-name": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)"
}
},
"core/comment-date": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)"
}
},
"core/comment-edit-link": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)"
}
},
"core/comment-reply-link": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)"
}
},
"core/gallery": {
"spacing": {
"margin": {
"bottom": "var(--wp--preset--spacing--50)"
}
}
},
"core/list": {
"spacing": {
"padding": {
"left": "var(--wp--preset--spacing--70)"
}
}
},
"core/navigation": {
"elements": {
"link": {
":hover": {
"typography": {
"textDecoration": "underline"
}
},
"typography": {
"textDecoration": "none"
}
}
}
},
"core/post-author-name": {
"elements": {
"link": {
":hover": {
"typography": {
"textDecoration": "underline"
}
},
"typography": {
"textDecoration": "none"
}
}
}
},
"core/post-date": {
"color": {
"text": "var(--wp--preset--color--foreground)"
},
"elements": {
"link": {
":hover": {
"typography": {
"textDecoration": "underline"
}
},
"typography": {
"textDecoration": "none"
}
}
},
"typography": {
"fontSize": "var(--wp--preset--font-size--small)"
}
},
"core/post-title": {
"elements": {
"link": {
":hover": {
"typography": {
"textDecoration": "underline"
}
},
"typography": {
"textDecoration": "none"
}
}
},
"spacing": {
"margin": {
"bottom": "0"
}
},
"typography": {
"textTransform": "uppercase"
}
},
"core/pullquote": {
"border": {
"bottom": {
"style": "none",
"width": "0px"
},
"color": "var(--wp--preset--color--foreground)",
"left": {
"style": "none",
"width": "0px"
},
"right": {
"style": "none",
"width": "0px"
},
"style": "solid",
"top": {
"style": "none",
"width": "0px"
},
"width": "1px 0"
},
"color": {
"background": "var:preset|color|primary",
"text": "var:preset|color|background"
},
"elements": {
"link": {
"color": {
"text": "var:preset|color|background"
}
}
},
"spacing": {
"padding": {
"bottom": "var(--wp--preset--spacing--50)",
"left": "var(--wp--preset--spacing--50)",
"right": "var(--wp--preset--spacing--50)",
"top": "var(--wp--preset--spacing--50)"
}
},
"typography": {
"fontFamily": "var:preset|font-family|jost",
"fontSize": "var:preset|font-size|large",
"fontStyle": "normal",
"fontWeight": "400",
"textTransform": "none"
}
},
"core/query-pagination": {
"typography": {
"fontFamily": "var:preset|font-family|jost",
"fontSize": "var:preset|font-size|small",
"fontStyle": "normal",
"fontWeight": "300",
"letterSpacing": "0.16rem",
"textTransform": "uppercase"
}
},
"core/query-pagination-numbers": {
"typography": {
"fontFamily": "var:preset|font-family|jost",
"fontSize": "var:preset|font-size|small",
"fontStyle": "normal",
"fontWeight": "300",
"letterSpacing": "0.16rem",
"textTransform": "uppercase"
}
},
"core/quote": {
"border": {
"color": "var(--wp--preset--color--primary)",
"style": "solid",
"width": "0 0 0 1px"
},
"spacing": {
"padding": {
"left": "var(--wp--preset--spacing--50)"
}
},
"typography": {
"fontStyle": "normal"
}
},
"core/search": {
"border": {
"radius": "0px"
},
"typography": {
"fontFamily": "var:preset|font-family|jost",
"fontSize": "var:preset|font-size|small",
"fontStyle": "normal",
"fontWeight": "300",
"letterSpacing": "0.1rem",
"lineHeight": "1.6",
"textTransform": "uppercase"
}
},
"core/separator": {
"border": {
"color": "currentColor",
"style": "solid",
"width": "0 0 1px 0"
},
"color": {
"text": "var(--wp--preset--color--foreground)"
}
},
"core/site-tagline": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)"
}
},
"core/site-title": {
"elements": {
"link": {
":hover": {
"typography": {
"textDecoration": "underline"
}
},
"typography": {
"textDecoration": "none"
}
}
},
"typography": {
"fontSize": "var:preset|font-size|x-large",
"fontStyle": "normal",
"fontWeight": "400",
"textTransform": "uppercase"
}
},
"core/social-links": {
"color": {
"background": "var:preset|color|background"
}
}
},
"color": {
"background": "var(--wp--preset--color--background)",
"text": "var(--wp--preset--color--foreground)"
},
"elements": {
"button": {
":active": {
"color": {
"background": "var(--wp--preset--color--primary)",
"text": "var(--wp--preset--color--background)"
}
},
":focus": {
"color": {
"background": "var(--wp--preset--color--primary)",
"text": "var(--wp--preset--color--background)"
},
"outline": {
"color": "var(--wp--preset--color--primary)",
"offset": "2px",
"style": "dotted",
"width": "1px"
}
},
":hover": {
"color": {
"background": "var(--wp--preset--color--background)",
"text": "var(--wp--preset--color--secondary)"
},
"border": {
"width": "2px",
"style": "solid",
"color": "var(--wp--preset--color--secondary)"
},
"spacing": {
"padding": "0.667em 1.333em"
}
},
"border": {
"radius": "0"
},
"color": {
"background": "var(--wp--preset--color--primary)",
"text": "var(--wp--preset--color--background)"
},
"typography": {
"fontFamily": "var:preset|font-family|jost",
"fontSize": "var:preset|font-size|small",
"fontStyle": "normal",
"fontWeight": "300",
"letterSpacing": "0.07rem",
"textTransform": "uppercase"
}
},
"h1": {
"typography": {
"fontSize": "var(--wp--preset--font-size--x-large)"
}
},
"h2": {
"typography": {
"fontSize": "var(--wp--preset--font-size--large)"
}
},
"h3": {
"typography": {
"fontSize": "clamp(1.5rem, calc(1.5rem + ((1vw - 0.48rem) * 0.4808)), 1.75rem)"
}
},
"h4": {
"typography": {
"fontSize": "clamp(1.25rem, calc(1.25rem + ((1vw - 0.48rem) * 0.4808)), 1.5rem)"
}
},
"h5": {
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)"
}
},
"h6": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)"
}
},
"heading": {
"typography": {
"fontFamily": "var:preset|font-family|jost",
"fontWeight": "400",
"lineHeight": "1.125",
"textTransform": "none"
}
},
"link": {
":hover": {
"typography": {
"textDecoration": "none"
}
},
"color": {
"text": "var(--wp--preset--color--primary)"
}
}
},
"spacing": {
"blockGap": "var:preset|spacing|50",
"padding": {
"bottom": "var:preset|spacing|50",
"left": "var:preset|spacing|50",
"right": "var:preset|spacing|50",
"top": "var:preset|spacing|50"
}
},
"typography": {
"fontFamily": "var:preset|font-family|newsreader",
"fontSize": "var(--wp--preset--font-size--medium)",
"lineHeight": "1.6"
}
},
"templateParts": [
{
"area": "header",
"name": "header"
},
{
"area": "footer",
"name": "footer"
}
],
"version": 2,
"$schema": "https://schemas.wp.org/trunk/theme.json"
}