diff options
Diffstat (limited to 'wp-content/themes')
291 files changed, 15324 insertions, 0 deletions
diff --git a/wp-content/themes/index.php b/wp-content/themes/index.php new file mode 100644 index 0000000..6220032 --- /dev/null +++ b/wp-content/themes/index.php @@ -0,0 +1,2 @@ +<?php +// Silence is golden. diff --git a/wp-content/themes/twentytwentyfour/assets/css/button-outline.css b/wp-content/themes/twentytwentyfour/assets/css/button-outline.css new file mode 100644 index 0000000..2603236 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/assets/css/button-outline.css @@ -0,0 +1,6 @@ +.wp-block-button.is-style-outline + > .wp-block-button__link:not(.has-text-color, .has-background):hover { + background-color: var(--wp--preset--color--contrast-2, var(--wp--preset--color--contrast, transparent)); + color: var(--wp--preset--color--base); + border-color: var(--wp--preset--color--contrast-2, var(--wp--preset--color--contrast, currentColor)); +} diff --git a/wp-content/themes/twentytwentyfour/assets/fonts/cardo/LICENSE.txt b/wp-content/themes/twentytwentyfour/assets/fonts/cardo/LICENSE.txt new file mode 100644 index 0000000..ed707cd --- /dev/null +++ b/wp-content/themes/twentytwentyfour/assets/fonts/cardo/LICENSE.txt @@ -0,0 +1,93 @@ +Copyright (c) 2002-2011, David J. Perry (hospes02@scholarsfonts.net) + +This Font Software is licensed under the SIL Open Font License, Version 1.1. +This license is copied below, and is also available with a FAQ at: +http://scripts.sil.org/OFL + + +----------------------------------------------------------- +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 +----------------------------------------------------------- + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide +development of collaborative font projects, to support the font creation +efforts of academic and linguistic communities, and to provide a free and +open framework in which fonts may be shared and improved in partnership +with others. + +The OFL allows the licensed fonts to be used, studied, modified and +redistributed freely as long as they are not sold by themselves. The +fonts, including any derivative works, can be bundled, embedded, +redistributed and/or sold with any software provided that any reserved +names are not used by derivative works. The fonts and derivatives, +however, cannot be released under any other type of license. The +requirement for fonts to remain under this license does not apply +to any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright +Holder(s) under this license and clearly marked as such. This may +include source files, build scripts and documentation. + +"Reserved Font Name" refers to any names specified as such after the +copyright statement(s). + +"Original Version" refers to the collection of Font Software components as +distributed by the Copyright Holder(s). + +"Modified Version" refers to any derivative made by adding to, deleting, +or substituting -- in part or in whole -- any of the components of the +Original Version, by changing formats or by porting the Font Software to a +new environment. + +"Author" refers to any designer, engineer, programmer, technical +writer or other person who contributed to the Font Software. + +PERMISSION & CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining +a copy of the Font Software, to use, study, copy, merge, embed, modify, +redistribute, and sell modified and unmodified copies of the Font +Software, subject to the following conditions: + +1) Neither the Font Software nor any of its individual components, +in Original or Modified Versions, may be sold by itself. + +2) Original or Modified Versions of the Font Software may be bundled, +redistributed and/or sold with any software, provided that each copy +contains the above copyright notice and this license. These can be +included either as stand-alone text files, human-readable headers or +in the appropriate machine-readable metadata fields within text or +binary files as long as those fields can be easily viewed by the user. + +3) No Modified Version of the Font Software may use the Reserved Font +Name(s) unless explicit written permission is granted by the corresponding +Copyright Holder. This restriction only applies to the primary font name as +presented to the users. + +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font +Software shall not be used to promote, endorse or advertise any +Modified Version, except to acknowledge the contribution(s) of the +Copyright Holder(s) and the Author(s) or with their explicit written +permission. + +5) The Font Software, modified or unmodified, in part or in whole, +must be distributed entirely under this license, and must not be +distributed under any other license. The requirement for fonts to +remain under this license does not apply to any document created +using the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are +not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT +OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE +COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL +DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM +OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/wp-content/themes/twentytwentyfour/assets/fonts/cardo/cardo_italic_400.woff2 b/wp-content/themes/twentytwentyfour/assets/fonts/cardo/cardo_italic_400.woff2 Binary files differnew file mode 100644 index 0000000..46905a8 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/assets/fonts/cardo/cardo_italic_400.woff2 diff --git a/wp-content/themes/twentytwentyfour/assets/fonts/cardo/cardo_normal_400.woff2 b/wp-content/themes/twentytwentyfour/assets/fonts/cardo/cardo_normal_400.woff2 Binary files differnew file mode 100644 index 0000000..536d7a5 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/assets/fonts/cardo/cardo_normal_400.woff2 diff --git a/wp-content/themes/twentytwentyfour/assets/fonts/cardo/cardo_normal_700.woff2 b/wp-content/themes/twentytwentyfour/assets/fonts/cardo/cardo_normal_700.woff2 Binary files differnew file mode 100644 index 0000000..2d280ef --- /dev/null +++ b/wp-content/themes/twentytwentyfour/assets/fonts/cardo/cardo_normal_700.woff2 diff --git a/wp-content/themes/twentytwentyfour/assets/fonts/instrument-sans/InstrumentSans-Italic-VariableFont_wdth,wght.woff2 b/wp-content/themes/twentytwentyfour/assets/fonts/instrument-sans/InstrumentSans-Italic-VariableFont_wdth,wght.woff2 Binary files differnew file mode 100644 index 0000000..f5f2861 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/assets/fonts/instrument-sans/InstrumentSans-Italic-VariableFont_wdth,wght.woff2 diff --git a/wp-content/themes/twentytwentyfour/assets/fonts/instrument-sans/InstrumentSans-VariableFont_wdth,wght.woff2 b/wp-content/themes/twentytwentyfour/assets/fonts/instrument-sans/InstrumentSans-VariableFont_wdth,wght.woff2 Binary files differnew file mode 100644 index 0000000..02203d6 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/assets/fonts/instrument-sans/InstrumentSans-VariableFont_wdth,wght.woff2 diff --git a/wp-content/themes/twentytwentyfour/assets/fonts/instrument-sans/OFL.txt b/wp-content/themes/twentytwentyfour/assets/fonts/instrument-sans/OFL.txt new file mode 100644 index 0000000..56e04aa --- /dev/null +++ b/wp-content/themes/twentytwentyfour/assets/fonts/instrument-sans/OFL.txt @@ -0,0 +1,93 @@ +Copyright 2022 The Instrument Sans Project Authors (https://github.com/Instrument/instrument-sans) + +This Font Software is licensed under the SIL Open Font License, Version 1.1. +This license is copied below, and is also available with a FAQ at: +http://scripts.sil.org/OFL + + +----------------------------------------------------------- +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 +----------------------------------------------------------- + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide +development of collaborative font projects, to support the font creation +efforts of academic and linguistic communities, and to provide a free and +open framework in which fonts may be shared and improved in partnership +with others. + +The OFL allows the licensed fonts to be used, studied, modified and +redistributed freely as long as they are not sold by themselves. The +fonts, including any derivative works, can be bundled, embedded, +redistributed and/or sold with any software provided that any reserved +names are not used by derivative works. The fonts and derivatives, +however, cannot be released under any other type of license. The +requirement for fonts to remain under this license does not apply +to any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright +Holder(s) under this license and clearly marked as such. This may +include source files, build scripts and documentation. + +"Reserved Font Name" refers to any names specified as such after the +copyright statement(s). + +"Original Version" refers to the collection of Font Software components as +distributed by the Copyright Holder(s). + +"Modified Version" refers to any derivative made by adding to, deleting, +or substituting -- in part or in whole -- any of the components of the +Original Version, by changing formats or by porting the Font Software to a +new environment. + +"Author" refers to any designer, engineer, programmer, technical +writer or other person who contributed to the Font Software. + +PERMISSION & CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining +a copy of the Font Software, to use, study, copy, merge, embed, modify, +redistribute, and sell modified and unmodified copies of the Font +Software, subject to the following conditions: + +1) Neither the Font Software nor any of its individual components, +in Original or Modified Versions, may be sold by itself. + +2) Original or Modified Versions of the Font Software may be bundled, +redistributed and/or sold with any software, provided that each copy +contains the above copyright notice and this license. These can be +included either as stand-alone text files, human-readable headers or +in the appropriate machine-readable metadata fields within text or +binary files as long as those fields can be easily viewed by the user. + +3) No Modified Version of the Font Software may use the Reserved Font +Name(s) unless explicit written permission is granted by the corresponding +Copyright Holder. This restriction only applies to the primary font name as +presented to the users. + +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font +Software shall not be used to promote, endorse or advertise any +Modified Version, except to acknowledge the contribution(s) of the +Copyright Holder(s) and the Author(s) or with their explicit written +permission. + +5) The Font Software, modified or unmodified, in part or in whole, +must be distributed entirely under this license, and must not be +distributed under any other license. The requirement for fonts to +remain under this license does not apply to any document created +using the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are +not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT +OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE +COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL +DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM +OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/wp-content/themes/twentytwentyfour/assets/fonts/inter/Inter-VariableFont_slnt,wght.woff2 b/wp-content/themes/twentytwentyfour/assets/fonts/inter/Inter-VariableFont_slnt,wght.woff2 Binary files differnew file mode 100644 index 0000000..350bbbc --- /dev/null +++ b/wp-content/themes/twentytwentyfour/assets/fonts/inter/Inter-VariableFont_slnt,wght.woff2 diff --git a/wp-content/themes/twentytwentyfour/assets/fonts/inter/LICENSE.txt b/wp-content/themes/twentytwentyfour/assets/fonts/inter/LICENSE.txt new file mode 100644 index 0000000..b525cbf --- /dev/null +++ b/wp-content/themes/twentytwentyfour/assets/fonts/inter/LICENSE.txt @@ -0,0 +1,93 @@ +Copyright 2020 The Inter Project Authors (https://github.com/rsms/inter) + +This Font Software is licensed under the SIL Open Font License, Version 1.1. +This license is copied below, and is also available with a FAQ at: +http://scripts.sil.org/OFL + + +----------------------------------------------------------- +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 +----------------------------------------------------------- + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide +development of collaborative font projects, to support the font creation +efforts of academic and linguistic communities, and to provide a free and +open framework in which fonts may be shared and improved in partnership +with others. + +The OFL allows the licensed fonts to be used, studied, modified and +redistributed freely as long as they are not sold by themselves. The +fonts, including any derivative works, can be bundled, embedded, +redistributed and/or sold with any software provided that any reserved +names are not used by derivative works. The fonts and derivatives, +however, cannot be released under any other type of license. The +requirement for fonts to remain under this license does not apply +to any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright +Holder(s) under this license and clearly marked as such. This may +include source files, build scripts and documentation. + +"Reserved Font Name" refers to any names specified as such after the +copyright statement(s). + +"Original Version" refers to the collection of Font Software components as +distributed by the Copyright Holder(s). + +"Modified Version" refers to any derivative made by adding to, deleting, +or substituting -- in part or in whole -- any of the components of the +Original Version, by changing formats or by porting the Font Software to a +new environment. + +"Author" refers to any designer, engineer, programmer, technical +writer or other person who contributed to the Font Software. + +PERMISSION & CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining +a copy of the Font Software, to use, study, copy, merge, embed, modify, +redistribute, and sell modified and unmodified copies of the Font +Software, subject to the following conditions: + +1) Neither the Font Software nor any of its individual components, +in Original or Modified Versions, may be sold by itself. + +2) Original or Modified Versions of the Font Software may be bundled, +redistributed and/or sold with any software, provided that each copy +contains the above copyright notice and this license. These can be +included either as stand-alone text files, human-readable headers or +in the appropriate machine-readable metadata fields within text or +binary files as long as those fields can be easily viewed by the user. + +3) No Modified Version of the Font Software may use the Reserved Font +Name(s) unless explicit written permission is granted by the corresponding +Copyright Holder. This restriction only applies to the primary font name as +presented to the users. + +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font +Software shall not be used to promote, endorse or advertise any +Modified Version, except to acknowledge the contribution(s) of the +Copyright Holder(s) and the Author(s) or with their explicit written +permission. + +5) The Font Software, modified or unmodified, in part or in whole, +must be distributed entirely under this license, and must not be +distributed under any other license. The requirement for fonts to +remain under this license does not apply to any document created +using the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are +not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT +OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE +COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL +DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM +OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/wp-content/themes/twentytwentyfour/assets/fonts/jost/Jost-Italic-VariableFont_wght.woff2 b/wp-content/themes/twentytwentyfour/assets/fonts/jost/Jost-Italic-VariableFont_wght.woff2 Binary files differnew file mode 100644 index 0000000..184c920 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/assets/fonts/jost/Jost-Italic-VariableFont_wght.woff2 diff --git a/wp-content/themes/twentytwentyfour/assets/fonts/jost/Jost-VariableFont_wght.woff2 b/wp-content/themes/twentytwentyfour/assets/fonts/jost/Jost-VariableFont_wght.woff2 Binary files differnew file mode 100644 index 0000000..eedcc3f --- /dev/null +++ b/wp-content/themes/twentytwentyfour/assets/fonts/jost/Jost-VariableFont_wght.woff2 diff --git a/wp-content/themes/twentytwentyfour/assets/fonts/jost/OFL.txt b/wp-content/themes/twentytwentyfour/assets/fonts/jost/OFL.txt new file mode 100644 index 0000000..85b6b99 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/assets/fonts/jost/OFL.txt @@ -0,0 +1,93 @@ +Copyright 2020 The Jost Project Authors (https://github.com/indestructible-type) + +This Font Software is licensed under the SIL Open Font License, Version 1.1. +This license is copied below, and is also available with a FAQ at: +http://scripts.sil.org/OFL + + +----------------------------------------------------------- +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 +----------------------------------------------------------- + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide +development of collaborative font projects, to support the font creation +efforts of academic and linguistic communities, and to provide a free and +open framework in which fonts may be shared and improved in partnership +with others. + +The OFL allows the licensed fonts to be used, studied, modified and +redistributed freely as long as they are not sold by themselves. The +fonts, including any derivative works, can be bundled, embedded, +redistributed and/or sold with any software provided that any reserved +names are not used by derivative works. The fonts and derivatives, +however, cannot be released under any other type of license. The +requirement for fonts to remain under this license does not apply +to any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright +Holder(s) under this license and clearly marked as such. This may +include source files, build scripts and documentation. + +"Reserved Font Name" refers to any names specified as such after the +copyright statement(s). + +"Original Version" refers to the collection of Font Software components as +distributed by the Copyright Holder(s). + +"Modified Version" refers to any derivative made by adding to, deleting, +or substituting -- in part or in whole -- any of the components of the +Original Version, by changing formats or by porting the Font Software to a +new environment. + +"Author" refers to any designer, engineer, programmer, technical +writer or other person who contributed to the Font Software. + +PERMISSION & CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining +a copy of the Font Software, to use, study, copy, merge, embed, modify, +redistribute, and sell modified and unmodified copies of the Font +Software, subject to the following conditions: + +1) Neither the Font Software nor any of its individual components, +in Original or Modified Versions, may be sold by itself. + +2) Original or Modified Versions of the Font Software may be bundled, +redistributed and/or sold with any software, provided that each copy +contains the above copyright notice and this license. These can be +included either as stand-alone text files, human-readable headers or +in the appropriate machine-readable metadata fields within text or +binary files as long as those fields can be easily viewed by the user. + +3) No Modified Version of the Font Software may use the Reserved Font +Name(s) unless explicit written permission is granted by the corresponding +Copyright Holder. This restriction only applies to the primary font name as +presented to the users. + +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font +Software shall not be used to promote, endorse or advertise any +Modified Version, except to acknowledge the contribution(s) of the +Copyright Holder(s) and the Author(s) or with their explicit written +permission. + +5) The Font Software, modified or unmodified, in part or in whole, +must be distributed entirely under this license, and must not be +distributed under any other license. The requirement for fonts to +remain under this license does not apply to any document created +using the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are +not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT +OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE +COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL +DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM +OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/wp-content/themes/twentytwentyfour/assets/images/abstract-geometric-art.webp b/wp-content/themes/twentytwentyfour/assets/images/abstract-geometric-art.webp Binary files differnew file mode 100644 index 0000000..4b7fd1a --- /dev/null +++ b/wp-content/themes/twentytwentyfour/assets/images/abstract-geometric-art.webp diff --git a/wp-content/themes/twentytwentyfour/assets/images/angular-roof.webp b/wp-content/themes/twentytwentyfour/assets/images/angular-roof.webp Binary files differnew file mode 100644 index 0000000..c9b8d7a --- /dev/null +++ b/wp-content/themes/twentytwentyfour/assets/images/angular-roof.webp diff --git a/wp-content/themes/twentytwentyfour/assets/images/art-gallery.webp b/wp-content/themes/twentytwentyfour/assets/images/art-gallery.webp Binary files differnew file mode 100644 index 0000000..34b458b --- /dev/null +++ b/wp-content/themes/twentytwentyfour/assets/images/art-gallery.webp diff --git a/wp-content/themes/twentytwentyfour/assets/images/building-exterior.webp b/wp-content/themes/twentytwentyfour/assets/images/building-exterior.webp Binary files differnew file mode 100644 index 0000000..936ecf1 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/assets/images/building-exterior.webp diff --git a/wp-content/themes/twentytwentyfour/assets/images/green-staircase.webp b/wp-content/themes/twentytwentyfour/assets/images/green-staircase.webp Binary files differnew file mode 100644 index 0000000..1da8272 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/assets/images/green-staircase.webp diff --git a/wp-content/themes/twentytwentyfour/assets/images/hotel-facade.webp b/wp-content/themes/twentytwentyfour/assets/images/hotel-facade.webp Binary files differnew file mode 100644 index 0000000..a076a58 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/assets/images/hotel-facade.webp diff --git a/wp-content/themes/twentytwentyfour/assets/images/icon-message.webp b/wp-content/themes/twentytwentyfour/assets/images/icon-message.webp Binary files differnew file mode 100644 index 0000000..f6e5e24 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/assets/images/icon-message.webp diff --git a/wp-content/themes/twentytwentyfour/assets/images/museum.webp b/wp-content/themes/twentytwentyfour/assets/images/museum.webp Binary files differnew file mode 100644 index 0000000..df42352 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/assets/images/museum.webp diff --git a/wp-content/themes/twentytwentyfour/assets/images/tourist-and-building.webp b/wp-content/themes/twentytwentyfour/assets/images/tourist-and-building.webp Binary files differnew file mode 100644 index 0000000..285e37c --- /dev/null +++ b/wp-content/themes/twentytwentyfour/assets/images/tourist-and-building.webp diff --git a/wp-content/themes/twentytwentyfour/assets/images/windows.webp b/wp-content/themes/twentytwentyfour/assets/images/windows.webp Binary files differnew file mode 100644 index 0000000..39a4e41 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/assets/images/windows.webp diff --git a/wp-content/themes/twentytwentyfour/functions.php b/wp-content/themes/twentytwentyfour/functions.php new file mode 100644 index 0000000..baee062 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/functions.php @@ -0,0 +1,206 @@ +<?php +/** + * Twenty Twenty-Four functions and definitions + * + * @link https://developer.wordpress.org/themes/basics/theme-functions/ + * + * @package Twenty Twenty-Four + * @since Twenty Twenty-Four 1.0 + */ + +/** + * Register block styles. + */ + +if ( ! function_exists( 'twentytwentyfour_block_styles' ) ) : + /** + * Register custom block styles + * + * @since Twenty Twenty-Four 1.0 + * @return void + */ + function twentytwentyfour_block_styles() { + + register_block_style( + 'core/details', + array( + 'name' => 'arrow-icon-details', + 'label' => __( 'Arrow icon', 'twentytwentyfour' ), + /* + * Styles for the custom Arrow icon style of the Details block + */ + 'inline_style' => ' + .is-style-arrow-icon-details { + padding-top: var(--wp--preset--spacing--10); + padding-bottom: var(--wp--preset--spacing--10); + } + + .is-style-arrow-icon-details summary { + list-style-type: "\2193\00a0\00a0\00a0"; + } + + .is-style-arrow-icon-details[open]>summary { + list-style-type: "\2192\00a0\00a0\00a0"; + }', + ) + ); + register_block_style( + 'core/post-terms', + array( + 'name' => 'pill', + 'label' => __( 'Pill', 'twentytwentyfour' ), + /* + * Styles variation for post terms + * https://github.com/WordPress/gutenberg/issues/24956 + */ + 'inline_style' => ' + .is-style-pill a, + .is-style-pill span:not([class], [data-rich-text-placeholder]) { + display: inline-block; + background-color: var(--wp--preset--color--base-2); + padding: 0.375rem 0.875rem; + border-radius: var(--wp--preset--spacing--20); + } + + .is-style-pill a:hover { + background-color: var(--wp--preset--color--contrast-3); + }', + ) + ); + register_block_style( + 'core/list', + array( + 'name' => 'checkmark-list', + 'label' => __( 'Checkmark', 'twentytwentyfour' ), + /* + * Styles for the custom checkmark list block style + * https://github.com/WordPress/gutenberg/issues/51480 + */ + 'inline_style' => ' + ul.is-style-checkmark-list { + list-style-type: "\2713"; + } + + ul.is-style-checkmark-list li { + padding-inline-start: 1ch; + }', + ) + ); + register_block_style( + 'core/navigation-link', + array( + 'name' => 'arrow-link', + 'label' => __( 'With arrow', 'twentytwentyfour' ), + /* + * Styles for the custom arrow nav link block style + */ + 'inline_style' => ' + .is-style-arrow-link .wp-block-navigation-item__label:after { + content: "\2197"; + padding-inline-start: 0.25rem; + vertical-align: middle; + text-decoration: none; + display: inline-block; + }', + ) + ); + register_block_style( + 'core/heading', + array( + 'name' => 'asterisk', + 'label' => __( 'With asterisk', 'twentytwentyfour' ), + 'inline_style' => " + .is-style-asterisk:before { + content: ''; + width: 1.5rem; + height: 3rem; + background: var(--wp--preset--color--contrast-2, currentColor); + clip-path: path('M11.93.684v8.039l5.633-5.633 1.216 1.23-5.66 5.66h8.04v1.737H13.2l5.701 5.701-1.23 1.23-5.742-5.742V21h-1.737v-8.094l-5.77 5.77-1.23-1.217 5.743-5.742H.842V9.98h8.162l-5.701-5.7 1.23-1.231 5.66 5.66V.684h1.737Z'); + display: block; + } + + /* Hide the asterisk if the heading has no content, to avoid using empty headings to display the asterisk only, which is an A11Y issue */ + .is-style-asterisk:empty:before { + content: none; + } + + .is-style-asterisk:-moz-only-whitespace:before { + content: none; + } + + .is-style-asterisk.has-text-align-center:before { + margin: 0 auto; + } + + .is-style-asterisk.has-text-align-right:before { + margin-left: auto; + } + + .rtl .is-style-asterisk.has-text-align-left:before { + margin-right: auto; + }", + ) + ); + } +endif; + +add_action( 'init', 'twentytwentyfour_block_styles' ); + +/** + * Enqueue block stylesheets. + */ + +if ( ! function_exists( 'twentytwentyfour_block_stylesheets' ) ) : + /** + * Enqueue custom block stylesheets + * + * @since Twenty Twenty-Four 1.0 + * @return void + */ + function twentytwentyfour_block_stylesheets() { + /** + * The wp_enqueue_block_style() function allows us to enqueue a stylesheet + * for a specific block. These will only get loaded when the block is rendered + * (both in the editor and on the front end), improving performance + * and reducing the amount of data requested by visitors. + * + * See https://make.wordpress.org/core/2021/12/15/using-multiple-stylesheets-per-block/ for more info. + */ + wp_enqueue_block_style( + 'core/button', + array( + 'handle' => 'twentytwentyfour-button-style-outline', + 'src' => get_parent_theme_file_uri( 'assets/css/button-outline.css' ), + 'ver' => wp_get_theme( get_template() )->get( 'Version' ), + 'path' => get_parent_theme_file_path( 'assets/css/button-outline.css' ), + ) + ); + } +endif; + +add_action( 'init', 'twentytwentyfour_block_stylesheets' ); + +/** + * Register pattern categories. + */ + +if ( ! function_exists( 'twentytwentyfour_pattern_categories' ) ) : + /** + * Register pattern categories + * + * @since Twenty Twenty-Four 1.0 + * @return void + */ + function twentytwentyfour_pattern_categories() { + + register_block_pattern_category( + 'page', + array( + 'label' => _x( 'Pages', 'Block pattern category', 'twentytwentyfour' ), + 'description' => __( 'A collection of full page layouts.', 'twentytwentyfour' ), + ) + ); + } +endif; + +add_action( 'init', 'twentytwentyfour_pattern_categories' ); diff --git a/wp-content/themes/twentytwentyfour/parts/footer.html b/wp-content/themes/twentytwentyfour/parts/footer.html new file mode 100644 index 0000000..c21388e --- /dev/null +++ b/wp-content/themes/twentytwentyfour/parts/footer.html @@ -0,0 +1 @@ +<!-- wp:pattern {"slug":"twentytwentyfour/footer"} /--> diff --git a/wp-content/themes/twentytwentyfour/parts/header.html b/wp-content/themes/twentytwentyfour/parts/header.html new file mode 100644 index 0000000..632900c --- /dev/null +++ b/wp-content/themes/twentytwentyfour/parts/header.html @@ -0,0 +1,22 @@ +<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"20px","bottom":"20px"}}},"backgroundColor":"base","layout":{"type":"constrained"}} --> +<div class="wp-block-group alignwide has-base-background-color has-background" + style="padding-top:20px;padding-bottom:20px"> + <!-- wp:group {"align":"wide","layout":{"type":"flex","justifyContent":"space-between","flexWrap":"wrap"}} --> + <div class="wp-block-group alignwide"> + <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"},"layout":{"selfStretch":"fit","flexSize":null}},"layout":{"type":"flex"}} --> + <div class="wp-block-group"> + <!-- wp:site-logo {"width":60 } /--> + + <!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} --> + <div class="wp-block-group"> + <!-- wp:site-title {"level":0} /--> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:group --> + + <!-- wp:navigation {"layout":{"type":"flex","justifyContent":"right","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"},"blockGap":"var:preset|spacing|20"},"layout":{"selfStretch":"fit","flexSize":null}}} /--> + </div> + <!-- /wp:group --> +</div> +<!-- /wp:group -->
\ No newline at end of file diff --git a/wp-content/themes/twentytwentyfour/parts/post-meta.html b/wp-content/themes/twentytwentyfour/parts/post-meta.html new file mode 100644 index 0000000..e11eda3 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/parts/post-meta.html @@ -0,0 +1 @@ +<!-- wp:pattern {"slug":"twentytwentyfour/hidden-post-meta"} /--> diff --git a/wp-content/themes/twentytwentyfour/parts/sidebar.html b/wp-content/themes/twentytwentyfour/parts/sidebar.html new file mode 100644 index 0000000..93c36b9 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/parts/sidebar.html @@ -0,0 +1 @@ +<!-- wp:pattern {"slug":"twentytwentyfour/hidden-sidebar"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/banner-hero.php b/wp-content/themes/twentytwentyfour/patterns/banner-hero.php new file mode 100644 index 0000000..4587ac8 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/banner-hero.php @@ -0,0 +1,55 @@ +<?php +/** + * Title: Hero + * Slug: twentytwentyfour/banner-hero + * Categories: banner, call-to-action, featured + * Viewport width: 1400 + */ +?> + +<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"layout":{"type":"constrained","contentSize":"","wideSize":""}} --> +<div class="wp-block-group alignfull" 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 {"style":{"spacing":{"blockGap":"0px"}},"layout":{"type":"constrained","contentSize":"565px"}} --> + <div class="wp-block-group"> + + <!-- wp:heading {"textAlign":"center","fontSize":"x-large","level":1} --> + <h1 class="wp-block-heading has-text-align-center has-x-large-font-size"><?php echo esc_html_x( 'A commitment to innovation and sustainability', 'Heading of the hero section', 'twentytwentyfour' ); ?></h1> + <!-- /wp:heading --> + + <!-- wp:spacer {"height":"1.25rem"} --> + <div style="height:1.25rem" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:paragraph {"align":"center"} --> + <p class="has-text-align-center"><?php echo esc_html_x( 'Études is a pioneering firm that seamlessly merges creativity and functionality to redefine architectural excellence.', 'Content of the hero section', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + + <!-- wp:spacer {"height":"1.25rem"} --> + <div style="height:1.25rem" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} --> + <div class="wp-block-buttons"> + <!-- wp:button --> + <div class="wp-block-button"> + <a class="wp-block-button__link wp-element-button"><?php echo esc_html_x( 'About us', 'Button text of the hero section', 'twentytwentyfour' ); ?></a> + </div> + <!-- /wp:button --> + </div> + <!-- /wp:buttons --> + </div> + <!-- /wp:group --> + + <!-- wp:spacer {"height":"var:preset|spacing|30","style":{"layout":{}}} --> + <div style="height:var(--wp--preset--spacing--30)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:image {"align":"wide","sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} --> + <figure class="wp-block-image alignwide size-full is-style-rounded"> + <img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/building-exterior.webp" alt="<?php esc_attr_e( 'Building exterior in Toronto, Canada', 'twentytwentyfour' ); ?>" /> + </figure> + <!-- /wp:image --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/banner-project-description.php b/wp-content/themes/twentytwentyfour/patterns/banner-project-description.php new file mode 100644 index 0000000..31a44fc --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/banner-project-description.php @@ -0,0 +1,44 @@ +<?php +/** + * Title: Project description + * Slug: twentytwentyfour/banner-project-description + * Categories: featured, banner, about, portfolio + * Viewport width: 1400 + */ +?> +<!-- wp:group {"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"backgroundColor":"accent-2","layout":{"type":"constrained"}} --> +<div class="wp-block-group alignfull has-accent-2-background-color has-background" style="margin-top:0;margin-bottom:0;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:columns {"align":"wide"} --> + <div class="wp-block-columns alignwide"> + <!-- wp:column {"width":"40%"} --> + <div class="wp-block-column" style="flex-basis:40%"> + <!-- wp:paragraph {"style":{"layout":{"selfStretch":"fixed","flexSize":"50%"}}} --> + <p><?php echo esc_html_x( 'Art Gallery — Overview', 'Sample title for a project or post', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"width":"60%"} --> + <div class="wp-block-column" style="flex-basis:60%"> + + <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.2"}},"fontSize":"x-large","fontFamily":"heading"} --> + <p class="has-heading-font-family has-x-large-font-size" style="line-height:1.2"><?php echo esc_html_x( 'This transformative project seeks to enhance the gallery\'s infrastructure, accessibility, and exhibition spaces while preserving its rich cultural heritage.', 'Sample descriptive text for a project or post.', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> + + <!-- wp:spacer {"height":"var:preset|spacing|40"} --> + <div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:image {"align":"wide","sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} --> + <figure class="wp-block-image alignwide size-large is-style-rounded"> + <img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/hotel-facade.webp" alt="<?php esc_attr_e( 'Hyatt Regency San Francisco, San Francisco, United States', 'twentytwentyfour' ); ?>" /> + </figure> + <!-- /wp:image --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/cta-content-image-on-right.php b/wp-content/themes/twentytwentyfour/patterns/cta-content-image-on-right.php new file mode 100644 index 0000000..f46ecbc --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/cta-content-image-on-right.php @@ -0,0 +1,66 @@ +<?php +/** + * Title: Call to action with image on right + * Slug: twentytwentyfour/cta-content-image-on-right + * Categories: call-to-action, banner + * Viewport width: 1400 + */ +?> + +<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} --> +<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;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:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|50","left":"var:preset|spacing|50"}}}} --> + <div class="wp-block-columns alignwide are-vertically-aligned-center"> + <!-- wp:column {"verticalAlignment":"center","width":"50%"} --> + <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"> + <!-- wp:heading --> + <h2 class="wp-block-heading"><?php echo esc_html_x( 'Enhance your architectural journey with the Études Architect app.', 'Sample heading', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + + <!-- wp:list {"style":{"typography":{"lineHeight":"1.75"}},"className":"is-style-checkmark-list"} --> + <ul class="is-style-checkmark-list" style="line-height:1.75"> + <!-- wp:list-item --> + <li><?php echo esc_html_x( 'Collaborate with fellow architects.', 'Sample list item', 'twentytwentyfour' ); ?></li> + <!-- /wp:list-item --> + + <!-- wp:list-item --> + <li><?php echo esc_html_x( 'Showcase your projects.', 'Sample list item', 'twentytwentyfour' ); ?></li> + <!-- /wp:list-item --> + + <!-- wp:list-item --> + <li><?php echo esc_html_x( 'Experience the world of architecture.', 'Sample list item', 'twentytwentyfour' ); ?></li> + <!-- /wp:list-item --> + </ul> + <!-- /wp:list --> + + <!-- wp:buttons --> + <div class="wp-block-buttons"> + <!-- wp:button --> + <div class="wp-block-button"> + <a class="wp-block-button__link wp-element-button"><?php echo esc_html_x( 'Download app', 'Button text of this section', 'twentytwentyfour' ); ?></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"><?php echo esc_html_x( 'How it works', 'Button text of this section', 'twentytwentyfour' ); ?></a> + </div> + <!-- /wp:button --> + </div> + <!-- /wp:buttons --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center","width":"50%"} --> + <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"> + <!-- wp:image {"aspectRatio":"4/3","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} --> + <figure class="wp-block-image size-full is-style-rounded"> + <img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/abstract-geometric-art.webp" alt="<?php esc_attr_e( 'White abstract geometric artwork from Dresden, Germany', 'twentytwentyfour' ); ?>" style="aspect-ratio:4/3;object-fit:cover" /> + </figure> + <!-- /wp:image --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/cta-pricing.php b/wp-content/themes/twentytwentyfour/patterns/cta-pricing.php new file mode 100644 index 0000000..45f85f5 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/cta-pricing.php @@ -0,0 +1,214 @@ +<?php +/** + * Title: Pricing + * Slug: twentytwentyfour/cta-pricing + * Categories: call-to-action, services + * Viewport width: 1400 + */ +?> + +<!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Pricing Table', 'Name for the pricing pattern', 'twentytwentyfour' ); ?>"},"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} --> +<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;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 {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}},"border":{"radius":"16px"}},"backgroundColor":"base-2","layout":{"type":"constrained"}} --> + <div class="wp-block-group alignwide has-base-2-background-color has-background" style="border-radius:16px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--40)"> + <!-- wp:group {"align":"wide","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} --> + <div class="wp-block-group alignwide"> + <!-- wp:heading {"textAlign":"center"} --> + <h2 class="wp-block-heading has-text-align-center"><?php echo esc_html_x( 'Our Services', 'Sample heading for pricing pattern', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + + <!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"1.125rem"},"spacing":{"margin":{"top":"var:preset|spacing|10"}}}} --> + <p class="has-text-align-center" style="margin-top:var(--wp--preset--spacing--10);font-size:1.125rem"><?php echo esc_html_x( 'We offer flexible options, which you can adapt to the different needs of each project.', 'Sample description for a pricing table', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> + + <!-- wp:spacer {"height":"var:preset|spacing|30"} --> + <div style="height:var(--wp--preset--spacing--30)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|50","left":"var:preset|spacing|20"}}}} --> + <div class="wp-block-columns alignwide"> + <!-- wp:column {"style":{"spacing":{"padding":{"right":"var:preset|spacing|30","left":"var:preset|spacing|30","top":"var:preset|spacing|30","bottom":"var:preset|spacing|10"}},"border":{"top":{"color":"var:preset|color|contrast-3","width":"1px"}}}} --> + <div class="wp-block-column" style="border-top-color:var(--wp--preset--color--contrast-3);border-top-width:1px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--30)"> + <!-- wp:heading {"textAlign":"center","level":4,"style":{"spacing":{"padding":{"top":"1px"}}},"fontSize":"medium"} --> + <h4 class="wp-block-heading has-text-align-center has-medium-font-size" style="padding-top:1px"> + <em><?php echo esc_html_x( 'Free', 'Sample heading for the first pricing level', 'twentytwentyfour' ); ?></em> + </h4> + <!-- /wp:heading --> + + <!-- wp:heading {"textAlign":"center","level":5,"fontSize":"x-large"} --> + <h5 class="wp-block-heading has-text-align-center has-x-large-font-size"><?php echo esc_html_x( '$0', 'Sample price for the first pricing level', 'twentytwentyfour' ); ?></h5> + <!-- /wp:heading --> + + <!-- wp:spacer {"height":"var:preset|spacing|10"} --> + <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} --> + <div class="wp-block-group"> + <!-- wp:paragraph {"align":"center"} --> + <p class="has-text-align-center"><?php echo wp_kses_post( _x( 'Access to 5 exclusive <em>Études Articles</em> per month.', 'Feature for pricing level', 'twentytwentyfour' ) ); ?></p> + <!-- /wp:paragraph --> + + <!-- wp:separator {"backgroundColor":"contrast-3"} --> + <hr class="wp-block-separator has-text-color has-contrast-3-color has-alpha-channel-opacity has-contrast-3-background-color has-background is-style-wide" /> + <!-- /wp:separator --> + + <!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-2"}}}},"textColor":"contrast-2"} --> + <p class="has-text-align-center has-contrast-2-color has-text-color has-link-color"> + <s><?php echo esc_html_x( 'Weekly print edition.', 'Feature for pricing level', 'twentytwentyfour' ); ?></s> + </p> + <!-- /wp:paragraph --> + + <!-- wp:separator {"backgroundColor":"contrast-3"} --> + <hr class="wp-block-separator has-text-color has-contrast-3-color has-alpha-channel-opacity has-contrast-3-background-color has-background is-style-wide" /> + <!-- /wp:separator --> + + <!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-2"}}}},"textColor":"contrast-2"} --> + <p class="has-text-align-center has-contrast-2-color has-text-color has-link-color"> + <s><?php echo wp_kses_post( _x( 'Exclusive access to the <em>Études</em> app for iOS and Android.', 'Feature for pricing level', 'twentytwentyfour' ) ); ?></s> + </p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> + + <!-- wp:spacer {"height":"var:preset|spacing|10"} --> + <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} --> + <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"><?php echo esc_html_x( 'Subscribe', 'Button text for the first pricing level', 'twentytwentyfour' ); ?></a> + </div> + <!-- /wp:button --> + </div> + <!-- /wp:buttons --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"style":{"spacing":{"padding":{"right":"var:preset|spacing|30","left":"var:preset|spacing|30","top":"var:preset|spacing|30","bottom":"var:preset|spacing|10"}},"border":{"top":{"color":"var:preset|color|contrast","width":"2px"}}}} --> + <div class="wp-block-column" style="border-top-color:var(--wp--preset--color--contrast);border-top-width:2px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--30)"> + <!-- wp:heading {"textAlign":"center","level":4} --> + <h4 class="wp-block-heading has-text-align-center"> + <em><?php echo esc_html_x( 'Connoisseur', 'Sample heading for the second pricing level', 'twentytwentyfour' ); ?></em> + </h4> + <!-- /wp:heading --> + + <!-- wp:heading {"textAlign":"center","level":5,"fontSize":"x-large"} --> + <h5 class="wp-block-heading has-text-align-center has-x-large-font-size"><?php echo esc_html_x( '$12', 'Sample price for the second pricing level', 'twentytwentyfour' ); ?></h5> + <!-- /wp:heading --> + + <!-- wp:spacer {"height":"var:preset|spacing|10"} --> + <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} --> + <div class="wp-block-group"> + <!-- wp:paragraph {"align":"center"} --> + <p class="has-text-align-center"><?php echo wp_kses_post( _x( 'Access to 20 exclusive <em>Études Articles</em> per month.', 'Feature for pricing level', 'twentytwentyfour' ) ); ?></p> + <!-- /wp:paragraph --> + + <!-- wp:separator {"backgroundColor":"contrast-3"} --> + <hr class="wp-block-separator has-text-color has-contrast-3-color has-alpha-channel-opacity has-contrast-3-background-color has-background is-style-wide" /> + <!-- /wp:separator --> + + <!-- wp:paragraph {"align":"center"} --> + <p class="has-text-align-center"><?php echo esc_html_x( 'Weekly print edition.', 'Feature for pricing level', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + + <!-- wp:separator {"backgroundColor":"contrast-3"} --> + <hr class="wp-block-separator has-text-color has-contrast-3-color has-alpha-channel-opacity has-contrast-3-background-color has-background is-style-wide" /> + <!-- /wp:separator --> + + <!-- wp:paragraph {"align":"center"} --> + <p class="has-text-align-center"><?php echo wp_kses_post( _x( 'Exclusive access to the <em>Études</em> app for iOS and Android.', 'Feature for pricing level', 'twentytwentyfour' ) ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> + + <!-- wp:spacer {"height":"var:preset|spacing|10"} --> + <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} --> + <div class="wp-block-buttons"> + <!-- wp:button {"width":100,"className":"is-style-fill"} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"> + <a class="wp-block-button__link wp-element-button"><?php echo esc_html_x( 'Subscribe', 'Button text for the second pricing level', 'twentytwentyfour' ); ?></a> + </div> + <!-- /wp:button --> + </div> + <!-- /wp:buttons --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"style":{"spacing":{"padding":{"right":"var:preset|spacing|30","left":"var:preset|spacing|30","top":"var:preset|spacing|30","bottom":"var:preset|spacing|10"}},"border":{"top":{"color":"var:preset|color|contrast-3","width":"1px"}}}} --> + <div class="wp-block-column" style="border-top-color:var(--wp--preset--color--contrast-3);border-top-width:1px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--30)"> + <!-- wp:heading {"textAlign":"center","level":4,"style":{"spacing":{"padding":{"top":"1px"}}},"fontSize":"medium"} --> + <h4 class="wp-block-heading has-text-align-center has-medium-font-size" style="padding-top:1px"> + <em><?php echo esc_html_x( 'Expert', 'Sample heading for the third pricing level', 'twentytwentyfour' ); ?></em> + </h4> + <!-- /wp:heading --> + + <!-- wp:heading {"textAlign":"center","level":5,"fontSize":"x-large"} --> + <h5 class="wp-block-heading has-text-align-center has-x-large-font-size"><?php echo esc_html_x( '$28', 'Sample price for the third pricing level', 'twentytwentyfour' ); ?></h5> + <!-- /wp:heading --> + + <!-- wp:spacer {"height":"var:preset|spacing|10"} --> + <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} --> + <div class="wp-block-group"> + <!-- wp:paragraph {"align":"center"} --> + <p class="has-text-align-center"><?php echo wp_kses_post( _x( 'Exclusive, unlimited access to <em>Études Articles</em>.', 'Feature for pricing level', 'twentytwentyfour' ) ); ?></p> + <!-- /wp:paragraph --> + + <!-- wp:separator {"backgroundColor":"contrast-3"} --> + <hr class="wp-block-separator has-text-color has-contrast-3-color has-alpha-channel-opacity has-contrast-3-background-color has-background is-style-wide" /> + <!-- /wp:separator --> + + <!-- wp:paragraph {"align":"center"} --> + <p class="has-text-align-center"><?php echo esc_html_x( 'Weekly print edition.', 'Feature for pricing level', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + + <!-- wp:separator {"backgroundColor":"contrast-3"} --> + <hr class="wp-block-separator has-text-color has-contrast-3-color has-alpha-channel-opacity has-contrast-3-background-color has-background is-style-wide" /> + <!-- /wp:separator --> + + <!-- wp:paragraph {"align":"center"} --> + <p class="has-text-align-center"><?php echo wp_kses_post( _x( 'Exclusive access to the <em>Études</em> app for iOS and Android', 'Feature for pricing level', 'twentytwentyfour' ) ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> + + <!-- wp:spacer {"height":"var:preset|spacing|10"} --> + <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} --> + <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"><?php echo esc_html_x( 'Subscribe', 'Button text for the third pricing level', 'twentytwentyfour' ); ?></a> + </div> + <!-- /wp:button --> + </div> + <!-- /wp:buttons --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> + </div> + <!-- /wp:group --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/cta-rsvp.php b/wp-content/themes/twentytwentyfour/patterns/cta-rsvp.php new file mode 100644 index 0000000..9981065 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/cta-rsvp.php @@ -0,0 +1,57 @@ +<?php +/** + * Title: RSVP + * Slug: twentytwentyfour/cta-rsvp + * Categories: call-to-action, featured + * Viewport width: 1100 + */ +?> + +<!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'RSVP', 'Name of RSVP pattern', 'twentytwentyfour' ); ?>"},"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"backgroundColor":"accent-5","layout":{"type":"constrained"}} --> +<div class="wp-block-group alignfull has-accent-5-background-color has-background" style="margin-top:0;margin-bottom:0;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:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|50","left":"var:preset|spacing|30"}}}} --> + <div class="wp-block-columns alignwide"> + <!-- wp:column {"verticalAlignment":"stretch","width":"40%"} --> + <div class="wp-block-column is-vertically-aligned-stretch" style="flex-basis:40%"> + <!-- wp:group {"style":{"dimensions":{"minHeight":"100%"},"spacing":{"blockGap":"var:preset|spacing|50"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"left","verticalAlignment":"space-between"}} --> + <div class="wp-block-group" style="min-height:100%"> + + <!-- wp:heading {"textAlign":"right","level":2,"style":{"typography":{"fontSize":"12rem","writingMode":"vertical-rl","lineHeight":"1"},"spacing":{"margin":{"right":"0","left":"calc( var(--wp--preset--spacing--20) * -1)"}}}} --> + <h2 class="wp-block-heading has-text-align-right" style="margin-right:0;margin-left:calc( var(--wp--preset--spacing--20) * -1);font-size:12rem;line-height:1;writing-mode:vertical-rl"><?php echo esc_html_x( 'RSVP', 'Initials for ´please respond´', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + + <!-- wp:group {"layout":{"type":"constrained","contentSize":"300px","justifyContent":"left"}} --> + <div class="wp-block-group"> + <!-- wp:paragraph {"style":{"layout":{"selfStretch":"fixed","flexSize":"50%"}}} --> + <p><?php echo esc_html_x( 'Experience the fusion of imagination and expertise with Études Arch Summit, February 2025.', 'RSVP call to action description', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + + <!-- wp:buttons --> + <div class="wp-block-buttons"> + <!-- wp:button --> + <div class="wp-block-button"> + <a class="wp-block-button__link wp-element-button"><?php echo esc_html_x( 'Reserve your spot', 'Call to action button text for the reservation button', 'twentytwentyfour' ); ?></a> + </div> + <!-- /wp:button --> + </div> + <!-- /wp:buttons --> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"top","width":"60%"} --> + <div class="wp-block-column is-vertically-aligned-top" style="flex-basis:60%"> + <!-- wp:image {"aspectRatio":"3/4","scale":"cover","sizeSlug":"large","linkDestination":"none","style":{"color":{"duotone":"var:preset|duotone|duotone-5"}},"className":"is-style-rounded"} --> + <figure class="wp-block-image size-large is-style-rounded"> + <img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/museum.webp" alt="<?php esc_attr_e( 'A ramp along a curved wall in the Kiasma Museu, Helsinki, Finland', 'twentytwentyfour' ); ?>" style="aspect-ratio:3/4;object-fit:cover" /> + </figure> + <!-- /wp:image --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/cta-services-image-left.php b/wp-content/themes/twentytwentyfour/patterns/cta-services-image-left.php new file mode 100644 index 0000000..87f3c9f --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/cta-services-image-left.php @@ -0,0 +1,48 @@ +<?php +/** + * Title: Services call to action with image on left + * Slug: twentytwentyfour/cta-services-image-left + * Categories: call-to-action, banner, featured, services + * Viewport width: 1400 + */ +?> + +<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"accent-5","layout":{"type":"constrained"}} --> +<div class="wp-block-group alignfull has-accent-5-background-color has-background" style="margin-top:0;margin-bottom:0;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:columns {"verticalAlignment":null,"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|40","left":"var:preset|spacing|50"}}}} --> + <div class="wp-block-columns alignwide"> + <!-- wp:column {"verticalAlignment":"center","width":"60%"} --> + <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:60%"> + <!-- wp:image {"aspectRatio":"4/3","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":"var:preset|duotone|duotone-1"}},"className":"is-style-rounded"} --> + <figure class="wp-block-image size-full is-style-rounded"> + <img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/abstract-geometric-art.webp" alt="<?php esc_attr_e( 'White abstract geometric artwork from Dresden, Germany', 'twentytwentyfour' ); ?>" style="aspect-ratio:4/3;object-fit:cover" /> + </figure> + <!-- /wp:image --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"width":"40%"} --> + <div class="wp-block-column" style="flex-basis:40%"> + <!-- wp:heading --> + <h2 class="wp-block-heading"><?php echo esc_html_x( 'Guiding your business through the project', 'Sample heading of the services pattern', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + + <!-- wp:paragraph --> + <p><?php echo esc_html_x( 'Experience the fusion of imagination and expertise with Études—the catalyst for architectural transformations that enrich the world around us.', 'Sample description of the services pattern', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + + <!-- wp:buttons --> + <div class="wp-block-buttons"> + <!-- wp:button --> + <div class="wp-block-button"> + <a class="wp-block-button__link wp-element-button"><?php echo esc_html_x( 'Our services', 'Sample button text to view the services', 'twentytwentyfour' ); ?></a> + </div> + <!-- /wp:button --> + </div> + <!-- /wp:buttons --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/cta-subscribe-centered.php b/wp-content/themes/twentytwentyfour/patterns/cta-subscribe-centered.php new file mode 100644 index 0000000..b65eac5 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/cta-subscribe-centered.php @@ -0,0 +1,42 @@ +<?php +/** + * Title: Centered call to action + * Slug: twentytwentyfour/cta-subscribe-centered + * Categories: call-to-action + * Keywords: newsletter, subscribe, button + */ +?> + +<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} --> +<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;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 {"align":"wide","style":{"border":{"radius":"16px"},"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"backgroundColor":"base-2","layout":{"type":"constrained"}} --> + <div class="wp-block-group alignwide has-base-2-background-color has-background" style="border-radius:16px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--50)"> + <!-- wp:spacer {"height":"var:preset|spacing|10"} --> + <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:heading {"textAlign":"center","fontSize":"x-large"} --> + <h2 class="wp-block-heading has-text-align-center has-x-large-font-size"><?php echo esc_html_x( 'Join 900+ subscribers', 'Sample text for Subscriber Heading with numbers', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + + <!-- wp:paragraph {"align":"center"} --> + <p class="has-text-align-center"><?php echo esc_html_x( 'Stay in the loop with everything you need to know.', 'Sample text for Subscriber Description', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + + <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} --> + <div class="wp-block-buttons"> + <!-- wp:button --> + <div class="wp-block-button"> + <a class="wp-block-button__link wp-element-button"><?php echo esc_html_x( 'Sign up', 'Sample text for Sign Up Button', 'twentytwentyfour' ); ?></a> + </div> + <!-- /wp:button --> + </div> + <!-- /wp:buttons --> + + <!-- wp:spacer {"height":"var:preset|spacing|10"} --> + <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + </div> + <!-- /wp:group --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/footer-centered-logo-nav.php b/wp-content/themes/twentytwentyfour/patterns/footer-centered-logo-nav.php new file mode 100644 index 0000000..4370eac --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/footer-centered-logo-nav.php @@ -0,0 +1,31 @@ +<?php +/** + * Title: Footer with centered logo and navigation + * Slug: twentytwentyfour/footer-centered-logo-nav + * Categories: footer + * Block Types: core/template-part/footer + */ +?> + +<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|50"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} --> +<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--50)"> + + <!-- wp:site-logo /--> + + <!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","justifyContent":"center"},"fontSize":"small"} /--> + + <!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}},"textColor":"secondary","fontSize":"small"} --> + <p class="has-text-align-center has-secondary-color has-text-color has-link-color has-small-font-size"> + <?php + /* Translators: WordPress link. */ + $wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentyfour' ) ) . '" rel="nofollow">WordPress</a>'; + echo sprintf( + /* Translators: Designed with WordPress */ + esc_html__( 'Designed with %1$s', 'twentytwentyfour' ), + $wordpress_link + ); + ?> + </p> + <!-- /wp:paragraph --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/footer-colophon-3-col.php b/wp-content/themes/twentytwentyfour/patterns/footer-colophon-3-col.php new file mode 100644 index 0000000..cfb15db --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/footer-colophon-3-col.php @@ -0,0 +1,105 @@ +<?php +/** + * Title: Footer with colophon, 3 columns + * Slug: twentytwentyfour/footer-colophon-3-col + * Categories: footer + * Block Types: core/template-part/footer + */ +?> + +<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} --> +<div class="wp-block-group alignwide"> + <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}}} --> + <div class="wp-block-group alignwide" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)"> + <!-- wp:image {"width":"40px","height":"auto","sizeSlug":"full","linkDestination":"none"} --> + <figure class="wp-block-image size-full is-resized"> + <img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icon-message.webp" alt="" style="width:40px;height:auto" /> + </figure> + <!-- /wp:image --> + + <!-- wp:separator {"className":"is-style-wide"} --> + <hr class="wp-block-separator has-alpha-channel-opacity is-style-wide" /> + <!-- /wp:separator --> + + <!-- wp:columns {"style":{"spacing":{"padding":{"top":"var:preset|spacing|10"}}}} --> + <div class="wp-block-columns" style="padding-top:var(--wp--preset--spacing--10)"> + <!-- wp:column {"width":"57%"} --> + <div class="wp-block-column" style="flex-basis:57%"> + <!-- wp:heading {"fontSize":"x-large"} --> + <h2 class="wp-block-heading has-x-large-font-size"><?php esc_html_e( 'Keep up, get in touch.', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + </div> + <!-- /wp:column --> + <!-- wp:column {"width":"30%"} --> + <div class="wp-block-column" style="flex-basis:30%"> + <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"vertical"}} --> + <div class="wp-block-group"> + <!-- wp:heading {"level":3,"fontSize":"medium","fontFamily":"body"} --> + <h3 class="wp-block-heading has-body-font-family has-medium-font-size"><?php esc_html_e( 'Contact', 'twentytwentyfour' ); ?></h3> + <!-- /wp:heading --> + <!-- wp:paragraph --> + <p><a href="#"><?php echo esc_html_x( 'info@example.com', 'Example email in site footer', 'twentytwentyfour' ); ?></a></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:column --> + <!-- wp:column {"width":"30%"} --> + <div class="wp-block-column" style="flex-basis:30%"> + <!-- wp:columns {"isStackedOnMobile":false} --> + <div class="wp-block-columns is-not-stacked-on-mobile"> + <!-- wp:column --> + <div class="wp-block-column"> + <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"vertical"}} --> + <div class="wp-block-group"> + <!-- wp:heading {"level":3,"fontSize":"medium","fontFamily":"body"} --> + <h3 class="wp-block-heading has-body-font-family has-medium-font-size"><?php esc_html_e( 'Follow', 'twentytwentyfour' ); ?></h3> + <!-- /wp:heading --> + <!-- wp:paragraph --> + <p><a href="#"><?php esc_html_e( 'Instagram', 'twentytwentyfour' ); ?></a> / <a href="#"><?php esc_html_e( 'Facebook', 'twentytwentyfour' ); ?></a></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"top"}} --> + <div class="wp-block-group"> + <!-- wp:group {"style":{"spacing":{"blockGap":"6px"}},"layout":{"type":"flex","flexWrap":"wrap"}} --> + <div class="wp-block-group"> + <!-- wp:paragraph {"fontSize":"small"} --> + <p class="has-small-font-size"><?php esc_html_e( '©', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + <!-- wp:site-title {"level":0,"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"small"} /--> + </div> + <!-- /wp:group --> + <!-- wp:paragraph {"fontSize":"small"} --> + <p class="has-small-font-size"> + <?php + /* Translators: WordPress link. */ + $wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentyfour' ) ) . '" rel="nofollow">WordPress</a>'; + echo sprintf( + /* Translators: Designed with WordPress */ + esc_html__( 'Designed with %1$s', 'twentytwentyfour' ), + $wordpress_link + ); + ?> + </p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> + + </div> + <!-- /wp:group --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/footer.php b/wp-content/themes/twentytwentyfour/patterns/footer.php new file mode 100644 index 0000000..b39b3dd --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/footer.php @@ -0,0 +1,128 @@ +<?php +/** + * Title: Footer with colophon, 4 columns + * Slug: twentytwentyfour/footer + * Categories: footer + * Block Types: core/template-part/footer + */ +?> + +<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} --> +<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)"> + <!-- wp:columns {"align":"wide"} --> + <div class="wp-block-columns alignwide"> + <!-- wp:column {"width":"30%"} --> + <div class="wp-block-column" style="flex-basis:30%"> + <!-- wp:group {"style":{"dimensions":{"minHeight":""},"layout":{"selfStretch":"fit","flexSize":null}},"layout":{"type":"flex","orientation":"vertical"}} --> + <div class="wp-block-group"> + <!-- wp:site-logo {"width":20,"shouldSyncIcon":true,"style":{"layout":{"selfStretch":"fit","flexSize":null}}} /--> + + <!-- wp:site-title {"level":0,"fontSize":"medium"} /--> + + <!-- wp:site-tagline {"fontSize":"small"} /--> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"width":"20%"} --> + <div class="wp-block-column" style="flex-basis:20%"> + </div> + <!-- /wp:column --> + + <!-- wp:column {"width":"50%"} --> + <div class="wp-block-column" style="flex-basis:50%"> + <!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"top"}} --> + <div class="wp-block-group"> + <!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} --> + <div class="wp-block-group"> + <!-- wp:heading {"level":2,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"fontFamily":"body"} --> + <h2 class="wp-block-heading has-medium-font-size has-body-font-family" style="font-style:normal;font-weight:600"><?php esc_html_e( 'About', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + + <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"vertical"}} --> + <div class="wp-block-group"> + + <!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical"},"style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"spacing":{"blockGap":"var:preset|spacing|10"}},"fontSize":"small","ariaLabel":"<?php esc_attr_e( 'About', 'twentytwentyfour' ); ?>"} --> + + <!-- wp:navigation-link {"label":"Team","url":"#"} /--> + <!-- wp:navigation-link {"label":"History","url":"#"} /--> + <!-- wp:navigation-link {"label":"Careers","url":"#"} /--> + + <!-- /wp:navigation --> + + </div> + <!-- /wp:group --> + </div> + + <!-- /wp:group --> + + <!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} --> + <div class="wp-block-group"> + <!-- wp:heading {"level":2,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"fontFamily":"body"} --> + <h2 class="wp-block-heading has-medium-font-size has-body-font-family" style="font-style:normal;font-weight:600"><?php esc_html_e( 'Privacy', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + + <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"vertical"}} --> + <div class="wp-block-group"> + + <!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical"},"style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"spacing":{"blockGap":"var:preset|spacing|10"}},"fontSize":"small","ariaLabel":"<?php esc_attr_e( 'Privacy', 'twentytwentyfour' ); ?>"} --> + + <!-- wp:navigation-link {"label":"Privacy Policy","url":"#"} /--> + <!-- wp:navigation-link {"label":"Terms and Conditions","url":"#"} /--> + <!-- wp:navigation-link {"label":"Contact Us","url":"#"} /--> + + <!-- /wp:navigation --> + + </div> + <!-- /wp:group --> + </div> + <!-- /wp:group --> + + <!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} --> + <div class="wp-block-group"> + <!-- wp:heading {"level":2,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"fontFamily":"body"} --> + <h2 class="wp-block-heading has-medium-font-size has-body-font-family" style="font-style:normal;font-weight:600"><?php esc_html_e( 'Social', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + + <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"vertical"}} --> + <div class="wp-block-group"> + + <!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical"},"style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"spacing":{"blockGap":"var:preset|spacing|10"}},"fontSize":"small","ariaLabel":"<?php esc_attr_e( 'Social Media', 'twentytwentyfour' ); ?>"} --> + + <!-- wp:navigation-link {"label":"Facebook","url":"#"} /--> + <!-- wp:navigation-link {"label":"Instagram","url":"#"} /--> + <!-- wp:navigation-link {"label":"Twitter/X","url":"#"} /--> + + <!-- /wp:navigation --> + + </div> + <!-- /wp:group --> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> + + <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"0"}}}} --> + <div class="wp-block-group alignwide" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:0"> + <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}},"textColor":"contrast-2","fontSize":"small"} --> + <p class="has-contrast-2-color has-text-color has-link-color has-small-font-size"> + <?php + /* Translators: WordPress link. */ + $wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentyfour' ) ) . '" rel="nofollow">WordPress</a>'; + echo sprintf( + /* Translators: Designed with WordPress */ + esc_html__( 'Designed with %1$s', 'twentytwentyfour' ), + $wordpress_link + ); + ?> + </p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/gallery-full-screen-image.php b/wp-content/themes/twentytwentyfour/patterns/gallery-full-screen-image.php new file mode 100644 index 0000000..ee26fca --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/gallery-full-screen-image.php @@ -0,0 +1,21 @@ +<?php +/** + * Title: Full screen image + * Slug: twentytwentyfour/gallery-full-screen-image + * Categories: gallery, portfolio + */ +?> + +<!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/art-gallery.webp","hasParallax":true,"dimRatio":0,"overlayColor":"base","minHeight":100,"minHeightUnit":"vh","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","right":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} --> +<div class="wp-block-cover alignfull is-light has-parallax" 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);min-height:100vh"> + <span aria-hidden="true" class="wp-block-cover__background has-base-background-color 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/art-gallery.webp)"> + </div> + <div class="wp-block-cover__inner-container"> + <!-- wp:spacer {"height":"500px"} --> + <div style="height:500px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + </div> +</div> +<!-- /wp:cover --> diff --git a/wp-content/themes/twentytwentyfour/patterns/gallery-offset-images-grid-2-col.php b/wp-content/themes/twentytwentyfour/patterns/gallery-offset-images-grid-2-col.php new file mode 100644 index 0000000..67ea044 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/gallery-offset-images-grid-2-col.php @@ -0,0 +1,58 @@ +<?php +/** + * Title: Offset gallery, 2 columns + * Slug: twentytwentyfour/gallery-offset-images-grid-2-col + * Categories: gallery, portfolio + * Keywords: project, images, media, masonry, columns + * Viewport width: 1400 + */ +?> +<!-- wp:group {"metadata":{"name":"Portfolio Images"},"align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} --> +<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;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:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"0","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 {"style":{"spacing":{"blockGap":"0"}}} --> + <div class="wp-block-column"> + <!-- wp:image {"aspectRatio":"4/3","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:4/3;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:3/4;object-fit:cover" /> + </figure> + <!-- /wp:image --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} --> + <div class="wp-block-column"> + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"><img alt="" style="aspect-ratio:3/4;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"1","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"><img alt="" style="aspect-ratio:1;object-fit:cover" /> + </figure> + <!-- /wp:image --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/gallery-offset-images-grid-3-col.php b/wp-content/themes/twentytwentyfour/patterns/gallery-offset-images-grid-3-col.php new file mode 100644 index 0000000..3280317 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/gallery-offset-images-grid-3-col.php @@ -0,0 +1,110 @@ +<?php +/** + * Title: Offset gallery, 3 columns + * Slug: twentytwentyfour/gallery-offset-images-grid-3-col + * Categories: gallery, portfolio + * Keywords: project, images, media, masonry, columns + * Viewport width: 1400 + */ +?> +<!-- wp:group {"metadata":{"name":"Portfolio Images"},"align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} --> +<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;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:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"0","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 {"style":{"spacing":{"blockGap":"0"}}} --> + <div class="wp-block-column"> + <!-- wp:image {"aspectRatio":"4/3","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:4/3;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:3/4;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:3/4;object-fit:cover" /> + </figure> + <!-- /wp:image --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} --> + <div class="wp-block-column"> + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:3/4;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"1","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:1;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"1","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:1;object-fit:cover" /> + </figure> + <!-- /wp:image --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} --> + <div class="wp-block-column"> + <!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:3/4;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:3/4;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"16/9","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:16/9;object-fit:cover" /> + </figure> + <!-- /wp:image --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/gallery-offset-images-grid-4-col.php b/wp-content/themes/twentytwentyfour/patterns/gallery-offset-images-grid-4-col.php new file mode 100644 index 0000000..8c89db8 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/gallery-offset-images-grid-4-col.php @@ -0,0 +1,149 @@ +<?php +/** + * Title: Offset gallery, 4 columns + * Slug: twentytwentyfour/gallery-offset-images-grid-4-col + * Categories: gallery, featured, portfolio + * Keywords: project, images, media, masonry, columns + * Viewport width: 1400 + */ +?> + +<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"},"metadata":{"name":"Portfolio Images"}} --> +<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;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:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"0","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 {"style":{"spacing":{"blockGap":"0"}}} --> + <div class="wp-block-column"> + <!-- wp:image {"aspectRatio":"4/3","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:4/3;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:3/4;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:3/4;object-fit:cover" /> + </figure> + <!-- /wp:image --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} --> + <div class="wp-block-column"> + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:3/4;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"1","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:1;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"1","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:1;object-fit:cover" /> + </figure> + <!-- /wp:image --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} --> + <div class="wp-block-column"> + <!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:3/4;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:3/4;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"16/9","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:16/9;object-fit:cover" /> + </figure> + <!-- /wp:image --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} --> + <div class="wp-block-column"> + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"1","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:1;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"16/9","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:16/9;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"9/16","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:9/16;object-fit:cover" /> + </figure> + <!-- /wp:image --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/gallery-project-layout.php b/wp-content/themes/twentytwentyfour/patterns/gallery-project-layout.php new file mode 100644 index 0000000..27d6f74 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/gallery-project-layout.php @@ -0,0 +1,65 @@ +<?php +/** + * Title: Project layout + * Slug: twentytwentyfour/gallery-project-layout + * Categories: gallery, featured, portfolio + * Viewport width: 1600 + */ +?> + +<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|base-2"}}}},"backgroundColor":"contrast","textColor":"base-2","layout":{"type":"constrained"}} --> +<div class="wp-block-group alignfull has-base-2-color has-contrast-background-color has-text-color has-background has-link-color" style="margin-top:0;margin-bottom:0;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:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|50","left":"var:preset|spacing|60"}}}} --> + <div class="wp-block-columns alignwide"> + <!-- wp:column {"verticalAlignment":"stretch","width":"60%","style":{"spacing":{"padding":{"right":"0"}}}} --> + <div class="wp-block-column is-vertically-aligned-stretch" style="padding-right:0;flex-basis:60%"> + <!-- wp:group {"style":{"dimensions":{"minHeight":"100%"}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"space-between","justifyContent":"stretch"}} --> + <div class="wp-block-group" style="min-height:100%"> + <!-- wp:image {"aspectRatio":"9/16","scale":"cover","sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} --> + <figure class="wp-block-image size-large is-style-rounded"> + <img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/angular-roof.webp" alt="<?php esc_attr_e( 'An empty staircase under an angular roof in Darling Harbour, Sydney, Australia', 'twentytwentyfour' ); ?>" style="aspect-ratio:9/16;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:paragraph {"fontSize":"medium"} --> + <p class="has-medium-font-size"><?php echo esc_html_x( '1. Through Études, we aspire to redefine architectural boundaries and usher in a new era of design excellence that leaves an indelible mark on the built environment.', 'Sample text for the feature area', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"width":"40%"} --> + <div class="wp-block-column" style="flex-basis:40%"> + <!-- wp:group {"layout":{"type":"constrained"}} --> + <div class="wp-block-group"> + <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.2","fontStyle":"normal","fontWeight":"500"}},"fontSize":"large"} --> + <p class="has-large-font-size" style="font-style:normal;font-weight:500;line-height:1.2"><?php echo esc_html_x( 'Our comprehensive suite of professional services caters to a diverse clientele, ranging from homeowners to commercial developers. With a commitment to innovation and sustainability, Études is the bridge that transforms architectural dreams into remarkable built realities.', 'Sample text for the feature area', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + + <!-- wp:spacer {"height":"var:preset|spacing|40","style":{"layout":{}}} --> + <div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:group {"layout":{"type":"default"}} --> + <div class="wp-block-group"> + <!-- wp:paragraph {"fontSize":"medium"} --> + <p class="has-medium-font-size"><?php echo esc_html_x( '2. Case studies that celebrate the artistry can fuel curiosity and ignite inspiration.', 'Sample text for the feature area', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + + <!-- wp:image {"aspectRatio":"9/16","scale":"cover","sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} --> + <figure class="wp-block-image size-large is-style-rounded"> + <img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/art-gallery.webp" alt="<?php esc_attr_e( 'Art Gallery of Ontario, Toronto, Canada', 'twentytwentyfour' ); ?>" style="aspect-ratio:9/16;object-fit:cover" /> + </figure> + <!-- /wp:image --> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/hidden-404.php b/wp-content/themes/twentytwentyfour/patterns/hidden-404.php new file mode 100644 index 0000000..d033a13 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/hidden-404.php @@ -0,0 +1,15 @@ +<?php +/** + * Title: 404 + * Slug: twentytwentyfour/hidden-404 + * Inserter: no + */ +?> + +<!-- wp:heading {"level":1} --> +<h1 class="wp-block-heading" id="page-not-found"><?php echo esc_html_x( 'Page Not Found', 'Heading for a webpage that is not found', 'twentytwentyfour' ); ?></h1> +<!-- /wp:heading --> +<!-- wp:paragraph --> +<p><?php echo esc_html_x( 'The page you are looking for does not exist, or it has been moved. Please try searching using the form below.', 'Message to convey that a webpage could not be found', 'twentytwentyfour' ); ?></p> +<!-- /wp:paragraph --> +<!-- wp:pattern {"slug":"twentytwentyfour/hidden-search"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/hidden-comments.php b/wp-content/themes/twentytwentyfour/patterns/hidden-comments.php new file mode 100644 index 0000000..bd10668 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/hidden-comments.php @@ -0,0 +1,47 @@ +<?php +/** + * Title: Comments + * Slug: twentytwentyfour/hidden-comments + * Inserter: no + */ +?> + +<!-- wp:comments {"className":"wp-block-comments-query-loop"} --> +<div class="wp-block-comments wp-block-comments-query-loop"> + <!-- wp:heading --> + <h2><?php esc_html_e( 'Comments', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + <!-- wp:comments-title {"level":3} /--> + <!-- wp:comment-template --> + <!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|30"}}}} --> + <div class="wp-block-group" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--30)"> + <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"0.5em"}}} --> + <div class="wp-block-group"> + <!-- wp:avatar {"size":40} /--> + <!-- wp:group --> + <div class="wp-block-group"> + <!-- wp:comment-author-name /--> + <!-- wp:comment-date /--> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:group --> + <!-- wp:comment-content /--> + <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} --> + <div class="wp-block-group"> + <!-- wp:comment-edit-link /--> + <!-- wp:comment-reply-link /--> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:group --> + <!-- /wp:comment-template --> + + <!-- wp:comments-pagination {"layout":{"type":"flex","justifyContent":"space-between"}} --> + <!-- wp:comments-pagination-previous /--> + <!-- wp:comments-pagination-next /--> + <!-- /wp:comments-pagination --> + + <!-- wp:post-comments-form {"style":{"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"}}}} /--> +</div> +<!-- /wp:comments --> diff --git a/wp-content/themes/twentytwentyfour/patterns/hidden-no-results.php b/wp-content/themes/twentytwentyfour/patterns/hidden-no-results.php new file mode 100644 index 0000000..00bbf97 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/hidden-no-results.php @@ -0,0 +1,10 @@ +<?php +/** + * Title: No results + * Slug: twentytwentyfour/hidden-no-results + * Inserter: no + */ +?> +<!-- wp:paragraph --> +<p><?php echo esc_html_x( 'No posts were found.', 'Message explaining that there are no results returned from a search', 'twentytwentyfour' ); ?></p> +<!-- /wp:paragraph --> diff --git a/wp-content/themes/twentytwentyfour/patterns/hidden-portfolio-hero.php b/wp-content/themes/twentytwentyfour/patterns/hidden-portfolio-hero.php new file mode 100644 index 0000000..29e6abc --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/hidden-portfolio-hero.php @@ -0,0 +1,19 @@ +<?php +/** + * Title: Portfolio hero + * Slug: twentytwentyfour/hidden-portfolio-hero + * Inserter: no + */ +?> + +<!-- wp:spacer {"height":"var:preset|spacing|50","style":{"layout":{}}} --> +<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> +<!-- /wp:spacer --> + +<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} --> +<div class="wp-block-group alignwide"> + <!-- wp:heading {"level":1,"align":"wide","style":{"typography":{"lineHeight":"1.2"}},"fontSize":"xx-large"} --> + <h1 class="wp-block-heading alignwide has-xx-large-font-size" style="line-height:1.2"><?php echo wp_kses_post( __( 'I’m <em>Leia Acosta</em>, a passionate photographer who finds inspiration in capturing the fleeting beauty of life.' ) ); ?></h1> + <!-- /wp:heading --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/hidden-post-meta.php b/wp-content/themes/twentytwentyfour/patterns/hidden-post-meta.php new file mode 100644 index 0000000..add4a1c --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/hidden-post-meta.php @@ -0,0 +1,30 @@ +<?php +/** + * Title: Post meta + * Slug: twentytwentyfour/hidden-post-meta + * Inserter: no + */ +?> + +<!-- wp:group {"layout":{"type":"constrained"}} --> +<div class="wp-block-group"> + <!-- wp:group {"style":{"spacing":{"blockGap":"0.3em"}},"layout":{"type":"flex","justifyContent":"left"}} --> + <div class="wp-block-group"> + <!-- wp:post-date {"format":"M j, Y","isLink":true} /--> + + <!-- wp:paragraph {"textColor":"contrast-2"} --> + <p class="has-contrast-2-color has-text-color">—</p> + <!-- /wp:paragraph --> + + <!-- wp:paragraph {"fontSize":"small","textColor":"contrast-2"} --> + <p class="has-small-font-size has-contrast-2-color has-text-color"><?php echo esc_html_x( 'by', 'Prefix for the post author block: By author name', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + + <!-- wp:post-author-name {"isLink":true} /--> + + <!-- wp:post-terms {"term":"category","prefix":"<?php echo esc_html_x( 'in ', 'Prefix for the post category block: in category name', 'twentytwentyfour' ); ?>"} /--> + + </div> + <!-- /wp:group --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/hidden-post-navigation.php b/wp-content/themes/twentytwentyfour/patterns/hidden-post-navigation.php new file mode 100644 index 0000000..be2dcb2 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/hidden-post-navigation.php @@ -0,0 +1,14 @@ +<?php +/** + * Title: Post navigation + * Slug: twentytwentyfour/hidden-post-navigation + * Inserter: no + */ +?> + +<!-- wp:group {"tagName":"nav","ariaLabel":"<?php esc_attr_e( 'Posts', 'twentytwentyfour' ); ?>","style":{"spacing":{"padding":{"bottom":"var:preset|spacing|40","top":"var:preset|spacing|40"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} --> +<nav class="wp-block-group" style="padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)" aria-label="<?php esc_attr_e( 'Posts', 'twentytwentyfour' ); ?>"> + <!-- wp:post-navigation-link {"type":"previous","label":"<?php echo esc_html_x( 'Previous: ', 'Label before the title of the previous post. There is a space after the colon.', 'twentytwentyfour' ); ?>","showTitle":true,"linkLabel":true,"arrow":"arrow"} /--> + <!-- wp:post-navigation-link {"label":"<?php echo esc_html_x( 'Next: ', 'Label before the title of the next post. There is a space after the colon.', 'twentytwentyfour' ); ?>","showTitle":true,"linkLabel":true,"arrow":"arrow"} /--> +</nav> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/hidden-search.php b/wp-content/themes/twentytwentyfour/patterns/hidden-search.php new file mode 100644 index 0000000..e4aaa64 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/hidden-search.php @@ -0,0 +1,9 @@ +<?php +/** + * Title: Search + * Slug: twentytwentyfour/hidden-search + * Inserter: no + */ +?> + +<!-- wp:search {"label":"<?php echo esc_attr_x( 'Search', 'search form label', 'twentytwentyfour' ); ?>","showLabel":false,"buttonText":"<?php echo esc_attr_x( 'Search', 'search button text', 'twentytwentyfour' ); ?>","fontSize":"medium"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/hidden-sidebar.php b/wp-content/themes/twentytwentyfour/patterns/hidden-sidebar.php new file mode 100644 index 0000000..abcb01b --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/hidden-sidebar.php @@ -0,0 +1,84 @@ +<?php +/** + * Title: Sidebar + * Slug: twentytwentyfour/hidden-sidebar + * Inserter: no + */ +?> +<!-- wp:group {"style":{"spacing":{"blockGap":"36px","padding":{"right":"0","left":"0"}}},"layout":{"type":"default"}} --> +<div class="wp-block-group" style="padding-right:0;padding-left:0"> + <!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} --> + <div class="wp-block-group" style="margin-top:0;margin-bottom:0"> + <!-- wp:avatar {"size":80,"style":{"border":{"radius":"16px"}}} /--> + + <!-- wp:group {"style":{"spacing":{"blockGap":"16px"}},"layout":{"type":"flex","orientation":"vertical"}} --> + <div class="wp-block-group"> + <!-- wp:heading {"style":{"typography":{"fontSize":"1.6rem"}}} --> + <h2 class="wp-block-heading" style="font-size:1.6rem"><?php esc_html_e( 'About the author', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + + <!-- wp:post-author-biography {"fontSize":"small"} /--> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:group --> + + <!-- wp:separator {"backgroundColor":"contrast","className":"is-style-wide"} --> + <hr class="wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:group {"style":{"spacing":{"blockGap":"16px"}},"layout":{"type":"constrained"}} --> + <div class="wp-block-group"> + <!-- wp:heading {"style":{"typography":{"fontSize":"1.6rem"}}} --> + <h2 class="wp-block-heading" style="font-size:1.6rem"><?php esc_html_e( 'Popular Categories', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + + <!-- wp:categories {"showHierarchy":true,"showPostCounts":true,"fontSize":"small"} /--> + </div> + <!-- /wp:group --> + + <!-- wp:separator {"backgroundColor":"contrast","className":"is-style-wide"} --> + <hr class="wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:group {"style":{"spacing":{"blockGap":"26px"}},"layout":{"type":"constrained"}} --> + <div class="wp-block-group"> + <!-- wp:group {"style":{"spacing":{"blockGap":"16px"}},"layout":{"type":"flex","orientation":"vertical"}} --> + <div class="wp-block-group"> + <!-- wp:heading {"style":{"typography":{"fontSize":"1.6rem"}}} --> + <h2 class="wp-block-heading" style="font-size:1.6rem"><?php esc_html_e( 'Useful Links', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + + <!-- wp:paragraph {"fontSize":"small"} --> + <p class="has-small-font-size"><?php esc_html_e( 'Links I found useful and wanted to share.', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> + + <!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical"},"style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"spacing":{"blockGap":"var:preset|spacing|10"}},"fontSize":"small"} --> + <!-- wp:navigation-link {"label":"<?php esc_html_e( 'Latest inflation report', 'twentytwentyfour' ); ?>","url":"#","className":"is-style-arrow-link","style":{"typography":{"textDecoration":"underline"}}} /--> + <!-- wp:navigation-link {"label":"<?php esc_html_e( 'Financial apps for families', 'twentytwentyfour' ); ?>","url":"#","className":"is-style-arrow-link","style":{"typography":{"textDecoration":"underline"}}} /--> + <!-- /wp:navigation --> + </div> + <!-- /wp:group --> + + <!-- wp:separator {"backgroundColor":"contrast","className":"is-style-wide"} --> + <hr class="wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:group {"style":{"spacing":{"blockGap":"16px"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} --> + <div class="wp-block-group"> + <!-- wp:heading {"style":{"typography":{"fontSize":"1.6rem"}}} --> + <h2 class="wp-block-heading" style="font-size:1.6rem"><?php esc_html_e( 'Search the website', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + + <!-- wp:search {"label":"<?php echo esc_attr_x( 'Search', 'search form label', 'twentytwentyfour' ); ?>","showLabel":false,"placeholder":"<?php echo esc_attr_x( 'Search...', 'search form placeholder', 'twentytwentyfour' ); ?>","width":100,"widthUnit":"%","buttonText":"<?php echo esc_attr_x( 'Search', 'search form label', 'twentytwentyfour' ); ?>"} /--> + </div> + <!-- /wp:group --> + + <!-- wp:spacer {"height":"var:preset|spacing|10"} --> + <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/page-about-business.php b/wp-content/themes/twentytwentyfour/patterns/page-about-business.php new file mode 100644 index 0000000..f04b209 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/page-about-business.php @@ -0,0 +1,19 @@ +<?php +/** + * Title: About + * Slug: twentytwentyfour/page-about-business + * Categories: page + * Keywords: starter + * Block Types: core/post-content + * Post Types: page, wp_template + * Viewport width: 1400 + */ +?> + +<!-- wp:pattern {"slug":"twentytwentyfour/text-title-left-image-right"} /--> +<!-- wp:pattern {"slug":"twentytwentyfour/text-project-details"} /--> +<!-- wp:pattern {"slug":"twentytwentyfour/cta-services-image-left"} /--> +<!-- wp:pattern {"slug":"twentytwentyfour/team-4-col"} /--> +<!-- wp:pattern {"slug":"clients-section"} /--> +<!-- wp:pattern {"slug":"twentytwentyfour/text-faq"} /--> +<!-- wp:pattern {"slug":"twentytwentyfour/cta-content-image-on-right"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/page-home-blogging.php b/wp-content/themes/twentytwentyfour/patterns/page-home-blogging.php new file mode 100644 index 0000000..ae88e90 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/page-home-blogging.php @@ -0,0 +1,83 @@ +<?php +/** + * Title: Blogging home + * Slug: twentytwentyfour/page-home-blogging + * Categories: page + * Keywords: page, starter + * Post Types: page, wp_template + * Viewport width: 1400 + */ +?> + +<!-- wp:pattern {"slug":"twentytwentyfour/text-centered-statement-small"} /--> + +<!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}},"layout":{"type":"constrained"}} --> +<div class="wp-block-group alignwide" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)"> + <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"1rem","left":"1rem"}}}} --> + <div class="wp-block-columns alignwide"> + <!-- wp:column {"width":"10%"} --> + <div class="wp-block-column" style="flex-basis:10%"> + </div> + <!-- /wp:column --> + + <!-- wp:column {"width":"60%"} --> + <div class="wp-block-column" style="flex-basis:60%"> + <!-- wp:query {"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true}} --> + <div class="wp-block-query"> + <!-- wp:post-template --> + <!-- wp:group {"tagName":"article","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} --> + <article class="wp-block-group"> + <!-- wp:post-featured-image /--> + + <!-- wp:post-title {"isLink":true,"fontSize":"large"} /--> + + <!-- wp:template-part {"slug":"post-meta"} /--> + + </article> + <!-- /wp:group --> + + <!-- wp:post-excerpt {"moreText":"","excerptLength":40} /--> + + <!-- wp:spacer --> + <div style="height:100px" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + <!-- /wp:post-template --> + + <!-- wp:query-pagination {"paginationArrow":"arrow","layout":{"type":"flex","justifyContent":"space-between"}} --> + <!-- wp:query-pagination-previous /--> + + <!-- wp:query-pagination-numbers /--> + + <!-- wp:query-pagination-next /--> + <!-- /wp:query-pagination --> + + <!-- wp:query-no-results --> + <!-- wp:pattern {"slug":"twentytwentyfour/hidden-no-results"} /--> + <!-- /wp:query-no-results --> + </div> + <!-- /wp:query --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"width":"10%"} --> + <div class="wp-block-column" style="flex-basis:10%"> + </div> + <!-- /wp:column --> + + <!-- wp:column {"width":"30%"} --> + <div class="wp-block-column" style="flex-basis:30%"> + <!-- wp:template-part {"slug":"sidebar","tagName":"aside"} /--> + </div> + <!-- /wp:column --> + + <!-- wp:column {"width":"10%"} --> + <div class="wp-block-column" style="flex-basis:10%"> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> +</div> +<!-- /wp:group --> + +<!-- wp:pattern {"slug":"twentytwentyfour/cta-subscribe-centered"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/page-home-business.php b/wp-content/themes/twentytwentyfour/patterns/page-home-business.php new file mode 100644 index 0000000..ca22952 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/page-home-business.php @@ -0,0 +1,18 @@ +<?php +/** + * Title: Business home + * Slug: twentytwentyfour/page-home-business + * Categories: page + * Keywords: starter + * Block Types: core/post-content + * Post Types: page, wp_template + * Viewport width: 1400 + */ +?> + +<!-- wp:pattern {"slug":"twentytwentyfour/banner-hero"} /--> +<!-- wp:pattern {"slug":"twentytwentyfour/text-feature-grid-3-col"} /--> +<!-- wp:pattern {"slug":"twentytwentyfour/text-alternating-images"} /--> +<!-- wp:pattern {"slug":"twentytwentyfour/testimonial-centered"} /--> +<!-- wp:pattern {"slug":"twentytwentyfour/posts-list"} /--> +<!-- wp:pattern {"slug":"twentytwentyfour/cta-subscribe-centered"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/page-home-portfolio-gallery.php b/wp-content/themes/twentytwentyfour/patterns/page-home-portfolio-gallery.php new file mode 100644 index 0000000..cce1fdb --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/page-home-portfolio-gallery.php @@ -0,0 +1,14 @@ +<?php +/** + * Title: Portfolio home image gallery + * Slug: twentytwentyfour/page-home-gallery + * Categories: page + * Keywords: starter + * Block Types: core/post-content + * Post Types: page, wp_template + * Viewport width: 1400 + */ +?> + +<!-- wp:pattern {"slug":"twentytwentyfour/hidden-portfolio-hero"} /--> +<!-- wp:pattern {"slug":"twentytwentyfour/gallery-offset-images-grid-4-col"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/page-home-portfolio.php b/wp-content/themes/twentytwentyfour/patterns/page-home-portfolio.php new file mode 100644 index 0000000..4f3c473 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/page-home-portfolio.php @@ -0,0 +1,14 @@ +<?php +/** + * Title: Portfolio home with post featured images + * Slug: twentytwentyfour/page-home-portfolio + * Categories: page + * Keywords: starter + * Block Types: core/post-content + * Post Types: page, wp_template + * Viewport width: 1400 + */ +?> + +<!-- wp:pattern {"slug":"twentytwentyfour/hidden-portfolio-hero"} /--> +<!-- wp:pattern {"slug":"twentytwentyfour/posts-images-only-offset-4-col"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/page-newsletter-landing.php b/wp-content/themes/twentytwentyfour/patterns/page-newsletter-landing.php new file mode 100644 index 0000000..24c6d9a --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/page-newsletter-landing.php @@ -0,0 +1,47 @@ +<?php +/** + * Title: Newsletter landing + * Slug: twentytwentyfour/page-newsletter-landing + * Categories: call-to-action, page, featured + * Keywords: starter + * Block Types: core/post-content + * Post Types: page, wp_template + * Viewport width: 1100 + */ +?> + +<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"},"margin":{"top":"0","bottom":"0"}},"dimensions":{"minHeight":"100vh"}},"backgroundColor":"accent-3","layout":{"type":"flex","orientation":"vertical","justifyContent":"center","verticalAlignment":"center"}} --> +<div class="wp-block-group alignfull has-accent-3-background-color has-background" style="min-height:100vh;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--50)"> + <!-- wp:group {"layout":{"type":"constrained"}} --> + <div class="wp-block-group"> + <!-- wp:image {"align":"center","width":"45px","height":"49px","scale":"cover","sizeSlug":"full","linkDestination":"none"} --> + <figure class="wp-block-image aligncenter size-full is-resized"> + <img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icon-message.webp" alt="" style="object-fit:cover;width:45px;height:49px" /> + </figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":"var:preset|spacing|10"} --> + <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:heading {"textAlign":"center","style":{"spacing":{"margin":{"right":"0","left":"0"},"padding":{"right":"0","left":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}},"textColor":"contrast","fontSize":"x-large"} --> + <h2 class="wp-block-heading has-text-align-center has-contrast-color has-text-color has-link-color has-x-large-font-size" style="margin-right:0;margin-left:0;padding-right:0;padding-left:0"><?php echo esc_html_x( 'Subscribe to the newsletter and stay connected with our community', 'sample content for newsletter subscription', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + + <!-- wp:spacer {"height":"var:preset|spacing|10"} --> + <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} --> + <div class="wp-block-buttons"> + <!-- wp:button --> + <div class="wp-block-button"> + <a class="wp-block-button__link wp-element-button"><?php echo esc_html_x( 'Sign up', 'Sample content for newsletter subscribe button', 'twentytwentyfour' ); ?></a> + </div> + <!-- /wp:button --> + </div> + <!-- /wp:buttons --> + </div> + <!-- /wp:group --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/page-portfolio-overview.php b/wp-content/themes/twentytwentyfour/patterns/page-portfolio-overview.php new file mode 100644 index 0000000..3e29b11 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/page-portfolio-overview.php @@ -0,0 +1,17 @@ +<?php +/** + * Title: Portfolio project overview + * Slug: twentytwentyfour/page-portfolio-overview + * Categories: page, featured + * Keywords: starter + * Block Types: core/post-content + * Post Types: page, wp_template + * Viewport width: 1400 + */ +?> + +<!-- wp:pattern {"slug":"twentytwentyfour/banner-project-description"} /--> +<!-- wp:pattern {"slug":"twentytwentyfour/text-project-details"} /--> +<!-- wp:pattern {"slug":"twentytwentyfour/gallery-full-screen-image"} /--> +<!-- wp:pattern {"slug":"twentytwentyfour/text-centered-statement"} /--> +<!-- wp:pattern {"slug":"twentytwentyfour/gallery-project-layout"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/page-rsvp-landing.php b/wp-content/themes/twentytwentyfour/patterns/page-rsvp-landing.php new file mode 100644 index 0000000..469a134 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/page-rsvp-landing.php @@ -0,0 +1,56 @@ +<?php +/** + * Title: RSVP landing + * Slug: twentytwentyfour/page-rsvp-landing + * Categories: page + * Keywords: starter + * Block Types: core/post-content + * Post Types: page, wp_template + * Viewport width: 1100 + */ +?> + +<!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'RSVP Landing Page', 'Name of RSVP landing page pattern', 'twentytwentyfour' ); ?>"},"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}},"dimensions":{"minHeight":"100vh"}},"backgroundColor":"accent-4","layout":{"type":"flex","orientation":"vertical","verticalAlignment":"center","justifyContent":"center","flexWrap":"nowrap"}} --> +<div class="wp-block-group alignfull has-accent-4-background-color has-background" style="min-height:100vh;margin-top:0;margin-bottom:0;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:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|50","left":"var:preset|spacing|50"}}}} --> + <div class="wp-block-columns alignwide are-vertically-aligned-center"> + <!-- wp:column {"verticalAlignment":"center","width":"40%"} --> + <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:40%"> + <!-- wp:group {"style":{"dimensions":{"minHeight":"100%"},"spacing":{"blockGap":"var:preset|spacing|50","margin":{"top":"0","bottom":"0"},"padding":{"right":"0","left":"0"}}},"layout":{"type":"default"}} --> + <div class="wp-block-group" style="min-height:100%;margin-top:0;margin-bottom:0;padding-right:0;padding-left:0"> + <!-- wp:heading {"textAlign":"right","level":1,"style":{"typography":{"fontSize":"12rem","writingMode":"vertical-rl","lineHeight":"1"},"spacing":{"margin":{"right":"0","left":"calc( var(--wp--preset--spacing--20) * -1)"}}}} --> + <h1 class="wp-block-heading has-text-align-right" style="margin-right:0;margin-left:calc( var(--wp--preset--spacing--20) * -1);font-size:12rem;line-height:1;writing-mode:vertical-rl"><?php echo esc_html_x( 'RSVP', 'Initials for ´please respond´', 'twentytwentyfour' ); ?></h1> + <!-- /wp:heading --> + <!-- wp:group {"style":{"spacing":{"padding":{"right":"0","left":"0"}}},"layout":{"type":"constrained","contentSize":"300px","justifyContent":"left"}} --> + <div class="wp-block-group" style="padding-right:0;padding-left:0"> + <!-- wp:paragraph {"style":{"layout":{"selfStretch":"fixed","flexSize":"50%"}}} --> + <p><?php echo esc_html_x( 'Experience the fusion of imagination and expertise with Études Arch Summit, February 2025.', 'RSVP call to action description', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + <!-- wp:buttons --> + <div class="wp-block-buttons"> + <!-- wp:button --> + <div class="wp-block-button"> + <a class="wp-block-button__link wp-element-button"><?php echo esc_html_x( 'Reserve your spot', 'Call to action button text for the reservation button', 'twentytwentyfour' ); ?></a> + </div> + <!-- /wp:button --> + </div> + <!-- /wp:buttons --> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:column --> + <!-- wp:column {"verticalAlignment":"top","width":"60%"} --> + <div class="wp-block-column is-vertically-aligned-top" style="flex-basis:60%"> + <!-- wp:image {"aspectRatio":"3/4","scale":"cover","sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} --> + <figure class="wp-block-image size-large is-style-rounded"> + <img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/green-staircase.webp" alt="<?php esc_attr_e( 'Green staircase at Western University, London, Canada', 'twentytwentyfour' ); ?>" style="aspect-ratio:3/4;object-fit:cover" /> + </figure> + <!-- /wp:image --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/posts-1-col.php b/wp-content/themes/twentytwentyfour/patterns/posts-1-col.php new file mode 100644 index 0000000..051ed14 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/posts-1-col.php @@ -0,0 +1,43 @@ +<?php +/** + * Title: List of posts, 1 column + * Slug: twentytwentyfour/posts-1-col + * Categories: query + * Block Types: core/query + */ +?> + +<!-- wp:query {"query":{"perPage":3,"pages":0,"offset":"0","postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"layout":{"type":"constrained"}} --> +<div class="wp-block-query"> + <!-- wp:query-no-results --> + <!-- wp:pattern {"slug":"twentytwentyfour/hidden-no-results"} /--> + <!-- /wp:query-no-results --> + + <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"default"}} --> + <div class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:0;padding-bottom:var(--wp--preset--spacing--50);padding-left:0"> + <!-- wp:post-template {"align":"full","style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"default","columnCount":3}} --> + <!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/2","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|20"}}}} /--> + <!-- wp:group {"style":{"spacing":{"blockGap":"8px"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} --> + <div class="wp-block-group"> + <!-- wp:post-title {"isLink":true,"style":{"spacing":{"margin":{"bottom":"0"}}},"fontSize":"x-large"} /--> + <!-- wp:template-part {"slug":"post-meta"} /--> + <!-- wp:post-excerpt {"fontSize":"small"} /--> + <!-- wp:spacer {"height":"var:preset|spacing|30"} --> + <div style="height:var(--wp--preset--spacing--30)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + </div> + <!-- /wp:group --> + <!-- /wp:post-template --> + <!-- wp:spacer {"height":"var:preset|spacing|50","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} --> + <div style="margin-top:0;margin-bottom:0;height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + <!-- wp:query-pagination {"paginationArrow":"arrow","layout":{"type":"flex","justifyContent":"space-between"}} --> + <!-- wp:query-pagination-previous /--> + <!-- wp:query-pagination-next /--> + <!-- /wp:query-pagination --> + + </div> + <!-- /wp:group --> +</div> +<!-- /wp:query --> diff --git a/wp-content/themes/twentytwentyfour/patterns/posts-3-col.php b/wp-content/themes/twentytwentyfour/patterns/posts-3-col.php new file mode 100644 index 0000000..62a48c4 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/posts-3-col.php @@ -0,0 +1,52 @@ +<?php +/** + * Title: List of posts, 3 columns + * Slug: twentytwentyfour/posts-3-col + * Categories: query + * Block Types: core/query + */ +?> + +<!-- wp:query {"query":{"perPage":10,"pages":0,"offset":"0","postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"align":"wide","layout":{"type":"default"}} --> +<div class="wp-block-query alignwide"> + <!-- wp:query-no-results --> + <!-- wp:pattern {"slug":"twentytwentyfour/hidden-no-results"} /--> + <!-- /wp:query-no-results --> + + <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"default"}} --> + <div class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:0;padding-bottom:var(--wp--preset--spacing--50);padding-left:0"> + + <!-- wp:post-template {"align":"full","style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"grid","columnCount":3}} --> + + <!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/4","style":{"spacing":{"margin":{"bottom":"0"},"padding":{"bottom":"var:preset|spacing|20"}}}} /--> + + <!-- wp:group {"style":{"spacing":{"blockGap":"10px","margin":{"top":"var:preset|spacing|20"},"padding":{"top":"0"}}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} --> + <div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--20);padding-top:0"> + <!-- wp:post-title {"isLink":true,"style":{"layout":{"flexSize":"min(2.5rem, 3vw)","selfStretch":"fixed"}},"fontSize":"large"} /--> + + <!-- wp:template-part {"slug":"post-meta"} /--> + + <!-- wp:post-excerpt {"style":{"layout":{"flexSize":"min(2.5rem, 3vw)","selfStretch":"fixed"}},"textColor":"contrast-2","fontSize":"small"} /--> + + <!-- wp:spacer {"height":"0px","style":{"layout":{"flexSize":"min(2.5rem, 3vw)","selfStretch":"fixed"}}} --> + <div style="height:0px" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + </div> + <!-- /wp:group --> + + <!-- /wp:post-template --> + + <!-- wp:spacer {"height":"var:preset|spacing|40","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} --> + <div style="margin-top:0;margin-bottom:0;height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:query-pagination {"paginationArrow":"arrow","layout":{"type":"flex","justifyContent":"space-between"}} --> + <!-- wp:query-pagination-previous /--> + <!-- wp:query-pagination-next /--> + <!-- /wp:query-pagination --> + + </div> + <!-- /wp:group --> +</div> +<!-- /wp:query --> diff --git a/wp-content/themes/twentytwentyfour/patterns/posts-grid-2-col.php b/wp-content/themes/twentytwentyfour/patterns/posts-grid-2-col.php new file mode 100644 index 0000000..dd2881d --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/posts-grid-2-col.php @@ -0,0 +1,80 @@ +<?php +/** + * Title: Grid of posts featuring the first post, 2 columns + * Slug: twentytwentyfour/posts-grid-2-col + * Categories: query + * Block Types: core/query + */ +?> + +<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} --> +<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;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 {"align":"wide","style":{"typography":{"lineHeight":"1"},"spacing":{"margin":{"top":"0"}}},"fontSize":"x-large"} --> + <h2 class="wp-block-heading alignwide has-x-large-font-size" style="margin-top:0;line-height:1"><?php esc_html_e( 'Watch, Read, Listen', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + + <!-- wp:spacer {"height":"var:preset|spacing|10","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} --> + <div style="margin-top:0;margin-bottom:0;height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|50","left":"var:preset|spacing|30"}}}} --> + <div class="wp-block-columns alignwide"> + <!-- wp:column {"width":"60%"} --> + <div class="wp-block-column" style="flex-basis:60%"> + <!-- wp:query {"query":{"perPage":1,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false}} --> + <div class="wp-block-query"> + <!-- wp:post-template {"style":{"spacing":{"blockGap":"0"}}} --> + <!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/4"} /--> + + <!-- wp:spacer {"height":"var:preset|spacing|10"} --> + <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} --> + <div class="wp-block-group"> + <!-- wp:post-title {"level":3,"isLink":true,"fontSize":"x-large"} /--> + + <!-- wp:post-excerpt {"excerptLength":35} /--> + + <!-- wp:template-part {"slug":"post-meta"} /--> + + </div> + <!-- /wp:group --> + <!-- /wp:post-template --> + </div> + <!-- /wp:query --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"width":"40%"} --> + <div class="wp-block-column" style="flex-basis:40%"> + <!-- wp:query {"query":{"perPage":2,"pages":0,"offset":1,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false}} --> + <div class="wp-block-query"> + <!-- wp:post-template {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}}} --> + <!-- wp:post-featured-image {"isLink":true,"aspectRatio":"4/3"} /--> + + <!-- wp:spacer {"height":"5px","style":{"layout":{}}} --> + <div style="height:5px" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:group {"style":{"spacing":{"blockGap":"8px"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} --> + <div class="wp-block-group"> + <!-- wp:post-title {"level":3,"isLink":true,"fontSize":"large"} /--> + + <!-- wp:post-excerpt {"excerptLength":14,"fontSize":"small"} /--> + <!-- wp:template-part {"slug":"post-meta"} /--> + + </div> + <!-- /wp:group --> + <!-- /wp:post-template --> + </div> + <!-- /wp:query --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/posts-images-only-3-col.php b/wp-content/themes/twentytwentyfour/patterns/posts-images-only-3-col.php new file mode 100644 index 0000000..48bf4d0 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/posts-images-only-3-col.php @@ -0,0 +1,35 @@ +<?php +/** + * Title: Posts with featured images only, 3 columns + * Slug: twentytwentyfour/posts-images-only-3-col + * Categories: query + * Block Types: core/query + */ +?> + +<!-- wp:query {"query":{"perPage":10,"pages":0,"offset":"0","postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"align":"wide","layout":{"type":"default"}} --> +<div class="wp-block-query alignwide"> + <!-- wp:query-no-results --> + <!-- wp:pattern {"slug":"twentytwentyfour/hidden-no-results"} /--> + <!-- /wp:query-no-results --> + + <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"default"}} --> + <div class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:0;padding-bottom:var(--wp--preset--spacing--50);padding-left:0"> + + <!-- wp:post-template {"align":"full","style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"grid","columnCount":3}} --> + <!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/4","style":{"spacing":{"margin":{"bottom":"0"},"padding":{"bottom":"var:preset|spacing|20"}}}} /--> + <!-- /wp:post-template --> + + <!-- wp:spacer {"height":"var:preset|spacing|40","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} --> + <div style="margin-top:0;margin-bottom:0;height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:query-pagination {"paginationArrow":"arrow","layout":{"type":"flex","justifyContent":"space-between"}} --> + <!-- wp:query-pagination-previous /--> + <!-- wp:query-pagination-next /--> + <!-- /wp:query-pagination --> + + </div> + <!-- /wp:group --> +</div> +<!-- /wp:query --> diff --git a/wp-content/themes/twentytwentyfour/patterns/posts-images-only-offset-4-col.php b/wp-content/themes/twentytwentyfour/patterns/posts-images-only-offset-4-col.php new file mode 100644 index 0000000..808754b --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/posts-images-only-offset-4-col.php @@ -0,0 +1,83 @@ +<?php +/** + * Title: Offset posts with featured images only, 4 columns + * Slug: twentytwentyfour/posts-images-only-offset-4-col + * Categories: posts + */ +?> + +<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} --> +<div class="wp-block-group alignfull" 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:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"0","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 {"style":{"spacing":{"blockGap":"0"}}} --> + <div class="wp-block-column"> + <!-- wp:query {"query":{"perPage":"3","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false}} --> + <div class="wp-block-query"> + <!-- wp:post-template {"style":{"spacing":{"blockGap":"var:preset|spacing|50"}},"layout":{"type":"default"}} --> + <!-- wp:post-featured-image {"isLink":true,"align":"wide","style":{"spacing":{"margin":{"bottom":"0"}}}} /--> + <!-- /wp:post-template --> + </div> + <!-- /wp:query --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"style":{"spacing":{"blockGap":"0","padding":{"top":"0"}}}} --> + <div class="wp-block-column" style="padding-top:0"> + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:query {"query":{"perPage":"3","pages":0,"offset":"3","postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false}} --> + <div class="wp-block-query"> + <!-- wp:post-template {"style":{"spacing":{"blockGap":"var:preset|spacing|50"}},"layout":{"type":"default"}} --> + <!-- wp:post-featured-image {"isLink":true,"align":"wide","style":{"spacing":{"margin":{"bottom":"0","top":"0"}}}} /--> + <!-- /wp:post-template --> + </div> + <!-- /wp:query --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} --> + <div class="wp-block-column"> + <!-- wp:query {"query":{"perPage":"3","pages":0,"offset":"6","postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false}} --> + <div class="wp-block-query"> + <!-- wp:post-template {"style":{"spacing":{"blockGap":"var:preset|spacing|50"}},"layout":{"type":"default"}} --> + <!-- wp:post-featured-image {"isLink":true,"align":"wide","style":{"spacing":{"margin":{"bottom":"0"}}}} /--> + <!-- /wp:post-template --> + </div> + <!-- /wp:query --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"style":{"spacing":{"blockGap":"0","padding":{"top":"0"}}}} --> + <div class="wp-block-column" style="padding-top:0"> + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:query {"query":{"perPage":"3","pages":0,"offset":"9","postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false}} --> + <div class="wp-block-query"> + <!-- wp:post-template {"style":{"spacing":{"blockGap":"var:preset|spacing|50"}},"layout":{"type":"default"}} --> + <!-- wp:post-featured-image {"isLink":true,"align":"wide","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} /--> + <!-- /wp:post-template --> + </div> + <!-- /wp:query --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/posts-list.php b/wp-content/themes/twentytwentyfour/patterns/posts-list.php new file mode 100644 index 0000000..5db93af --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/posts-list.php @@ -0,0 +1,62 @@ +<?php +/** + * Title: List of posts without images, 1 column + * Slug: twentytwentyfour/posts-list + * Categories: query, posts + * Block Types: core/query + */ +?> + +<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} --> +<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;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 {"align":"wide","style":{"typography":{"lineHeight":"1"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|40"}}},"fontSize":"x-large"} --> + <h2 class="wp-block-heading alignwide has-x-large-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--40);line-height:1"><?php esc_html_e( 'Watch, Read, Listen', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + + <!-- wp:group {"align":"wide","layout":{"type":"constrained"}} --> + <div class="wp-block-group alignwide"> + <!-- wp:query {"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"align":"wide","layout":{"type":"default"}} --> + <div class="wp-block-query alignwide"> + <!-- wp:post-template --> + <!-- wp:separator {"backgroundColor":"contrast-3","className":"alignwide is-style-wide"} --> + <hr class="wp-block-separator has-text-color has-contrast-3-color has-alpha-channel-opacity has-contrast-3-background-color has-background alignwide is-style-wide" /> + <!-- /wp:separator --> + + <!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"}}}} --> + <div class="wp-block-columns alignwide are-vertically-aligned-center" style="margin-top:var(--wp--preset--spacing--20);margin-bottom:var(--wp--preset--spacing--20)"> + <!-- wp:column {"verticalAlignment":"center","width":"72%"} --> + <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:72%"> + <!-- wp:post-title {"isLink":true,"style":{"typography":{"lineHeight":"1.1","fontSize":"1.5rem"}}} /--> + </div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center","width":"28%"} --> + <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:28%"> + <!-- wp:template-part {"slug":"post-meta"} /--> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> + <!-- /wp:post-template --> + + <!-- wp:spacer {"height":"var:preset|spacing|30"} --> + <div style="height:var(--wp--preset--spacing--30)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:query-pagination {"paginationArrow":"arrow","layout":{"type":"flex","justifyContent":"space-between"}} --> + <!-- wp:query-pagination-previous /--> + + <!-- wp:query-pagination-numbers /--> + + <!-- wp:query-pagination-next /--> + <!-- /wp:query-pagination --> + + <!-- wp:query-no-results --> + <!-- wp:pattern {"slug":"twentytwentyfour/hidden-no-results"} /--> + <!-- /wp:query-no-results --> + </div> + <!-- /wp:query --> + </div> + <!-- /wp:group --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/team-4-col.php b/wp-content/themes/twentytwentyfour/patterns/team-4-col.php new file mode 100644 index 0000000..78211d2 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/team-4-col.php @@ -0,0 +1,129 @@ +<?php +/** + * Title: Team members, 4 columns + * Slug: twentytwentyfour/team-4-col + * Categories: team, about + * Viewport width: 1400 + */ +?> + +<!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Team members', 'Name of team pattern', 'twentytwentyfour' ); ?>"},"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} --> +<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;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","orientation":"vertical","justifyContent":"center"}} --> + <div class="wp-block-group"> + <!-- wp:heading {"textAlign":"center","fontSize":"xx-large"} --> + <h2 class="wp-block-heading has-text-align-center has-xx-large-font-size"><?php echo esc_html_x( 'Meet our team', 'Sample heading for the team pattern', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + + <!-- wp:paragraph {"align":"center"} --> + <p class="has-text-align-center"><?php echo esc_html_x( 'Our comprehensive suite of professionals caters to a diverse team, ranging from seasoned architects to renowned engineers.', 'Sample descriptive text of the team pattern', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> + + <!-- wp:spacer {"height":"var:preset|spacing|30"} --> + <div style="height:var(--wp--preset--spacing--30)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:columns {"align":"wide","style":{"spacing":{"padding":{"right":"0","left":"0"},"blockGap":{"top":"var:preset|spacing|50","left":"var:preset|spacing|30"}}}} --> + <div class="wp-block-columns alignwide" style="padding-right:0;padding-left:0"> + <!-- wp:column {"layout":{"type":"default"}} --> + <div class="wp-block-column"> + <!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} --> + <figure class="wp-block-image size-full is-style-rounded"> + <img alt="" style="aspect-ratio:1;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|0"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap","justifyContent":"center"}} --> + <div class="wp-block-group"> + <!-- wp:paragraph {"align":"center","fontSize":"small"} --> + <p class="has-text-align-center has-small-font-size"> + <strong><?php echo esc_html_x( 'Francesca Piovani', 'Sample name of a team member', 'twentytwentyfour' ); ?></strong> + </p> + <!-- /wp:paragraph --> + + <!-- wp:paragraph {"align":"center","fontSize":"small"} --> + <p class="has-text-align-center has-small-font-size"><?php echo esc_html_x( 'Founder, CEO & Architect', 'Sample role of a team member', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"layout":{"type":"default"}} --> + <div class="wp-block-column"> + <!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} --> + <figure class="wp-block-image size-full is-style-rounded"> + <img alt="" style="aspect-ratio:1;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|0"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center","flexWrap":"nowrap"}} --> + <div class="wp-block-group"> + <!-- wp:paragraph {"align":"center","fontSize":"small"} --> + <p class="has-text-align-center has-small-font-size"> + <strong><?php echo esc_html_x( 'Rhye Moore', 'Sample name of a team member', 'twentytwentyfour' ); ?></strong> + </p> + <!-- /wp:paragraph --> + + <!-- wp:paragraph {"align":"center","fontSize":"small"} --> + <p class="has-text-align-center has-small-font-size"><?php echo esc_html_x( 'Engineering Manager', 'Sample role of a team member', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"layout":{"type":"default"}} --> + <div class="wp-block-column"> + <!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} --> + <figure class="wp-block-image size-full is-style-rounded"> + <img alt="" style="aspect-ratio:1;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|0"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center","flexWrap":"nowrap"}} --> + <div class="wp-block-group"> + <!-- wp:paragraph {"align":"center","fontSize":"small"} --> + <p class="has-text-align-center has-small-font-size"> + <strong><?php echo esc_html_x( 'Helga Steiner', 'Sample name of a team member', 'twentytwentyfour' ); ?></strong> + </p> + <!-- /wp:paragraph --> + + <!-- wp:paragraph {"align":"center","fontSize":"small"} --> + <p class="has-text-align-center has-small-font-size"><?php echo esc_html_x( 'Architect', 'Sample role of a team member', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"layout":{"type":"default"}} --> + <div class="wp-block-column"> + <!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} --> + <figure class="wp-block-image size-full is-style-rounded"> + <img alt="" style="aspect-ratio:1;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|0"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap","justifyContent":"center"}} --> + <div class="wp-block-group"> + <!-- wp:paragraph {"align":"center","fontSize":"small"} --> + <p class="has-text-align-center has-small-font-size"> + <strong><?php echo esc_html_x( 'Ivan Lawrence', 'Sample name of a team member', 'twentytwentyfour' ); ?></strong> + </p> + <!-- /wp:paragraph --> + + <!-- wp:paragraph {"align":"center","fontSize":"small"} --> + <p class="has-text-align-center has-small-font-size"><?php echo esc_html_x( 'Project Manager', 'Sample role of a team member', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/template-archive-blogging.php b/wp-content/themes/twentytwentyfour/patterns/template-archive-blogging.php new file mode 100644 index 0000000..6d193a4 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/template-archive-blogging.php @@ -0,0 +1,21 @@ +<?php +/** + * Title: Blogging archive template + * Slug: twentytwentyfour/template-archive-blogging + * Template Types: archive, category, tag, author, date + * Viewport width: 1400 + * Inserter: no + */ +?> + +<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main","style":{"spacing":{"blockGap":"0","margin":{"top":"0"}}},"layout":{"type":"constrained"}} --> +<main class="wp-block-group" style="margin-top:0"> + <!-- wp:query-title {"type":"archive","style":{"typography":{"lineHeight":"1"},"spacing":{"padding":{"top":"var:preset|spacing|50"}}}} /--> + + <!-- wp:pattern {"slug":"twentytwentyfour/posts-1-col"} /--> +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/template-archive-portfolio.php b/wp-content/themes/twentytwentyfour/patterns/template-archive-portfolio.php new file mode 100644 index 0000000..aa347ad --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/template-archive-portfolio.php @@ -0,0 +1,23 @@ +<?php +/** + * Title: Portfolio archive template + * Slug: twentytwentyfour/template-archive-portfolio + * Template Types: archive + * Viewport width: 1400 + * Inserter: no + */ +?> + +<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main","align":"full","layout":{"type":"constrained"}} --> +<main class="wp-block-group alignfull"> + + <!-- wp:query-title {"type":"archive","align":"wide","style":{"typography":{"lineHeight":"1"},"spacing":{"padding":{"top":"var:preset|spacing|50"}}}} /--> + + <!-- wp:pattern {"slug":"twentytwentyfour/posts-images-only-3-col"} /--> + +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/template-home-blogging.php b/wp-content/themes/twentytwentyfour/patterns/template-home-blogging.php new file mode 100644 index 0000000..4a96d74 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/template-home-blogging.php @@ -0,0 +1,21 @@ +<?php +/** + * Title: Blogging home template + * Slug: twentytwentyfour/template-home-blogging + * Template Types: front-page, index, home + * Viewport width: 1400 + * Inserter: no + */ +?> + +<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> + +<!-- wp:group {"style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"blockGap":"0","margin":{"top":"0","bottom":"0"}}},"layout":{"type":"default"},"tagName":"main"} --> +<main class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"> + + <!-- wp:pattern {"slug":"twentytwentyfour/page-home-blogging"} /--> + +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/template-home-business.php b/wp-content/themes/twentytwentyfour/patterns/template-home-business.php new file mode 100644 index 0000000..e84a5ac --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/template-home-business.php @@ -0,0 +1,19 @@ +<?php +/** + * Title: Business home template + * Slug: twentytwentyfour/template-home-business + * Template Types: front-page, home + * Viewport width: 1400 + * Inserter: no + */ +?> + +<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main","style":{"spacing":{"blockGap":"0","margin":{"top":"0"}}},"layout":{"type":"default"}} --> +<main class="wp-block-group" style="margin-top:0"> + <!-- wp:pattern {"slug":"twentytwentyfour/page-home-business"} /--> +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/template-home-portfolio.php b/wp-content/themes/twentytwentyfour/patterns/template-home-portfolio.php new file mode 100644 index 0000000..4fc4f07 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/template-home-portfolio.php @@ -0,0 +1,22 @@ +<?php +/** + * Title: Portfolio home template with post featured images + * Slug: twentytwentyfour/template-home-portfolio + * Template Types: front-page, home + * Viewport width: 1400 + * Inserter: no + */ +?> + +<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> + +<!-- wp:group {"style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"blockGap":"0","margin":{"top":"0","bottom":"0"}}},"layout":{"type":"default"},"tagName":"main"} --> +<main class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"> + + <!-- wp:pattern {"slug":"twentytwentyfour/hidden-portfolio-hero"} /--> + <!-- wp:pattern {"slug":"twentytwentyfour/posts-images-only-offset-4-col"} /--> + +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/template-index-blogging.php b/wp-content/themes/twentytwentyfour/patterns/template-index-blogging.php new file mode 100644 index 0000000..b810186 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/template-index-blogging.php @@ -0,0 +1,23 @@ +<?php +/** + * Title: Blogging index template + * Slug: twentytwentyfour/template-index-blogging + * Template Types: index, home + * Viewport width: 1400 + * Inserter: no + */ +?> + +<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main","style":{"spacing":{"blockGap":"0","margin":{"top":"0"}}},"layout":{"type":"constrained"}} --> +<main class="wp-block-group" style="margin-top:0"> + <!-- wp:heading {"level":1,"style":{"typography":{"lineHeight":"1"},"spacing":{"padding":{"top":"var:preset|spacing|50"}}}} --> + <h1 class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--50);line-height:1"><?php esc_html_e( 'Watch, Read, Listen', 'twentytwentyfour' ); ?></h1> + <!-- /wp:heading --> + + <!-- wp:pattern {"slug":"twentytwentyfour/posts-1-col"} /--> +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/template-index-portfolio.php b/wp-content/themes/twentytwentyfour/patterns/template-index-portfolio.php new file mode 100644 index 0000000..7b78323 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/template-index-portfolio.php @@ -0,0 +1,24 @@ +<?php +/** + * Title: Portfolio index template + * Slug: twentytwentyfour/template-index-portfolio + * Template Types: index + * Viewport width: 1400 + * Inserter: no + */ +?> + +<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main","align":"full","layout":{"type":"constrained"}} --> +<main class="wp-block-group alignfull"> + <!-- wp:heading {"level":1,"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|50"}}}} --> + <h1 class="wp-block-heading alignwide" style="padding-top:var(--wp--preset--spacing--50)"><?php esc_html_e( 'Posts', 'twentytwentyfour' ); ?></h1> + <!-- /wp:heading --> + + <!-- wp:pattern {"slug":"twentytwentyfour/posts-images-only-offset-4-col"} /--> + +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/template-search-blogging.php b/wp-content/themes/twentytwentyfour/patterns/template-search-blogging.php new file mode 100644 index 0000000..ec9a29b --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/template-search-blogging.php @@ -0,0 +1,26 @@ +<?php +/** + * Title: Blogging search template + * Slug: twentytwentyfour/template-search-blogging + * Template Types: search + * Viewport width: 1400 + * Inserter: no + */ +?> + +<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main","style":{"spacing":{"blockGap":"0","margin":{"top":"0"}}},"layout":{"type":"constrained"}} --> +<main class="wp-block-group" style="margin-top:0"> + <!-- wp:group {"layout":{"type":"default"}} --> + <div class="wp-block-group"> + <!-- wp:query-title {"type":"search","style":{"typography":{"lineHeight":"1"},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|30"}}}} /--> + <!-- wp:pattern {"slug":"twentytwentyfour/hidden-search"} /--> + </div> + <!-- /wp:group --> + + <!-- wp:pattern {"slug":"twentytwentyfour/posts-1-col"} /--> +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/template-search-portfolio.php b/wp-content/themes/twentytwentyfour/patterns/template-search-portfolio.php new file mode 100644 index 0000000..1c60eb1 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/template-search-portfolio.php @@ -0,0 +1,27 @@ +<?php +/** + * Title: Portfolio search template + * Slug: twentytwentyfour/template-search-portfolio + * Template Types: search + * Viewport width: 1400 + * Inserter: no + */ +?> + +<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main","align":"full","layout":{"type":"constrained"}} --> +<main class="wp-block-group alignfull"> + <!-- wp:query-title {"type":"search","align":"wide","style":{"typography":{"lineHeight":"1"},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|10"}}}} /--> + + <!-- wp:group {"align":"wide","layout":{"type":"constrained","contentSize":"840px","justifyContent":"left"}} --> + <div class="wp-block-group alignwide"> + <!-- wp:pattern {"slug":"twentytwentyfour/hidden-search"} /--> + </div> + <!-- /wp:group --> + + <!-- wp:pattern {"slug":"twentytwentyfour/posts-images-only-3-col"} /--> +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/template-single-portfolio.php b/wp-content/themes/twentytwentyfour/patterns/template-single-portfolio.php new file mode 100644 index 0000000..ba54d58 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/template-single-portfolio.php @@ -0,0 +1,36 @@ +<?php +/** + * Title: Portfolio single post template + * Slug: twentytwentyfour/template-single-portfolio + * Template Types: posts, single + * Viewport width: 1400 + * Inserter: no + */ +?> + +<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main","align":"full","layout":{"type":"constrained"}} --> +<main class="wp-block-group alignfull"> + <!-- wp:spacer {"height":"var:preset|spacing|40"} --> + <div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:post-featured-image {"align":"wide","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|20"}}}} /--> + + <!-- wp:group {"align":"wide","layout":{"type":"constrained","justifyContent":"left"}} --> + <div class="wp-block-group alignwide"> + <!-- wp:template-part {"slug":"post-meta"} /--> + </div> + <!-- /wp:group --> + + <!-- wp:spacer {"height":"var:preset|spacing|40"} --> + <div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/testimonial-centered.php b/wp-content/themes/twentytwentyfour/patterns/testimonial-centered.php new file mode 100644 index 0000000..8e63924 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/testimonial-centered.php @@ -0,0 +1,46 @@ +<?php +/** + * Title: Centered testimonial + * Slug: twentytwentyfour/testimonial-centered + * Keywords: quote, review, about + * Categories: testimonials, text + * Viewport width: 1300 + */ +?> + +<!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Testimonial', 'Name of testimonal pattern', 'twentytwentyfour' ); ?>"},"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|60","right":"var:preset|spacing|60"},"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"contrast","textColor":"base","layout":{"type":"constrained","contentSize":""}} --> +<div class="wp-block-group alignfull has-base-color has-contrast-background-color has-text-color has-background" style="margin-top:0;margin-bottom:0;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:group {"layout":{"type":"constrained"}} --> + <div class="wp-block-group"> + <!-- wp:paragraph {"align":"center","style":{"typography":{"lineHeight":"1.2"}},"textColor":"base","fontSize":"x-large","fontFamily":"heading"} --> + <p class="has-text-align-center has-base-color has-text-color has-heading-font-family has-x-large-font-size" style="line-height:1.2"> + <em><?php echo esc_html_x( '“Études has saved us thousands of hours of work and has unlocked insights we never thought possible.”', 'Testimonial Text or Review Text Got From the Person', 'twentytwentyfour' ); ?></em> + </p> + <!-- /wp:paragraph --> + + <!-- wp:spacer {"height":"var:preset|spacing|10"} --> + <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Testimonial source', 'Name of testimonial citation group', 'twentytwentyfour' ); ?>"},"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center","flexWrap":"nowrap"}} --> + <div class="wp-block-group"> + <!-- wp:image {"align":"center","width":"60px","aspectRatio":"1","scale":"cover","sizeSlug":"thumbnail","linkDestination":"none","style":{"border":{"radius":"100px"}}} --> + <figure class="wp-block-image aligncenter size-thumbnail is-resized has-custom-border"> + <img alt="" style="border-radius:100px;aspect-ratio:1;object-fit:cover;width:60px" /> + </figure> + <!-- /wp:image --> + + <!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"var:preset|spacing|10","bottom":"0"}}}} --> + <p class="has-text-align-center" style="margin-top:var(--wp--preset--spacing--10);margin-bottom:0"><?php echo esc_html_x( 'Annie Steiner', 'Name of Person Provided the Testimonial', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + + <!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"textColor":"contrast-3","fontSize":"small"} --> + <p class="has-text-align-center has-contrast-3-color has-text-color has-small-font-size" style="font-style:normal;font-weight:300"><?php echo esc_html_x( 'CEO, Greenprint', 'Designation of Person Provided Testimonial', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> + + </div> + <!-- /wp:group --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/text-alternating-images.php b/wp-content/themes/twentytwentyfour/patterns/text-alternating-images.php new file mode 100644 index 0000000..12a0772 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/text-alternating-images.php @@ -0,0 +1,115 @@ +<?php +/** + * Title: Text with alternating images + * Slug: twentytwentyfour/text-alternating-images + * Categories: text, about + * Viewport width: 1400 + */ +?> + +<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} --> +<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;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 {"align":"wide","style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} --> + <div class="wp-block-group alignwide"> + <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} --> + <div class="wp-block-group"> + + <!-- wp:heading {"textAlign":"center","className":"is-style-asterisk"} --> + <h2 class="wp-block-heading has-text-align-center is-style-asterisk"><?php echo esc_html_x( 'An array of resources', 'Sample heading content', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + + <!-- wp:paragraph {"align":"center","style":{"layout":{"selfStretch":"fit","flexSize":null}}} --> + <p class="has-text-align-center"><?php echo esc_html_x( 'Our comprehensive suite of professional services caters to a diverse clientele, ranging from homeowners to commercial developers.', 'Sample subheading content', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> + + <!-- wp:spacer {"height":"var:preset|spacing|40"} --> + <div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|50","left":"var:preset|spacing|60"}}}} --> + <div class="wp-block-columns alignwide"> + <!-- wp:column {"verticalAlignment":"center","width":"40%"} --> + <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:40%"> + <!-- wp:heading {"level":3,"className":"is-style-asterisk"} --> + <h3 class="wp-block-heading is-style-asterisk"><?php echo esc_html_x( 'Études Architect App', 'Sample list heading', 'twentytwentyfour' ); ?></h3> + <!-- /wp:heading --> + + <!-- wp:list {"style":{"typography":{"lineHeight":"1.75"}},"className":"is-style-checkmark-list"} --> + <ul class="is-style-checkmark-list" style="line-height:1.75"> + + <!-- wp:list-item --> + <li><?php echo esc_html_x( 'Collaborate with fellow architects.', 'Sample list item', 'twentytwentyfour' ); ?></li> + <!-- /wp:list-item --> + + <!-- wp:list-item --> + <li><?php echo esc_html_x( 'Showcase your projects.', 'Sample list item', 'twentytwentyfour' ); ?></li> + <!-- /wp:list-item --> + + <!-- wp:list-item --> + <li><?php echo esc_html_x( 'Experience the world of architecture.', 'Sample list item', 'twentytwentyfour' ); ?></li> + <!-- /wp:list-item --> + + </ul> + <!-- /wp:list --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"width":"50%"} --> + <div class="wp-block-column" style="flex-basis:50%"> + <!-- wp:image {"aspectRatio":"4/3","scale":"cover","sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} --> + <figure class="wp-block-image size-large is-style-rounded"> + <img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/tourist-and-building.webp" alt="<?php esc_attr_e( 'Tourist taking photo of a building', 'twentytwentyfour' ); ?>" /> + </figure> + <!-- /wp:image --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> + + <!-- wp:spacer {"height":"var:preset|spacing|40"} --> + <div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|50","left":"var:preset|spacing|60"}}}} --> + <div class="wp-block-columns alignwide"> + <!-- wp:column {"width":"50%"} --> + <div class="wp-block-column" style="flex-basis:50%"> + <!-- wp:image {"aspectRatio":"4/3","scale":"cover","sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} --> + <figure class="wp-block-image size-large is-style-rounded"> + <img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/windows.webp" alt="<?php esc_attr_e( 'Windows of a building in Nuremberg, Germany', 'twentytwentyfour' ); ?>" /> + </figure> + <!-- /wp:image --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center","width":"40%"} --> + <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:40%"> + <!-- wp:heading {"level":3,"className":"is-style-asterisk"} --> + <h3 class="wp-block-heading is-style-asterisk"><?php echo esc_html_x( 'Études Newsletter', 'Sample heading', 'twentytwentyfour' ); ?></h3> + <!-- /wp:heading --> + + <!-- wp:list {"style":{"typography":{"lineHeight":"1.75"}},"className":"is-style-checkmark-list"} --> + <ul class="is-style-checkmark-list" style="line-height:1.75"> + <!-- wp:list-item --> + <li><?php echo esc_html_x( 'A world of thought-provoking articles.', 'Sample list item', 'twentytwentyfour' ); ?></li> + <!-- /wp:list-item --> + + <!-- wp:list-item --> + <li><?php echo esc_html_x( 'Case studies that celebrate architecture.', 'Sample list item', 'twentytwentyfour' ); ?></li> + <!-- /wp:list-item --> + + <!-- wp:list-item --> + <li><?php echo esc_html_x( 'Exclusive access to design insights.', 'Sample list item', 'twentytwentyfour' ); ?></li> + <!-- /wp:list-item --> + </ul> + <!-- /wp:list --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> + </div> + <!-- /wp:group --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/text-centered-statement-small.php b/wp-content/themes/twentytwentyfour/patterns/text-centered-statement-small.php new file mode 100644 index 0000000..c24a51a --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/text-centered-statement-small.php @@ -0,0 +1,30 @@ +<?php +/** + * Title: Centered statement, small + * Slug: twentytwentyfour/text-centered-statement-small + * Categories: text, about + * Keywords: mission, introduction + * Viewport width: 1200 + */ +?> + +<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"800px"}} --> +<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;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 {"textAlign":"center","level":1,"fontSize":"x-large","level":1} --> + <h1 class="wp-block-heading has-text-align-center has-x-large-font-size"> + <em> + <?php + /* Translators: About link placeholder */ + $about_link = '<a href="#" rel="nofollow">' . esc_html__( 'Money Studies', 'twentytwentyfour' ) . '</a>'; + echo sprintf( + /* Translators: About text placeholder */ + esc_html__( 'I write about finance, management and economy, my book “%1$s” is out now.', 'twentytwentyfour' ), + $about_link + ); + ?> + </em> + </h1> + <!-- /wp:heading --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/text-centered-statement.php b/wp-content/themes/twentytwentyfour/patterns/text-centered-statement.php new file mode 100644 index 0000000..ce7751e --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/text-centered-statement.php @@ -0,0 +1,29 @@ +<?php +/** + * Title: Centered statement + * Slug: twentytwentyfour/text-centered-statement + * Categories: text, about, featured + * Keywords: mission, introduction + * Viewport width: 1400 + */ +?> + +<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|60","right":"var:preset|spacing|60"},"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"base-2","layout":{"type":"constrained"}} --> +<div class="wp-block-group alignfull has-base-2-background-color has-background" style="margin-top:0;margin-bottom:0;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:group {"align":"wide","layout":{"type":"default"}} --> + <div class="wp-block-group alignwide"> + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:paragraph {"align":"center","style":{"typography":{"lineHeight":"1.2","fontStyle":"normal","fontWeight":"400"}},"fontSize":"x-large","fontFamily":"heading"} --> + <p class="has-text-align-center has-heading-font-family has-x-large-font-size" style="font-style:normal;font-weight:400;line-height:1.2"><?php echo wp_kses_post( __( '<em>Études</em> is not confined to the past—we are passionate about the cutting edge designs shaping our world today.', 'twentytwentyfour' ) ); ?></p> + <!-- /wp:paragraph --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + </div> + <!-- /wp:group --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/text-faq.php b/wp-content/themes/twentytwentyfour/patterns/text-faq.php new file mode 100644 index 0000000..8bf0428 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/text-faq.php @@ -0,0 +1,65 @@ +<?php +/** + * Title: FAQ + * Slug: twentytwentyfour/text-faq + * Categories: text, about, featured + * Keywords: faq, about, frequently asked + * Viewport width: 1400 + */ +?> + +<!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'FAQs', 'Name of the FAQ pattern', 'twentytwentyfour' ); ?>"},"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"backgroundColor":"contrast","textColor":"base","layout":{"type":"constrained"}} --> +<div class="wp-block-group alignfull has-base-color has-contrast-background-color has-text-color has-background has-link-color" style="margin-top:0;margin-bottom:0;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 {"align":"wide","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"10rem","letterSpacing":"-0.02em"}},"textColor":"base"} --> + <h2 class="wp-block-heading alignwide has-base-color has-text-color has-link-color" style="font-size:10rem;letter-spacing:-0.02em"><?php echo esc_html_x( 'FAQs', 'Heading of the FAQs', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + + <!-- wp:group {"align":"wide","layout":{"type":"default"}} --> + <div class="wp-block-group alignwide"> + <!-- wp:separator {"backgroundColor":"base","className":"is-style-wide"} --> + <hr class="wp-block-separator has-text-color has-base-color has-alpha-channel-opacity has-base-background-color has-background is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:details {"style":{"spacing":{"margin":{"top":"0"}},"border":{"top":{"width":"0px","style":"none"},"right":{"width":"0px","style":"none"},"bottom":{"color":"var:preset|color|base","style":"solid","width":"1px"},"left":{"width":"0px","style":"none"}}},"className":"is-style-arrow-icon-details","fontSize":"medium"} --> + <details class="wp-block-details is-style-arrow-icon-details has-medium-font-size" style="border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-color:var(--wp--preset--color--base);border-bottom-style:solid;border-bottom-width:1px;border-left-style:none;border-left-width:0px;margin-top:0"> + <summary><?php echo esc_html_x( 'What is your process working in smaller projects?', 'Question on the details block', 'twentytwentyfour' ); ?></summary> + <!-- wp:paragraph {"placeholder":"Type / to add a hidden block","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-1"}}}},"textColor":"contrast-1"} --> + <p class="has-contrast-1-color has-text-color has-link-color"><?php echo esc_html_x( 'Études offers comprehensive consulting, management, design, and research solutions. Our vision is to be at the forefront of architectural innovation, fostering a global community of architects and enthusiasts united by a passion for creating spaces. Every architectural endeavor is an opportunity to shape the future.', 'Hidden answer on the details block', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </details> + <!-- /wp:details --> + + <!-- wp:details {"style":{"spacing":{"margin":{"top":"0"}},"border":{"top":{"width":"0px","style":"none"},"right":{"width":"0px","style":"none"},"bottom":{"color":"var:preset|color|base","style":"solid","width":"1px"},"left":{"width":"0px","style":"none"}}},"className":"is-style-arrow-icon-details","fontSize":"medium"} --> + <details class="wp-block-details is-style-arrow-icon-details has-medium-font-size" style="border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-color:var(--wp--preset--color--base);border-bottom-style:solid;border-bottom-width:1px;border-left-style:none;border-left-width:0px;margin-top:0"> + <summary><?php echo esc_html_x( 'Who is behind Études?', 'Question on the details block', 'twentytwentyfour' ); ?></summary> + <!-- wp:paragraph {"placeholder":"Type / to add a hidden block","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-1"}}}},"textColor":"contrast-1"} --> + <p class="has-contrast-1-color has-text-color has-link-color"><?php echo esc_html_x( 'Études offers comprehensive consulting, management, design, and research solutions. Our vision is to be at the forefront of architectural innovation, fostering a global community of architects and enthusiasts united by a passion for creating spaces. Every architectural endeavor is an opportunity to shape the future.', 'Hidden answer on the details block', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </details> + <!-- /wp:details --> + + <!-- wp:details {"style":{"spacing":{"margin":{"top":"0"}},"border":{"top":{"width":"0px","style":"none"},"right":{"width":"0px","style":"none"},"bottom":{"color":"var:preset|color|base","style":"solid","width":"1px"},"left":{"width":"0px","style":"none"}}},"className":"is-style-arrow-icon-details","fontSize":"medium"} --> + <details class="wp-block-details is-style-arrow-icon-details has-medium-font-size" style="border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-color:var(--wp--preset--color--base);border-bottom-style:solid;border-bottom-width:1px;border-left-style:none;border-left-width:0px;margin-top:0"> + <summary><?php echo esc_html_x( 'I\'d like to get to meet fellow architects, how can I do that?', 'Question on the details block', 'twentytwentyfour' ); ?></summary> + <!-- wp:paragraph {"placeholder":"Type / to add a hidden block","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-1"}}}},"textColor":"contrast-1"} --> + <p class="has-contrast-1-color has-text-color has-link-color"><?php echo esc_html_x( 'Études offers comprehensive consulting, management, design, and research solutions. Our vision is to be at the forefront of architectural innovation, fostering a global community of architects and enthusiasts united by a passion for creating spaces. Every architectural endeavor is an opportunity to shape the future.', 'Hidden answer on the details block', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </details> + <!-- /wp:details --> + + <!-- wp:details {"style":{"spacing":{"margin":{"top":"0"}},"border":{"top":{"width":"0px","style":"none"},"right":{"width":"0px","style":"none"},"bottom":{"color":"var:preset|color|base","style":"solid","width":"1px"},"left":{"width":"0px","style":"none"}}},"className":"is-style-arrow-icon-details","fontSize":"medium"} --> + <details class="wp-block-details is-style-arrow-icon-details has-medium-font-size" style="border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-color:var(--wp--preset--color--base);border-bottom-style:solid;border-bottom-width:1px;border-left-style:none;border-left-width:0px;margin-top:0"> + <summary><?php echo esc_html_x( 'Can I apply to be a part of the team or work as a contractor?', 'Question on the details block', 'twentytwentyfour' ); ?></summary> + <!-- wp:paragraph {"placeholder":"Type / to add a hidden block","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-1"}}}},"textColor":"contrast-1"} --> + <p class="has-contrast-1-color has-text-color has-link-color"><?php echo esc_html_x( 'Études offers comprehensive consulting, management, design, and research solutions. Our vision is to be at the forefront of architectural innovation, fostering a global community of architects and enthusiasts united by a passion for creating spaces. Every architectural endeavor is an opportunity to shape the future.', 'Hidden answer on the details block', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </details> + <!-- /wp:details --> + + <!-- wp:spacer {"height":"var:preset|spacing|10","style":{"spacing":{"margin":{"top":"var:preset|spacing|10","bottom":"0"}}}} --> + <div style="margin-top:var(--wp--preset--spacing--10);margin-bottom:0;height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + </div> + <!-- /wp:group --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/text-feature-grid-3-col.php b/wp-content/themes/twentytwentyfour/patterns/text-feature-grid-3-col.php new file mode 100644 index 0000000..f03eaf3 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/text-feature-grid-3-col.php @@ -0,0 +1,118 @@ +<?php +/** + * Title: Feature grid, 3 columns + * Slug: twentytwentyfour/text-feature-grid-3-col + * Categories: text, about + * Viewport width: 1400 + */ +?> + +<!-- wp:group {"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"backgroundColor":"base-2","layout":{"type":"constrained"}} --> +<div class="wp-block-group alignfull has-base-2-background-color has-background" style="margin-top:0;margin-bottom:0;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 {"style":{"spacing":{"blockGap":"0px"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} --> + <div class="wp-block-group"> + <!-- wp:heading {"textAlign":"center","className":"is-style-asterisk"} --> + <h2 class="wp-block-heading has-text-align-center is-style-asterisk"><?php echo esc_html_x( 'A passion for creating spaces', 'Heading of the features', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + + <!-- wp:spacer {"height":"0px","style":{"layout":{"flexSize":"1.25rem","selfStretch":"fixed"}}} --> + <div style="height:0px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:paragraph {"align":"center"} --> + <p class="has-text-align-center"><?php echo esc_html_x( 'Our comprehensive suite of professional services caters to a diverse clientele, ranging from homeowners to commercial developers.', 'Sub-heading of the features', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> + + <!-- wp:spacer {"height":"var:preset|spacing|40","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} --> + <div style="margin-top:0;margin-bottom:0;height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30","left":"var:preset|spacing|40"}}}} --> + <div class="wp-block-columns alignwide"> + <!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}}} --> + <div class="wp-block-column"> + <!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"className":"is-style-asterisk","fontSize":"medium","fontFamily":"body"} --> + <h3 class="wp-block-heading has-text-align-left is-style-asterisk has-body-font-family has-medium-font-size" style="font-style:normal;font-weight:600"><?php echo esc_html_x( 'Renovation and restoration', 'Sample feature heading', 'twentytwentyfour' ); ?></h3> + <!-- /wp:heading --> + + <!-- wp:paragraph {"align":"left"} --> + <p class="has-text-align-left"><?php echo esc_html_x( 'Experience the fusion of imagination and expertise with Études Architectural Solutions.', 'Sample feature content', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}}} --> + <div class="wp-block-column"> + <!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"className":"is-style-asterisk","fontSize":"medium","fontFamily":"body"} --> + <h3 class="wp-block-heading has-text-align-left is-style-asterisk has-body-font-family has-medium-font-size" style="font-style:normal;font-weight:600"><?php echo esc_html_x( 'Continuous Support', 'Sample feature heading', 'twentytwentyfour' ); ?></h3> + <!-- /wp:heading --> + + <!-- wp:paragraph {"align":"left"} --> + <p class="has-text-align-left"><?php echo esc_html_x( 'Experience the fusion of imagination and expertise with Études Architectural Solutions.', 'Sample feature content', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}}} --> + <div class="wp-block-column"> + <!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"className":"is-style-asterisk","fontSize":"medium","fontFamily":"body"} --> + <h3 class="wp-block-heading has-text-align-left is-style-asterisk has-body-font-family has-medium-font-size" style="font-style:normal;font-weight:600"><?php echo esc_html_x( 'App Access', 'Sample feature heading', 'twentytwentyfour' ); ?></h3> + <!-- /wp:heading --> + + <!-- wp:paragraph {"align":"left"} --> + <p class="has-text-align-left"><?php echo esc_html_x( 'Experience the fusion of imagination and expertise with Études Architectural Solutions.', 'Sample feature content', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> + + <!-- wp:spacer {"height":"var:preset|spacing|20"} --> + <div style="height:var(--wp--preset--spacing--20)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30","left":"var:preset|spacing|40"}}}} --> + <div class="wp-block-columns alignwide"> + <!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}}} --> + <div class="wp-block-column"> + <!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"className":"is-style-asterisk","fontSize":"medium","fontFamily":"body"} --> + <h3 class="wp-block-heading has-text-align-left is-style-asterisk has-body-font-family has-medium-font-size" style="font-style:normal;font-weight:600"><?php echo esc_html_x( 'Consulting', 'Sample feature heading', 'twentytwentyfour' ); ?></h3> + <!-- /wp:heading --> + + <!-- wp:paragraph {"align":"left"} --> + <p class="has-text-align-left"><?php echo esc_html_x( 'Experience the fusion of imagination and expertise with Études Architectural Solutions.', 'Sample feature content', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}}} --> + <div class="wp-block-column"> + <!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"className":"is-style-asterisk","fontSize":"medium","fontFamily":"body"} --> + <h3 class="wp-block-heading has-text-align-left is-style-asterisk has-body-font-family has-medium-font-size" style="font-style:normal;font-weight:600"><?php echo esc_html_x( 'Project Management', 'Sample feature heading', 'twentytwentyfour' ); ?></h3> + <!-- /wp:heading --> + + <!-- wp:paragraph {"align":"left"} --> + <p class="has-text-align-left"><?php echo esc_html_x( 'Experience the fusion of imagination and expertise with Études Architectural Solutions.', 'Sample feature content', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}}} --> + <div class="wp-block-column"> + <!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"className":"is-style-asterisk","fontSize":"medium","fontFamily":"body"} --> + <h3 class="wp-block-heading has-text-align-left is-style-asterisk has-body-font-family has-medium-font-size" style="font-style:normal;font-weight:600"><?php echo esc_html_x( 'Architectural Solutions', 'Sample heading', 'twentytwentyfour' ); ?></h3> + <!-- /wp:heading --> + + <!-- wp:paragraph {"align":"left"} --> + <p class="has-text-align-left"><?php echo esc_html_x( 'Experience the fusion of imagination and expertise with Études Architectural Solutions.', 'Sample content', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/text-project-details.php b/wp-content/themes/twentytwentyfour/patterns/text-project-details.php new file mode 100644 index 0000000..b75f869 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/text-project-details.php @@ -0,0 +1,53 @@ +<?php +/** + * Title: Project details + * Slug: twentytwentyfour/text-project-details + * Categories: text, portfolio + * Viewport width: 1400 + */ +?> + +<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"base","layout":{"type":"constrained"}} --> +<div class="wp-block-group alignfull has-base-background-color has-background" style="margin-top:0;margin-bottom:0;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:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|40","left":"var:preset|spacing|30"}}}} --> + <div class="wp-block-columns alignwide"> + <!-- wp:column {"width":"40%","layout":{"type":"constrained","contentSize":"260px","justifyContent":"left"}} --> + <div class="wp-block-column" style="flex-basis:40%"> + <!-- wp:paragraph --> + <p><?php echo esc_html_x( 'The revitalized art gallery is set to redefine cultural landscape.', 'Title text for the feature area', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"width":"60%","style":{"spacing":{"blockGap":"var:preset|spacing|40"}}} --> + <div class="wp-block-column" style="flex-basis:60%"> + + <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.2"}},"fontSize":"x-large","fontFamily":"heading"} --> + <p class="has-heading-font-family has-x-large-font-size" style="line-height:1.2"><?php echo esc_html_x( 'With meticulous attention to detail and a commitment to excellence, we create spaces that inspire, elevate, and enrich the lives of those who inhabit them.', 'Descriptive title for the feature area', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + + <!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30","left":"var:preset|spacing|30"}}}} --> + <div class="wp-block-columns"> + <!-- wp:column --> + <div class="wp-block-column"> + <!-- wp:paragraph {"style":{"layout":{"selfStretch":"fill","flexSize":null}}} --> + <p><?php echo esc_html_x( 'The revitalized Art Gallery is set to redefine the cultural landscape of Toronto, serving as a nexus of artistic expression, community engagement, and architectural marvel. The expansion and renovation project pay homage to the Art Gallery\'s rich history while embracing the future, ensuring that the gallery remains a beacon of inspiration.', 'Descriptive text for the feature area', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"> + <!-- wp:paragraph --> + <p><?php echo esc_html_x( 'The revitalized Art Gallery is set to redefine the cultural landscape of Toronto, serving as a nexus of artistic expression, community engagement, and architectural marvel. The expansion and renovation project pay homage to the Art Gallery\'s rich history while embracing the future, ensuring that the gallery remains a beacon of inspiration.', 'Descriptive text for the feature area', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/text-title-left-image-right.php b/wp-content/themes/twentytwentyfour/patterns/text-title-left-image-right.php new file mode 100644 index 0000000..f4c48f7 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/text-title-left-image-right.php @@ -0,0 +1,58 @@ +<?php +/** + * Title: Title text and button on left with image on right + * Slug: twentytwentyfour/text-title-left-image-right + * Categories: banner, about, featured + * Viewport width: 1400 + */ +?> + +<!-- wp:group {"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"backgroundColor":"accent","layout":{"type":"constrained"}} --> +<div class="wp-block-group alignfull has-accent-background-color has-background" style="margin-top:0;margin-bottom:0;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:columns {"verticalAlignment":null,"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|40","left":"var:preset|spacing|50"}}}} --> + <div class="wp-block-columns alignwide"> + <!-- wp:column {"verticalAlignment":"stretch","width":"50%"} --> + <div class="wp-block-column is-vertically-aligned-stretch" style="flex-basis:50%"> + <!-- wp:group {"style":{"dimensions":{"minHeight":"100%"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","verticalAlignment":"space-between"}} --> + <div class="wp-block-group" style="min-height:100%"> + + <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.2"}},"fontSize":"x-large","fontFamily":"heading"} --> + <p class="has-heading-font-family has-x-large-font-size" style="line-height:1.2"><?php echo esc_html_x( 'Études offers comprehensive consulting, management, design, and research solutions. Every architectural endeavor is an opportunity to shape the future.', 'Headline for the About pattern', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + + <!-- wp:group {"layout":{"type":"constrained","contentSize":"300px","justifyContent":"left"}} --> + <div class="wp-block-group"> + + <!-- wp:paragraph {"style":{"layout":{"selfStretch":"fixed","flexSize":"50%"}}} --> + <p><?php echo esc_html_x( 'Leaving an indelible mark on the landscape of tomorrow.', 'Description for the About pattern', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + + <!-- wp:buttons --> + <div class="wp-block-buttons"> + <!-- wp:button --> + <div class="wp-block-button"> + <a class="wp-block-button__link wp-element-button"><?php echo esc_html_x( 'About us', 'Call to Action button text', 'twentytwentyfour' ); ?></a> + </div> + <!-- /wp:button --> + </div> + <!-- /wp:buttons --> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center","width":"50%"} --> + <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"> + <!-- wp:image {"aspectRatio":"3/4","scale":"cover","sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} --> + <figure class="wp-block-image size-large is-style-rounded"> + <img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/museum.webp" alt="<?php esc_attr_e( 'A ramp along a curved wall in the Kiasma Museu, Helsinki, Finland', 'twentytwentyfour' ); ?>" style="aspect-ratio:3/4;object-fit:cover" /> + </figure> + <!-- /wp:image --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/readme.txt b/wp-content/themes/twentytwentyfour/readme.txt new file mode 100644 index 0000000..c1837d4 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/readme.txt @@ -0,0 +1,50 @@ +=== Twenty Twenty-Four === +Contributors: wordpressdotorg +Requires at least: 6.4 +Tested up to: 6.4 +Requires PHP: 7.0 +Stable tag: 1.0 +License: GPLv2 or later +License URI: http://www.gnu.org/licenses/gpl-2.0.html + +== Description == + +Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4. + +== Changelog == + += 1.0 = +* Released: November 7, 2023 + +https://wordpress.org/documentation/article/twenty-twenty-four-changelog/#Version_1.0 + +== Copyright == + +Twenty Twenty-Four WordPress Theme, (C) 2023 WordPress.org +Twenty Twenty-Four 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. + +=== Images === +License: CC0 https://creativecommons.org/publicdomain/zero/1.0/ + +museum.webp - https://www.rawpixel.com/image/3297419/free-photo-image-interior-hallway-architecture +tourist-and-building.webp - https://www.rawpixel.com/image/5928004/photo-image-public-domain-hand-person +building-exterior.webp - https://www.rawpixel.com/image/430335/free-photo-image-architecture-building-roof +windows.webp - https://www.rawpixel.com/image/3286615/free-photo-image-texture-architecture-building +abstract-geometric-art.webp - https://www.rawpixel.com/image/3283970/free-photo-image-pattern-artwork-abstract +angular-roof.webp - https://www.rawpixel.com/image/3289063/free-photo-image-architectural-detail-architecture +art-gallery.webp - https://www.rawpixel.com/image/3286187/free-photo-image-person-stairs-architecture +green-staircase.webp - https://www.rawpixel.com/image/430558/free-photo-image-abstract-architecture-art-public-domain +hotel-facade.webp - https://www.rawpixel.com/image/3286725/free-photo-image-black-and-white-background-photos + +License: UNICODE LICENSE V3 https://www.unicode.org/license.txt +icon-message.webp diff --git a/wp-content/themes/twentytwentyfour/screenshot.png b/wp-content/themes/twentytwentyfour/screenshot.png Binary files differnew file mode 100644 index 0000000..40c5b99 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/screenshot.png diff --git a/wp-content/themes/twentytwentyfour/style.css b/wp-content/themes/twentytwentyfour/style.css new file mode 100644 index 0000000..6325914 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/style.css @@ -0,0 +1,15 @@ +/* +Theme Name: Twenty Twenty-Four +Theme URI: https://wordpress.org/themes/twentytwentyfour/ +Author: the WordPress team +Author URI: https://wordpress.org +Description: Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4. +Requires at least: 6.4 +Tested up to: 6.4 +Requires PHP: 7.0 +Version: 1.0 +License: GNU General Public License v2 or later +License URI: http://www.gnu.org/licenses/gpl-2.0.html +Text Domain: twentytwentyfour +Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news +*/ diff --git a/wp-content/themes/twentytwentyfour/styles/ember.json b/wp-content/themes/twentytwentyfour/styles/ember.json new file mode 100644 index 0000000..37e9c41 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/styles/ember.json @@ -0,0 +1,249 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 2, + "title": "Ember", + "settings": { + "color": { + "duotone": [ + { + "colors": [ + "#FF3C00", + "#F4F0E6" + ], + "slug": "duotone-2", + "name": "Orange and white" + } + ], + "gradients": [ + { + "slug": "gradient-1", + "gradient": "linear-gradient(to bottom, #f6decd 0%, #dbab88 100%)", + "name": "Vertical linen to beige" + }, + { + "slug": "gradient-2", + "gradient": "linear-gradient(to bottom, #A4A4A4 0%, #dbab88 100%)", + "name": "Vertical taupe to beige" + }, + { + "slug": "gradient-3", + "gradient": "linear-gradient(to bottom, #353535 0%, #dbab88 100%)", + "name": "Vertical sable to beige" + }, + { + "slug": "gradient-4", + "gradient": "linear-gradient(to bottom, #111111 0%, #dbab88 100%)", + "name": "Vertical ebony to beige" + }, + { + "slug": "gradient-5", + "gradient": "linear-gradient(to bottom, #353535 0%, #A4A4A4 100%)", + "name": "Vertical sable to beige" + }, + { + "slug": "gradient-6", + "gradient": "linear-gradient(to bottom, #111111 0%, #353535 100%)", + "name": "Vertical ebony to sable" + }, + { + "slug": "gradient-7", + "gradient": "linear-gradient(to bottom, #dbab88 50%, #f6decd 50%)", + "name": "Vertical hard beige to linen" + }, + { + "slug": "gradient-8", + "gradient": "linear-gradient(to bottom, #A4A4A4 50%, #dbab88 50%)", + "name": "Vertical hard taupe to beige" + }, + { + "slug": "gradient-9", + "gradient": "linear-gradient(to bottom, #353535 50%, #dbab88 50%)", + "name": "Vertical hard sable to beige" + }, + { + "slug": "gradient-10", + "gradient": "linear-gradient(to bottom, #111111 50%, #dbab88 50%)", + "name": "Vertical hard ebony to beige" + }, + { + "slug": "gradient-11", + "gradient": "linear-gradient(to bottom, #353535 50%, #A4A4A4 50%)", + "name": "Vertical hard sable to taupe" + }, + { + "slug": "gradient-12", + "gradient": "linear-gradient(to bottom, #111111 50%, #353535 50%)", + "name": "Vertical hard ebony to sable" + } + ], + "palette": [ + { + "color": "#F4F0E6", + "name": "Base", + "slug": "base" + }, + { + "color": "#FF3C00", + "name": "Contrast / 2", + "slug": "contrast-2" + }, + { + "color": "#000", + "name": "Contrast", + "slug": "contrast" + }, + { + "color": "#f6decd", + "name": "Base / Two", + "slug": "base-2" + } + ] + }, + "typography": { + "fontFamilies": [ + { + "fontFace": [ + { + "fontFamily": "Instrument Sans", + "fontStyle": "normal", + "fontWeight": "400 700", + "src": [ + "file:./assets/fonts/instrument-sans/InstrumentSans-VariableFont_wdth,wght.woff2" + ] + }, + { + "fontFamily": "Instrument Sans", + "fontStyle": "italic", + "fontWeight": "400 700", + "src": [ + "file:./assets/fonts/instrument-sans/InstrumentSans-Italic-VariableFont_wdth,wght.woff2" + ] + } + ], + "fontFamily": "\"Instrument Sans\", sans-serif", + "name": "Instrument Sans", + "slug": "body" + }, + { + "fontFace": [ + { + "fontFamily": "Jost", + "fontStyle": "normal", + "fontWeight": "100 900", + "src": ["file:./assets/fonts/jost/Jost-VariableFont_wght.woff2"] + }, + { + "fontFamily": "Jost", + "fontStyle": "italic", + "fontWeight": "100 900", + "src": [ + "file:./assets/fonts/jost/Jost-Italic-VariableFont_wght.woff2" + ] + } + ], + "fontFamily": "\"Jost\", sans-serif", + "name": "Jost", + "slug": "heading" + }, + { + "fontFamily": "-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif", + "name": "System Sans-serif", + "slug": "system-sans-serif" + }, + { + "fontFamily": "Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "name": "System Serif", + "slug": "system-serif" + } + ] + } + }, + "styles": { + "blocks": { + "core/button": { + "variations": { + "outline": { + "spacing": { + "padding": { + "bottom": "calc(0.9rem - 2px)", + "left": "calc(2rem - 2px)", + "right": "calc(2rem - 2px)", + "top": "calc(0.9rem - 2px)" + } + }, + "border": { + "width": "2px" + } + } + } + }, + "core/image": { + "filter": { + "duotone": "var(--wp--preset--duotone--duotone-2)" + } + }, + "core/pullquote": { + "typography": { + "fontSize": "var(--wp--preset--font-size--large)", + "fontStyle": "normal", + "fontWeight": "normal", + "lineHeight": "1.2" + } + }, + "core/quote": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--heading)", + "fontSize": "var(--wp--preset--font-size--large)", + "fontStyle": "normal" + }, + "variations": { + "plain": { + "typography": { + "fontStyle": "normal", + "fontWeight": "400" + } + } + } + }, + "core/site-title": { + "typography": { + "fontWeight": "400" + } + }, + "core/navigation": { + "typography": { + "fontWeight": "400" + } + } + }, + "elements": { + "button": { + "border": { + "radius": "100px" + }, + "color": { + "background": "var(--wp--preset--color--contrast-2)", + "text": "var(--wp--preset--color--base)" + }, + "spacing": { + "padding": { + "bottom": "0.9rem", + "left": "2rem", + "right": "2rem", + "top": "0.9rem" + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--heading)", + "fontSize": "var(--wp--preset--font-size--small)", + "fontStyle": "normal" + }, + ":hover": { + "color": { + "background": "var(--wp--preset--color--contrast)" + } + } + } + } + } +} diff --git a/wp-content/themes/twentytwentyfour/styles/fossil.json b/wp-content/themes/twentytwentyfour/styles/fossil.json new file mode 100644 index 0000000..44e24fc --- /dev/null +++ b/wp-content/themes/twentytwentyfour/styles/fossil.json @@ -0,0 +1,279 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 2, + "title": "Fossil", + "settings": { + "color": { + "gradients": [ + { + "slug": "gradient-1", + "gradient": "linear-gradient(to bottom, #E1DFDB 0%, #D6D2CE 100%)", + "name": "Vertical linen to beige" + }, + { + "slug": "gradient-2", + "gradient": "linear-gradient(to bottom, #958D86 0%, #D6D2CE 100%)", + "name": "Vertical taupe to beige" + }, + { + "slug": "gradient-3", + "gradient": "linear-gradient(to bottom, #65574E 0%, #D6D2CE 100%)", + "name": "Vertical sable to beige" + }, + { + "slug": "gradient-4", + "gradient": "linear-gradient(to bottom, #1A1514 0%, #D6D2CE 100%)", + "name": "Vertical ebony to beige" + }, + { + "slug": "gradient-5", + "gradient": "linear-gradient(to bottom, #65574E 0%, #958D86 100%)", + "name": "Vertical sable to beige" + }, + { + "slug": "gradient-6", + "gradient": "linear-gradient(to bottom, #1A1514 0%, #65574E 100%)", + "name": "Vertical ebony to sable" + }, + { + "slug": "gradient-7", + "gradient": "linear-gradient(to bottom, #D6D2CE 50%, #E1DFDB 50%)", + "name": "Vertical hard beige to linen" + }, + { + "slug": "gradient-8", + "gradient": "linear-gradient(to bottom, #958D86 50%, #D6D2CE 50%)", + "name": "Vertical hard taupe to beige" + }, + { + "slug": "gradient-9", + "gradient": "linear-gradient(to bottom, #65574E 50%, #D6D2CE 50%)", + "name": "Vertical hard sable to beige" + }, + { + "slug": "gradient-10", + "gradient": "linear-gradient(to bottom, #1A1514 50%, #D6D2CE 50%)", + "name": "Vertical hard ebony to beige" + }, + { + "slug": "gradient-11", + "gradient": "linear-gradient(to bottom, #65574E 50%, #958D86 50%)", + "name": "Vertical hard sable to taupe" + }, + { + "slug": "gradient-12", + "gradient": "linear-gradient(to bottom, #1A1514 50%, #65574E 50%)", + "name": "Vertical hard ebony to sable" + } + ], + "palette": [ + { + "color": "#D6D2CE", + "name": "Base", + "slug": "base" + }, + { + "color": "#E1DFDB", + "name": "Base / Two", + "slug": "base-2" + }, + { + "color": "#1A1514", + "name": "Contrast", + "slug": "contrast" + }, + { + "color": "#65574E", + "name": "Contrast / Two", + "slug": "contrast-2" + }, + { + "color": "#958D86", + "name": "Contrast / Three", + "slug": "contrast-3" + } + ] + }, + "typography": { + "fontFamilies": [ + { + "fontFace": [ + { + "fontFamily": "Inter", + "fontStretch": "normal", + "fontStyle": "normal", + "fontWeight": "300 900", + "src": [ + "file:./assets/fonts/inter/Inter-VariableFont_slnt,wght.woff2" + ] + } + ], + "fontFamily": "\"Inter\", sans-serif", + "name": "Inter", + "slug": "heading" + }, + { + "fontFace": [ + { + "fontFamily": "Cardo", + "fontStyle": "normal", + "fontWeight": "400", + "src": ["file:./assets/fonts/cardo/cardo_normal_400.woff2"] + }, + { + "fontFamily": "Cardo", + "fontStyle": "italic", + "fontWeight": "400", + "src": ["file:./assets/fonts/cardo/cardo_italic_400.woff2"] + }, + { + "fontFamily": "Cardo", + "fontStyle": "normal", + "fontWeight": "700", + "src": ["file:./assets/fonts/cardo/cardo_normal_700.woff2"] + } + ], + "fontFamily": "Cardo", + "name": "Cardo", + "slug": "body" + }, + { + "fontFamily": "-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif", + "name": "System Sans-serif", + "slug": "system-sans-serif" + }, + { + "fontFamily": "Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "name": "System Serif", + "slug": "system-serif" + } + ], + "fontSizes": [ + { + "fluid": false, + "name": "Small", + "size": "1rem", + "slug": "small" + }, + { + "fluid": false, + "name": "Medium", + "size": "1.2rem", + "slug": "medium" + }, + { + "fluid": { + "min": "1.5rem", + "max": "2rem" + }, + "name": "Large", + "size": "2rem", + "slug": "large" + }, + { + "fluid": { + "min": "2rem", + "max": "2.65rem" + }, + "name": "Extra Large", + "size": "2.65rem", + "slug": "x-large" + }, + { + "fluid": { + "min": "2.65rem", + "max": "3.5rem" + }, + "name": "Extra Extra Large", + "size": "3.5rem", + "slug": "xx-large" + } + ] + } + }, + "styles": { + "blocks": { + "core/button": { + "variations": { + "outline": { + "spacing": { + "padding": { + "bottom": "calc(0.9rem - 2px)", + "left": "calc(2rem - 2px)", + "right": "calc(2rem - 2px)", + "top": "calc(0.9rem - 2px)" + } + }, + "border": { + "width": "2px" + } + } + } + }, + "core/pullquote": { + "typography": { + "fontSize": "var(--wp--preset--font-size--large)", + "fontStyle": "normal", + "fontWeight": "normal", + "lineHeight": "1.2" + } + }, + "core/quote": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--heading)", + "fontSize": "var(--wp--preset--font-size--large)", + "fontStyle": "normal" + }, + "variations": { + "plain": { + "typography": { + "fontStyle": "normal", + "fontWeight": "400" + } + } + } + }, + "core/site-title": { + "typography": { + "fontWeight": "400" + } + } + }, + "elements": { + "button": { + "border": { + "radius": "100px", + "color": "var(--wp--preset--color--contrast-2)" + }, + "color": { + "background": "var(--wp--preset--color--contrast-2)", + "text": "var(--wp--preset--color--white)" + }, + "spacing": { + "padding": { + "bottom": "0.9rem", + "left": "2rem", + "right": "2rem", + "top": "0.9rem" + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--heading)", + "fontSize": "var(--wp--preset--font-size--small)", + "fontStyle": "normal" + }, + ":hover": { + "color": { + "background": "var(--wp--preset--color--contrast)" + } + } + }, + "heading": { + "typography": { + "fontWeight": "normal", + "letterSpacing": "0" + } + } + } + } +} diff --git a/wp-content/themes/twentytwentyfour/styles/ice.json b/wp-content/themes/twentytwentyfour/styles/ice.json new file mode 100644 index 0000000..e7896bc --- /dev/null +++ b/wp-content/themes/twentytwentyfour/styles/ice.json @@ -0,0 +1,280 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 2, + "title": "Ice", + "settings": { + "color": { + "gradients": [ + { + "slug": "gradient-1", + "gradient": "linear-gradient(to bottom, #cbd9e1 0%, #EBEBEF 100%)", + "name": "Vertical azure to ice" + }, + { + "slug": "gradient-2", + "gradient": "linear-gradient(to bottom, #466577 0%, #EBEBEF 100%)", + "name": "Vertical slate to ice" + }, + { + "slug": "gradient-3", + "gradient": "linear-gradient(to bottom, #37505d 0%, #EBEBEF 100%)", + "name": "Vertical ocean to ice" + }, + { + "slug": "gradient-4", + "gradient": "linear-gradient(to bottom, #1C2930 0%, #EBEBEF 100%)", + "name": "Vertical ink to ice" + }, + { + "slug": "gradient-5", + "gradient": "linear-gradient(to bottom, #37505d 0%, #466577 100%)", + "name": "Vertical ocean to slate" + }, + { + "slug": "gradient-6", + "gradient": "linear-gradient(to bottom, #1C2930 0%, #37505d 100%)", + "name": "Vertical ink to ocean" + }, + { + "slug": "gradient-7", + "gradient": "linear-gradient(to bottom, #EBEBEF 50%, #cbd9e1 50%)", + "name": "Vertical hard ice to azure" + }, + { + "slug": "gradient-8", + "gradient": "linear-gradient(to bottom, #466577 50%, #EBEBEF 50%)", + "name": "Vertical hard slate to ice" + }, + { + "slug": "gradient-9", + "gradient": "linear-gradient(to bottom, #37505d 50%, #EBEBEF 50%)", + "name": "Vertical hard ocean to ice" + }, + { + "slug": "gradient-10", + "gradient": "linear-gradient(to bottom, #1C2930 50%, #EBEBEF 50%)", + "name": "Vertical hard ink to ice" + }, + { + "slug": "gradient-11", + "gradient": "linear-gradient(to bottom, #37505d 50%, #466577 50%)", + "name": "Vertical hard ocean to slate" + }, + { + "slug": "gradient-12", + "gradient": "linear-gradient(to bottom, #1C2930 50%, #37505d 50%)", + "name": "Vertical hard ink to ocean" + } + ], + "palette": [ + { + "color": "#EBEBEF", + "name": "Base", + "slug": "base" + }, + { + "color": "#DCE0E6", + "name": "Base / Two", + "slug": "base-2" + }, + { + "color": "#1C2930", + "name": "Contrast", + "slug": "contrast" + }, + { + "color": "#37505d", + "name": "Contrast / Two", + "slug": "contrast-2" + }, + { + "color": "#96A5B2", + "name": "Contrast / Three", + "slug": "contrast-3" + } + ] + }, + "typography": { + "fontFamilies": [ + { + "fontFace": [ + { + "fontFamily": "Inter", + "fontStretch": "normal", + "fontStyle": "normal", + "fontWeight": "300 900", + "src": [ + "file:./assets/fonts/inter/Inter-VariableFont_slnt,wght.woff2" + ] + } + ], + "fontFamily": "\"Inter\", sans-serif", + "name": "Inter", + "slug": "heading" + }, + { + "fontFace": [ + { + "fontFamily": "Jost", + "fontStyle": "normal", + "fontWeight": "100 900", + "src": ["file:./assets/fonts/jost/Jost-VariableFont_wght.woff2"] + }, + { + "fontFamily": "Jost", + "fontStyle": "italic", + "fontWeight": "100 900", + "src": [ + "file:./assets/fonts/jost/Jost-Italic-VariableFont_wght.woff2" + ] + } + ], + "fontFamily": "\"Jost\", sans-serif", + "name": "Jost", + "slug": "body" + }, + { + "fontFamily": "-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif", + "name": "System Sans-serif", + "slug": "system-sans-serif" + }, + { + "fontFamily": "Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "name": "System Serif", + "slug": "system-serif" + } + ], + "fontSizes": [ + { + "fluid": false, + "name": "Small", + "size": "1rem", + "slug": "small" + }, + { + "fluid": false, + "name": "Medium", + "size": "1.2rem", + "slug": "medium" + }, + { + "fluid": { + "min": "1.5rem", + "max": "2rem" + }, + "name": "Large", + "size": "2rem", + "slug": "large" + }, + { + "fluid": { + "min": "2rem", + "max": "2.65rem" + }, + "name": "Extra Large", + "size": "2.65rem", + "slug": "x-large" + }, + { + "fluid": { + "min": "2.65rem", + "max": "3.5rem" + }, + "name": "Extra Extra Large", + "size": "3.5rem", + "slug": "xx-large" + } + ] + } + }, + "styles": { + "blocks": { + "core/button": { + "variations": { + "outline": { + "spacing": { + "padding": { + "bottom": "calc(1rem - 1px)", + "left": "calc(2.2rem - 1px)", + "right": "calc(2.2rem - 1px)", + "top": "calc(1rem - 1px)" + } + }, + "border": { + "width": "1px" + } + } + } + }, + "core/pullquote": { + "typography": { + "fontSize": "var(--wp--preset--font-size--large)", + "fontStyle": "normal", + "fontWeight": "normal", + "lineHeight": "1.2" + } + }, + "core/quote": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--heading)", + "fontSize": "var(--wp--preset--font-size--large)", + "fontStyle": "normal" + }, + "variations": { + "plain": { + "typography": { + "fontStyle": "normal", + "fontWeight": "400" + } + } + } + }, + "core/site-title": { + "typography": { + "fontWeight": "400" + } + } + }, + "elements": { + "button": { + "border": { + "radius": "4px", + "color": "var(--wp--preset--color--contrast-2)" + }, + "color": { + "background": "var(--wp--preset--color--contrast-2)", + "text": "var(--wp--preset--color--white)" + }, + "spacing": { + "padding": { + "bottom": "1rem", + "left": "2.2rem", + "right": "2.2rem", + "top": "1rem" + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--heading)", + "fontSize": "0.75rem", + "fontStyle": "normal", + "textTransform": "uppercase", + "letterSpacing": "0.1rem" + }, + ":hover": { + "color": { + "background": "var(--wp--preset--color--contrast)" + }, + "border": { + "color": "var(--wp--preset--color--contrast)" + } + } + }, + "heading": { + "typography": { + "fontWeight": "normal", + "letterSpacing": "0" + } + } + } + } +} diff --git a/wp-content/themes/twentytwentyfour/styles/maelstrom.json b/wp-content/themes/twentytwentyfour/styles/maelstrom.json new file mode 100644 index 0000000..1f99cf5 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/styles/maelstrom.json @@ -0,0 +1,205 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 2, + "title": "Maelstrom", + "settings": { + "color": { + "palette": [ + { + "color": "#38629F", + "name": "Base", + "slug": "base" + }, + { + "color": "#244E8A", + "name": "Base / Two", + "slug": "base-2" + }, + { + "color": "#FFFFFFA1", + "name": "Contrast / 2", + "slug": "contrast-2" + }, + { + "color": "#FFFFFF", + "name": "Contrast", + "slug": "contrast" + }, + { + "color": "#D5E0F0", + "name": "Contrast / 3", + "slug": "contrast-3" + } + ] + }, + "typography": { + "fontFamilies": [ + { + "fontFace": [ + { + "fontFamily": "Cardo", + "fontStyle": "normal", + "fontWeight": "400", + "src": ["file:./assets/fonts/cardo/cardo_normal_400.woff2"] + }, + { + "fontFamily": "Cardo", + "fontStyle": "italic", + "fontWeight": "400", + "src": ["file:./assets/fonts/cardo/cardo_italic_400.woff2"] + }, + { + "fontFamily": "Cardo", + "fontStyle": "normal", + "fontWeight": "700", + "src": ["file:./assets/fonts/cardo/cardo_normal_700.woff2"] + } + ], + "fontFamily": "Cardo", + "name": "Cardo", + "slug": "body" + }, + { + "fontFace": [ + { + "fontFamily": "Jost", + "fontStyle": "normal", + "fontWeight": "100 900", + "src": ["file:./assets/fonts/jost/Jost-VariableFont_wght.woff2"] + }, + { + "fontFamily": "Jost", + "fontStyle": "italic", + "fontWeight": "100 900", + "src": [ + "file:./assets/fonts/jost/Jost-Italic-VariableFont_wght.woff2" + ] + } + ], + "fontFamily": "\"Jost\", sans-serif", + "name": "Jost", + "slug": "heading" + }, + { + "fontFamily": "-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif", + "name": "System Sans-serif", + "slug": "system-sans-serif" + }, + { + "fontFamily": "Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "name": "System Serif", + "slug": "system-serif" + } + ], + "fontSizes": [ + { + "fluid": false, + "name": "Small", + "size": "1rem", + "slug": "small" + }, + { + "fluid": false, + "name": "Medium", + "size": "1.2rem", + "slug": "medium" + }, + { + "fluid": { + "min": "1.5rem", + "max": "2rem" + }, + "name": "Large", + "size": "2rem", + "slug": "large" + }, + { + "fluid": { + "min": "2rem", + "max": "2.65rem" + }, + "name": "Extra Large", + "size": "2.65rem", + "slug": "x-large" + }, + { + "fluid": { + "min": "2.65rem", + "max": "3.5rem" + }, + "name": "Extra Extra Large", + "size": "3.5rem", + "slug": "xx-large" + } + ] + } + }, + "styles": { + "blocks": { + "core/button": { + "variations": { + "outline": { + "spacing": { + "padding": { + "bottom": "calc(0.8rem - 2px)", + "left": "calc(1.6rem - 2px)", + "right": "calc(1.6rem - 2px)", + "top": "calc(0.8rem - 2px)" + } + }, + "border": { + "width": "2px" + } + } + } + }, + "core/site-title": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--heading)", + "fontWeight": "normal" + } + }, + "core/navigation": { + "typography": { + "fontSize": "var(--wp--preset--font-size--small)", + "fontWeight": "normal" + } + } + }, + "elements": { + "button": { + "border": { + "radius": "6px" + }, + "color": { + "background": "var(--wp--preset--color--contrast)", + "text": "var(--wp--preset--color--base-2)" + }, + "spacing": { + "padding": { + "bottom": "0.98rem", + "left": "1.6rem", + "right": "1.6rem", + "top": "0.8rem" + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--heading)", + "fontSize": "var(--wp--preset--font-size--small)", + "fontStyle": "normal" + }, + ":hover": { + "color": { + "background": "var(--wp--preset--color--contrast)" + } + } + }, + "heading": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--heading)", + "letterSpacing": "0" + } + } + } + } +} diff --git a/wp-content/themes/twentytwentyfour/styles/mint.json b/wp-content/themes/twentytwentyfour/styles/mint.json new file mode 100644 index 0000000..9d306e5 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/styles/mint.json @@ -0,0 +1,169 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 2, + "title": "Mint", + "settings": { + "color": { + "palette": [ + { + "color": "#e4efeb", + "name": "Base", + "slug": "base" + }, + { + "color": "#f1fefb", + "name": "Base / Two", + "slug": "base-2" + }, + { + "color": "#000000", + "name": "Contrast", + "slug": "contrast" + }, + { + "color": "#353535", + "name": "Contrast / Two", + "slug": "contrast-2" + }, + { + "color": "#A4A4A4", + "name": "Contrast / Three", + "slug": "contrast-3" + } + ] + }, + "typography": { + "fluid": true, + "fontFamilies": [ + { + "fontFace": [ + { + "fontFamily": "Instrument Sans", + "fontStyle": "normal", + "fontWeight": "400 700", + "src": [ + "file:./assets/fonts/instrument-sans/InstrumentSans-VariableFont_wdth,wght.woff2" + ] + }, + { + "fontFamily": "Instrument Sans", + "fontStyle": "italic", + "fontWeight": "400 700", + "src": [ + "file:./assets/fonts/instrument-sans/InstrumentSans-Italic-VariableFont_wdth,wght.woff2" + ] + } + ], + "fontFamily": "\"Instrument Sans\", sans-serif", + "name": "Instrument Sans", + "slug": "heading" + }, + { + "fontFace": [ + { + "fontFamily": "Jost", + "fontStyle": "normal", + "fontWeight": "100 900", + "src": ["file:./assets/fonts/jost/Jost-VariableFont_wght.woff2"] + }, + { + "fontFamily": "Jost", + "fontStyle": "italic", + "fontWeight": "100 900", + "src": [ + "file:./assets/fonts/jost/Jost-Italic-VariableFont_wght.woff2" + ] + } + ], + "fontFamily": "\"Jost\", sans-serif", + "name": "Jost", + "slug": "body" + }, + { + "fontFamily": "-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif", + "name": "System Sans-serif", + "slug": "system-sans-serif" + }, + { + "fontFamily": "Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "name": "System Serif", + "slug": "system-serif" + } + ] + } + }, + "styles": { + "blocks": { + "core/navigation": { + "typography": { + "fontStyle": "normal", + "fontWeight": "400" + } + }, + "core/pullquote": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--body)", + "fontSize": "var(--wp--preset--font-size--x-large)", + "fontStyle": "normal", + "fontWeight": "600", + "lineHeight": "1.3" + } + }, + "core/quote": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--body)", + "fontSize": "var(--wp--preset--font-size--large)", + "fontStyle": "normal", + "fontWeight": "400" + } + }, + "core/site-title": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--heading)" + } + } + }, + "elements": { + "caption": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--body)" + } + }, + "h1": { + "typography": { + "fontSize": "var(--wp--preset--font-size--x-large)" + } + }, + "h2": { + "typography": { + "fontSize": "2.1rem" + } + }, + "h3": { + "typography": { + "fontSize": "var(--wp--preset--font-size--large)" + } + }, + "h4": { + "typography": { + "fontSize": "1.6rem" + } + }, + "h5": { + "typography": { + "fontSize": "1.4rem" + } + }, + "heading": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--heading)", + "fontStyle": "normal", + "fontWeight": "600" + } + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--body)" + } + } +} diff --git a/wp-content/themes/twentytwentyfour/styles/onyx.json b/wp-content/themes/twentytwentyfour/styles/onyx.json new file mode 100644 index 0000000..41afbd8 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/styles/onyx.json @@ -0,0 +1,165 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 2, + "title": "Onyx", + "settings": { + "color": { + "duotone": [ + { + "colors": [ + "#272727", + "#f9f9f9" + ], + "slug": "duotone-1", + "name": "Dark gray and white" + }, + { + "colors": [ + "#272727", + "#5F584F" + ], + "slug": "duotone-2", + "name": "Dark gray and walnut" + }, + { + "colors": [ + "#272727", + "#973C20" + ], + "slug": "duotone-3", + "name": "Dark gray and cinnamon" + }, + { + "colors": [ + "#272727", + "#4D5B48" + ], + "slug": "duotone-4", + "name": "Dark gray and olive" + }, + { + "colors": [ + "#272727", + "#4F5959" + ], + "slug": "duotone-5", + "name": "Dark gray and steel" + } + ], + "gradients": [ + { + "slug": "gradient-1", + "gradient": "linear-gradient(to bottom, #5F584F 0%, #272727 100%)", + "name": "Vertical soft driftwood to dark gray" + }, + { + "slug": "gradient-2", + "gradient": "linear-gradient(to bottom, #6D533C 0%, #272727 100%)", + "name": "Vertical soft walnut to dark gray" + }, + { + "slug": "gradient-3", + "gradient": "linear-gradient(to bottom, #973C20 0%, #272727 100%)", + "name": "Vertical soft cinnamon to dark gray" + }, + { + "slug": "gradient-4", + "gradient": "linear-gradient(to bottom, #4D5B48 0%, #272727 100%)", + "name": "Vertical soft olive to dark gray" + }, + { + "slug": "gradient-5", + "gradient": "linear-gradient(to bottom, #4F5959 0%, #272727 100%)", + "name": "Vertical soft steel to dark gray" + }, + { + "slug": "gradient-6", + "gradient": "linear-gradient(to bottom, #909090 0%, #272727 100%)", + "name": "Vertical soft pewter to dark gray" + }, + { + "slug": "gradient-7", + "gradient": "linear-gradient(to bottom, #5F584F 50%, #272727 50%)", + "name": "Vertical hard beige to dark gray" + }, + { + "slug": "gradient-8", + "gradient": "linear-gradient(to bottom, #6D533C 50%, #272727 50%)", + "name": "Vertical hard walnut to dark gray" + }, + { + "slug": "gradient-9", + "gradient": "linear-gradient(to bottom, #973C20 50%, #272727 50%)", + "name": "Vertical hard cinnamon to dark gray" + }, + { + "slug": "gradient-10", + "gradient": "linear-gradient(to bottom, #4D5B48 50%, #272727 50%)", + "name": "Vertical hard olive to dark gray" + }, + { + "slug": "gradient-11", + "gradient": "linear-gradient(to bottom, #4F5959 50%, #272727 50%)", + "name": "Vertical hard steel to dark gray" + }, + { + "slug": "gradient-12", + "gradient": "linear-gradient(to bottom, #A4A4A4 50%, #272727 50%)", + "name": "Vertical hard pewter to dark gray" + } + ], + "palette": [ + { + "color": "#272727", + "name": "Base", + "slug": "base" + }, + { + "color": "#303030", + "name": "Base / Two", + "slug": "base-2" + }, + { + "color": "#f9f9f9", + "name": "Contrast", + "slug": "contrast" + }, + { + "color": "#B7B7B7", + "name": "Contrast / Two", + "slug": "contrast-2" + }, + { + "color": "#909090", + "name": "Contrast / Three", + "slug": "contrast-3" + }, + { + "color": "#5F584F", + "name": "Accent", + "slug": "accent" + }, + { + "color": "#6D533C", + "name": "Accent / Two", + "slug": "accent-2" + }, + { + "color": "#973C20", + "name": "Accent / Three", + "slug": "accent-3" + }, + { + "color": "#4D5B48", + "name": "Accent / Four", + "slug": "accent-4" + }, + { + "color": "#4F5959", + "name": "Accent / Five", + "slug": "accent-5" + } + ] + } + } +} diff --git a/wp-content/themes/twentytwentyfour/styles/rust.json b/wp-content/themes/twentytwentyfour/styles/rust.json new file mode 100644 index 0000000..e3410b6 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/styles/rust.json @@ -0,0 +1,145 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 2, + "title": "Rust", + "settings": { + "color": { + "duotone": [ + { + "colors": [ + "#A62B0C", + "#F3F0E7" + ], + "slug": "duotone-1", + "name": "Dark rust to beige" + } + ], + "gradients": [ + { + "slug": "gradient-1", + "gradient": "linear-gradient(to bottom, #A62A0C42 0%, #F3F0E7 100%)", + "name": "Vertical transparent rust to beige" + }, + { + "slug": "gradient-7", + "gradient": "linear-gradient(to bottom, #A62A0C42 50%, #F3F0E7 50%)", + "name": "Vertical hard transparent rust to beige" + }, + { + "slug": "gradient-2", + "gradient": "linear-gradient(to bottom, #A62B0C 0%, #F3F0E7 100%)", + "name": "Vertical rust to beige" + }, + { + "slug": "gradient-8", + "gradient": "linear-gradient(to bottom, #A62B0C 50%, #F3F0E7 50%)", + "name": "Vertical hard rust to beige" + } + ], + "palette": [ + { + "color": "#F3F0E7", + "name": "Base", + "slug": "base" + }, + { + "color": "#ECEADF", + "name": "Base / 2", + "slug": "base-2" + }, + { + "color": "#A62B0C", + "name": "Contrast", + "slug": "contrast" + } + ] + } + }, + "styles": { + "blocks": { + "core/calendar": { + "css": ".wp-block-calendar table:where(:not(.has-text-color)) th{background-color:var(--wp--preset--color--contrast);color:var(--wp--preset--color--base);border-color:var(--wp--preset--color--contrast)} & table:where(:not(.has-text-color)) td{border-color:var(--wp--preset--color--contrast)}" + }, + "core/comment-date": { + "color": { + "text": "var(--wp--preset--color--contrast)" + }, + "elements": { + "link": { + "color": { + "text": "var(--wp--preset--color--contrast)" + } + } + } + }, + "core/comment-edit-link": { + "elements": { + "link": { + "color": { + "text": "var(--wp--preset--color--contrast)" + } + } + } + }, + "core/comment-reply-link": { + "elements": { + "link": { + "color": { + "text": "var(--wp--preset--color--contrast)" + } + } + } + }, + "core/post-date": { + "color": { + "text": "var(--wp--preset--color--contrast)" + }, + "elements": { + "link": { + "color": { + "text": "var(--wp--preset--color--contrast)" + } + } + } + }, + "core/post-terms": { + "css":"& .wp-block-post-terms__prefix{color: var(--wp--preset--color--contrast);}" + }, + "core/quote": { + "color": { + "background": "var(--wp--preset--color--base)" + } + }, + "core/site-tagline": { + "color": { + "text": "var(--wp--preset--color--contrast)" + } + } + }, + "elements": { + "button": { + ":focus": { + "color": { + "background": "var(--wp--preset--color--contrast)" + }, + "border": { + "color": "var(--wp--preset--color--contrast)" + } + }, + ":hover": { + "color": { + "background": "var(--wp--preset--color--contrast)" + }, + "border": { + "color": "var(--wp--preset--color--contrast)" + } + } + }, + "caption": { + "color": { + "text": "var(--wp--preset--color--contrast)" + } + } + } + } +} diff --git a/wp-content/themes/twentytwentyfour/templates/404.html b/wp-content/themes/twentytwentyfour/templates/404.html new file mode 100644 index 0000000..37abd55 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/templates/404.html @@ -0,0 +1,9 @@ +<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|30"}},"layout":{"type":"constrained"}} --> +<main class="wp-block-group" style="margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50)"> + <!-- wp:pattern {"slug":"twentytwentyfour/hidden-404"} /--> +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentyfour/templates/archive.html b/wp-content/themes/twentytwentyfour/templates/archive.html new file mode 100644 index 0000000..e430722 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/templates/archive.html @@ -0,0 +1,13 @@ +<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main","align":"full","layout":{"type":"constrained"}} --> +<main class="wp-block-group alignfull"> + + <!-- wp:query-title {"type":"archive","align":"wide","style":{"typography":{"lineHeight":"1"},"spacing":{"padding":{"top":"var:preset|spacing|50"}}}} /--> + + <!-- wp:pattern {"slug":"twentytwentyfour/posts-3-col"} /--> + +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentyfour/templates/home.html b/wp-content/themes/twentytwentyfour/templates/home.html new file mode 100644 index 0000000..7c364b8 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/templates/home.html @@ -0,0 +1 @@ +<!-- wp:pattern {"slug":"twentytwentyfour/template-home-business"} /--> diff --git a/wp-content/themes/twentytwentyfour/templates/index.html b/wp-content/themes/twentytwentyfour/templates/index.html new file mode 100644 index 0000000..fd93725 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/templates/index.html @@ -0,0 +1,12 @@ +<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main","align":"full","layout":{"type":"constrained"}} --> +<main class="wp-block-group alignfull"> + <!-- wp:heading {"level":1,"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|50"}}}} --> + <h1 class="wp-block-heading alignwide" style="padding-top:var(--wp--preset--spacing--50)">Posts</h1> + <!-- /wp:heading --> + <!-- wp:pattern {"slug":"twentytwentyfour/posts-3-col"} /--> +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentyfour/templates/page-no-title.html b/wp-content/themes/twentytwentyfour/templates/page-no-title.html new file mode 100644 index 0000000..f221eaf --- /dev/null +++ b/wp-content/themes/twentytwentyfour/templates/page-no-title.html @@ -0,0 +1,9 @@ +<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"0"}}}} --> +<main class="wp-block-group" style="margin-top:0"> + <!-- wp:post-content {"lock":{"move":false,"remove":true},"layout":{"type":"constrained"}} /--> +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentyfour/templates/page-wide.html b/wp-content/themes/twentytwentyfour/templates/page-wide.html new file mode 100644 index 0000000..21478ea --- /dev/null +++ b/wp-content/themes/twentytwentyfour/templates/page-wide.html @@ -0,0 +1,33 @@ +<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main","layout":{"type":"default"}} --> +<main class="wp-block-group"> + <!-- wp:group {"style":{"spacing":{"padding":{"top":"0vh","bottom":"6vh"}}},"layout":{"type":"constrained"}} --> + <div class="wp-block-group" style="padding-top:0vh;padding-bottom:6vh"> + <!-- wp:post-featured-image {"align":"wide"} /--> + </div> + <!-- /wp:group --> + + <!-- wp:group {"layout":{"type":"constrained"}} --> + <div class="wp-block-group"> + <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"1rem","left":"1rem"}}}} --> + <div class="wp-block-columns alignwide"> + <!-- wp:column --> + <div class="wp-block-column"> + <!-- wp:post-title {"level":1,"fontSize":"x-large"} /--> + </div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"> + <!-- wp:post-content {"lock":{"move":false,"remove":true},"layout":{"type":"constrained"}} /--> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> + </div> + <!-- /wp:group --> +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentyfour/templates/page-with-sidebar.html b/wp-content/themes/twentytwentyfour/templates/page-with-sidebar.html new file mode 100644 index 0000000..f57b2ba --- /dev/null +++ b/wp-content/themes/twentytwentyfour/templates/page-with-sidebar.html @@ -0,0 +1,54 @@ +<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> + +<!-- wp:group {"layout":{"type":"constrained"}} --> +<div class="wp-block-group"> + + <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"1rem","left":"1rem"},"padding":{"top":"var:preset|spacing|50"},"margin":{"bottom":"var:preset|spacing|40"}}}} --> + <div class="wp-block-columns alignwide" + style="margin-bottom:var(--wp--preset--spacing--40);padding-top:var(--wp--preset--spacing--50)"> + <!-- wp:column {"width":"10%"} --> + <div class="wp-block-column" style="flex-basis:10%"> + </div> + <!-- /wp:column --> + + <!-- wp:column {"width":"60%"} --> + <div class="wp-block-column" style="flex-basis:60%"> + <!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} --> + <main class="wp-block-group"> + <!-- wp:post-title {"level":1,"fontSize":"x-large"} /--> + + <!-- wp:spacer {"height":"var:preset|spacing|30","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} --> + <div style="margin-top:0;margin-bottom:0;height:var(--wp--preset--spacing--30)" aria-hidden="true" + class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:post-featured-image {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|40"}}}} /--> + + <!-- wp:post-content {"lock":{"move":false,"remove":true},"layout":{"type":"constrained"}} /--> + </main> + <!-- /wp:group --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"width":"10%"} --> + <div class="wp-block-column" style="flex-basis:10%"> + </div> + <!-- /wp:column --> + + <!-- wp:column {"width":"30%"} --> + <div class="wp-block-column" style="flex-basis:30%"> + <!-- wp:template-part {"slug":"sidebar","tagName":"aside"} /--> + </div> + <!-- /wp:column --> + + <!-- wp:column {"width":"10%"} --> + <div class="wp-block-column" style="flex-basis:10%"> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> +</div> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentyfour/templates/page.html b/wp-content/themes/twentytwentyfour/templates/page.html new file mode 100644 index 0000000..0486031 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/templates/page.html @@ -0,0 +1,26 @@ +<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main"} --> +<main class="wp-block-group"> + <!-- wp:group {"layout":{"type":"constrained"}} --> + <div class="wp-block-group"> + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:post-title {"textAlign":"center","level":1} /--> + + <!-- wp:spacer {"height":"var:preset|spacing|30","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} --> + <div style="margin-top:0;margin-bottom:0;height:var(--wp--preset--spacing--30)" aria-hidden="true" + class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:post-featured-image {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|40"}}}} /--> + </div> + <!-- /wp:group --> + + <!-- wp:post-content {"lock":{"move":false,"remove":true},"layout":{"type":"constrained"}} /--> +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentyfour/templates/search.html b/wp-content/themes/twentytwentyfour/templates/search.html new file mode 100644 index 0000000..c4d2f90 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/templates/search.html @@ -0,0 +1,17 @@ +<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main","align":"full","layout":{"type":"constrained"}} --> +<main class="wp-block-group alignfull"> + <!-- wp:query-title {"type":"search","align":"wide","style":{"typography":{"lineHeight":"1"},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|10"}}}} /--> + + <!-- wp:group {"align":"wide","layout":{"type":"constrained","contentSize":"840px","justifyContent":"left"}} --> + <div class="wp-block-group alignwide"> + <!-- wp:pattern {"slug":"twentytwentyfour/hidden-search"} /--> + </div> + <!-- /wp:group --> + + <!-- wp:pattern {"slug":"twentytwentyfour/posts-3-col"} /--> +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentyfour/templates/single-with-sidebar.html b/wp-content/themes/twentytwentyfour/templates/single-with-sidebar.html new file mode 100644 index 0000000..990a3a8 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/templates/single-with-sidebar.html @@ -0,0 +1,61 @@ +<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"0vh","bottom":"0vh"},"padding":{"top":"10vh","bottom":"8vh"}}},"layout":{"type":"constrained"}} --> +<main class="wp-block-group" style="margin-top:0vh;margin-bottom:0vh;padding-top:10vh;padding-bottom:8vh"> + <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"1rem","left":"1rem"},"padding":{"right":"var:preset|spacing|40","left":"var:preset|spacing|40"}}}} --> + <div class="wp-block-columns alignwide" style="padding-right:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)"> + <!-- wp:column {"width":"70%"} --> + <div class="wp-block-column" style="flex-basis:70%"> + <!-- wp:group {"layout":{"type":"constrained"}} --> + <div class="wp-block-group"> + <!-- wp:post-featured-image {"style":{"spacing":{"padding":{"bottom":"2vh"}}}} /--> + + <!-- wp:post-title {"level":1,"fontSize":"x-large"} /--> + + <!-- wp:template-part {"slug":"post-meta"} /--> + + <!-- wp:spacer {"height":"var:preset|spacing|10"} --> + <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + </div> + <!-- /wp:group --> + + <!-- wp:group {"layout":{"type":"constrained"}} --> + <div class="wp-block-group"> + <!-- wp:post-content {"lock":{"move":false,"remove":true},"layout":{"type":"constrained"}} /--> + + <!-- wp:post-terms {"term":"post_tag","separator":" "} /--> + </div> + <!-- /wp:group --> + + <!-- wp:group {"layout":{"type":"constrained"}} --> + <div class="wp-block-group"> + <!-- wp:spacer {"height":"4rem"} --> + <div style="height:4rem" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:pattern {"slug":"twentytwentyfour/hidden-comments"} /--> + + <!-- wp:spacer {"height":"4rem"} --> + <div style="height:4rem" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:pattern {"slug":"twentytwentyfour/hidden-post-navigation"} /--> + + </div> + <!-- /wp:group --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"width":"30%"} --> + <div class="wp-block-column" style="flex-basis:30%"> + <!-- wp:template-part {"slug":"sidebar","tagName":"aside"} /--> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentyfour/templates/single.html b/wp-content/themes/twentytwentyfour/templates/single.html new file mode 100644 index 0000000..e263370 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/templates/single.html @@ -0,0 +1,49 @@ +<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main","align":"full"} --> +<main class="wp-block-group alignfull"> + <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50"},"margin":{"bottom":"var:preset|spacing|40"}}},"layout":{"type":"constrained"}} --> + <div class="wp-block-group" + style="margin-bottom:var(--wp--preset--spacing--40);padding-top:var(--wp--preset--spacing--50)"> + <!-- wp:post-featured-image {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|40"}}}} /--> + + <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10","padding":{"top":"0","bottom":"0"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} --> + <div class="wp-block-group" style="padding-top:0;padding-bottom:0"> + <!-- wp:post-title {"level":1,"fontSize":"x-large"} /--> + + <!-- wp:template-part {"slug":"post-meta"} /--> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:group --> + + <!-- wp:post-content {"lock":{"move":false,"remove":true},"align":"full","layout":{"type":"constrained"}} /--> + + <!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|40"},"padding":{"bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} --> + <div class="wp-block-group" + style="margin-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--50)"> + <!-- wp:post-terms {"term":"post_tag","separator":" ","className":"is-style-pill"} /--> + + <!-- wp:group {"layout":{"type":"constrained"}} --> + <div class="wp-block-group"> + <!-- wp:spacer {"height":"var:preset|spacing|40"} --> + <div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:separator {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|40"}}},"backgroundColor":"contrast-3","className":"is-style-wide"} --> + <hr class="wp-block-separator has-text-color has-contrast-3-color has-alpha-channel-opacity has-contrast-3-background-color has-background is-style-wide" style="margin-bottom:var(--wp--preset--spacing--40)"/> + <!-- /wp:separator --> + + <!-- wp:pattern {"slug":"twentytwentyfour/hidden-comments"} /--> + + <!-- wp:pattern {"slug":"twentytwentyfour/hidden-post-navigation"} /--> + + </div> + <!-- /wp:group --> + </div> + <!-- /wp:group --> +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentyfour/theme.json b/wp-content/themes/twentytwentyfour/theme.json new file mode 100644 index 0000000..5de83df --- /dev/null +++ b/wp-content/themes/twentytwentyfour/theme.json @@ -0,0 +1,957 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 2, + "patterns": [ + "three-columns-of-services", + "clients-section" + ], + "settings": { + "appearanceTools": true, + "color": { + "defaultDuotone": false, + "defaultPalette": false, + "defaultGradients": false, + "duotone": [ + { + "colors": ["#111111", "#ffffff"], + "slug": "duotone-1", + "name": "Black and white" + }, + { + "colors": ["#111111", "#C2A990"], + "slug": "duotone-2", + "name": "Black and sandstone" + }, + { + "colors": ["#111111", "#D8613C"], + "slug": "duotone-3", + "name": "Black and rust" + }, + { + "colors": ["#111111", "#B1C5A4"], + "slug": "duotone-4", + "name": "Black and sage" + }, + { + "colors": ["#111111", "#B5BDBC"], + "slug": "duotone-5", + "name": "Black and pastel blue" + } + ], + "gradients": [ + { + "slug": "gradient-1", + "gradient": "linear-gradient(to bottom, #cfcabe 0%, #F9F9F9 100%)", + "name": "Vertical soft beige to white" + }, + { + "slug": "gradient-2", + "gradient": "linear-gradient(to bottom, #C2A990 0%, #F9F9F9 100%)", + "name": "Vertical soft sandstone to white" + }, + { + "slug": "gradient-3", + "gradient": "linear-gradient(to bottom, #D8613C 0%, #F9F9F9 100%)", + "name": "Vertical soft rust to white" + }, + { + "slug": "gradient-4", + "gradient": "linear-gradient(to bottom, #B1C5A4 0%, #F9F9F9 100%)", + "name": "Vertical soft sage to white" + }, + { + "slug": "gradient-5", + "gradient": "linear-gradient(to bottom, #B5BDBC 0%, #F9F9F9 100%)", + "name": "Vertical soft mint to white" + }, + { + "slug": "gradient-6", + "gradient": "linear-gradient(to bottom, #A4A4A4 0%, #F9F9F9 100%)", + "name": "Vertical soft pewter to white" + }, + { + "slug": "gradient-7", + "gradient": "linear-gradient(to bottom, #cfcabe 50%, #F9F9F9 50%)", + "name": "Vertical hard beige to white" + }, + { + "slug": "gradient-8", + "gradient": "linear-gradient(to bottom, #C2A990 50%, #F9F9F9 50%)", + "name": "Vertical hard sandstone to white" + }, + { + "slug": "gradient-9", + "gradient": "linear-gradient(to bottom, #D8613C 50%, #F9F9F9 50%)", + "name": "Vertical hard rust to white" + }, + { + "slug": "gradient-10", + "gradient": "linear-gradient(to bottom, #B1C5A4 50%, #F9F9F9 50%)", + "name": "Vertical hard sage to white" + }, + { + "slug": "gradient-11", + "gradient": "linear-gradient(to bottom, #B5BDBC 50%, #F9F9F9 50%)", + "name": "Vertical hard mint to white" + }, + { + "slug": "gradient-12", + "gradient": "linear-gradient(to bottom, #A4A4A4 50%, #F9F9F9 50%)", + "name": "Vertical hard pewter to white" + } + ], + "palette": [ + { + "color": "#f9f9f9", + "name": "Base", + "slug": "base" + }, + { + "color": "#ffffff", + "name": "Base / Two", + "slug": "base-2" + }, + { + "color": "#111111", + "name": "Contrast", + "slug": "contrast" + }, + { + "color": "#636363", + "name": "Contrast / Two", + "slug": "contrast-2" + }, + { + "color": "#A4A4A4", + "name": "Contrast / Three", + "slug": "contrast-3" + }, + { + "color": "#cfcabe", + "name": "Accent", + "slug": "accent" + }, + { + "color": "#c2a990", + "name": "Accent / Two", + "slug": "accent-2" + }, + { + "color": "#d8613c", + "name": "Accent / Three", + "slug": "accent-3" + }, + { + "color": "#b1c5a4", + "name": "Accent / Four", + "slug": "accent-4" + }, + { + "color": "#b5bdbc", + "name": "Accent / Five", + "slug": "accent-5" + } + ] + }, + "layout": { + "contentSize": "620px", + "wideSize": "1280px" + }, + "spacing": { + "spacingScale": { + "steps": 0 + }, + "spacingSizes": [ + { + "name": "1", + "size": "1rem", + "slug": "10" + }, + { + "name": "2", + "size": "min(1.5rem, 2vw)", + "slug": "20" + }, + { + "name": "3", + "size": "min(2.5rem, 3vw)", + "slug": "30" + }, + { + "name": "4", + "size": "min(4rem, 5vw)", + "slug": "40" + }, + { + "name": "5", + "size": "min(6.5rem, 8vw)", + "slug": "50" + }, + { + "name": "6", + "size": "min(10.5rem, 13vw)", + "slug": "60" + } + ], + "units": ["%", "px", "em", "rem", "vh", "vw"] + }, + "typography": { + "fluid": true, + "fontFamilies": [ + { + "fontFace": [ + { + "fontFamily": "Inter", + "fontStretch": "normal", + "fontStyle": "normal", + "fontWeight": "300 900", + "src": [ + "file:./assets/fonts/inter/Inter-VariableFont_slnt,wght.woff2" + ] + } + ], + "fontFamily": "\"Inter\", sans-serif", + "name": "Inter", + "slug": "body" + }, + { + "fontFace": [ + { + "fontFamily": "Cardo", + "fontStyle": "normal", + "fontWeight": "400", + "src": ["file:./assets/fonts/cardo/cardo_normal_400.woff2"] + }, + { + "fontFamily": "Cardo", + "fontStyle": "italic", + "fontWeight": "400", + "src": ["file:./assets/fonts/cardo/cardo_italic_400.woff2"] + }, + { + "fontFamily": "Cardo", + "fontStyle": "normal", + "fontWeight": "700", + "src": ["file:./assets/fonts/cardo/cardo_normal_700.woff2"] + } + ], + "fontFamily": "Cardo", + "name": "Cardo", + "slug": "heading" + }, + { + "fontFamily": "-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif", + "name": "System Sans-serif", + "slug": "system-sans-serif" + }, + { + "fontFamily": "Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "name": "System Serif", + "slug": "system-Serif" + } + ], + "fontSizes": [ + { + "fluid": false, + "name": "Small", + "size": "0.9rem", + "slug": "small" + }, + { + "fluid": false, + "name": "Medium", + "size": "1.05rem", + "slug": "medium" + }, + { + "fluid": { + "min": "1.39rem", + "max": "1.85rem" + }, + "name": "Large", + "size": "1.85rem", + "slug": "large" + }, + { + "fluid": { + "min": "1.85rem", + "max": "2.5rem" + }, + "name": "Extra Large", + "size": "2.5rem", + "slug": "x-large" + }, + { + "fluid": { + "min": "2.5rem", + "max": "3.27rem" + }, + "name": "Extra Extra Large", + "size": "3.27rem", + "slug": "xx-large" + } + ], + "writingMode": true + }, + "useRootPaddingAwareAlignments": true + }, + "styles": { + "blocks": { + "core/avatar": { + "border": { + "radius": "90px" + } + }, + "core/button": { + "variations": { + "outline": { + "spacing": { + "padding": { + "bottom": "calc(0.6rem - 1px)", + "left": "calc(1rem - 1px)", + "right": "calc(1rem - 1px)", + "top": "calc(0.6rem - 1px)" + } + }, + "border": { + "width": "1px" + } + } + } + }, + "core/buttons": { + "spacing": { + "blockGap": "0.7rem" + } + }, + "core/calendar": { + "color": { + "text": "var(--wp--preset--color--contrast)" + }, + "css": ".wp-block-calendar table:where(:not(.has-text-color)) th{background-color:var(--wp--preset--color--contrast-2);color:var(--wp--preset--color--base);border-color:var(--wp--preset--color--contrast-2)} & table:where(:not(.has-text-color)) td{border-color:var(--wp--preset--color--contrast-2)}" + }, + "core/categories": { + "spacing": { + "padding": { + "left": "0px", + "right": "0px" + } + }, + "css": "& {list-style-type:none;} & li{margin-bottom: 0.5rem;}" + }, + "core/code": { + "border": { + "color": "var(--wp--preset--color--contrast)", + "radius": "var(--wp--preset--spacing--20)" + }, + "color": { + "background": "var(--wp--preset--color--base-2)", + "text": "var(--wp--preset--color--contrast-2)" + }, + "spacing": { + "padding": { + "bottom": "calc(var(--wp--preset--spacing--30) + 0.75rem)", + "left": "calc(var(--wp--preset--spacing--30) + 0.75rem)", + "right": "calc(var(--wp--preset--spacing--30) + 0.75rem)", + "top": "calc(var(--wp--preset--spacing--30) + 0.75rem)" + } + }, + "typography": { + "fontSize": "var(--wp--preset--font-size--medium)", + "fontStyle": "normal", + "fontWeight": "400", + "lineHeight": "1.6" + } + }, + "core/comment-author-name": { + "color": { + "text": "var(--wp--preset--color--contrast)" + }, + "elements": { + "link": { + "color": { + "text": "var(--wp--preset--color--contrast)" + }, + "typography": { + "textDecoration": "none" + }, + ":hover": { + "typography": { + "textDecoration": "underline" + } + } + } + }, + "typography": { + "fontSize": "var(--wp--preset--font-size--small)", + "fontStyle": "normal", + "fontWeight": "600" + } + }, + "core/comment-content": { + "typography": { + "fontSize": "var(--wp--preset--font-size--small)" + }, + "spacing": { + "margin": { + "top": "var(--wp--preset--spacing--20)", + "bottom": "var(--wp--preset--spacing--20)" + } + } + }, + "core/comment-date": { + "color": { + "text": "var(--wp--preset--color--contrast-2)" + }, + "elements": { + "link": { + "color": { + "text": "var(--wp--preset--color--contrast-2)" + }, + "typography": { + "textDecoration": "none" + }, + ":hover": { + "typography": { + "textDecoration": "underline" + } + } + } + }, + "typography": { + "fontSize": "var(--wp--preset--font-size--small)" + }, + "spacing": { + "margin": { + "top": "0px", + "bottom": "0px" + } + } + }, + "core/comment-edit-link": { + "elements": { + "link": { + "color": { + "text": "var(--wp--preset--color--contrast-2)" + }, + "typography": { + "textDecoration": "none" + }, + ":hover": { + "typography": { + "textDecoration": "underline" + } + } + } + }, + "typography": { + "fontSize": "var(--wp--preset--font-size--small)" + } + }, + "core/comment-reply-link": { + "elements": { + "link": { + "color": { + "text": "var(--wp--preset--color--contrast-2)" + }, + "typography": { + "textDecoration": "none" + }, + ":hover": { + "typography": { + "textDecoration": "underline" + } + } + } + }, + "typography": { + "fontSize": "var(--wp--preset--font-size--small)" + } + }, + "core/post-comments-form": { + "css": "& textarea, input{border-radius:.33rem}" + }, + "core/comments-pagination": { + "typography": { + "fontSize": "var(--wp--preset--font-size--small)" + } + }, + "core/comments-pagination-next": { + "typography": { + "fontSize": "var(--wp--preset--font-size--small)" + } + }, + "core/comments-pagination-numbers": { + "typography": { + "fontSize": "var(--wp--preset--font-size--small)" + } + }, + "core/comments-pagination-previous": { + "typography": { + "fontSize": "var(--wp--preset--font-size--small)" + } + }, + "core/footnotes": { + "typography": { + "fontSize": "var(--wp--preset--font-size--small)" + } + }, + "core/gallery": { + "spacing": { + "margin": { + "bottom": "var(--wp--preset--spacing--50)" + } + } + }, + "core/image": { + "variations": { + "rounded": { + "border": { + "radius": "var(--wp--preset--spacing--20)" + } + } + } + }, + "core/list": { + "spacing": { + "padding": { + "left": "var(--wp--preset--spacing--10)" + } + } + }, + "core/loginout": { + "css": "& input{border-radius:.33rem;padding:calc(0.667em + 2px);border:1px solid #949494;}" + }, + "core/navigation": { + "elements": { + "link": { + ":hover": { + "typography": { + "textDecoration": "underline" + } + }, + "typography": { + "textDecoration": "none" + } + } + }, + "typography": { + "fontWeight": "500" + } + }, + "core/post-author": { + "typography": { + "fontSize": "var(--wp--preset--font-size--small)" + } + }, + "core/post-author-name": { + "elements": { + "link": { + ":hover": { + "typography": { + "textDecoration": "underline" + } + }, + "typography": { + "textDecoration": "none" + } + } + }, + "typography": { + "fontSize": "var(--wp--preset--font-size--small)" + } + }, + "core/post-date": { + "color": { + "text": "var(--wp--preset--color--contrast-2)" + }, + "elements": { + "link": { + ":hover": { + "typography": { + "textDecoration": "underline" + } + }, + "color": { + "text": "var(--wp--preset--color--contrast-2)" + }, + "typography": { + "textDecoration": "none" + } + } + }, + "typography": { + "fontSize": "var(--wp--preset--font-size--small)" + } + }, + "core/post-excerpt": { + "typography": { + "lineHeight": "1.6" + } + }, + "core/post-featured-image": { + "border": { + "radius": "var(--wp--preset--spacing--20)" + } + }, + "core/post-terms": { + "elements": { + "link": { + ":hover": { + "typography": { + "textDecoration": "underline" + } + }, + "typography": { + "textDecoration": "none" + } + } + }, + "typography": { + "fontSize": "var(--wp--preset--font-size--small)" + }, + "css":"& .wp-block-post-terms__prefix{color: var(--wp--preset--color--contrast-2);}" + }, + "core/post-title": { + "elements": { + "link": { + ":hover": { + "typography": { + "textDecoration": "underline" + } + }, + "typography": { + "textDecoration": "none" + } + } + } + }, + "core/pullquote": { + "border": { + "radius": "var(--wp--preset--spacing--20)" + }, + "elements": { + "cite": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--body)", + "fontSize": "var(--wp--preset--font-size--medium)", + "fontStyle": "normal" + } + } + }, + "spacing": { + "padding": { + "bottom": "var(--wp--preset--spacing--40)", + "top": "var(--wp--preset--spacing--40)" + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--heading)", + "fontSize": "var(--wp--preset--font-size--x-large)", + "fontStyle": "italic", + "fontWeight": "400", + "letterSpacing": "0em", + "lineHeight": "1.5" + } + }, + "core/query-title": { + "css": "& span {font-style: italic;}" + }, + "core/query-no-results": { + "spacing": { + "padding": { + "top": "var(--wp--preset--spacing--30)" + } + } + }, + "core/quote": { + "border": { + "radius": "var(--wp--preset--spacing--20)" + }, + "color": { + "background": "var(--wp--preset--color--base-2)" + }, + "css": "& :where(p) {margin-block-start:0;margin-block-end:calc(var(--wp--preset--spacing--10) + 0.5rem);} & :where(:last-child) {margin-block-end:0;} &.has-text-align-right.is-style-plain, .rtl .is-style-plain.wp-block-quote:not(.has-text-align-center):not(.has-text-align-left){border-width: 0 2px 0 0;padding-left:calc(var(--wp--preset--spacing--20) + 0.5rem);padding-right:calc(var(--wp--preset--spacing--20) + 0.5rem);} &.has-text-align-left.is-style-plain, body:not(.rtl) .is-style-plain.wp-block-quote:not(.has-text-align-center):not(.has-text-align-right){border-width: 0 0 0 2px;padding-left:calc(var(--wp--preset--spacing--20) + 0.5rem);padding-right:calc(var(--wp--preset--spacing--20) + 0.5rem)}", + "elements": { + "cite": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--body)", + "fontSize": "var(--wp--preset--font-size--small)", + "fontStyle": "normal" + } + } + }, + "spacing": { + "padding": { + "bottom": "calc(var(--wp--preset--spacing--30) + 0.75rem)", + "left": "calc(var(--wp--preset--spacing--30) + 0.75rem)", + "right": "calc(var(--wp--preset--spacing--30) + 0.75rem)", + "top": "calc(var(--wp--preset--spacing--30) + 0.75rem)" + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--heading)", + "fontSize": "var(--wp--preset--font-size--large)", + "fontStyle": "italic", + "lineHeight": "1.3" + }, + "variations": { + "plain": { + "border": { + "color": "var(--wp--preset--color--contrast)", + "radius": "0", + "style": "solid", + "width": "0" + }, + "color": { + "background": "transparent" + }, + "spacing": { + "padding": { + "bottom": "var(--wp--preset--spacing--20)", + "left": "var(--wp--preset--spacing--20)", + "right": "var(--wp--preset--spacing--20)", + "top": "var(--wp--preset--spacing--20)" + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--body)", + "fontStyle": "normal", + "fontSize": "var(--wp--preset--font-size--medium)", + "lineHeight": "1.5" + } + } + } + }, + "core/search": { + "css": "& .wp-block-search__input{border-radius:.33rem}", + "typography": { + "fontSize": "var(--wp--preset--font-size--small)" + }, + "elements": { + "button": { + "border": { + "radius": { "ref": "styles.elements.button.border.radius" } + } + } + } + }, + "core/separator": { + "border": { + "color": "currentColor", + "style": "solid", + "width": "0 0 1px 0" + }, + "color": { + "text": "var(--wp--preset--color--contrast)" + }, + "css": " &:not(.is-style-wide):not(.is-style-dots):not(.alignwide):not(.alignfull){width: var(--wp--preset--spacing--60)}" + }, + "core/site-tagline": { + "color": { + "text": "var(--wp--preset--color--contrast-2)" + }, + "typography": { + "fontSize": "var(--wp--preset--font-size--small)" + } + }, + "core/site-title": { + "elements": { + "link": { + ":hover": { + "typography": { + "textDecoration": "none" + } + }, + "typography": { + "textDecoration": "none" + } + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--body)", + "fontSize": "1.2rem", + "fontStyle": "normal", + "fontWeight": "600" + } + } + }, + "color": { + "background": "var(--wp--preset--color--base)", + "text": "var(--wp--preset--color--contrast)" + }, + "elements": { + "button": { + ":active": { + "color": { + "background": "var(--wp--preset--color--contrast)", + "text": "var(--wp--preset--color--base)" + } + }, + ":focus": { + "color": { + "background": "var(--wp--preset--color--contrast-2)", + "text": "var(--wp--preset--color--base)" + }, + "outline": { + "color": "var(--wp--preset--color--contrast)", + "offset": "2px", + "style": "dotted", + "width": "1px" + }, + "border": { + "color": "var(--wp--preset--color--contrast-2)" + } + }, + ":hover": { + "color": { + "background": "var(--wp--preset--color--contrast-2)", + "text": "var(--wp--preset--color--base)" + }, + "border": { + "color": "var(--wp--preset--color--contrast-2)" + } + }, + "border": { + "radius": ".33rem", + "color": "var(--wp--preset--color--contrast)" + }, + "color": { + "background": "var(--wp--preset--color--contrast)", + "text": "var(--wp--preset--color--base)" + }, + "spacing": { + "padding": { + "bottom": "0.6rem", + "left": "1rem", + "right": "1rem", + "top": "0.6rem" + } + }, + "typography": { + "fontSize": "var(--wp--preset--font-size--small)", + "fontStyle": "normal", + "fontWeight": "500" + } + }, + "caption": { + "color": { + "text": "var(--wp--preset--color--contrast-2)" + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--body)", + "fontSize": "0.8rem" + } + }, + "h1": { + "typography": { + "fontSize": "var(--wp--preset--font-size--xx-large)", + "lineHeight": "1.15" + } + }, + "h2": { + "typography": { + "fontSize": "var(--wp--preset--font-size--x-large)" + } + }, + "h3": { + "typography": { + "fontSize": "var(--wp--preset--font-size--large)" + } + }, + "h4": { + "typography": { + "fontSize": "clamp(1.1rem, 1.1rem + ((1vw - 0.2rem) * 0.767), 1.5rem)" + } + }, + "h5": { + "typography": { + "fontSize": "var(--wp--preset--font-size--medium)" + } + }, + "h6": { + "typography": { + "fontSize": "var(--wp--preset--font-size--small)" + } + }, + "heading": { + "color": { + "text": "var(--wp--preset--color--contrast)" + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--heading)", + "fontWeight": "400", + "lineHeight": "1.2" + } + }, + "link": { + ":hover": { + "typography": { + "textDecoration": "none" + } + }, + "color": { + "text": "var(--wp--preset--color--contrast)" + } + } + }, + "spacing": { + "blockGap": "1.2rem", + "padding": { + "left": "var(--wp--preset--spacing--50)", + "right": "var(--wp--preset--spacing--50)" + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--body)", + "fontSize": "var(--wp--preset--font-size--medium)", + "fontStyle": "normal", + "fontWeight": "400", + "lineHeight": "1.55" + } + }, + "templateParts": [ + { + "area": "header", + "name": "header", + "title": "Header" + }, + { + "area": "footer", + "name": "footer", + "title": "Footer" + }, + { + "area": "uncategorized", + "name": "sidebar", + "title": "Sidebar" + }, + { + "area": "uncategorized", + "name": "post-meta", + "title": "Post Meta" + } + ], + "customTemplates": [ + { + "name": "page-no-title", + "postTypes": ["page"], + "title": "Page No Title" + }, + { + "name": "page-with-sidebar", + "postTypes": ["page"], + "title": "Page With Sidebar" + }, + { + "name": "page-wide", + "postTypes": ["page"], + "title": "Page with wide Image" + }, + { + "name": "single-with-sidebar", + "postTypes": ["post"], + "title": "Single with Sidebar" + } + ] +} diff --git a/wp-content/themes/twentytwentythree/assets/fonts/dm-sans/DMSans-Bold-Italic.woff2 b/wp-content/themes/twentytwentythree/assets/fonts/dm-sans/DMSans-Bold-Italic.woff2 Binary files differnew file mode 100644 index 0000000..e8f4669 --- /dev/null +++ b/wp-content/themes/twentytwentythree/assets/fonts/dm-sans/DMSans-Bold-Italic.woff2 diff --git a/wp-content/themes/twentytwentythree/assets/fonts/dm-sans/DMSans-Bold.woff2 b/wp-content/themes/twentytwentythree/assets/fonts/dm-sans/DMSans-Bold.woff2 Binary files differnew file mode 100644 index 0000000..9a7696d --- /dev/null +++ b/wp-content/themes/twentytwentythree/assets/fonts/dm-sans/DMSans-Bold.woff2 diff --git a/wp-content/themes/twentytwentythree/assets/fonts/dm-sans/DMSans-Regular-Italic.woff2 b/wp-content/themes/twentytwentythree/assets/fonts/dm-sans/DMSans-Regular-Italic.woff2 Binary files differnew file mode 100644 index 0000000..773b727 --- /dev/null +++ b/wp-content/themes/twentytwentythree/assets/fonts/dm-sans/DMSans-Regular-Italic.woff2 diff --git a/wp-content/themes/twentytwentythree/assets/fonts/dm-sans/DMSans-Regular.woff2 b/wp-content/themes/twentytwentythree/assets/fonts/dm-sans/DMSans-Regular.woff2 Binary files differnew file mode 100644 index 0000000..b8f0bd8 --- /dev/null +++ b/wp-content/themes/twentytwentythree/assets/fonts/dm-sans/DMSans-Regular.woff2 diff --git a/wp-content/themes/twentytwentythree/assets/fonts/dm-sans/LICENSE.txt b/wp-content/themes/twentytwentythree/assets/fonts/dm-sans/LICENSE.txt new file mode 100644 index 0000000..02d522f --- /dev/null +++ b/wp-content/themes/twentytwentythree/assets/fonts/dm-sans/LICENSE.txt @@ -0,0 +1,94 @@ +Copyright 2014-2017 Indian Type Foundry (info@indiantypefoundry.com). Copyright 2019 Google LLC. +Copyright 2014-2018 Adobe (http://www.adobe.com/), with Reserved Font Name 'Source'. All Rights Reserved. Source is a trademark of Adobe in the United States and/or other countries. Copyright 2019 Google LLC. + +This Font Software is licensed under the SIL Open Font License, Version 1.1. +This license is copied below, and is also available with a FAQ at: +http://scripts.sil.org/OFL + + +----------------------------------------------------------- +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 +----------------------------------------------------------- + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide +development of collaborative font projects, to support the font creation +efforts of academic and linguistic communities, and to provide a free and +open framework in which fonts may be shared and improved in partnership +with others. + +The OFL allows the licensed fonts to be used, studied, modified and +redistributed freely as long as they are not sold by themselves. The +fonts, including any derivative works, can be bundled, embedded, +redistributed and/or sold with any software provided that any reserved +names are not used by derivative works. The fonts and derivatives, +however, cannot be released under any other type of license. The +requirement for fonts to remain under this license does not apply +to any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright +Holder(s) under this license and clearly marked as such. This may +include source files, build scripts and documentation. + +"Reserved Font Name" refers to any names specified as such after the +copyright statement(s). + +"Original Version" refers to the collection of Font Software components as +distributed by the Copyright Holder(s). + +"Modified Version" refers to any derivative made by adding to, deleting, +or substituting -- in part or in whole -- any of the components of the +Original Version, by changing formats or by porting the Font Software to a +new environment. + +"Author" refers to any designer, engineer, programmer, technical +writer or other person who contributed to the Font Software. + +PERMISSION & CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining +a copy of the Font Software, to use, study, copy, merge, embed, modify, +redistribute, and sell modified and unmodified copies of the Font +Software, subject to the following conditions: + +1) Neither the Font Software nor any of its individual components, +in Original or Modified Versions, may be sold by itself. + +2) Original or Modified Versions of the Font Software may be bundled, +redistributed and/or sold with any software, provided that each copy +contains the above copyright notice and this license. These can be +included either as stand-alone text files, human-readable headers or +in the appropriate machine-readable metadata fields within text or +binary files as long as those fields can be easily viewed by the user. + +3) No Modified Version of the Font Software may use the Reserved Font +Name(s) unless explicit written permission is granted by the corresponding +Copyright Holder. This restriction only applies to the primary font name as +presented to the users. + +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font +Software shall not be used to promote, endorse or advertise any +Modified Version, except to acknowledge the contribution(s) of the +Copyright Holder(s) and the Author(s) or with their explicit written +permission. + +5) The Font Software, modified or unmodified, in part or in whole, +must be distributed entirely under this license, and must not be +distributed under any other license. The requirement for fonts to +remain under this license does not apply to any document created +using the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are +not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT +OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE +COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL +DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM +OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/wp-content/themes/twentytwentythree/assets/fonts/ibm-plex-mono/IBMPlexMono-Bold.woff2 b/wp-content/themes/twentytwentythree/assets/fonts/ibm-plex-mono/IBMPlexMono-Bold.woff2 Binary files differnew file mode 100644 index 0000000..6124ae1 --- /dev/null +++ b/wp-content/themes/twentytwentythree/assets/fonts/ibm-plex-mono/IBMPlexMono-Bold.woff2 diff --git a/wp-content/themes/twentytwentythree/assets/fonts/ibm-plex-mono/IBMPlexMono-Italic.woff2 b/wp-content/themes/twentytwentythree/assets/fonts/ibm-plex-mono/IBMPlexMono-Italic.woff2 Binary files differnew file mode 100644 index 0000000..21d9681 --- /dev/null +++ b/wp-content/themes/twentytwentythree/assets/fonts/ibm-plex-mono/IBMPlexMono-Italic.woff2 diff --git a/wp-content/themes/twentytwentythree/assets/fonts/ibm-plex-mono/IBMPlexMono-Light.woff2 b/wp-content/themes/twentytwentythree/assets/fonts/ibm-plex-mono/IBMPlexMono-Light.woff2 Binary files differnew file mode 100644 index 0000000..b714a13 --- /dev/null +++ b/wp-content/themes/twentytwentythree/assets/fonts/ibm-plex-mono/IBMPlexMono-Light.woff2 diff --git a/wp-content/themes/twentytwentythree/assets/fonts/ibm-plex-mono/IBMPlexMono-Regular.woff2 b/wp-content/themes/twentytwentythree/assets/fonts/ibm-plex-mono/IBMPlexMono-Regular.woff2 Binary files differnew file mode 100644 index 0000000..64ad179 --- /dev/null +++ b/wp-content/themes/twentytwentythree/assets/fonts/ibm-plex-mono/IBMPlexMono-Regular.woff2 diff --git a/wp-content/themes/twentytwentythree/assets/fonts/ibm-plex-mono/OFL.txt b/wp-content/themes/twentytwentythree/assets/fonts/ibm-plex-mono/OFL.txt new file mode 100644 index 0000000..245d5f4 --- /dev/null +++ b/wp-content/themes/twentytwentythree/assets/fonts/ibm-plex-mono/OFL.txt @@ -0,0 +1,93 @@ +Copyright © 2017 IBM Corp. with Reserved Font Name "Plex" + +This Font Software is licensed under the SIL Open Font License, Version 1.1. +This license is copied below, and is also available with a FAQ at: +http://scripts.sil.org/OFL + + +----------------------------------------------------------- +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 +----------------------------------------------------------- + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide +development of collaborative font projects, to support the font creation +efforts of academic and linguistic communities, and to provide a free and +open framework in which fonts may be shared and improved in partnership +with others. + +The OFL allows the licensed fonts to be used, studied, modified and +redistributed freely as long as they are not sold by themselves. The +fonts, including any derivative works, can be bundled, embedded, +redistributed and/or sold with any software provided that any reserved +names are not used by derivative works. The fonts and derivatives, +however, cannot be released under any other type of license. The +requirement for fonts to remain under this license does not apply +to any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright +Holder(s) under this license and clearly marked as such. This may +include source files, build scripts and documentation. + +"Reserved Font Name" refers to any names specified as such after the +copyright statement(s). + +"Original Version" refers to the collection of Font Software components as +distributed by the Copyright Holder(s). + +"Modified Version" refers to any derivative made by adding to, deleting, +or substituting -- in part or in whole -- any of the components of the +Original Version, by changing formats or by porting the Font Software to a +new environment. + +"Author" refers to any designer, engineer, programmer, technical +writer or other person who contributed to the Font Software. + +PERMISSION & CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining +a copy of the Font Software, to use, study, copy, merge, embed, modify, +redistribute, and sell modified and unmodified copies of the Font +Software, subject to the following conditions: + +1) Neither the Font Software nor any of its individual components, +in Original or Modified Versions, may be sold by itself. + +2) Original or Modified Versions of the Font Software may be bundled, +redistributed and/or sold with any software, provided that each copy +contains the above copyright notice and this license. These can be +included either as stand-alone text files, human-readable headers or +in the appropriate machine-readable metadata fields within text or +binary files as long as those fields can be easily viewed by the user. + +3) No Modified Version of the Font Software may use the Reserved Font +Name(s) unless explicit written permission is granted by the corresponding +Copyright Holder. This restriction only applies to the primary font name as +presented to the users. + +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font +Software shall not be used to promote, endorse or advertise any +Modified Version, except to acknowledge the contribution(s) of the +Copyright Holder(s) and the Author(s) or with their explicit written +permission. + +5) The Font Software, modified or unmodified, in part or in whole, +must be distributed entirely under this license, and must not be +distributed under any other license. The requirement for fonts to +remain under this license does not apply to any document created +using the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are +not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT +OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE +COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL +DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM +OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/wp-content/themes/twentytwentythree/assets/fonts/inter/Inter-VariableFont_slnt,wght.ttf b/wp-content/themes/twentytwentythree/assets/fonts/inter/Inter-VariableFont_slnt,wght.ttf Binary files differnew file mode 100644 index 0000000..ec3164e --- /dev/null +++ b/wp-content/themes/twentytwentythree/assets/fonts/inter/Inter-VariableFont_slnt,wght.ttf diff --git a/wp-content/themes/twentytwentythree/assets/fonts/inter/LICENSE.txt b/wp-content/themes/twentytwentythree/assets/fonts/inter/LICENSE.txt new file mode 100644 index 0000000..b525cbf --- /dev/null +++ b/wp-content/themes/twentytwentythree/assets/fonts/inter/LICENSE.txt @@ -0,0 +1,93 @@ +Copyright 2020 The Inter Project Authors (https://github.com/rsms/inter) + +This Font Software is licensed under the SIL Open Font License, Version 1.1. +This license is copied below, and is also available with a FAQ at: +http://scripts.sil.org/OFL + + +----------------------------------------------------------- +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 +----------------------------------------------------------- + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide +development of collaborative font projects, to support the font creation +efforts of academic and linguistic communities, and to provide a free and +open framework in which fonts may be shared and improved in partnership +with others. + +The OFL allows the licensed fonts to be used, studied, modified and +redistributed freely as long as they are not sold by themselves. The +fonts, including any derivative works, can be bundled, embedded, +redistributed and/or sold with any software provided that any reserved +names are not used by derivative works. The fonts and derivatives, +however, cannot be released under any other type of license. The +requirement for fonts to remain under this license does not apply +to any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright +Holder(s) under this license and clearly marked as such. This may +include source files, build scripts and documentation. + +"Reserved Font Name" refers to any names specified as such after the +copyright statement(s). + +"Original Version" refers to the collection of Font Software components as +distributed by the Copyright Holder(s). + +"Modified Version" refers to any derivative made by adding to, deleting, +or substituting -- in part or in whole -- any of the components of the +Original Version, by changing formats or by porting the Font Software to a +new environment. + +"Author" refers to any designer, engineer, programmer, technical +writer or other person who contributed to the Font Software. + +PERMISSION & CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining +a copy of the Font Software, to use, study, copy, merge, embed, modify, +redistribute, and sell modified and unmodified copies of the Font +Software, subject to the following conditions: + +1) Neither the Font Software nor any of its individual components, +in Original or Modified Versions, may be sold by itself. + +2) Original or Modified Versions of the Font Software may be bundled, +redistributed and/or sold with any software, provided that each copy +contains the above copyright notice and this license. These can be +included either as stand-alone text files, human-readable headers or +in the appropriate machine-readable metadata fields within text or +binary files as long as those fields can be easily viewed by the user. + +3) No Modified Version of the Font Software may use the Reserved Font +Name(s) unless explicit written permission is granted by the corresponding +Copyright Holder. This restriction only applies to the primary font name as +presented to the users. + +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font +Software shall not be used to promote, endorse or advertise any +Modified Version, except to acknowledge the contribution(s) of the +Copyright Holder(s) and the Author(s) or with their explicit written +permission. + +5) The Font Software, modified or unmodified, in part or in whole, +must be distributed entirely under this license, and must not be +distributed under any other license. The requirement for fonts to +remain under this license does not apply to any document created +using the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are +not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT +OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE +COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL +DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM +OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/wp-content/themes/twentytwentythree/assets/fonts/source-serif-pro/LICENSE.md b/wp-content/themes/twentytwentythree/assets/fonts/source-serif-pro/LICENSE.md new file mode 100644 index 0000000..7cd3e74 --- /dev/null +++ b/wp-content/themes/twentytwentythree/assets/fonts/source-serif-pro/LICENSE.md @@ -0,0 +1,93 @@ +Copyright 2014 - 2021 Adobe Systems Incorporated (http://www.adobe.com/), with Reserved Font Name 'Source'. All Rights Reserved. Source is a trademark of Adobe Systems Incorporated in the United States and/or other countries. + +This Font Software is licensed under the SIL Open Font License, Version 1.1. + +This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL + + +----------------------------------------------------------- +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 +----------------------------------------------------------- + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide +development of collaborative font projects, to support the font creation +efforts of academic and linguistic communities, and to provide a free and +open framework in which fonts may be shared and improved in partnership +with others. + +The OFL allows the licensed fonts to be used, studied, modified and +redistributed freely as long as they are not sold by themselves. The +fonts, including any derivative works, can be bundled, embedded, +redistributed and/or sold with any software provided that any reserved +names are not used by derivative works. The fonts and derivatives, +however, cannot be released under any other type of license. The +requirement for fonts to remain under this license does not apply +to any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright +Holder(s) under this license and clearly marked as such. This may +include source files, build scripts and documentation. + +"Reserved Font Name" refers to any names specified as such after the +copyright statement(s). + +"Original Version" refers to the collection of Font Software components as +distributed by the Copyright Holder(s). + +"Modified Version" refers to any derivative made by adding to, deleting, +or substituting -- in part or in whole -- any of the components of the +Original Version, by changing formats or by porting the Font Software to a +new environment. + +"Author" refers to any designer, engineer, programmer, technical +writer or other person who contributed to the Font Software. + +PERMISSION & CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining +a copy of the Font Software, to use, study, copy, merge, embed, modify, +redistribute, and sell modified and unmodified copies of the Font +Software, subject to the following conditions: + +1) Neither the Font Software nor any of its individual components, + in Original or Modified Versions, may be sold by itself. + +2) Original or Modified Versions of the Font Software may be bundled, + redistributed and/or sold with any software, provided that each copy + contains the above copyright notice and this license. These can be + included either as stand-alone text files, human-readable headers or + in the appropriate machine-readable metadata fields within text or + binary files as long as those fields can be easily viewed by the user. + +3) No Modified Version of the Font Software may use the Reserved Font + Name(s) unless explicit written permission is granted by the corresponding + Copyright Holder. This restriction only applies to the primary font name as + presented to the users. + +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font + Software shall not be used to promote, endorse or advertise any + Modified Version, except to acknowledge the contribution(s) of the + Copyright Holder(s) and the Author(s) or with their explicit written + permission. + +5) The Font Software, modified or unmodified, in part or in whole, + must be distributed entirely under this license, and must not be + distributed under any other license. The requirement for fonts to + remain under this license does not apply to any document created + using the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are +not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT +OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE +COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL +DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM +OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/wp-content/themes/twentytwentythree/assets/fonts/source-serif-pro/SourceSerif4Variable-Italic.otf.woff2 b/wp-content/themes/twentytwentythree/assets/fonts/source-serif-pro/SourceSerif4Variable-Italic.otf.woff2 Binary files differnew file mode 100644 index 0000000..2387849 --- /dev/null +++ b/wp-content/themes/twentytwentythree/assets/fonts/source-serif-pro/SourceSerif4Variable-Italic.otf.woff2 diff --git a/wp-content/themes/twentytwentythree/assets/fonts/source-serif-pro/SourceSerif4Variable-Italic.ttf.woff2 b/wp-content/themes/twentytwentythree/assets/fonts/source-serif-pro/SourceSerif4Variable-Italic.ttf.woff2 Binary files differnew file mode 100644 index 0000000..4cbd4c3 --- /dev/null +++ b/wp-content/themes/twentytwentythree/assets/fonts/source-serif-pro/SourceSerif4Variable-Italic.ttf.woff2 diff --git a/wp-content/themes/twentytwentythree/assets/fonts/source-serif-pro/SourceSerif4Variable-Roman.otf.woff2 b/wp-content/themes/twentytwentythree/assets/fonts/source-serif-pro/SourceSerif4Variable-Roman.otf.woff2 Binary files differnew file mode 100644 index 0000000..28701e6 --- /dev/null +++ b/wp-content/themes/twentytwentythree/assets/fonts/source-serif-pro/SourceSerif4Variable-Roman.otf.woff2 diff --git a/wp-content/themes/twentytwentythree/assets/fonts/source-serif-pro/SourceSerif4Variable-Roman.ttf.woff2 b/wp-content/themes/twentytwentythree/assets/fonts/source-serif-pro/SourceSerif4Variable-Roman.ttf.woff2 Binary files differnew file mode 100644 index 0000000..3b74d30 --- /dev/null +++ b/wp-content/themes/twentytwentythree/assets/fonts/source-serif-pro/SourceSerif4Variable-Roman.ttf.woff2 diff --git a/wp-content/themes/twentytwentythree/parts/comments.html b/wp-content/themes/twentytwentythree/parts/comments.html new file mode 100644 index 0000000..a5bc7d8 --- /dev/null +++ b/wp-content/themes/twentytwentythree/parts/comments.html @@ -0,0 +1 @@ +<!-- wp:pattern {"slug":"twentytwentythree/hidden-comments"} /--> diff --git a/wp-content/themes/twentytwentythree/parts/footer.html b/wp-content/themes/twentytwentythree/parts/footer.html new file mode 100644 index 0000000..256c8db --- /dev/null +++ b/wp-content/themes/twentytwentythree/parts/footer.html @@ -0,0 +1 @@ +<!-- wp:pattern {"slug":"twentytwentythree/footer-default"} /--> diff --git a/wp-content/themes/twentytwentythree/parts/header.html b/wp-content/themes/twentytwentythree/parts/header.html new file mode 100644 index 0000000..8e4f17b --- /dev/null +++ b/wp-content/themes/twentytwentythree/parts/header.html @@ -0,0 +1,10 @@ +<!-- wp:group {"layout":{"type":"constrained"}} --> +<div class="wp-block-group"> + <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"var:preset|spacing|40"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-bottom:var(--wp--preset--spacing--40)"> + <!-- wp:site-title {"level":0} /--> + <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} /--> + </div> + <!-- /wp:group --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentythree/parts/post-meta.html b/wp-content/themes/twentytwentythree/parts/post-meta.html new file mode 100644 index 0000000..de968be --- /dev/null +++ b/wp-content/themes/twentytwentythree/parts/post-meta.html @@ -0,0 +1 @@ +<!-- wp:pattern {"slug":"twentytwentythree/post-meta"} /--> diff --git a/wp-content/themes/twentytwentythree/patterns/call-to-action.php b/wp-content/themes/twentytwentythree/patterns/call-to-action.php new file mode 100644 index 0000000..119677d --- /dev/null +++ b/wp-content/themes/twentytwentythree/patterns/call-to-action.php @@ -0,0 +1,41 @@ +<?php +/** + * Title: Call to action + * Slug: twentytwentythree/cta + * Categories: featured + * Keywords: Call to action + * Block Types: core/buttons + */ +?> +<!-- wp:columns {"align":"wide"} --> +<div class="wp-block-columns alignwide"> + <!-- wp:column --> + <div class="wp-block-column"> + <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.2"}},"fontSize":"x-large"} --> + <p class="has-x-large-font-size" style="line-height:1.2"><?php echo esc_html_x( 'Got any book recommendations?', 'sample content for call to action', 'twentytwentythree' ); ?> + </p> + <!-- /wp:paragraph --> + + <!-- wp:buttons --> + <div class="wp-block-buttons"> + <!-- wp:button {"fontSize":"small"} --> + <div class="wp-block-button has-custom-font-size has-small-font-size"> + <a class="wp-block-button__link wp-element-button"> + <?php echo esc_html_x( 'Get In Touch', 'sample content for call to action button', 'twentytwentythree' ); ?> + </a> + </div> + <!-- /wp:button --> + </div> + <!-- /wp:buttons --> + </div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"> + <!-- wp:separator {"className":"is-style-wide"} --> + <hr class="wp-block-separator has-alpha-channel-opacity is-style-wide"/> + <!-- /wp:separator --> + </div> + <!-- /wp:column --> +</div> +<!-- /wp:columns --> diff --git a/wp-content/themes/twentytwentythree/patterns/footer-default.php b/wp-content/themes/twentytwentythree/patterns/footer-default.php new file mode 100644 index 0000000..d197bf5 --- /dev/null +++ b/wp-content/themes/twentytwentythree/patterns/footer-default.php @@ -0,0 +1,28 @@ +<?php +/** + * Title: Default Footer + * Slug: twentytwentythree/footer-default + * Categories: footer + * Block Types: core/template-part/footer + */ +?> +<!-- wp:group {"layout":{"type":"constrained"}} --> +<div class="wp-block-group"> + <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|40"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:var(--wp--preset--spacing--40)"> + <!-- wp:site-title {"level":0} /--> + <!-- wp:paragraph {"align":"right"} --> + <p class="has-text-align-right"> + <?php + printf( + /* Translators: WordPress link. */ + esc_html__( 'Proudly powered by %s', 'twentytwentythree' ), + '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentythree' ) ) . '" rel="nofollow">WordPress</a>' + ) + ?> + </p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentythree/patterns/hidden-404.php b/wp-content/themes/twentytwentythree/patterns/hidden-404.php new file mode 100644 index 0000000..ae7dbb1 --- /dev/null +++ b/wp-content/themes/twentytwentythree/patterns/hidden-404.php @@ -0,0 +1,28 @@ +<?php +/** + * Title: Hidden 404 + * Slug: twentytwentythree/hidden-404 + * Inserter: no + */ +?> +<!-- wp:spacer {"height":"var(--wp--preset--spacing--30)"} --> +<div style="height:var(--wp--preset--spacing--30)" aria-hidden="true" class="wp-block-spacer"></div> +<!-- /wp:spacer --> + +<!-- wp:heading {"level":1,"align":"wide"} --> +<h1 class="alignwide"><?php echo esc_html_x( '404', 'Error code for a webpage that is not found.', 'twentytwentythree' ); ?></h1> +<!-- /wp:heading --> + +<!-- wp:group {"align":"wide","layout":{"type":"default"},"style":{"spacing":{"margin":{"top":"5px"}}}} --> +<div class="wp-block-group alignwide" style="margin-top:5px"> + <!-- wp:paragraph --> + <p><?php echo esc_html_x( 'This page could not be found.', 'Message to convey that a webpage could not be found', 'twentytwentythree' ); ?></p> + <!-- /wp:paragraph --> + + <!-- wp:search {"label":"<?php echo esc_html_x( 'Search', 'label', 'twentytwentythree' ); ?>","placeholder":"<?php echo esc_attr_x( 'Search...', 'placeholder for search field', 'twentytwentythree' ); ?>","showLabel":false,"width":100,"widthUnit":"%","buttonText":"<?php esc_attr_e( 'Search', 'twentytwentythree' ); ?>","buttonUseIcon":true,"align":"center"} /--> +</div> +<!-- /wp:group --> + +<!-- wp:spacer {"height":"var(--wp--preset--spacing--70)"} --> +<div style="height:var(--wp--preset--spacing--70)" aria-hidden="true" class="wp-block-spacer"></div> +<!-- /wp:spacer --> diff --git a/wp-content/themes/twentytwentythree/patterns/hidden-comments.php b/wp-content/themes/twentytwentythree/patterns/hidden-comments.php new file mode 100644 index 0000000..84d4a78 --- /dev/null +++ b/wp-content/themes/twentytwentythree/patterns/hidden-comments.php @@ -0,0 +1,57 @@ +<?php +/** + * Title: Hidden Comments + * Slug: twentytwentythree/hidden-comments + * Inserter: no + */ +?> +<!-- wp:group {"layout":{"type":"constrained"},"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40"}}}} --> +<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)"> + <!-- wp:comments --> + <div class="wp-block-comments"> + <!-- wp:heading {"level":2} --> + <h2><?php echo esc_html_x( 'Comments', 'Title of comments section', 'twentytwentythree' ); ?></h2> + <!-- /wp:heading --> + + <!-- wp:comments-title {"level":3} /--> + + <!-- wp:comment-template --> + <!-- wp:columns {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|40"}}}} --> + <div class="wp-block-columns" style="margin-bottom:var(--wp--preset--spacing--40)"> + <!-- wp:column {"width":"40px"} --> + <div class="wp-block-column" style="flex-basis:40px"> + <!-- wp:avatar {"size":40,"style":{"border":{"radius":"20px"}}} /--> + </div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"> + <!-- wp:comment-author-name /--> + + <!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"flex"}} --> + <div class="wp-block-group" style="margin-top:0px;margin-bottom:0px"> + <!-- wp:comment-date /--> + <!-- wp:comment-edit-link /--> + </div> + <!-- /wp:group --> + + <!-- wp:comment-content /--> + + <!-- wp:comment-reply-link /--> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> + <!-- /wp:comment-template --> + + <!-- wp:comments-pagination {"paginationArrow":"arrow","layout":{"type":"flex","justifyContent":"space-between"}} --> + <!-- wp:comments-pagination-previous /--> + <!-- wp:comments-pagination-numbers /--> + <!-- wp:comments-pagination-next /--> + <!-- /wp:comments-pagination --> + + <!-- wp:post-comments-form /--> + </div> + <!-- /wp:comments --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentythree/patterns/hidden-no-results.php b/wp-content/themes/twentytwentythree/patterns/hidden-no-results.php new file mode 100644 index 0000000..d3f7ae0 --- /dev/null +++ b/wp-content/themes/twentytwentythree/patterns/hidden-no-results.php @@ -0,0 +1,14 @@ +<?php +/** + * Title: Hidden No Results Content + * Slug: twentytwentythree/hidden-no-results-content + * Inserter: no + */ +?> +<!-- wp:paragraph --> +<p> +<?php echo esc_html_x( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'Message explaining that there are no results returned from a search', 'twentytwentythree' ); ?> +</p> +<!-- /wp:paragraph --> + +<!-- wp:search {"label":"<?php echo esc_html_x( 'Search', 'label', 'twentytwentythree' ); ?>","placeholder":"<?php echo esc_attr_x( 'Search...', 'placeholder for search field', 'twentytwentythree' ); ?>","showLabel":false,"buttonText":"<?php esc_attr_e( 'Search', 'twentytwentythree' ); ?>","buttonUseIcon":true} /--> diff --git a/wp-content/themes/twentytwentythree/patterns/post-meta.php b/wp-content/themes/twentytwentythree/patterns/post-meta.php new file mode 100644 index 0000000..b704064 --- /dev/null +++ b/wp-content/themes/twentytwentythree/patterns/post-meta.php @@ -0,0 +1,76 @@ +<?php +/** + * Title: Post Meta + * Slug: twentytwentythree/post-meta + * Categories: query + * Keywords: post meta + * Block Types: core/template-part/post-meta + */ +?> +<!-- wp:spacer {"height":"0"} --> +<div style="height:0" aria-hidden="true" class="wp-block-spacer"></div> +<!-- /wp:spacer --> + +<!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|70"}}},"layout":{"type":"constrained"}} --> +<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--70)"> + <!-- wp:separator {"opacity":"css","align":"wide","className":"is-style-wide"} --> + <hr class="wp-block-separator alignwide has-css-opacity is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:columns {"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|30"},"blockGap":"var:preset|spacing|30"}},"fontSize":"small"} --> + <div class="wp-block-columns alignwide has-small-font-size" style="margin-top:var(--wp--preset--spacing--30)"> + <!-- wp:column {"style":{"spacing":{"blockGap":"0px"}}} --> + <div class="wp-block-column"> + <!-- wp:group {"style":{"spacing":{"blockGap":"0.5ch"}},"layout":{"type":"flex"}} --> + <div class="wp-block-group"> + <!-- wp:paragraph --> + <p> + <?php echo esc_html_x( 'Posted', 'Verb to explain the publication status of a post', 'twentytwentythree' ); ?> + </p> + <!-- /wp:paragraph --> + + <!-- wp:post-date /--> + + <!-- wp:paragraph --> + <p> + <?php echo esc_html_x( 'in', 'Preposition to show the relationship between the post and its categories', 'twentytwentythree' ); ?> + </p> + <!-- /wp:paragraph --> + + <!-- wp:post-terms {"term":"category"} /--> + </div> + <!-- /wp:group --> + + <!-- wp:group {"style":{"spacing":{"blockGap":"0.5ch"}},"layout":{"type":"flex"}} --> + <div class="wp-block-group"> + <!-- wp:paragraph --> + <p> + <?php echo esc_html_x( 'by', 'Preposition to show the relationship between the post and its author', 'twentytwentythree' ); ?> + </p> + <!-- /wp:paragraph --> + + <!-- wp:post-author {"showAvatar":false} /--> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"style":{"spacing":{"blockGap":"0px"}}} --> + <div class="wp-block-column"> + <!-- wp:group {"style":{"spacing":{"blockGap":"0.5ch"}},"layout":{"type":"flex","orientation":"vertical"}} --> + <div class="wp-block-group"> + <!-- wp:paragraph --> + <p> + <?php echo esc_html_x( 'Tags:', 'Label for a list of post tags', 'twentytwentythree' ); ?> + </p> + <!-- /wp:paragraph --> + + <!-- wp:post-terms {"term":"post_tag"} /--> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentythree/readme.txt b/wp-content/themes/twentytwentythree/readme.txt new file mode 100644 index 0000000..d2569f1 --- /dev/null +++ b/wp-content/themes/twentytwentythree/readme.txt @@ -0,0 +1,76 @@ +=== Twenty Twenty-Three === +Contributors: wordpressdotorg +Requires at least: 6.1 +Tested up to: 6.4 +Requires PHP: 5.6 +Stable tag: 1.3 +License: GPLv2 or later +License URI: http://www.gnu.org/licenses/gpl-2.0.html + +== Description == + +Twenty Twenty-Three is designed to take advantage of the new design tools introduced in WordPress 6.1. With a clean, blank base as a starting point, this default theme includes ten diverse style variations created by members of the WordPress community. + +Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself. + +== Changelog == + += 1.3 = +* Released: November 7, 2023 + +https://wordpress.org/documentation/article/twenty-twenty-three-changelog/#Version_1.3 + += 1.2 = +* Released: August 8, 2023 + +https://wordpress.org/documentation/article/twenty-twenty-three-changelog/#Version_1.2 + += 1.1 = +* Released: March 28, 2023 + +https://wordpress.org/documentation/article/twenty-twenty-three-changelog/#Version_1.1 + += 1.0 = +* Released: November 1, 2022 + +https://wordpress.org/documentation/article/twenty-twenty-three-changelog/#Version_1.0 + +== Copyright == + +Twenty Twenty-Three WordPress Theme, (C) 2022-2023 WordPress.org +Twenty Twenty-Three 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: + +DM Sans Font +Copyright 2014-2017 Indian Type Foundry (info@indiantypefoundry.com) +Copyright 2019 Google LLC +Copyright 2014-2018 Adobe (http://www.adobe.com/) +License: SIL Open Font License, 1.1, https://opensource.org/licenses/OFL-1.1 +Source: https://github.com/googlefonts/dm-fonts + +IBM Plex Font +Copyright 2017 IBM Corp. +License: SIL Open Font License, 1.1, https://opensource.org/licenses/OFL-1.1 +Source: https://github.com/IBM/plex + +Inter Font +Copyright (c) 2016-2020 The Inter Project Authors. +License: SIL Open Font License, 1.1, https://opensource.org/licenses/OFL-1.1 +Source: https://github.com/rsms/inter + +Source Serif Font +Copyright 2014-2021 Adobe (http://www.adobe.com/) +License: SIL Open Font License, 1.1, https://opensource.org/licenses/OFL-1.1 +Source: https://github.com/adobe-fonts/source-serif diff --git a/wp-content/themes/twentytwentythree/screenshot.png b/wp-content/themes/twentytwentythree/screenshot.png Binary files differnew file mode 100644 index 0000000..d405921 --- /dev/null +++ b/wp-content/themes/twentytwentythree/screenshot.png diff --git a/wp-content/themes/twentytwentythree/style.css b/wp-content/themes/twentytwentythree/style.css new file mode 100644 index 0000000..2536a83 --- /dev/null +++ b/wp-content/themes/twentytwentythree/style.css @@ -0,0 +1,15 @@ +/* +Theme Name: Twenty Twenty-Three +Theme URI: https://wordpress.org/themes/twentytwentythree +Author: the WordPress team +Author URI: https://wordpress.org +Description: Twenty Twenty-Three is designed to take advantage of the new design tools introduced in WordPress 6.1. With a clean, blank base as a starting point, this default theme includes ten diverse style variations created by members of the WordPress community. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself. +Requires at least: 6.1 +Tested up to: 6.4 +Requires PHP: 5.6 +Version: 1.3 +License: GNU General Public License v2 or later +License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html +Text Domain: twentytwentythree +Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news +*/ diff --git a/wp-content/themes/twentytwentythree/styles/aubergine.json b/wp-content/themes/twentytwentythree/styles/aubergine.json new file mode 100644 index 0000000..74ca7f8 --- /dev/null +++ b/wp-content/themes/twentytwentythree/styles/aubergine.json @@ -0,0 +1,292 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 2, + "title": "Aubergine", + "settings": { + "color": { + "gradients": [ + { + "gradient": "linear-gradient(180deg, var(--wp--preset--color--secondary) 0%,var(--wp--preset--color--base) 100%)", + "name": "Secondary to Base", + "slug": "secondary-base" + }, + { + "gradient": "linear-gradient(180deg, var(--wp--preset--color--base) 0 min(24rem, 10%), var(--wp--preset--color--secondary) 0% 30%, var(--wp--preset--color--base) 100%)", + "name": "Base to Secondary to Base", + "slug": "base-secondary-base" + }, + { + "gradient": "linear-gradient(90deg, var(--wp--preset--color--tertiary) 5.74%, var(--wp--preset--color--primary) 100%)", + "name": "Tertiary to Primary", + "slug": "tertiary-primary" + }, + { + "gradient": "linear-gradient(90deg, var(--wp--preset--color--primary) 5.74%, var(--wp--preset--color--tertiary) 100%)", + "name": "Primary to Tertiary", + "slug": "primary-tertiary" + } + ], + "palette": [ + { + "color": "#1B1031", + "name": "Base", + "slug": "base" + }, + { + "color": "#FFFFFF", + "name": "Contrast", + "slug": "contrast" + }, + { + "color": "#FF746D", + "name": "Primary", + "slug": "primary" + }, + { + "color": "#551C5E", + "name": "Secondary", + "slug": "secondary" + }, + { + "color": "#FB326B", + "name": "Tertiary", + "slug": "tertiary" + } + ] + }, + "typography": { + "fontSizes": [ + { + "fluid": { + "min": "0.875rem", + "max": "1rem" + }, + "size": "1rem", + "slug": "small" + }, + { + "fluid": { + "min": "1rem", + "max": "1.125rem" + }, + "size": "1.125rem", + "slug": "medium" + }, + { + "size": "1.75rem", + "slug": "large", + "fluid": false + }, + { + "size": "3.25rem", + "slug": "x-large", + "fluid": false + }, + { + "size": "10rem", + "slug": "xx-large", + "fluid": { + "min": "4rem", + "max": "20rem" + } + } + ] + } + }, + "styles": { + "blocks": { + "core/comment-reply-link": { + "elements": { + "link": { + "color": { + "text": "var(--wp--preset--color--primary)" + }, + "typography": { + "fontStyle": "italic" + } + } + } + }, + "core/group": { + "border": { + "color": "var(--wp--preset--color--primary)" + } + }, + "core/navigation": { + "typography": { + "fontSize": "var(--wp--preset--font-size--medium)" + } + }, + "core/post-author": { + "color": { + "text": "var(--wp--preset--color--primary)" + }, + "typography": { + "fontStyle": "italic" + } + }, + "core/post-content": { + "elements": { + "link": { + "color": { + "text": "var(--wp--preset--color--primary)" + } + } + } + }, + "core/post-date": { + "elements": { + "link": { + "color": { + "text": "var(--wp--preset--color--contrast)" + }, + "typography": { + "letterSpacing": "0.09rem", + "textTransform": "uppercase" + } + } + } + }, + "core/post-terms": { + "elements": { + "link": { + "color": { + "text": "var(--wp--preset--color--primary)" + }, + "typography": { + "fontStyle": "italic" + } + } + } + }, + "core/post-title": { + "elements": { + "link": { + ":active": { + "color": { + "text": "var(--wp--preset--color--contrast)" + } + } + } + }, + "typography": { + "fontSize": "clamp(2.625rem, calc(2.625rem + ((1vw - 0.48rem) * 8.4135)), 3.25rem)" + } + }, + "core/query": { + "elements": { + "h3": { + "color": { + "text": "var(--wp--preset--color--primary)" + }, + "typography": { + "fontSize": "var(--wp--preset--font-size--large)", + "fontWeight": "700" + } + }, + "link": { + "color": { + "text": "var(--wp--preset--color--primary)" + } + } + } + }, + "core/separator": { + "color": { + "text": "var(--wp--preset--color--primary)" + } + }, + "core/site-title": { + "border": { + "color": "var(--wp--preset--color--primary)", + "style": "solid", + "width": "0 0 2px 0" + }, + "elements": { + "link": { + ":active": { + "color": { + "text": "var(--wp--preset--color--primary)" + } + }, + ":focus": { + "color": { + "text": "var(--wp--preset--color--primary)" + }, + "typography": { + "textDecoration": "none" + } + }, + ":hover": { + "color": { + "text": "var(--wp--preset--color--primary)" + }, + "typography": { + "textDecoration": "none" + } + } + } + }, + "typography": { + "letterSpacing": "0.09rem", + "textTransform": "uppercase" + } + } + }, + "color": { + "gradient": "var(--wp--preset--gradient--base-secondary-base) no-repeat" + }, + "elements": { + "button": { + "border": { + "radius": "99999px" + }, + "color": { + "gradient": "var(--wp--preset--gradient--tertiary-primary)", + "text": "var(--wp--preset--color--base)" + }, + ":hover": { + "color": { + "background": "var(--wp--preset--color--primary)", + "gradient": "none", + "text": "var(--wp--preset--color--secondary)" + } + }, + ":focus": { + "color": { + "background": "var(--wp--preset--color--primary)", + "gradient": "none", + "text": "var(--wp--preset--color--secondary)" + } + }, + ":active": { + "color": { + "background": "var(--wp--preset--color--primary)", + "gradient": "none", + "text": "var(--wp--preset--color--secondary)" + } + }, + ":visited": { + "color": { + "text": "var(--wp--preset--color--base)" + } + } + }, + "heading": { + "typography": { + "letterSpacing": "-0.019rem" + } + }, + "link": { + ":active": { + "color": { + "text": "var(--wp--preset--color--primary)" + } + } + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--dm-sans)" + } + } +} diff --git a/wp-content/themes/twentytwentythree/styles/block-out.json b/wp-content/themes/twentytwentythree/styles/block-out.json new file mode 100644 index 0000000..28e831e --- /dev/null +++ b/wp-content/themes/twentytwentythree/styles/block-out.json @@ -0,0 +1,245 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 2, + "title": "Block out", + "settings": { + "color": { + "duotone": [ + { + "colors": [ + "#E2161D", + "#FF9C9C" + ], + "slug": "default-filter", + "name": "Default filter" + } + ], + "palette": [ + { + "color": "#ff5252", + "name": "Base", + "slug": "base" + }, + { + "color": "#252525", + "name": "Contrast", + "slug": "contrast" + }, + { + "color": "#ffffff", + "name": "Primary", + "slug": "primary" + }, + { + "color": "#ff2d34", + "name": "Secondary", + "slug": "secondary" + }, + { + "color": "#ff7e7e", + "name": "Tertiary", + "slug": "tertiary" + } + ] + }, + "layout": { + "contentSize": "800px" + }, + "typography": { + "fontSizes": [ + { + "fluid": { + "max": "1rem", + "min": "0.875rem" + }, + "size": "1rem", + "slug": "small" + }, + { + "fluid": { + "max": "1.125rem", + "min": "1rem" + }, + "size": "1.125rem", + "slug": "medium" + }, + { + "fluid": false, + "size": "1.75rem", + "slug": "large" + }, + { + "fluid": false, + "size": "2.25rem", + "slug": "x-large" + }, + { + "fluid": { + "max": "7rem", + "min": "4rem" + }, + "size": "7rem", + "slug": "xx-large" + } + ] + } + }, + "styles": { + "blocks": { + "core/avatar": { + "filter": { + "duotone": "var(--wp--preset--duotone--default-filter)" + } + }, + "core/image": { + "border": { + "radius": "8px" + }, + "filter": { + "duotone": "var(--wp--preset--duotone--default-filter)" + } + }, + "core/navigation": { + "typography": { + "fontSize": "var(--wp--preset--font-size--large)" + } + }, + "core/post-content": { + "elements": { + "link": { + "color": { + "text": "var(--wp--preset--color--contrast)" + } + }, + "h1": { + "color": { + "text": "var(--wp--preset--color--contrast)" + } + } + } + }, + "core/post-featured-image": { + "border": { + "radius": "8px" + }, + "filter": { + "duotone": "var(--wp--preset--duotone--default-filter)" + } + }, + "core/post-title": { + "elements": { + "link": { + ":active": { + "color": { + "text": "var(--wp--preset--color--primary)" + } + } + } + }, + "color": { + "text": "var(--wp--preset--color--primary)" + } + }, + "core/quote": { + "border": { + "width": "1px" + } + }, + "core/search": { + "border": { + "radius": "8px" + } + }, + "core/site-logo": { + "filter": { + "duotone": "var(--wp--preset--duotone--default-filter)" + } + }, + "core/site-title": { + "elements": { + "link": { + ":active": { + "color": { + "text": "var(--wp--preset--color--primary)" + } + } + } + }, + "spacing": { + "padding": { + "bottom": "var(--wp--preset--spacing--30)", + "top": "var(--wp--preset--spacing--30)" + } + }, + "typography": { + "fontSize": "var(--wp--preset--font-size--xx-large)", + "lineHeight": "1.1", + "textTransform": "lowercase" + } + }, + "core/query": { + "elements": { + "h2": { + "typography": { + "fontSize": "var(--wp--preset--font-size--large)" + } + } + } + } + }, + "elements": { + "button": { + "border": { + "radius": "8px" + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--ibm-plex-mono)", + "fontStyle": "italic", + "fontWeight": "400" + }, + ":active": { + "color": { + "text": "var(--wp--preset--color--contrast)" + } + } + }, + "h1": { + "color": { + "text": "var(--wp--preset--color--primary)" + } + }, + "h6": { + "typography": { + "fontWeight": "400" + } + }, + "heading": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--ibm-plex-mono)", + "fontStyle": "italic" + } + }, + "link": { + ":active": { + "color": { + "text": "var(--wp--preset--color--primary)" + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--ibm-plex-mono)", + "fontStyle": "italic", + "fontWeight": "400" + } + } + }, + "spacing": { + "padding": { + "bottom": "0px", + "top": "0px" + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--dm-sans)" + } + } +} diff --git a/wp-content/themes/twentytwentythree/styles/canary.json b/wp-content/themes/twentytwentythree/styles/canary.json new file mode 100644 index 0000000..f8d8f80 --- /dev/null +++ b/wp-content/themes/twentytwentythree/styles/canary.json @@ -0,0 +1,251 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 2, + "title": "Canary", + "settings": { + "color": { + "duotone": [ + { + "colors": [ + "#000000", + "#ffffff" + ], + "slug": "default-filter", + "name": "Default filter" + } + ], + "palette": [ + { + "color": "#fdff85", + "name": "Base", + "slug": "base" + }, + { + "color": "#000000", + "name": "Contrast", + "slug": "contrast" + }, + { + "color": "#000000", + "name": "Primary", + "slug": "primary" + }, + { + "color": "#353535", + "name": "Secondary", + "slug": "secondary" + }, + { + "color": "#ffffff", + "name": "Tertiary", + "slug": "tertiary" + } + ] + }, + "layout": { + "wideSize": "650px" + }, + "typography": { + "fontSizes": [ + { + "size": "0.75rem", + "slug": "small" + }, + { + "size": "1.125rem", + "slug": "medium" + }, + { + "size": "1.75rem", + "slug": "large" + }, + { + "size": "2.25rem", + "slug": "x-large" + }, + { + "size": "10rem", + "slug": "xx-large" + } + ] + } + }, + "styles": { + "blocks": { + "core/comments": { + "elements": { + "link": { + "typography": { + "textDecoration": "underline" + }, + ":hover": { + "typography": { + "textDecoration": "none" + } + } + } + } + }, + "core/comment-reply-link": { + "typography": { + "fontSize": "var(--wp--preset--font-size--small)" + } + }, + "core/comments-title":{ + "typography": { + "fontSize": "var(--wp--preset--font-size--small)" + } + }, + "core/image": { + "border": { + "radius": "100px 0 0 0" + }, + "filter": { + "duotone": "var(--wp--preset--duotone--default-filter)" + } + }, + "core/navigation": { + "typography": { + "textTransform": "lowercase" + } + }, + "core/post-content": { + "elements": { + "link": { + "typography": { + "textDecoration": "underline" + }, + ":hover": { + "typography": { + "textDecoration": "none" + } + } + } + } + }, + "core/post-excerpt": { + "typography": { + "fontSize": "var(--wp--preset--font-size--small)" + } + }, + "core/post-featured-image": { + "border": { + "radius": "100px 0 0 0" + }, + "spacing": { + "margin": { + "bottom": "0px", + "left": "0px", + "right": "0px", + "top": "0px" + }, + "padding": { + "bottom": "0px", + "left": "0px", + "right": "0px", + "top": "0px" + } + } + }, + "core/post-title": { + "typography": { + "fontWeight": "700" + } + }, + "core/separator": { + "border": { + "width": "2px" + } + }, + "core/site-title": { + "typography": { + "fontWeight": "700", + "textTransform": "lowercase", + "fontSize": "var(--wp--preset--font-size--small)" + } + } + }, + "elements": { + "button": { + ":hover": { + "color": { + "background": "var(--wp--preset--color--base)", + "text": "var(--wp--preset--color--contrast)" + }, + "border": { + "color": "var(--wp--preset--color--contrast)", + "style": "solid", + "width": "2px" + } + }, + ":focus": { + "color": { + "background": "var(--wp--preset--color--base)", + "text": "var(--wp--preset--color--contrast)" + }, + "border": { + "color": "var(--wp--preset--color--contrast)", + "style": "solid", + "width": "2px" + } + }, + ":visited": { + "color": { + "text": "var(--wp--preset--color--base)" + } + }, + "border": { + "radius": "5px", + "color": "var(--wp--preset--color--contrast)", + "style": "solid", + "width": "2px" + }, + "color": { + "text": "var(--wp--preset--color--base)" + }, + "spacing": { + "padding": { + "bottom": "0.667em", + "left": "1.333em", + "right": "1.333em", + "top": "0.667em" + } + } + }, + "h1": { + "typography": { + "fontSize": "var(--wp--preset--font-size--small)" + } + }, + "h2": { + "typography": { + "fontSize": "var(--wp--preset--font-size--small)" + } + }, + "h3": { + "typography": { + "fontSize": "var(--wp--preset--font-size--small)" + } + }, + "h4": { + "typography": { + "fontSize": "var(--wp--preset--font-size--small)" + } + }, + "heading": { + "typography": { + "fontWeight": "700" + } + }, + "link": { + "typography": { + "textDecoration": "none" + } + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--ibm-plex-mono)", + "fontSize": "var(--wp--preset--font-size--small)" + } + } +} diff --git a/wp-content/themes/twentytwentythree/styles/electric.json b/wp-content/themes/twentytwentythree/styles/electric.json new file mode 100644 index 0000000..077ca09 --- /dev/null +++ b/wp-content/themes/twentytwentythree/styles/electric.json @@ -0,0 +1,100 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 2, + "title": "Electric", + "settings": { + "color": { + "palette": [ + { + "color": "#f3f3f1", + "name": "Base", + "slug": "base" + }, + { + "color": "#2500ff", + "name": "Contrast", + "slug": "contrast" + }, + { + "color": "#f3f3f1", + "name": "Primary", + "slug": "primary" + }, + { + "color": "#2500ff", + "name": "Secondary", + "slug": "secondary" + }, + { + "color": "#f6f6f6", + "name": "Tertiary", + "slug": "tertiary" + } + ] + } + }, + "styles": { + "elements": { + "button": { + "border": { + "style": "solid", + "width": "2px", + "color": "var(--wp--preset--color--contrast)" + }, + "color": { + "background": "var(--wp--preset--color--contrast)", + "text": "var(--wp--preset--color--base)" + }, + "spacing": { + "padding": { + "top": ".667em", + "right": "1.333em", + "bottom": ".667em", + "left": "1.333em" + } + }, + ":active": { + "typography": { + "textDecoration": "underline dotted" + } + }, + ":focus": { + "typography": { + "textDecoration": "underline dotted" + } + }, + ":hover": { + "border": { + "color": "var(--wp--preset--color--contrast)", + "style": "solid", + "width": "2px" + }, + "color": { + "background": "var(--wp--preset--color--base)", + "text": "var(--wp--preset--color--contrast)" + } + }, + ":visited": { + "color": { + "text": "var(--wp--preset--color--base)" + } + } + }, + "link": { + ":focus": { + "typography": { + "textDecoration": "underline dotted" + } + }, + ":active": { + "typography": { + "textDecoration": "underline dotted" + } + } + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--dm-sans)" + } + } +} diff --git a/wp-content/themes/twentytwentythree/styles/grapes.json b/wp-content/themes/twentytwentythree/styles/grapes.json new file mode 100644 index 0000000..cf0c4b4 --- /dev/null +++ b/wp-content/themes/twentytwentythree/styles/grapes.json @@ -0,0 +1,97 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 2, + "title": "Grapes", + "settings": { + "color": { + "palette": [ + { + "color": "#E1E1C7", + "name": "Base", + "slug": "base" + }, + { + "color": "#000000", + "name": "Contrast", + "slug": "contrast" + }, + { + "color": "#214F31", + "name": "Primary", + "slug": "primary" + }, + { + "color": "#000000", + "name": "Secondary", + "slug": "secondary" + }, + { + "color": "#F0EBD2", + "name": "Tertiary", + "slug": "tertiary" + } + ] + } + }, + "styles": { + "blocks": { + "core/post-comments": { + "elements": { + "link": { + ":hover": { + "typography": { + "textDecoration": "underline dashed" + } + } + } + } + }, + "core/post-date": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--source-serif-pro)", + "fontStyle": "italic" + } + }, + "core/post-terms": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--source-serif-pro)", + "fontStyle": "italic" + } + }, + "core/site-title": { + "typography": { + "textTransform": "lowercase" + } + } + }, + "elements": { + "button": { + "border": { + "radius": "9999px" + }, + "color": { + "background": "var(--wp--preset--color--primary)", + "text": "var(--wp--preset--color--base)" + }, + ":visited": { + "color": { + "text": "var(--wp--preset--color--base)" + } + } + }, + "heading": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--source-serif-pro)", + "fontWeight": "600" + } + }, + "link": { + ":hover": { + "typography": { + "textDecoration": "underline dashed" + } + } + } + } + } +} diff --git a/wp-content/themes/twentytwentythree/styles/marigold.json b/wp-content/themes/twentytwentythree/styles/marigold.json new file mode 100644 index 0000000..4ad7ef4 --- /dev/null +++ b/wp-content/themes/twentytwentythree/styles/marigold.json @@ -0,0 +1,311 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 2, + "title": "Marigold", + "settings": { + "color": { + "palette": [ + { + "color": "#F6F2EC", + "name": "Base", + "slug": "base" + }, + { + "color": "#21251F", + "name": "Contrast", + "slug": "contrast" + }, + { + "color": "#5B4460", + "name": "Primary", + "slug": "primary" + }, + { + "color": "#FCC263", + "name": "Secondary", + "slug": "secondary" + }, + { + "color": "#E7A1A9", + "name": "Tertiary", + "slug": "tertiary" + } + ] + }, + "layout": { + "wideSize": "1200px" + }, + "spacing": { + "spacingSizes": [ + { + "size": "clamp(0.625rem, 0.434rem + 0.61vw, 0.938rem)", + "name": "1", + "slug": "30" + }, + { + "size": "clamp(1.25rem, 0.869rem + 1.22vw, 1.875rem)", + "name": "2", + "slug": "40" + }, + { + "size": "clamp(1.875rem, 1.303rem + 1.83vw, 2.813rem)", + "name": "3", + "slug": "50" + }, + { + "size": "clamp(2.5rem, 1.738rem + 2.44vw, 3.75rem)", + "name": "4", + "slug": "60" + }, + { + "size": "clamp(2.813rem, 1.098rem + 5.49vw, 5.625rem)", + "name": "5", + "slug": "70" + }, + { + "size": "clamp(3.75rem, 1.463rem + 7.32vw, 7.5rem)", + "name": "6", + "slug": "80" + } + ] + }, + "typography": { + "fontSizes": [ + { + "size": "clamp(0.875rem, 0.799rem + 0.24vw, 1rem)", + "name": "Tiny", + "slug": "tiny" + }, + { + "size": "clamp(1rem, 0.924rem + 0.24vw, 1.125rem)", + "slug": "small" + }, + { + "size": "clamp(1.125rem, 1.049rem + 0.24vw, 1.25rem)", + "name": "Normal", + "slug": "normal" + }, + { + "size": "clamp(1.25rem, 1.021rem + 0.73vw, 1.625rem)", + "slug": "medium" + }, + { + "size": "clamp(1.375rem, 1.07rem + 0.98vw, 1.875rem)", + "slug": "large" + }, + { + "size": "clamp(1.75rem, 1.369rem + 1.22vw, 2.375rem)", + "slug": "x-large" + }, + { + "size": "clamp(2.125rem, 1.706rem + 1.34vw, 2.813rem)", + "slug": "xx-large" + }, + { + "size": "clamp(2.5rem, 1.966rem + 1.71vw, 3.375rem)", + "name": "Huge", + "slug": "huge" + }, + { + "size": "clamp(3.375rem, 2.384rem + 3.17vw, 5rem)", + "name": "Gigantic", + "slug": "gigantic" + } + ] + } + }, + "styles": { + "blocks": { + "core/comment-author-name": { + "elements": { + "link": { + ":active": { + "color": { + "text": "var(--wp--preset--color--primary)" + } + } + } + } + }, + "core/query": { + "spacing": { + "padding": { + "left": "0", + "right": "0" + } + } + }, + "core/post-content": { + "elements": { + "link": { + "color": { + "text": "var(--wp--preset--color--primary)" + } + } + } + }, + "core/post-excerpt": { + "typography": { + "fontSize": "var(--wp--preset--font-size--normal)" + } + }, + "core/post-title": { + "elements": { + "link": { + "typography": { + "textDecoration": "none" + }, + "color": { + "text": "var(--wp--preset--color--primary)" + } + } + }, + "spacing": { + "margin": { + "bottom": "var(--wp--preset--spacing--50)", + "top": "var(--wp--preset--spacing--50)" + } + }, + "typography": { + "fontSize": "var(--wp--preset--font-size--large)", + "fontWeight": "600" + } + }, + "core/pullquote": { + "border": { + "width": "1px 0" + } + }, + "core/query-pagination": { + "elements": { + "link": { + "typography": { + "textDecoration": "none" + } + } + }, + "typography": { + "fontSize": "var(--wp--preset--font-size--small)", + "fontWeight": "400" + } + }, + "core/quote": { + "elements": { + "cite": { + "typography": { + "fontSize": "1.25rem" + } + } + }, + "typography": { + "fontSize": "1.625rem", + "lineHeight": "1.5" + } + }, + "core/site-title": { + "typography": { + "fontSize": "var(--wp--preset--font-size--normal)", + "textTransform": "lowercase" + } + } + }, + "elements": { + "h1": { + "typography": { + "fontSize": "var(--wp--preset--font-size--huge)", + "lineHeight": "1.1" + } + }, + "h2": { + "typography": { + "fontSize": "var(--wp--preset--font-size--xx-large)", + "lineHeight": "1.2" + } + }, + "h3": { + "typography": { + "fontSize": "var(--wp--preset--font-size--x-large)", + "lineHeight": "1.2" + } + }, + "h4": { + "typography": { + "fontSize": "var(--wp--preset--font-size--large)", + "fontWeight": "600" + } + }, + "h5": { + "typography": { + "fontStyle": "normal", + "fontWeight": "600", + "textTransform": "none" + } + }, + "h6": { + "typography": { + "fontSize": "var(--wp--preset--font-size--normal)", + "fontStyle": "normal", + "fontWeight": "600" + } + }, + "heading": { + "typography": { + "fontStyle": "italic" + } + }, + "link": { + ":active": { + "color": { + "text": "var(--wp--preset--color--primary)" + } + }, + ":hover": { + "typography": { + "textDecoration": "none" + } + } + }, + "button": { + "border": { + "radius": "50px" + }, + "color": { + "background": "var(--wp--preset--color--secondary)" + }, + "typography": { + "fontSize": "var(--wp--preset--font-size--normal)" + }, + ":hover": { + "color": { + "background": "var(--wp--preset--color--tertiary)", + "text": "var(--wp--preset--color--contrast)" + } + }, + ":focus": { + "color": { + "background": "var(--wp--preset--color--primary)" + } + }, + ":active": { + "color": { + "background": "var(--wp--preset--color--primary)" + } + } + } + }, + "spacing": { + "blockGap": "2.5rem", + "padding": { + "bottom": "var(--wp--preset--spacing--50)", + "left": "var(--wp--preset--spacing--40)", + "right": "var(--wp--preset--spacing--40)", + "top": "var(--wp--preset--spacing--50)" + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--source-serif-pro)", + "fontSize": "var(--wp--preset--font-size--normal)", + "lineHeight": "1.5" + } + } +} diff --git a/wp-content/themes/twentytwentythree/styles/pilgrimage.json b/wp-content/themes/twentytwentythree/styles/pilgrimage.json new file mode 100644 index 0000000..be16add --- /dev/null +++ b/wp-content/themes/twentytwentythree/styles/pilgrimage.json @@ -0,0 +1,323 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 2, + "title": "Pilgrimage", + "settings": { + "color": { + "duotone": [ + { + "colors": [ + "#222828", + "#9EF9FD" + ], + "slug": "default-filter", + "name": "Default filter" + } + ], + "gradients": [ + { + "gradient": "linear-gradient(180deg, var(--wp--preset--color--primary) 0%,var(--wp--preset--color--secondary) 100%)", + "name": "Primary to Secondary", + "slug": "primary-secondary" + }, + { + "gradient": "linear-gradient(180deg, var(--wp--preset--color--secondary) 0%,var(--wp--preset--color--primary) 100%)", + "name": "Secondary to Primary", + "slug": "secondary-primary" + }, + { + "gradient": "linear-gradient(180deg, var(--wp--preset--color--primary) 0%,var(--wp--preset--color--tertiary) 100%)", + "name": "Tertiary to Secondary", + "slug": "tertiary-secondary" + }, + { + "gradient": "linear-gradient(180deg, var(--wp--preset--color--tertiary) 0%,var(--wp--preset--color--primary) 100%)", + "name": "Tertiary to Primary", + "slug": "tertiary-primary" + }, + { + "gradient": "linear-gradient(180deg, var(--wp--preset--color--base) 0%,var(--wp--preset--color--primary) 350%)", + "name": "Base to Primary", + "slug": "base-primary" + }, + { + "gradient": "radial-gradient(circle at 5px 5px,#0c0d0d70 2px,#ffffff00 0px,#ffffff00 0px) 0 0 / 8px 8px, linear-gradient(180deg, var(--wp--preset--color--base) 0%,#000000 200%)", + "name": "Dots", + "slug": "dots" + } + ], + "palette": [ + { + "color": "#222828", + "name": "Base", + "slug": "base" + }, + { + "color": "#ffffff", + "name": "Contrast", + "slug": "contrast" + }, + { + "color": "#53ED85", + "name": "Primary", + "slug": "primary" + }, + { + "color": "#9EF9FD", + "name": "Secondary", + "slug": "secondary" + }, + { + "color": "#D8E202", + "name": "Tertiary", + "slug": "tertiary" + } + ] + } + }, + "styles": { + "blocks": { + "core/comment-author-name": { + "elements": { + "link": { + ":active": { + "color": { + "text": "var(--wp--preset--color--tertiary)" + } + } + } + } + }, + "core/comment-date": { + "elements": { + "link": { + ":active": { + "color": { + "text": "var(--wp--preset--color--tertiary)" + }, + "typography": { + "textDecoration": "underline" + } + } + } + } + }, + "core/comment-edit-link": { + "elements": { + "link": { + ":active": { + "color": { + "text": "var(--wp--preset--color--tertiary)" + } + } + } + } + }, + "core/comments-pagination": { + "elements": { + "link": { + "typography": { + "textDecoration": "underline" + } + } + } + }, + "core/image": { + "filter": { + "duotone": "var(--wp--preset--duotone--default-filter)" + } + }, + "core/navigation": { + "elements": { + "link": { + ":active": { + "typography": { + "textDecoration": "underline dashed" + } + }, + "color": { + "text": "var(--wp--preset--color--primary)" + }, + "typography": { + "textDecoration": "underline" + } + } + } + }, + "core/paragraph": { + "color": { + "text": "var(--wp--preset--color--contrast)" + }, + "elements": { + "link": { + ":hover": { + "color": { + "text": "var(--wp--preset--color--tertiary)" + } + } + } + } + }, + "core/post-content": { + "elements": { + "link": { + "color": { + "text": "var(--wp--preset--color--primary)" + } + } + } + }, + "core/post-date": { + "elements": { + "link": { + "typography": { + "textDecoration": "none", + "fontStyle": "italic" + } + } + } + }, + "core/post-featured-image": { + "filter": { + "duotone": "var(--wp--preset--duotone--default-filter)" + } + }, + "core/post-title": { + "elements": { + "link": { + ":active": { + "color": { + "text": "var(--wp--preset--color--tertiary)" + }, + "typography": { + "textDecoration": "underline" + } + }, + "typography": { + "textDecoration": "underline" + } + } + } + }, + "core/query-pagination": { + "elements": { + "link": { + "typography": { + "textDecoration": "underline" + } + } + } + }, + "core/separator": { + "color": { + "text": "var(--wp--preset--color--secondary)" + } + }, + "core/site-title": { + "elements": { + "link": { + ":active": { + "color": { + "text": "var(--wp--preset--color--primary)" + } + } + } + }, + "typography": { + "fontStyle": "italic", + "fontWeight": "700" + } + } + }, + "color": { + "gradient": "var(--wp--preset--gradient--dots)" + }, + "elements": { + "button": { + ":active": { + "color": { + "background": "var(--wp--preset--color--secondary)", + "gradient": "none" + } + }, + ":focus": { + "color": { + "gradient": "var(--wp--preset--gradient--secondary-primary)" + } + }, + ":hover": { + "color": { + "gradient": "var(--wp--preset--gradient--secondary-primary)" + } + }, + ":visited": { + "color": { + "text": "var(--wp--preset--color--base)" + } + }, + "border": { + "radius": "5px" + }, + "color": { + "gradient": "var(--wp--preset--gradient--primary-secondary)", + "text": "var(--wp--preset--color--base)" + } + }, + "h1": { + "color": { + "text": "var(--wp--preset--color--contrast)" + } + }, + "h2": { + "color": { + "text": "var(--wp--preset--color--contrast)" + } + }, + "h3": { + "color": { + "text": "var(--wp--preset--color--primary)" + } + }, + "h4": { + "color": { + "text": "var(--wp--preset--color--primary)" + } + }, + "h5": { + "color": { + "text": "var(--wp--preset--color--primary)" + } + }, + "h6": { + "color": { + "text": "var(--wp--preset--color--primary)" + } + }, + "heading": { + "color": { + "text": "var(--wp--preset--color--primary)" + } + }, + "link": { + "color": { + "text": "var(--wp--preset--color--primary)" + }, + ":hover": { + "color": { + "text":"var(--wp--preset--color--tertiary)" + } + }, + ":focus": { + "color": { + "text":"var(--wp--preset--color--tertiary)" + } + }, + ":active": { + "color": { + "text": "var(--wp--preset--color--tertiary)" + } + } + } + } + } +} diff --git a/wp-content/themes/twentytwentythree/styles/pitch.json b/wp-content/themes/twentytwentythree/styles/pitch.json new file mode 100644 index 0000000..10c4212 --- /dev/null +++ b/wp-content/themes/twentytwentythree/styles/pitch.json @@ -0,0 +1,242 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 2, + "title": "Pitch", + "settings": { + "color": { + "palette": [ + { + "color": "#202124", + "name": "Base", + "slug": "base" + }, + { + "color": "#e8eaed", + "name": "Contrast", + "slug": "contrast" + }, + { + "color": "#e3cbc0", + "name": "Primary", + "slug": "primary" + }, + { + "color": "#876C3A", + "name": "Secondary", + "slug": "secondary" + }, + { + "color": "#303134", + "name": "Tertiary", + "slug": "tertiary" + } + ] + }, + "layout": { + "contentSize": "min(640px, 90vw)", + "wideSize": "90vw" + }, + "spacing": { + "spacingScale": { + "steps": 7 + }, + "spacingSizes": [ + { + "size": "calc(8px + 1.5625vw)", + "slug": "20", + "name": "1" + }, + { + "size": "calc(12px + 1.5625vw)", + "slug": "30", + "name": "2" + }, + { + "size": "calc(16px + 1.5625vw)", + "slug": "40", + "name": "3" + }, + { + "size": "calc(20px + 1.5625vw)", + "slug": "50", + "name": "4" + }, + { + "size": "calc(24px + 1.5625vw)", + "slug": "60", + "name": "5" + }, + { + "size": "calc(28px + 1.5625vw)", + "slug": "70", + "name": "6" + }, + { + "size": "calc(32px + 1.5625vw)", + "slug": "80", + "name": "7" + } + ] + }, + "typography": { + "fontSizes": [ + { + "size": "0.85rem", + "fluid": { + "min": "0.85rem", + "max": "1rem" + }, + "slug": "small", + "name": "small" + }, + { + "size": "1.1rem", + "fluid": { + "min": "1.1rem", + "max": "1.4rem" + }, + "slug": "medium", + "name": "Medium" + }, + { + "size": "1.999rem", + "fluid": { + "min": "1.999rem", + "max": "2.827rem" + }, + "slug": "large", + "name": "Large" + }, + { + "size": "2.827rem", + "fluid": { + "min": "2.827rem", + "max": "3.998rem" + }, + "slug": "x-large", + "name": "Extra Large" + }, + { + "size": "3.2rem", + "fluid": { + "min": "3.2rem", + "max": "5.653rem" + }, + "slug": "xx-large", + "name": "2X Large" + } + ] + } + }, + "styles": { + "blocks": { + "core/separator": { + "border": { + "color":"var(--wp--preset--color--tertiary)", + "width": "2px" + } + }, + "core/site-title": { + "typography": { + "fontSize": "var(--wp--preset--font-size--medium)", + "fontStyle": "normal", + "fontWeight": "600" + } + } + }, + "elements": { + "button": { + "border": { + "radius": "0", + "style": "solid", + "width": "2px", + "color": "var(--wp--preset--color--primary)" + }, + "color": { + "background": "var(--wp--preset--color--primary)", + "text": "var(--wp--preset--color--base)" + }, + "spacing": { + "padding": { + "top": "min(1.125rem, 3vw) !important", + "right": "min(2.125rem, 5vw) !important", + "bottom": "min(1.125rem, 3vw) !important", + "left": "min(2.125rem, 5vw) !important" + } + }, + "typography": { + "fontSize": "var(--wp--preset--font-size--small)", + "fontWeight": "600", + "textTransform": "uppercase", + "letterSpacing": "0.01em" + }, + ":hover": { + "border": { + "color": "var(--wp--preset--color--contrast)" + }, + "color": { + "background": "var(--wp--preset--color--contrast)", + "text": "var(--wp--preset--color--tertiary)" + } + }, + ":focus": { + "border": { + "color": "var(--wp--preset--color--contrast)" + }, + "color": { + "background": "var(--wp--preset--color--contrast)", + "text": "var(--wp--preset--color--tertiary)" + } + }, + ":active": { + "border": { + "color": "var(--wp--preset--color--contrast)" + }, + "color": { + "background": "var(--wp--preset--color--contrast)", + "text": "var(--wp--preset--color--tertiary)" + } + }, + ":visited": { + "color": { + "text": "var(--wp--preset--color--base)" + } + } + }, + "h1": { + "typography": { + "fontSize": "var(--wp--preset--font-size--xx-large)", + "lineHeight": "1.1" + } + }, + "h2": { + "typography": { + "fontSize": "var(--wp--preset--font-size--x-large)", + "lineHeight": "1.1" + } + }, + "h3": { + "typography": { + "fontSize": "var(--wp--preset--font-size--large)" + } + }, + "heading": { + "typography": { + "fontWeight": "500" + } + } + }, + "spacing": { + "blockGap": "var(--wp--preset--spacing--40)", + "padding": { + "right": "var(--wp--preset--spacing--70)", + "left": "var(--wp--preset--spacing--70)" + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--inter)", + "fontSize": "var(--wp--preset--font-size--medium)", + "lineHeight": "1.7" + } + } +} diff --git a/wp-content/themes/twentytwentythree/styles/sherbet.json b/wp-content/themes/twentytwentythree/styles/sherbet.json new file mode 100644 index 0000000..d6e2039 --- /dev/null +++ b/wp-content/themes/twentytwentythree/styles/sherbet.json @@ -0,0 +1,243 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 2, + "title": "Sherbet", + "settings": { + "color": { + "duotone": [ + { + "colors": [ + "#FF99FF", + "#FFFF99", + "#99FFFF" + ], + "name": "Default filter", + "slug": "default-filter" + } + ], + "gradients": [ + { + "gradient": "linear-gradient(135deg, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--secondary) 50%, var(--wp--preset--color--tertiary) 100%)", + "name": "Primary to Secondary to Tertiary", + "slug": "primary-secondary-tertiary" + }, + { + "gradient": "linear-gradient(135deg, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--secondary) 50%, var(--wp--preset--color--tertiary) 100%) fixed", + "name": "Primary to Secondary to Tertiary Fixed", + "slug": "primary-secondary-tertiary-fixed" + }, + { + "gradient": "linear-gradient(135deg, var(--wp--preset--color--tertiary) 0%, var(--wp--preset--color--secondary) 50%, var(--wp--preset--color--primary) 100%) fixed", + "name": "Tertiary to Secondary to Primary Fixed", + "slug": "tertiary-secondary-primary-fixed" + } + ], + "palette": [ + { + "color": "#FFFFFF", + "name": "Base", + "slug": "base" + }, + { + "color": "#000000", + "name": "Contrast", + "slug": "contrast" + }, + { + "color": "#FFCCFF", + "name": "Primary", + "slug": "primary" + }, + { + "color": "#FFFFCC", + "name": "Secondary", + "slug": "secondary" + }, + { + "color": "#CCFFFF", + "name": "Tertiary", + "slug": "tertiary" + } + ] + }, + "typography": { + "fontSizes": [ + { + "fluid": false, + "size": "0.75rem", + "slug": "x-small" + }, + { + "fluid": { + "min": "0.875rem", + "max": "1rem" + }, + "size": "1rem", + "slug": "small" + }, + { + "fluid": { + "min": "1rem", + "max": "1.125rem" + }, + "size": "1.125rem", + "slug": "medium" + }, + { + "fluid": { + "min": "1.5rem", + "max": "1.75rem" + }, + "size": "1.75rem", + "slug": "large" + }, + { + "fluid": { + "min": "2rem", + "max": "2.25rem" + }, + "size": "2.25rem", + "slug": "x-large" + }, + { + "fluid": { + "min": "2.5rem", + "max": "2.75rem" + }, + "size": "2.75rem", + "slug": "xx-large" + } + ] + } + }, + "styles": { + "blocks": { + "core/comments": { + "elements": { + "link": { + ":active": { + "color": { + "text": "var(--wp--preset--color--contrast)" + } + } + } + } + }, + "core/comment-author-name": { + "typography": { + "fontSize": "var(--wp--preset--font-size--medium)", + "textTransform": "initial" + } + }, + "core/comment-content": { + "typography": { + "fontSize": "var(--wp--preset--font-size--medium)", + "textTransform": "initial" + } + }, + "core/navigation": { + "typography": { + "fontSize": "var(--wp--preset--font-size--small)", + "fontWeight": "500", + "textTransform": "uppercase" + } + }, + "core/post-content": { + "elements": { + "link": { + "color": { + "text": "var(--wp--preset--color--contrast)" + }, + ":active": { + "color": { + "text": "var(--wp--preset--color--contrast)" + } + } + } + } + }, + "core/post-date": { + "typography": { + "textTransform": "uppercase" + } + }, + "core/post-featured-image": { + "filter": { + "duotone": "var(--wp--preset--duotone--default-filter)" + }, + "border": { + "color": "var(--wp--preset--color--tertiary)", + "style": "solid" + } + }, + "core/post-title": { + "typography": { + "fontWeight": "500", + "textTransform": "uppercase" + } + }, + "core/site-title": { + "typography": { + "fontWeight": "500" + } + }, + "core/template-part": { + "typography": { + "fontSize": "var(--wp--preset--font-size--x-small)", + "fontWeight": "400", + "textTransform": "uppercase" + } + } + }, + "color": { + "gradient": "var(--wp--preset--gradient--primary-secondary-tertiary)" + }, + "elements": { + "button": { + "border": { + "color": "var(--wp--preset--color--contrast)", + "radius": "99999px", + "style": "solid", + "width": "2px" + }, + "color": { + "background": "var(--wp--preset--color--base)", + "gradient": "var(--wp--preset--gradient--primary-secondary-tertiary-fixed)", + "text": "var(--wp--preset--color--contrast)" + }, + "typography": { + "fontSize": "var(--wp--preset--font-size--x-small)", + "fontWeight": "400", + "textTransform": "uppercase" + }, + ":hover": { + "color": { + "gradient": "var(--wp--preset--gradient--tertiary-secondary-primary-fixed)", + "text": "var(--wp--preset--color--contrast)" + } + }, + ":focus": { + "color": { + "background": "var(--wp--preset--color--contrast)", + "gradient": "none" + } + }, + ":active": { + "color": { + "background": "var(--wp--preset--color--contrast)", + "gradient": "none" + } + } + }, + "heading": { + "typography": { + "fontWeight": "500" + } + } + }, + "typography": { + "fontSize": "var(--wp--preset--font-size--small)", + "fontFamily": "var(--wp--preset--font-family--inter)" + } + } +} diff --git a/wp-content/themes/twentytwentythree/styles/whisper.json b/wp-content/themes/twentytwentythree/styles/whisper.json new file mode 100644 index 0000000..c93b7f4 --- /dev/null +++ b/wp-content/themes/twentytwentythree/styles/whisper.json @@ -0,0 +1,550 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 2, + "title": "Whisper", + "settings": { + "color": { + "palette": [ + { + "color": "#E5E7F2", + "name": "Base", + "slug": "base" + }, + { + "color": "#47484B", + "name": "Contrast", + "slug": "contrast" + }, + { + "color": "#B50B3E", + "name": "Primary", + "slug": "primary" + }, + { + "color": "#0B0033", + "name": "Secondary", + "slug": "secondary" + }, + { + "color": "#F9F9FB", + "name": "Tertiary", + "slug": "tertiary" + } + ] + }, + "layout": { + "contentSize": "710px", + "wideSize": "1200px" + }, + "typography": { + "fontSizes": [ + { + "fluid": { + "min": "0.875rem", + "max": "1rem" + }, + "size": "1rem", + "slug": "small" + }, + { + "fluid": { + "min": "1rem", + "max": "1.187rem" + }, + "size": "1.187rem", + "slug": "medium" + }, + { + "fluid": { + "min": "1.187rem", + "max": "1.3125rem" + }, + "size": "1.3125rem", + "slug": "large" + }, + { + "fluid": { + "min": "1.562rem", + "max": "2rem" + }, + "size": "2rem", + "slug": "x-large" + }, + { + "fluid": { + "min": "3.375rem", + "max": "7rem" + }, + "size": "7rem", + "slug": "xx-large" + } + ] + } + }, + "styles": { + "blocks": { + "core/navigation": { + "color": { + "text": "var(--wp--preset--color--contrast)" + }, + "elements": { + "link": { + "border": { + "bottom": { + "color": "transparent", + "style": "solid", + "width": "0.2ch" + } + }, + "color": { + "text": "var(--wp--preset--color--contrast)" + }, + ":hover": { + "border": { + "color": "var(--wp--preset--color--primary)" + }, + "color": { + "background": "transparent", + "text": "var(--wp--preset--color--secondary)" + }, + "typography": { + "textDecoration": "none" + } + }, + ":focus": { + "typography": { + "textDecoration": "none" + } + }, + ":active": { + "typography": { + "textDecoration": "none" + } + }, + "typography": { + "textDecoration": "none" + } + } + }, + "typography": { + "fontSize": "var(--wp--preset--font-size--large)" + } + }, + "core/navigation-submenu": { + "color": { + "text": "var(--wp--preset--color--primary)" + } + }, + "core/post-content": { + "elements": { + "link": { + ":hover": { + "border": { + "color": "var(--wp--preset--color--contrast)" + }, + "color": { + "background": "var(--wp--preset--color--tertiary)" + }, + "typography": { + "textDecoration": "none" + } + } + } + } + }, + "core/post-date": { + "elements": { + "link": { + ":hover": { + "border": { + "color": "var(--wp--preset--color--contrast)" + }, + "color": { + "background": "var(--wp--preset--color--tertiary)" + }, + "typography": { + "textDecoration": "none" + } + } + } + } + }, + "core/post-title": { + "elements": { + "link": { + "border": { + "width": "0 !important" + }, + ":hover": { + "color": { + "text": "var(--wp--preset--color--primary)" + } + }, + ":focus": { + "color": { + "text": "var(--wp--preset--color--primary)" + } + }, + ":active": { + "color": { + "text": "var(--wp--preset--color--primary)" + } + } + } + } + }, + "core/pullquote": { + "border": { + "color": "var(--wp--preset--color--contrast)", + "style": "double", + "width": "6px" + }, + "color": { + "text": "var(--wp--preset--color--secondary)" + } + }, + "core/quote": { + "border": { + "color": "var(--wp--preset--color--contrast)", + "style": "double", + "width": "0 0 0 6px" + }, + "color": { + "text": "var(--wp--preset--color--secondary)" + }, + "spacing": { + "margin": { + "left": "var(--wp--preset--spacing--30)" + }, + "padding": { + "left": "var(--wp--preset--spacing--30)" + } + } + }, + "core/query-pagination": { + "elements": { + "link": { + ":hover": { + "border": { + "color": "var(--wp--preset--color--contrast)" + }, + "color": { + "background": "var(--wp--preset--color--tertiary)" + }, + "typography": { + "textDecoration": "none" + } + }, + ":active": { + "border": { + "color": "var(--wp--preset--color--base)", + "width": "0 0 2px 0" + } + } + } + } + }, + "core/separator": { + "border": { + "color": "var(--wp--preset--color--contrast)", + "style": "double", + "width": "6px 0 0 0" + } + }, + "core/site-title": { + "elements": { + "link": { + "border": { + "color": "transparent" + }, + "color": { + "text": "var(--wp--preset--color--primary)" + }, + ":hover": { + "border": { + "color": "var(--wp--preset--color--primary)" + }, + "color": { + "background": "transparent" + }, + "typography": { + "textDecoration": "none" + } + }, + ":focus": { + "typography": { + "textDecoration": "none" + } + }, + ":active": { + "border": { + "color": "var(--wp--preset--color--primary)" + }, + "color": { + "background": "transparent" + }, + "typography": { + "textDecoration": "none" + } + }, + "typography": { + "textDecoration": "none" + } + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--dm-sans)", + "fontSize": "var(--wp--preset--font-size--large)", + "fontWeight": "700", + "letterSpacing": "-0.01em", + "lineHeight": "1.4", + "textTransform": "capitalize" + } + }, + "core/comment-author-name":{ + "elements": { + "link": { + ":hover": { + "typography": { + "textDecoration": "none" + } + }, + ":focus": { + "typography": { + "textDecoration": "none" + } + } + } + } + }, + "core/comment-date": { + "elements": { + "link": { + ":hover": { + "typography": { + "textDecoration": "none" + } + }, + ":focus": { + "typography": { + "textDecoration": "none" + } + } + } + } + }, + "core/comment-edit-link": { + "elements": { + "link": { + ":hover": { + "typography": { + "textDecoration": "none" + } + }, + ":focus": { + "typography": { + "textDecoration": "none" + } + } + } + } + } + }, + "elements": { + "button": { + "border": { + "color": "var(--wp--preset--color--primary)", + "radius": "10px", + "style": "solid", + "width": "2px 2px 6px 2px !important" + }, + "color": { + "background": "transparent", + "text": "var(--wp--preset--color--primary)" + }, + "spacing": { + "padding": { + "top": "min(1rem, 3vw) !important", + "right": "min(2.75rem, 6vw) !important", + "bottom": "min(1rem, 3vw) !important", + "left": "min(2.75rem, 6vw) !important" + } + }, + "typography": { + "fontWeight": "700", + "letterSpacing": "1px", + "textTransform": "uppercase" + }, + ":hover": { + "border": { + "color": "var(--wp--preset--color--secondary)", + "width": "2px 2px 4px 2px !important" + }, + "color": { + "background": "var(--wp--preset--color--tertiary)", + "text": "var(--wp--preset--color--secondary)" + }, + "spacing": { + "padding": { + "bottom": "min(calc(1rem + 2px), 3vw) !important" + } + } + }, + ":focus": { + "border": { + "color": "var(--wp--preset--color--secondary)", + "style": "dashed dashed double", + "width": "2px 2px 4px 2px !important" + }, + "color": { + "background": "var(--wp--preset--color--tertiary)", + "text": "var(--wp--preset--color--secondary)" + }, + "spacing": { + "padding": { + "bottom": "min(calc(1rem + 2px), 3vw) !important" + } + } + }, + ":active": { + "border": { + "color": "var(--wp--preset--color--secondary)", + "width": "2px 2px 4px 2px !important" + }, + "color": { + "background": "var(--wp--preset--color--tertiary)", + "text": "var(--wp--preset--color--secondary)" + }, + "spacing": { + "padding": { + "bottom": "min(calc(1rem + 2px), 3vw) !important" + } + } + }, + ":visited": { + "color": { + "text": "var(--wp--preset--color--primary)" + } + } + }, + "cite": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--source-serif-pro)" + } + }, + "h1": { + "typography": { + "fontSize": "clamp(4.21rem, 1.43vw + 3.85rem, 5rem)", + "fontWeight": "300", + "letterSpacing": "-0.01em" + } + }, + "h2": { + "color": { + "text": "var(--wp--preset--color--secondary)" + }, + "typography": { + "fontSize": "clamp(3.16rem, 1.08vw + 2.89rem, 3.75rem)", + "fontWeight": "400", + "letterSpacing": "-0.01em" + } + }, + "h3": { + "color": { + "text": "var(--wp--preset--color--secondary)" + }, + "typography": { + "fontSize": "clamp(2.37rem, 0.81vw + 2.17rem, 2.81rem)", + "fontWeight": "500" + } + }, + "h4": { + "typography": { + "fontSize": "clamp(1.78rem, 0.61vw + 1.63rem, 2.11rem)", + "fontWeight": "600" + } + }, + "h5": { + "typography": { + "fontSize": "clamp(1.33rem, 0.45vw + 1.22rem, 1.58rem)", + "fontWeight": "700", + "letterSpacing": "1px" + } + }, + "h6": { + "typography": { + "fontSize": "clamp(1rem, 0.34vw + 0.91rem, 1.19rem)", + "fontWeight": "900", + "letterSpacing": "2px" + } + }, + "heading": { + "color": { + "text": "var(--wp--preset--color--secondary)" + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--source-serif-pro)" + } + }, + "link": { + "border": { + "color": "var(--wp--preset--color--primary)", + "style": "solid", + "width": "0 0 2px 0" + }, + "color": { + "text": "var(--wp--preset--color--secondary)" + }, + ":hover": { + "border": { + "color": "var(--wp--preset--color--contrast)" + }, + "color": { + "text": "var(--wp--preset--color--secondary)" + }, + "typography": { + "textDecoration": "none" + } + }, + ":focus": { + "border": { + "style": "dashed" + }, + "typography": { + "textDecoration": "none" + } + }, + ":active": { + "border": { + "width": "0" + }, + "color": { + "text": "var(--wp--preset--color--secondary)" + }, + "typography": { + "textDecoration": "none" + } + }, + "typography": { + "textDecoration": "none" + } + } + }, + "border": { + "color": "var(--wp--preset--color--tertiary)", + "style": "solid", + "width": "max(1vw, 0.5rem)" + }, + "spacing": { + "padding": { + "top": "var(--wp--preset--spacing--40)", + "right": "var(--wp--preset--spacing--30)", + "bottom": "var(--wp--preset--spacing--40)", + "left": "var(--wp--preset--spacing--30)" + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--dm-sans)" + } + } +} diff --git a/wp-content/themes/twentytwentythree/templates/404.html b/wp-content/themes/twentytwentythree/templates/404.html new file mode 100644 index 0000000..404842c --- /dev/null +++ b/wp-content/themes/twentytwentythree/templates/404.html @@ -0,0 +1,9 @@ +<!-- wp:template-part {"slug":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} --> +<main class="wp-block-group"> + <!-- wp:pattern {"slug":"twentytwentythree/hidden-404"} /--> +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentythree/templates/archive.html b/wp-content/themes/twentytwentythree/templates/archive.html new file mode 100644 index 0000000..74a8a5c --- /dev/null +++ b/wp-content/themes/twentytwentythree/templates/archive.html @@ -0,0 +1,29 @@ +<!-- wp:template-part {"slug":"header","tagName":"header"} /--> + +<!-- 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":"archive","align":"wide","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|50"}}}} /--> + + <!-- wp:query {"query":{"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"displayLayout":{"type":"flex","columns":3},"align":"wide","layout":{"type":"default"}} --> + <div class="wp-block-query alignwide"> + <!-- wp:post-template {"align":"wide"} --> + <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"clamp(15vw, 30vh, 400px)","align":"wide"} /--> + <!-- wp:post-title {"isLink":true} /--> + <!-- wp:post-excerpt /--> + <!-- wp:post-date {"isLink":true} /--> + + <!-- wp:spacer {"height":"var(--wp--preset--spacing--50)"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + <!-- /wp:post-template --> + + <!-- wp:query-pagination {"paginationArrow":"arrow","layout":{"type":"flex","justifyContent":"space-between"}} --> + <!-- wp:query-pagination-previous {"label":"Newer Posts"} /--> + <!-- wp:query-pagination-next {"label":"Older Posts"} /--> + <!-- /wp:query-pagination --> + </div> + <!-- /wp:query --> +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentythree/templates/blank.html b/wp-content/themes/twentytwentythree/templates/blank.html new file mode 100644 index 0000000..3d3bd7c --- /dev/null +++ b/wp-content/themes/twentytwentythree/templates/blank.html @@ -0,0 +1 @@ +<!-- wp:post-content {"layout":{"type":"constrained"}} /--> diff --git a/wp-content/themes/twentytwentythree/templates/blog-alternative.html b/wp-content/themes/twentytwentythree/templates/blog-alternative.html new file mode 100644 index 0000000..cd6c89b --- /dev/null +++ b/wp-content/themes/twentytwentythree/templates/blog-alternative.html @@ -0,0 +1,29 @@ +<!-- wp:template-part {"slug":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} --> +<main class="wp-block-group"> + <!-- wp:query {"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false},"align":"wide","layout":{"type":"default"}} --> + <div class="wp-block-query alignwide"> + <!-- wp:post-template --> + <!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"},"margin":{"top":"-1.5rem","bottom":"0px"}}}} --> + <div class="wp-block-columns" style="border-bottom-width:1px;margin-top:-1.5rem;margin-bottom:0px;padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)"> + <!-- wp:column {"verticalAlignment":"center","width":"20%"} --> + <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:20%"> + <!-- wp:post-date {"textAlign":"left"} /--> + </div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center","width":"80%"} --> + <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:80%"> + <!-- wp:post-title {"isLink":true} /--> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> + <!-- /wp:post-template --> + </div> + <!-- /wp:query --> +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentythree/templates/home.html b/wp-content/themes/twentytwentythree/templates/home.html new file mode 100644 index 0000000..9b84d2b --- /dev/null +++ b/wp-content/themes/twentytwentythree/templates/home.html @@ -0,0 +1,37 @@ +<!-- wp:template-part {"slug":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|70"}}},"layout":{"type":"constrained"}} --> +<main class="wp-block-group" style="margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--70)"> + <!-- wp:heading {"level":1,"align":"wide","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|60"}}}} --> + <h1 class="alignwide" style="margin-bottom:var(--wp--preset--spacing--60)">Mindblown: a blog about philosophy.</h1> + <!-- /wp:heading --> + + <!-- wp:query {"query":{"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"displayLayout":{"type":"flex","columns":3},"align":"wide","layout":{"type":"constrained"}} --> + <div class="wp-block-query alignwide"> + <!-- wp:post-template {"align":"wide"} --> + <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"clamp(15vw, 30vh, 400px)","align":"wide"} /--> + <!-- wp:post-title {"isLink":true} /--> + <!-- wp:post-excerpt /--> + <!-- wp:post-date {"isLink":true} /--> + + <!-- wp:spacer {"height":"var(--wp--preset--spacing--40)"} --> + <div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + <!-- /wp:post-template --> + + <!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} --> + <!-- wp:query-pagination-previous {"label":"Newer Posts"} /--> + <!-- wp:query-pagination-next {"label":"Older Posts"} /--> + <!-- /wp:query-pagination --> + </div> + <!-- /wp:query --> + + <!-- wp:spacer {"height":"var(--wp--preset--spacing--60)"} --> + <div style="height:var(--wp--preset--spacing--60)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:pattern {"slug":"twentytwentythree/cta"} /--> +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentythree/templates/index.html b/wp-content/themes/twentytwentythree/templates/index.html new file mode 100644 index 0000000..bed3d1e --- /dev/null +++ b/wp-content/themes/twentytwentythree/templates/index.html @@ -0,0 +1,27 @@ +<!-- wp:template-part {"slug":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} --> +<main class="wp-block-group"> + <!-- wp:query {"query":{"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"taxQuery":null,"parents":[]},"displayLayout":{"type":"flex","columns":3},"align":"wide","layout":{"type":"default"}} --> + <div class="wp-block-query alignwide"> + <!-- wp:post-template {"align":"wide"} --> + <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"clamp(15vw, 30vh, 400px)","align":"wide"} /--> + <!-- wp:post-title {"isLink":true,"align":"wide"} /--> + <!-- wp:post-excerpt /--> + <!-- wp:post-date {"isLink":true} /--> + + <!-- wp:spacer {"height":"var(--wp--preset--spacing--70)"} --> + <div style="height:var(--wp--preset--spacing--70)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + <!-- /wp:post-template --> + + <!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} --> + <!-- wp:query-pagination-previous /--> + <!-- wp:query-pagination-next /--> + <!-- /wp:query-pagination --> + </div> + <!-- /wp:query --> +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentythree/templates/page.html b/wp-content/themes/twentytwentythree/templates/page.html new file mode 100644 index 0000000..c9408fc --- /dev/null +++ b/wp-content/themes/twentytwentythree/templates/page.html @@ -0,0 +1,17 @@ +<!-- wp:template-part {"slug":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"var:preset|spacing|50"}}}} --> +<main class="wp-block-group" style="margin-top:var(--wp--preset--spacing--50)"> + <!-- wp:group {"layout":{"type":"constrained"}} --> + <div class="wp-block-group"> + <!-- wp:post-featured-image {"overlayColor":"contrast","dimRatio":50,"align":"wide","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|50","top":"calc(-1 * var(--wp--preset--spacing--50))"}}}} /--> + <!-- wp:post-title {"level":1,"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|40"}}}} /--> + </div> + <!-- /wp:group --> + + <!-- wp:post-content {"layout":{"type":"constrained"}} /--> + <!-- wp:template-part {"slug":"comments","tagName":"section"} /--> +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentythree/templates/search.html b/wp-content/themes/twentytwentythree/templates/search.html new file mode 100644 index 0000000..c80325d --- /dev/null +++ b/wp-content/themes/twentytwentythree/templates/search.html @@ -0,0 +1,33 @@ +<!-- wp:template-part {"slug":"header","tagName":"header"} /--> + +<!-- 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"}}}} /--> + + <!-- wp:query {"query":{"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"displayLayout":{"type":"flex","columns":3},"align":"wide","layout":{"type":"default"}} --> + <div class="wp-block-query alignwide"> + <!-- wp:post-template {"align":"wide"} --> + <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"clamp(15vw, 30vh, 400px)","align":"wide"} /--> + <!-- wp:post-title {"isLink":true} /--> + <!-- wp:post-excerpt /--> + <!-- wp:post-date {"isLink":true} /--> + + <!-- wp:spacer {"height":"var(--wp--preset--spacing--70)"} --> + <div style="height:var(--wp--preset--spacing--70)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + <!-- /wp:post-template --> + + <!-- wp:query-pagination {"paginationArrow":"arrow","layout":{"type":"flex","justifyContent":"space-between"}} --> + <!-- wp:query-pagination-previous {"label":"Newer Posts"} /--> + <!-- wp:query-pagination-next {"label":"Older Posts"} /--> + <!-- /wp:query-pagination --> + + <!-- wp:query-no-results --> + <!-- wp:pattern {"slug":"twentytwentythree/hidden-no-results-content"} /--> + <!-- /wp:query-no-results --> + </div> + <!-- /wp:query --> +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentythree/templates/single.html b/wp-content/themes/twentytwentythree/templates/single.html new file mode 100644 index 0000000..33d4dd4 --- /dev/null +++ b/wp-content/themes/twentytwentythree/templates/single.html @@ -0,0 +1,18 @@ +<!-- wp:template-part {"slug":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"var:preset|spacing|50"}}}} --> +<main class="wp-block-group" style="margin-top:var(--wp--preset--spacing--50)"> + <!-- wp:group {"layout":{"type":"constrained"}} --> + <div class="wp-block-group"> + <!-- wp:post-featured-image {"overlayColor":"contrast","dimRatio":50,"align":"wide","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|50","top":"calc(-1 * var(--wp--preset--spacing--50))"}}}} /--> + <!-- wp:post-title {"level":1,"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|40"}}}} /--> + </div> + <!-- /wp:group --> + + <!-- wp:post-content {"layout":{"type":"constrained"}} /--> + <!-- wp:template-part {"slug":"post-meta"} /--> + <!-- wp:template-part {"slug":"comments","tagName":"section"} /--> +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentythree/theme.json b/wp-content/themes/twentytwentythree/theme.json new file mode 100644 index 0000000..68e17a8 --- /dev/null +++ b/wp-content/themes/twentytwentythree/theme.json @@ -0,0 +1,741 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 2, + "customTemplates": [ + { + "name": "blank", + "postTypes": [ + "page", + "post" + ], + "title": "Blank" + }, + { + "name": "blog-alternative", + "postTypes": [ + "page" + ], + "title": "Blog (Alternative)" + }, + { + "name": "404", + "postTypes": [ + "page" + ], + "title": "404" + } + ], + "settings": { + "appearanceTools": true, + "color": { + "palette": [ + { + "color": "#ffffff", + "name": "Base", + "slug": "base" + }, + { + "color": "#000000", + "name": "Contrast", + "slug": "contrast" + }, + { + "color": "#9DFF20", + "name": "Primary", + "slug": "primary" + }, + { + "color": "#345C00", + "name": "Secondary", + "slug": "secondary" + }, + { + "color": "#F6F6F6", + "name": "Tertiary", + "slug": "tertiary" + } + ] + }, + "layout": { + "contentSize": "650px", + "wideSize": "1200px" + }, + "spacing": { + "spacingScale": { + "steps": 0 + }, + "spacingSizes": [ + { + "size": "clamp(1.5rem, 5vw, 2rem)", + "slug": "30", + "name": "1" + }, + { + "size": "clamp(1.8rem, 1.8rem + ((1vw - 0.48rem) * 2.885), 3rem)", + "slug": "40", + "name": "2" + }, + { + "size": "clamp(2.5rem, 8vw, 4.5rem)", + "slug": "50", + "name": "3" + }, + { + "size": "clamp(3.75rem, 10vw, 7rem)", + "slug": "60", + "name": "4" + }, + { + "size": "clamp(5rem, 5.25rem + ((1vw - 0.48rem) * 9.096), 8rem)", + "slug": "70", + "name": "5" + }, + { + "size": "clamp(7rem, 14vw, 11rem)", + "slug": "80", + "name": "6" + } + ], + "units": [ + "%", + "px", + "em", + "rem", + "vh", + "vw" + ] + }, + "typography": { + "dropCap": false, + "fluid": true, + "fontFamilies": [ + { + "fontFace": [ + { + "fontFamily": "DM Sans", + "fontStretch": "normal", + "fontStyle": "normal", + "fontWeight": "400", + "src": [ + "file:./assets/fonts/dm-sans/DMSans-Regular.woff2" + ] + }, + { + "fontFamily": "DM Sans", + "fontStretch": "normal", + "fontStyle": "italic", + "fontWeight": "400", + "src": [ + "file:./assets/fonts/dm-sans/DMSans-Regular-Italic.woff2" + ] + }, + { + "fontFamily": "DM Sans", + "fontStretch": "normal", + "fontStyle": "normal", + "fontWeight": "700", + "src": [ + "file:./assets/fonts/dm-sans/DMSans-Bold.woff2" + ] + }, + { + "fontFamily": "DM Sans", + "fontStretch": "normal", + "fontStyle": "italic", + "fontWeight": "700", + "src": [ + "file:./assets/fonts/dm-sans/DMSans-Bold-Italic.woff2" + ] + } + ], + "fontFamily": "\"DM Sans\", sans-serif", + "name": "DM Sans", + "slug": "dm-sans" + }, + { + "fontFace": [ + { + "fontDisplay": "block", + "fontFamily": "IBM Plex Mono", + "fontStretch": "normal", + "fontStyle": "normal", + "fontWeight": "300", + "src": [ + "file:./assets/fonts/ibm-plex-mono/IBMPlexMono-Light.woff2" + ] + }, + { + "fontDisplay": "block", + "fontFamily": "IBM Plex Mono", + "fontStretch": "normal", + "fontStyle": "normal", + "fontWeight": "400", + "src": [ + "file:./assets/fonts/ibm-plex-mono/IBMPlexMono-Regular.woff2" + ] + }, + { + "fontDisplay": "block", + "fontFamily": "IBM Plex Mono", + "fontStretch": "normal", + "fontStyle": "italic", + "fontWeight": "400", + "src": [ + "file:./assets/fonts/ibm-plex-mono/IBMPlexMono-Italic.woff2" + ] + }, + { + "fontDisplay": "block", + "fontFamily": "IBM Plex Mono", + "fontStretch": "normal", + "fontStyle": "normal", + "fontWeight": "700", + "src": [ + "file:./assets/fonts/ibm-plex-mono/IBMPlexMono-Bold.woff2" + ] + } + ], + "fontFamily": "'IBM Plex Mono', monospace", + "name": "IBM Plex Mono", + "slug": "ibm-plex-mono" + }, + { + "fontFace": [ + { + "fontFamily": "Inter", + "fontStretch": "normal", + "fontStyle": "normal", + "fontWeight": "200 900", + "src": [ + "file:./assets/fonts/inter/Inter-VariableFont_slnt,wght.ttf" + ] + } + ], + "fontFamily": "\"Inter\", sans-serif", + "name": "Inter", + "slug": "inter" + }, + { + "fontFamily": "-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif", + "name": "System Font", + "slug": "system-font" + }, + { + "fontFace": [ + { + "fontFamily": "Source Serif Pro", + "fontStretch": "normal", + "fontStyle": "normal", + "fontWeight": "200 900", + "src": [ + "file:./assets/fonts/source-serif-pro/SourceSerif4Variable-Roman.ttf.woff2" + ] + }, + { + "fontFamily": "Source Serif Pro", + "fontStretch": "normal", + "fontStyle": "italic", + "fontWeight": "200 900", + "src": [ + "file:./assets/fonts/source-serif-pro/SourceSerif4Variable-Italic.ttf.woff2" + ] + } + ], + "fontFamily": "\"Source Serif Pro\", serif", + "name": "Source Serif Pro", + "slug": "source-serif-pro" + } + ], + "fontSizes": [ + { + "fluid": { + "min": "0.875rem", + "max": "1rem" + }, + "size": "1rem", + "slug": "small" + }, + { + "fluid": { + "min": "1rem", + "max": "1.125rem" + }, + "size": "1.125rem", + "slug": "medium" + }, + { + "fluid": { + "min": "1.75rem", + "max": "1.875rem" + }, + "size": "1.75rem", + "slug": "large" + }, + { + "fluid": false, + "size": "2.25rem", + "slug": "x-large" + }, + { + "fluid": { + "min": "4rem", + "max": "10rem" + }, + "size": "10rem", + "slug": "xx-large" + } + ] + }, + "useRootPaddingAwareAlignments": true + }, + "styles": { + "blocks": { + "core/navigation": { + "elements": { + "link": { + ":hover": { + "typography": { + "textDecoration": "underline" + } + }, + ":focus": { + "typography": { + "textDecoration": "underline dashed" + } + }, + ":active": { + "typography": { + "textDecoration": "none" + } + }, + "typography": { + "textDecoration": "none" + } + } + }, + "typography": { + "fontSize": "var(--wp--preset--font-size--small)" + } + }, + "core/post-author": { + "typography": { + "fontSize": "var(--wp--preset--font-size--small)" + } + }, + "core/post-content": { + "elements": { + "link": { + "color": { + "text": "var(--wp--preset--color--secondary)" + } + } + } + }, + "core/post-excerpt": { + "typography": { + "fontSize": "var(--wp--preset--font-size--medium)" + } + }, + "core/post-date": { + "typography": { + "fontSize": "var(--wp--preset--font-size--small)", + "fontWeight": "400" + }, + "elements": { + "link": { + "typography": { + "textDecoration": "none" + }, + ":hover": { + "typography": { + "textDecoration": "underline" + } + } + } + } + }, + "core/post-terms": { + "typography": { + "fontSize": "var(--wp--preset--font-size--small)" + } + }, + "core/post-title": { + "spacing": { + "margin": { + "bottom": "1.25rem", + "top": "1.25rem" + } + }, + "typography": { + "fontWeight": "400" + }, + "elements": { + "link": { + ":hover": { + "typography": { + "textDecoration": "underline" + } + }, + ":focus": { + "typography": { + "textDecoration": "underline dashed" + } + }, + ":active": { + "color": { + "text": "var(--wp--preset--color--secondary)" + }, + "typography": { + "textDecoration": "none" + } + }, + "typography": { + "textDecoration": "none" + } + } + } + }, + "core/comments-title":{ + "typography": { + "fontSize": "var(--wp--preset--font-size--large)" + }, + "spacing": { + "margin": { + "bottom": "var(--wp--preset--spacing--40)" + } + } + }, + "core/comment-author-name": { + "elements": { + "link": { + ":hover": { + "typography": { + "textDecoration": "underline" + } + }, + ":focus": { + "typography": { + "textDecoration": "underline dashed" + } + }, + ":active": { + "color": { + "text": "var(--wp--preset--color--secondary)" + }, + "typography": { + "textDecoration": "none" + } + }, + "typography": { + "textDecoration": "none" + } + } + } + }, + "core/comment-date": { + "typography": { + "fontSize": "var(--wp--preset--font-size--small)" + }, + "elements": { + "link": { + ":hover": { + "typography": { + "textDecoration": "underline" + } + }, + ":focus": { + "typography": { + "textDecoration": "underline dashed" + } + }, + ":active": { + "color": { + "text": "var(--wp--preset--color--secondary)" + }, + "typography": { + "textDecoration": "none" + } + }, + "typography": { + "textDecoration": "none" + } + } + } + }, + "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/comments-pagination": { + "spacing": { + "margin": { + "top": "var(--wp--preset--spacing--40)" + } + }, + "elements": { + "link": { + "typography": { + "textDecoration": "none" + } + } + } + }, + "core/pullquote": { + "border": { + "style": "solid", + "width": "1px 0" + }, + "elements": { + "cite": { + "typography": { + "fontSize": "var(--wp--preset--font-size--small)", + "fontStyle": "normal", + "textTransform": "none" + } + } + }, + "typography": { + "lineHeight": "1.3" + }, + "spacing": { + "margin": { + "bottom": "var(--wp--preset--spacing--40) !important", + "top": "var(--wp--preset--spacing--40) !important" + } + } + }, + "core/query": { + "elements": { + "h2": { + "typography": { + "fontSize": "var(--wp--preset--font-size--x-large)" + } + } + } + }, + "core/query-pagination": { + "typography": { + "fontSize": "var(--wp--preset--font-size--small)", + "fontWeight": "400" + }, + "elements": { + "link": { + "typography": { + "textDecoration": "none" + }, + ":hover": { + "typography": { + "textDecoration": "underline" + } + } + } + } + }, + "core/quote": { + "border": { + "left": { + "color": "inherit", + "style": "solid", + "width": "1px" + } + }, + "elements": { + "cite": { + "typography": { + "fontSize": "var(--wp--preset--font-size--small)", + "fontStyle": "normal" + } + } + }, + "spacing": { + "padding": { + "left": "var(--wp--preset--spacing--30)", + "right": "var(--wp--preset--spacing--30)" + } + } + }, + "core/site-title": { + "elements": { + "link": { + ":hover": { + "typography": { + "textDecoration": "underline" + } + }, + ":focus": { + "typography": { + "textDecoration": "underline dashed" + } + }, + ":active": { + "color": { + "text": "var(--wp--preset--color--secondary)" + }, + "typography": { + "textDecoration": "none" + } + }, + "typography": { + "textDecoration": "none" + } + } + }, + "typography": { + "fontSize": "var(--wp--preset--font-size--medium)", + "fontWeight": "normal", + "lineHeight": "1.4" + } + }, + "core/separator": { + "css": " &:not(.is-style-wide):not(.is-style-dots):not(.alignwide):not(.alignfull){width: 100px}" + } + }, + "color": { + "background": "var(--wp--preset--color--base)", + "text": "var(--wp--preset--color--contrast)" + }, + "elements": { + "button": { + "border": { + "radius": "0" + }, + "color": { + "background": "var(--wp--preset--color--primary)", + "text": "var(--wp--preset--color--contrast)" + }, + ":hover": { + "color": { + "background": "var(--wp--preset--color--contrast)", + "text": "var(--wp--preset--color--base)" + } + }, + ":focus": { + "color": { + "background": "var(--wp--preset--color--contrast)", + "text": "var(--wp--preset--color--base)" + } + }, + ":active": { + "color": { + "background": "var(--wp--preset--color--secondary)", + "text": "var(--wp--preset--color--base)" + } + }, + ":visited": { + "color": { + "text": "var(--wp--preset--color--contrast)" + } + } + }, + "h1": { + "typography": { + "fontSize": "3.625rem", + "lineHeight": "1.2" + } + }, + "h2": { + "typography": { + "fontSize": "clamp(2.625rem, calc(2.625rem + ((1vw - 0.48rem) * 8.4135)), 3.25rem)", + "lineHeight": "1.2" + } + }, + "h3": { + "typography": { + "fontSize": "var(--wp--preset--font-size--x-large)" + } + }, + "h4": { + "typography": { + "fontSize": "var(--wp--preset--font-size--large)" + } + }, + "h5": { + "typography": { + "fontSize": "var(--wp--preset--font-size--medium)", + "fontWeight": "700", + "textTransform": "uppercase" + } + }, + "h6": { + "typography": { + "fontSize": "var(--wp--preset--font-size--medium)", + "textTransform": "uppercase" + } + }, + "heading": { + "typography": { + "fontWeight": "400", + "lineHeight": "1.4" + } + }, + "link": { + "color": { + "text": "var(--wp--preset--color--contrast)" + }, + ":hover": { + "typography": { + "textDecoration": "none" + } + }, + ":focus": { + "typography": { + "textDecoration": "underline dashed" + } + }, + ":active": { + "color": { + "text": "var(--wp--preset--color--secondary)" + }, + "typography": { + "textDecoration": "none" + } + }, + "typography": { + "textDecoration": "underline" + } + } + }, + "spacing": { + "blockGap": "1.5rem", + "padding": { + "top": "var(--wp--preset--spacing--40)", + "right": "var(--wp--preset--spacing--30)", + "bottom": "var(--wp--preset--spacing--40)", + "left": "var(--wp--preset--spacing--30)" + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--system-font)", + "fontSize": "var(--wp--preset--font-size--medium)", + "lineHeight": "1.6" + } + }, + "templateParts": [ + { + "area": "header", + "name": "header", + "title": "Header" + }, + { + "area": "footer", + "name": "footer", + "title": "Footer" + }, + { + "area": "uncategorized", + "name": "comments", + "title": "Comments" + }, + { + "area": "uncategorized", + "name": "post-meta", + "title": "Post Meta" + } + ] +} diff --git a/wp-content/themes/twentytwentytwo/assets/fonts/SourceSerif4Variable-Italic.otf.woff2 b/wp-content/themes/twentytwentytwo/assets/fonts/SourceSerif4Variable-Italic.otf.woff2 Binary files differnew file mode 100644 index 0000000..2387849 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/fonts/SourceSerif4Variable-Italic.otf.woff2 diff --git a/wp-content/themes/twentytwentytwo/assets/fonts/SourceSerif4Variable-Italic.ttf.woff2 b/wp-content/themes/twentytwentytwo/assets/fonts/SourceSerif4Variable-Italic.ttf.woff2 Binary files differnew file mode 100644 index 0000000..4cbd4c3 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/fonts/SourceSerif4Variable-Italic.ttf.woff2 diff --git a/wp-content/themes/twentytwentytwo/assets/fonts/SourceSerif4Variable-Roman.otf.woff2 b/wp-content/themes/twentytwentytwo/assets/fonts/SourceSerif4Variable-Roman.otf.woff2 Binary files differnew file mode 100644 index 0000000..28701e6 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/fonts/SourceSerif4Variable-Roman.otf.woff2 diff --git a/wp-content/themes/twentytwentytwo/assets/fonts/SourceSerif4Variable-Roman.ttf.woff2 b/wp-content/themes/twentytwentytwo/assets/fonts/SourceSerif4Variable-Roman.ttf.woff2 Binary files differnew file mode 100644 index 0000000..3b74d30 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/fonts/SourceSerif4Variable-Roman.ttf.woff2 diff --git a/wp-content/themes/twentytwentytwo/assets/fonts/dm-sans/DMSans-Bold.ttf b/wp-content/themes/twentytwentytwo/assets/fonts/dm-sans/DMSans-Bold.ttf Binary files differnew file mode 100644 index 0000000..32bc5df --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/fonts/dm-sans/DMSans-Bold.ttf diff --git a/wp-content/themes/twentytwentytwo/assets/fonts/dm-sans/DMSans-BoldItalic.ttf b/wp-content/themes/twentytwentytwo/assets/fonts/dm-sans/DMSans-BoldItalic.ttf Binary files differnew file mode 100644 index 0000000..8c458fb --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/fonts/dm-sans/DMSans-BoldItalic.ttf diff --git a/wp-content/themes/twentytwentytwo/assets/fonts/dm-sans/DMSans-Italic.ttf b/wp-content/themes/twentytwentytwo/assets/fonts/dm-sans/DMSans-Italic.ttf Binary files differnew file mode 100644 index 0000000..d6655b8 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/fonts/dm-sans/DMSans-Italic.ttf diff --git a/wp-content/themes/twentytwentytwo/assets/fonts/dm-sans/DMSans-Regular.ttf b/wp-content/themes/twentytwentytwo/assets/fonts/dm-sans/DMSans-Regular.ttf Binary files differnew file mode 100644 index 0000000..40c9bfd --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/fonts/dm-sans/DMSans-Regular.ttf diff --git a/wp-content/themes/twentytwentytwo/assets/fonts/dm-sans/LICENSE.txt b/wp-content/themes/twentytwentytwo/assets/fonts/dm-sans/LICENSE.txt new file mode 100644 index 0000000..02d522f --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/fonts/dm-sans/LICENSE.txt @@ -0,0 +1,94 @@ +Copyright 2014-2017 Indian Type Foundry (info@indiantypefoundry.com). Copyright 2019 Google LLC. +Copyright 2014-2018 Adobe (http://www.adobe.com/), with Reserved Font Name 'Source'. All Rights Reserved. Source is a trademark of Adobe in the United States and/or other countries. Copyright 2019 Google LLC. + +This Font Software is licensed under the SIL Open Font License, Version 1.1. +This license is copied below, and is also available with a FAQ at: +http://scripts.sil.org/OFL + + +----------------------------------------------------------- +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 +----------------------------------------------------------- + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide +development of collaborative font projects, to support the font creation +efforts of academic and linguistic communities, and to provide a free and +open framework in which fonts may be shared and improved in partnership +with others. + +The OFL allows the licensed fonts to be used, studied, modified and +redistributed freely as long as they are not sold by themselves. The +fonts, including any derivative works, can be bundled, embedded, +redistributed and/or sold with any software provided that any reserved +names are not used by derivative works. The fonts and derivatives, +however, cannot be released under any other type of license. The +requirement for fonts to remain under this license does not apply +to any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright +Holder(s) under this license and clearly marked as such. This may +include source files, build scripts and documentation. + +"Reserved Font Name" refers to any names specified as such after the +copyright statement(s). + +"Original Version" refers to the collection of Font Software components as +distributed by the Copyright Holder(s). + +"Modified Version" refers to any derivative made by adding to, deleting, +or substituting -- in part or in whole -- any of the components of the +Original Version, by changing formats or by porting the Font Software to a +new environment. + +"Author" refers to any designer, engineer, programmer, technical +writer or other person who contributed to the Font Software. + +PERMISSION & CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining +a copy of the Font Software, to use, study, copy, merge, embed, modify, +redistribute, and sell modified and unmodified copies of the Font +Software, subject to the following conditions: + +1) Neither the Font Software nor any of its individual components, +in Original or Modified Versions, may be sold by itself. + +2) Original or Modified Versions of the Font Software may be bundled, +redistributed and/or sold with any software, provided that each copy +contains the above copyright notice and this license. These can be +included either as stand-alone text files, human-readable headers or +in the appropriate machine-readable metadata fields within text or +binary files as long as those fields can be easily viewed by the user. + +3) No Modified Version of the Font Software may use the Reserved Font +Name(s) unless explicit written permission is granted by the corresponding +Copyright Holder. This restriction only applies to the primary font name as +presented to the users. + +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font +Software shall not be used to promote, endorse or advertise any +Modified Version, except to acknowledge the contribution(s) of the +Copyright Holder(s) and the Author(s) or with their explicit written +permission. + +5) The Font Software, modified or unmodified, in part or in whole, +must be distributed entirely under this license, and must not be +distributed under any other license. The requirement for fonts to +remain under this license does not apply to any document created +using the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are +not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT +OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE +COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL +DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM +OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/wp-content/themes/twentytwentytwo/assets/fonts/ibm-plex/IBMPlexMono-Bold.woff2 b/wp-content/themes/twentytwentytwo/assets/fonts/ibm-plex/IBMPlexMono-Bold.woff2 Binary files differnew file mode 100644 index 0000000..9821ed3 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/fonts/ibm-plex/IBMPlexMono-Bold.woff2 diff --git a/wp-content/themes/twentytwentytwo/assets/fonts/ibm-plex/IBMPlexMono-BoldItalic.woff2 b/wp-content/themes/twentytwentytwo/assets/fonts/ibm-plex/IBMPlexMono-BoldItalic.woff2 Binary files differnew file mode 100644 index 0000000..d033d12 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/fonts/ibm-plex/IBMPlexMono-BoldItalic.woff2 diff --git a/wp-content/themes/twentytwentytwo/assets/fonts/ibm-plex/IBMPlexMono-Text.woff2 b/wp-content/themes/twentytwentytwo/assets/fonts/ibm-plex/IBMPlexMono-Text.woff2 Binary files differnew file mode 100644 index 0000000..810a4f6 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/fonts/ibm-plex/IBMPlexMono-Text.woff2 diff --git a/wp-content/themes/twentytwentytwo/assets/fonts/ibm-plex/IBMPlexMono-TextItalic.woff2 b/wp-content/themes/twentytwentytwo/assets/fonts/ibm-plex/IBMPlexMono-TextItalic.woff2 Binary files differnew file mode 100644 index 0000000..c531b56 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/fonts/ibm-plex/IBMPlexMono-TextItalic.woff2 diff --git a/wp-content/themes/twentytwentytwo/assets/fonts/ibm-plex/IBMPlexSans-ExtraLight.woff2 b/wp-content/themes/twentytwentytwo/assets/fonts/ibm-plex/IBMPlexSans-ExtraLight.woff2 Binary files differnew file mode 100644 index 0000000..68969ae --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/fonts/ibm-plex/IBMPlexSans-ExtraLight.woff2 diff --git a/wp-content/themes/twentytwentytwo/assets/fonts/ibm-plex/IBMPlexSans-ExtraLightItalic.woff2 b/wp-content/themes/twentytwentytwo/assets/fonts/ibm-plex/IBMPlexSans-ExtraLightItalic.woff2 Binary files differnew file mode 100644 index 0000000..8dc0570 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/fonts/ibm-plex/IBMPlexSans-ExtraLightItalic.woff2 diff --git a/wp-content/themes/twentytwentytwo/assets/fonts/ibm-plex/IBMPlexSans-Light.woff2 b/wp-content/themes/twentytwentytwo/assets/fonts/ibm-plex/IBMPlexSans-Light.woff2 Binary files differnew file mode 100644 index 0000000..b83ec18 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/fonts/ibm-plex/IBMPlexSans-Light.woff2 diff --git a/wp-content/themes/twentytwentytwo/assets/fonts/ibm-plex/IBMPlexSans-LightItalic.woff2 b/wp-content/themes/twentytwentytwo/assets/fonts/ibm-plex/IBMPlexSans-LightItalic.woff2 Binary files differnew file mode 100644 index 0000000..8953e46 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/fonts/ibm-plex/IBMPlexSans-LightItalic.woff2 diff --git a/wp-content/themes/twentytwentytwo/assets/fonts/ibm-plex/LICENSE.txt b/wp-content/themes/twentytwentytwo/assets/fonts/ibm-plex/LICENSE.txt new file mode 100644 index 0000000..01497cc --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/fonts/ibm-plex/LICENSE.txt @@ -0,0 +1,93 @@ +Copyright © 2017 IBM Corp. with Reserved Font Name "Plex" + +This Font Software is licensed under the SIL Open Font License, Version 1.1. + +This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL + + +----------------------------------------------------------- +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 +----------------------------------------------------------- + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide +development of collaborative font projects, to support the font creation +efforts of academic and linguistic communities, and to provide a free and +open framework in which fonts may be shared and improved in partnership +with others. + +The OFL allows the licensed fonts to be used, studied, modified and +redistributed freely as long as they are not sold by themselves. The +fonts, including any derivative works, can be bundled, embedded, +redistributed and/or sold with any software provided that any reserved +names are not used by derivative works. The fonts and derivatives, +however, cannot be released under any other type of license. The +requirement for fonts to remain under this license does not apply +to any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright +Holder(s) under this license and clearly marked as such. This may +include source files, build scripts and documentation. + +"Reserved Font Name" refers to any names specified as such after the +copyright statement(s). + +"Original Version" refers to the collection of Font Software components as +distributed by the Copyright Holder(s). + +"Modified Version" refers to any derivative made by adding to, deleting, +or substituting -- in part or in whole -- any of the components of the +Original Version, by changing formats or by porting the Font Software to a +new environment. + +"Author" refers to any designer, engineer, programmer, technical +writer or other person who contributed to the Font Software. + +PERMISSION & CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining +a copy of the Font Software, to use, study, copy, merge, embed, modify, +redistribute, and sell modified and unmodified copies of the Font +Software, subject to the following conditions: + +1) Neither the Font Software nor any of its individual components, +in Original or Modified Versions, may be sold by itself. + +2) Original or Modified Versions of the Font Software may be bundled, +redistributed and/or sold with any software, provided that each copy +contains the above copyright notice and this license. These can be +included either as stand-alone text files, human-readable headers or +in the appropriate machine-readable metadata fields within text or +binary files as long as those fields can be easily viewed by the user. + +3) No Modified Version of the Font Software may use the Reserved Font +Name(s) unless explicit written permission is granted by the corresponding +Copyright Holder. This restriction only applies to the primary font name as +presented to the users. + +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font +Software shall not be used to promote, endorse or advertise any +Modified Version, except to acknowledge the contribution(s) of the +Copyright Holder(s) and the Author(s) or with their explicit written +permission. + +5) The Font Software, modified or unmodified, in part or in whole, +must be distributed entirely under this license, and must not be +distributed under any other license. The requirement for fonts to +remain under this license does not apply to any document created +using the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are +not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT +OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE +COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL +DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM +OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/wp-content/themes/twentytwentytwo/assets/fonts/inter/Inter.ttf b/wp-content/themes/twentytwentytwo/assets/fonts/inter/Inter.ttf Binary files differnew file mode 100644 index 0000000..1cb674b --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/fonts/inter/Inter.ttf diff --git a/wp-content/themes/twentytwentytwo/assets/fonts/inter/LICENSE.txt b/wp-content/themes/twentytwentytwo/assets/fonts/inter/LICENSE.txt new file mode 100644 index 0000000..ff80f8c --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/fonts/inter/LICENSE.txt @@ -0,0 +1,94 @@ +Copyright (c) 2016-2020 The Inter Project Authors. +"Inter" is trademark of Rasmus Andersson. +https://github.com/rsms/inter + +This Font Software is licensed under the SIL Open Font License, Version 1.1. +This license is copied below, and is also available with a FAQ at: +http://scripts.sil.org/OFL + +----------------------------------------------------------- +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 +----------------------------------------------------------- + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide +development of collaborative font projects, to support the font creation +efforts of academic and linguistic communities, and to provide a free and +open framework in which fonts may be shared and improved in partnership +with others. + +The OFL allows the licensed fonts to be used, studied, modified and +redistributed freely as long as they are not sold by themselves. The +fonts, including any derivative works, can be bundled, embedded, +redistributed and/or sold with any software provided that any reserved +names are not used by derivative works. The fonts and derivatives, +however, cannot be released under any other type of license. The +requirement for fonts to remain under this license does not apply +to any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright +Holder(s) under this license and clearly marked as such. This may +include source files, build scripts and documentation. + +"Reserved Font Name" refers to any names specified as such after the +copyright statement(s). + +"Original Version" refers to the collection of Font Software components as +distributed by the Copyright Holder(s). + +"Modified Version" refers to any derivative made by adding to, deleting, +or substituting -- in part or in whole -- any of the components of the +Original Version, by changing formats or by porting the Font Software to a +new environment. + +"Author" refers to any designer, engineer, programmer, technical +writer or other person who contributed to the Font Software. + +PERMISSION AND CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining +a copy of the Font Software, to use, study, copy, merge, embed, modify, +redistribute, and sell modified and unmodified copies of the Font +Software, subject to the following conditions: + +1) Neither the Font Software nor any of its individual components, +in Original or Modified Versions, may be sold by itself. + +2) Original or Modified Versions of the Font Software may be bundled, +redistributed and/or sold with any software, provided that each copy +contains the above copyright notice and this license. These can be +included either as stand-alone text files, human-readable headers or +in the appropriate machine-readable metadata fields within text or +binary files as long as those fields can be easily viewed by the user. + +3) No Modified Version of the Font Software may use the Reserved Font +Name(s) unless explicit written permission is granted by the corresponding +Copyright Holder. This restriction only applies to the primary font name as +presented to the users. + +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font +Software shall not be used to promote, endorse or advertise any +Modified Version, except to acknowledge the contribution(s) of the +Copyright Holder(s) and the Author(s) or with their explicit written +permission. + +5) The Font Software, modified or unmodified, in part or in whole, +must be distributed entirely under this license, and must not be +distributed under any other license. The requirement for fonts to +remain under this license does not apply to any document created +using the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are +not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT +OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE +COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL +DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM +OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/wp-content/themes/twentytwentytwo/assets/fonts/source-serif-pro/LICENSE.md b/wp-content/themes/twentytwentytwo/assets/fonts/source-serif-pro/LICENSE.md new file mode 100644 index 0000000..7cd3e74 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/fonts/source-serif-pro/LICENSE.md @@ -0,0 +1,93 @@ +Copyright 2014 - 2021 Adobe Systems Incorporated (http://www.adobe.com/), with Reserved Font Name 'Source'. All Rights Reserved. Source is a trademark of Adobe Systems Incorporated in the United States and/or other countries. + +This Font Software is licensed under the SIL Open Font License, Version 1.1. + +This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL + + +----------------------------------------------------------- +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 +----------------------------------------------------------- + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide +development of collaborative font projects, to support the font creation +efforts of academic and linguistic communities, and to provide a free and +open framework in which fonts may be shared and improved in partnership +with others. + +The OFL allows the licensed fonts to be used, studied, modified and +redistributed freely as long as they are not sold by themselves. The +fonts, including any derivative works, can be bundled, embedded, +redistributed and/or sold with any software provided that any reserved +names are not used by derivative works. The fonts and derivatives, +however, cannot be released under any other type of license. The +requirement for fonts to remain under this license does not apply +to any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright +Holder(s) under this license and clearly marked as such. This may +include source files, build scripts and documentation. + +"Reserved Font Name" refers to any names specified as such after the +copyright statement(s). + +"Original Version" refers to the collection of Font Software components as +distributed by the Copyright Holder(s). + +"Modified Version" refers to any derivative made by adding to, deleting, +or substituting -- in part or in whole -- any of the components of the +Original Version, by changing formats or by porting the Font Software to a +new environment. + +"Author" refers to any designer, engineer, programmer, technical +writer or other person who contributed to the Font Software. + +PERMISSION & CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining +a copy of the Font Software, to use, study, copy, merge, embed, modify, +redistribute, and sell modified and unmodified copies of the Font +Software, subject to the following conditions: + +1) Neither the Font Software nor any of its individual components, + in Original or Modified Versions, may be sold by itself. + +2) Original or Modified Versions of the Font Software may be bundled, + redistributed and/or sold with any software, provided that each copy + contains the above copyright notice and this license. These can be + included either as stand-alone text files, human-readable headers or + in the appropriate machine-readable metadata fields within text or + binary files as long as those fields can be easily viewed by the user. + +3) No Modified Version of the Font Software may use the Reserved Font + Name(s) unless explicit written permission is granted by the corresponding + Copyright Holder. This restriction only applies to the primary font name as + presented to the users. + +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font + Software shall not be used to promote, endorse or advertise any + Modified Version, except to acknowledge the contribution(s) of the + Copyright Holder(s) and the Author(s) or with their explicit written + permission. + +5) The Font Software, modified or unmodified, in part or in whole, + must be distributed entirely under this license, and must not be + distributed under any other license. The requirement for fonts to + remain under this license does not apply to any document created + using the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are +not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT +OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE +COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL +DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM +OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/wp-content/themes/twentytwentytwo/assets/fonts/source-serif-pro/SourceSerif4Variable-Italic.otf.woff2 b/wp-content/themes/twentytwentytwo/assets/fonts/source-serif-pro/SourceSerif4Variable-Italic.otf.woff2 Binary files differnew file mode 100644 index 0000000..2387849 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/fonts/source-serif-pro/SourceSerif4Variable-Italic.otf.woff2 diff --git a/wp-content/themes/twentytwentytwo/assets/fonts/source-serif-pro/SourceSerif4Variable-Italic.ttf.woff2 b/wp-content/themes/twentytwentytwo/assets/fonts/source-serif-pro/SourceSerif4Variable-Italic.ttf.woff2 Binary files differnew file mode 100644 index 0000000..4cbd4c3 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/fonts/source-serif-pro/SourceSerif4Variable-Italic.ttf.woff2 diff --git a/wp-content/themes/twentytwentytwo/assets/fonts/source-serif-pro/SourceSerif4Variable-Roman.otf.woff2 b/wp-content/themes/twentytwentytwo/assets/fonts/source-serif-pro/SourceSerif4Variable-Roman.otf.woff2 Binary files differnew file mode 100644 index 0000000..28701e6 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/fonts/source-serif-pro/SourceSerif4Variable-Roman.otf.woff2 diff --git a/wp-content/themes/twentytwentytwo/assets/fonts/source-serif-pro/SourceSerif4Variable-Roman.ttf.woff2 b/wp-content/themes/twentytwentytwo/assets/fonts/source-serif-pro/SourceSerif4Variable-Roman.ttf.woff2 Binary files differnew file mode 100644 index 0000000..3b74d30 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/fonts/source-serif-pro/SourceSerif4Variable-Roman.ttf.woff2 diff --git a/wp-content/themes/twentytwentytwo/assets/images/bird-on-black.jpg b/wp-content/themes/twentytwentytwo/assets/images/bird-on-black.jpg Binary files differnew file mode 100644 index 0000000..684affb --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/images/bird-on-black.jpg diff --git a/wp-content/themes/twentytwentytwo/assets/images/bird-on-gray.jpg b/wp-content/themes/twentytwentytwo/assets/images/bird-on-gray.jpg Binary files differnew file mode 100644 index 0000000..4fde765 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/images/bird-on-gray.jpg diff --git a/wp-content/themes/twentytwentytwo/assets/images/bird-on-green.jpg b/wp-content/themes/twentytwentytwo/assets/images/bird-on-green.jpg Binary files differnew file mode 100644 index 0000000..f1b5505 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/images/bird-on-green.jpg diff --git a/wp-content/themes/twentytwentytwo/assets/images/bird-on-salmon.jpg b/wp-content/themes/twentytwentytwo/assets/images/bird-on-salmon.jpg Binary files differnew file mode 100644 index 0000000..727c70e --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/images/bird-on-salmon.jpg diff --git a/wp-content/themes/twentytwentytwo/assets/images/divider-black.png b/wp-content/themes/twentytwentytwo/assets/images/divider-black.png Binary files differnew file mode 100644 index 0000000..bfaafd7 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/images/divider-black.png diff --git a/wp-content/themes/twentytwentytwo/assets/images/divider-white.png b/wp-content/themes/twentytwentytwo/assets/images/divider-white.png Binary files differnew file mode 100644 index 0000000..0c045e5 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/images/divider-white.png diff --git a/wp-content/themes/twentytwentytwo/assets/images/ducks.jpg b/wp-content/themes/twentytwentytwo/assets/images/ducks.jpg Binary files differnew file mode 100644 index 0000000..6c65eb4 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/images/ducks.jpg diff --git a/wp-content/themes/twentytwentytwo/assets/images/flight-path-on-gray-a.jpg b/wp-content/themes/twentytwentytwo/assets/images/flight-path-on-gray-a.jpg Binary files differnew file mode 100644 index 0000000..b533d0f --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/images/flight-path-on-gray-a.jpg diff --git a/wp-content/themes/twentytwentytwo/assets/images/flight-path-on-gray-b.jpg b/wp-content/themes/twentytwentytwo/assets/images/flight-path-on-gray-b.jpg Binary files differnew file mode 100644 index 0000000..9314e9f --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/images/flight-path-on-gray-b.jpg diff --git a/wp-content/themes/twentytwentytwo/assets/images/flight-path-on-gray-c.jpg b/wp-content/themes/twentytwentytwo/assets/images/flight-path-on-gray-c.jpg Binary files differnew file mode 100644 index 0000000..3797692 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/images/flight-path-on-gray-c.jpg diff --git a/wp-content/themes/twentytwentytwo/assets/images/flight-path-on-salmon.jpg b/wp-content/themes/twentytwentytwo/assets/images/flight-path-on-salmon.jpg Binary files differnew file mode 100644 index 0000000..86731b9 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/images/flight-path-on-salmon.jpg diff --git a/wp-content/themes/twentytwentytwo/assets/images/flight-path-on-transparent-a.png b/wp-content/themes/twentytwentytwo/assets/images/flight-path-on-transparent-a.png Binary files differnew file mode 100644 index 0000000..e89c086 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/images/flight-path-on-transparent-a.png diff --git a/wp-content/themes/twentytwentytwo/assets/images/flight-path-on-transparent-b.png b/wp-content/themes/twentytwentytwo/assets/images/flight-path-on-transparent-b.png Binary files differnew file mode 100644 index 0000000..417fed1 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/images/flight-path-on-transparent-b.png diff --git a/wp-content/themes/twentytwentytwo/assets/images/flight-path-on-transparent-c.png b/wp-content/themes/twentytwentytwo/assets/images/flight-path-on-transparent-c.png Binary files differnew file mode 100644 index 0000000..4f6c2e3 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/images/flight-path-on-transparent-c.png diff --git a/wp-content/themes/twentytwentytwo/assets/images/flight-path-on-transparent-d.png b/wp-content/themes/twentytwentytwo/assets/images/flight-path-on-transparent-d.png Binary files differnew file mode 100644 index 0000000..88892ea --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/images/flight-path-on-transparent-d.png diff --git a/wp-content/themes/twentytwentytwo/assets/images/icon-binoculars.png b/wp-content/themes/twentytwentytwo/assets/images/icon-binoculars.png Binary files differnew file mode 100644 index 0000000..283c38c --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/images/icon-binoculars.png diff --git a/wp-content/themes/twentytwentytwo/assets/images/icon-bird.jpg b/wp-content/themes/twentytwentytwo/assets/images/icon-bird.jpg Binary files differnew file mode 100644 index 0000000..dbfa90e --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/images/icon-bird.jpg diff --git a/wp-content/themes/twentytwentytwo/assets/videos/birds.mp4 b/wp-content/themes/twentytwentytwo/assets/videos/birds.mp4 Binary files differnew file mode 100644 index 0000000..2872b52 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/assets/videos/birds.mp4 diff --git a/wp-content/themes/twentytwentytwo/functions.php b/wp-content/themes/twentytwentytwo/functions.php new file mode 100644 index 0000000..cd994be --- /dev/null +++ b/wp-content/themes/twentytwentytwo/functions.php @@ -0,0 +1,65 @@ +<?php +/** + * Twenty Twenty-Two functions and definitions + * + * @link https://developer.wordpress.org/themes/basics/theme-functions/ + * + * @package WordPress + * @subpackage Twenty_Twenty_Two + * @since Twenty Twenty-Two 1.0 + */ + + +if ( ! function_exists( 'twentytwentytwo_support' ) ) : + + /** + * Sets up theme defaults and registers support for various WordPress features. + * + * @since Twenty Twenty-Two 1.0 + * + * @return void + */ + function twentytwentytwo_support() { + + // Add support for block styles. + add_theme_support( 'wp-block-styles' ); + + // Enqueue editor styles. + add_editor_style( 'style.css' ); + } + +endif; + +add_action( 'after_setup_theme', 'twentytwentytwo_support' ); + +if ( ! function_exists( 'twentytwentytwo_styles' ) ) : + + /** + * Enqueue styles. + * + * @since Twenty Twenty-Two 1.0 + * + * @return void + */ + function twentytwentytwo_styles() { + // Register theme stylesheet. + $theme_version = wp_get_theme()->get( 'Version' ); + + $version_string = is_string( $theme_version ) ? $theme_version : false; + wp_register_style( + 'twentytwentytwo-style', + get_template_directory_uri() . '/style.css', + array(), + $version_string + ); + + // Enqueue theme stylesheet. + wp_enqueue_style( 'twentytwentytwo-style' ); + } + +endif; + +add_action( 'wp_enqueue_scripts', 'twentytwentytwo_styles' ); + +// Add block patterns +require get_template_directory() . '/inc/block-patterns.php'; diff --git a/wp-content/themes/twentytwentytwo/inc/block-patterns.php b/wp-content/themes/twentytwentytwo/inc/block-patterns.php new file mode 100644 index 0000000..ce5e331 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/block-patterns.php @@ -0,0 +1,135 @@ +<?php +/** + * Twenty Twenty-Two: Block Patterns + * + * @since Twenty Twenty-Two 1.0 + */ + +/** + * Registers block patterns and categories. + * + * @since Twenty Twenty-Two 1.0 + * + * @return void + */ +function twentytwentytwo_register_block_patterns() { + $block_pattern_categories = array( + 'featured' => array( 'label' => __( 'Featured', 'twentytwentytwo' ) ), + 'footer' => array( 'label' => __( 'Footers', 'twentytwentytwo' ) ), + 'header' => array( 'label' => __( 'Headers', 'twentytwentytwo' ) ), + 'query' => array( 'label' => __( 'Query', 'twentytwentytwo' ) ), + 'pages' => array( 'label' => __( 'Pages', 'twentytwentytwo' ) ), + ); + + /** + * Filters the theme block pattern categories. + * + * @since Twenty Twenty-Two 1.0 + * + * @param array[] $block_pattern_categories { + * An associative array of block pattern categories, keyed by category name. + * + * @type array[] $properties { + * An array of block category properties. + * + * @type string $label A human-readable label for the pattern category. + * } + * } + */ + $block_pattern_categories = apply_filters( 'twentytwentytwo_block_pattern_categories', $block_pattern_categories ); + + foreach ( $block_pattern_categories as $name => $properties ) { + if ( ! WP_Block_Pattern_Categories_Registry::get_instance()->is_registered( $name ) ) { + register_block_pattern_category( $name, $properties ); + } + } + + $block_patterns = array( + 'footer-default', + 'footer-dark', + 'footer-logo', + 'footer-navigation', + 'footer-title-tagline-social', + 'footer-social-copyright', + 'footer-navigation-copyright', + 'footer-about-title-logo', + 'footer-query-title-citation', + 'footer-query-images-title-citation', + 'footer-blog', + 'general-subscribe', + 'general-featured-posts', + 'general-layered-images-with-duotone', + 'general-wide-image-intro-buttons', + 'general-large-list-names', + 'general-video-header-details', + 'general-list-events', + 'general-two-images-text', + 'general-image-with-caption', + 'general-video-trailer', + 'general-pricing-table', + 'general-divider-light', + 'general-divider-dark', + 'header-default', + 'header-large-dark', + 'header-small-dark', + 'header-image-background', + 'header-image-background-overlay', + 'header-with-tagline', + 'header-text-only-green-background', + 'header-text-only-salmon-background', + 'header-title-and-button', + 'header-text-only-with-tagline-black-background', + 'header-logo-navigation-gray-background', + 'header-logo-navigation-social-black-background', + 'header-title-navigation-social', + 'header-logo-navigation-offset-tagline', + 'header-stacked', + 'header-centered-logo', + 'header-centered-logo-black-background', + 'header-centered-title-navigation-social', + 'header-title-and-button', + 'hidden-404', + 'hidden-bird', + 'hidden-heading-and-bird', + 'page-about-media-left', + 'page-about-simple-dark', + 'page-about-media-right', + 'page-about-solid-color', + 'page-about-links', + 'page-about-links-dark', + 'page-about-large-image-and-buttons', + 'page-layout-image-and-text', + 'page-layout-image-text-and-video', + 'page-layout-two-columns', + 'page-sidebar-poster', + 'page-sidebar-grid-posts', + 'page-sidebar-blog-posts', + 'page-sidebar-blog-posts-right', + 'query-default', + 'query-simple-blog', + 'query-grid', + 'query-text-grid', + 'query-image-grid', + 'query-large-titles', + 'query-irregular-grid', + ); + + /** + * Filters the theme block patterns. + * + * @since Twenty Twenty-Two 1.0 + * + * @param array $block_patterns List of block patterns by name. + */ + $block_patterns = apply_filters( 'twentytwentytwo_block_patterns', $block_patterns ); + + foreach ( $block_patterns as $block_pattern ) { + $pattern_file = get_theme_file_path( '/inc/patterns/' . $block_pattern . '.php' ); + + register_block_pattern( + 'twentytwentytwo/' . $block_pattern, + require $pattern_file + ); + } +} +add_action( 'init', 'twentytwentytwo_register_block_patterns', 9 ); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/footer-about-title-logo.php b/wp-content/themes/twentytwentytwo/inc/patterns/footer-about-title-logo.php new file mode 100644 index 0000000..dab9b04 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/footer-about-title-logo.php @@ -0,0 +1,32 @@ +<?php +/** + * Footer with text, title, and logo + */ +return array( + 'title' => __( 'Footer with text, title, and logo', 'twentytwentytwo' ), + 'categories' => array( 'footer' ), + 'blockTypes' => array( 'core/template-part/footer' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--large, 8rem)","bottom":"6rem"}}},"backgroundColor":"secondary","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull has-secondary-background-color has-background" style="padding-top:var(--wp--custom--spacing--large, 8rem);padding-bottom:6rem"><!-- wp:columns {"align":"wide"} --> + <div class="wp-block-columns alignwide"><!-- wp:column {"width":"33%"} --> + <div class="wp-block-column" style="flex-basis:33%"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase"}}} --> + <p style="text-transform:uppercase">' . esc_html__( 'About us', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:paragraph {"style":{"fontSize":"small"} --> + <p class="has-small-font-size">' . esc_html__( 'We are a rogue collective of bird watchers. We’ve been known to sneak through fences, climb perimeter walls, and generally trespass in order to observe the rarest of birds.', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:spacer {"height":180} --> + <div style="height:180px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:site-title {"level":0} /--></div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"bottom"} --> + <div class="wp-block-column is-vertically-aligned-bottom"><!-- wp:site-logo {"align":"right","width":60} /--></div> + <!-- /wp:column --></div> + <!-- /wp:columns --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/footer-blog.php b/wp-content/themes/twentytwentytwo/inc/patterns/footer-blog.php new file mode 100644 index 0000000..c1306cb --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/footer-blog.php @@ -0,0 +1,55 @@ +<?php +/** + * Blog footer + */ +return array( + 'title' => __( 'Blog footer', 'twentytwentytwo' ), + 'categories' => array( 'footer' ), + 'blockTypes' => array( 'core/template-part/footer' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--large, 8rem)","bottom":"var(--wp--custom--spacing--large, 8rem)"}}},"layout":{"inherit":true}} --> + <div class="wp-block-group alignfull" style="padding-top:var(--wp--custom--spacing--large, 8rem);padding-bottom:var(--wp--custom--spacing--large, 8rem)"><!-- wp:columns {"align":"wide"} --> + <div class="wp-block-columns alignwide"><!-- wp:column --> + <div class="wp-block-column"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase"}}} --> + <p style="text-transform:uppercase">' . esc_html__( 'About us', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:paragraph --> + <p>' . esc_html__( 'We are a rogue collective of bird watchers. We’ve been known to sneak through fences, climb perimeter walls, and generally trespass in order to observe the rarest of birds.', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase"}}} --> + <p style="text-transform:uppercase">' . esc_html__( 'Latest posts', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:latest-posts /--></div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase"}}} --> + <p style="text-transform:uppercase">' . esc_html__( 'Categories', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:categories /--></div> + <!-- /wp:column --></div> + <!-- /wp:columns --> + + <!-- wp:spacer {"height":50} --> + <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:site-title {"level":0} /--> + + <!-- wp:paragraph {"align":"right"} --> + <p class="has-text-align-right">' . + sprintf( + /* Translators: WordPress link. */ + esc_html__( 'Proudly powered by %s', 'twentytwentytwo' ), + '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentytwo' ) ) . '" rel="nofollow">WordPress</a>' + ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/footer-dark.php b/wp-content/themes/twentytwentytwo/inc/patterns/footer-dark.php new file mode 100644 index 0000000..b2ec362 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/footer-dark.php @@ -0,0 +1,23 @@ +<?php +/** + * Dark footer with title and citation + */ +return array( + 'title' => __( 'Dark footer with title and citation', 'twentytwentytwo' ), + 'categories' => array( 'footer' ), + 'blockTypes' => array( 'core/template-part/footer' ), + 'content' => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--small, 1.25rem)"}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--small, 1.25rem)"><!-- wp:group {"align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide"><!-- wp:site-title {"level":0} /--> + + <!-- wp:paragraph {"align":"right"} --> + <p class="has-text-align-right">' . + sprintf( + /* Translators: WordPress link. */ + esc_html__( 'Proudly powered by %s', 'twentytwentytwo' ), + '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentytwo' ) ) . '" rel="nofollow">WordPress</a>' + ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/footer-default.php b/wp-content/themes/twentytwentytwo/inc/patterns/footer-default.php new file mode 100644 index 0000000..3682643 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/footer-default.php @@ -0,0 +1,23 @@ +<?php +/** + * Default footer + */ +return array( + 'title' => __( 'Default footer', 'twentytwentytwo' ), + 'categories' => array( 'footer' ), + 'blockTypes' => array( 'core/template-part/footer' ), + 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:site-title {"level":0} /--> + + <!-- wp:paragraph {"align":"right"} --> + <p class="has-text-align-right">' . + sprintf( + /* Translators: WordPress link. */ + esc_html__( 'Proudly powered by %s', 'twentytwentytwo' ), + '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentytwo' ) ) . '" rel="nofollow">WordPress</a>' + ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/footer-logo.php b/wp-content/themes/twentytwentytwo/inc/patterns/footer-logo.php new file mode 100644 index 0000000..caa44e8 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/footer-logo.php @@ -0,0 +1,23 @@ +<?php +/** + * Default footer with logo + */ +return array( + 'title' => __( 'Footer with logo and citation', 'twentytwentytwo' ), + 'categories' => array( 'footer' ), + 'blockTypes' => array( 'core/template-part/footer' ), + 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:site-logo {"width":60} /--> + + <!-- wp:paragraph {"align":"right"} --> + <p class="has-text-align-right">' . + sprintf( + /* Translators: WordPress link. */ + esc_html__( 'Proudly powered by %s', 'twentytwentytwo' ), + '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentytwo' ) ) . '" rel="nofollow">WordPress</a>' + ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/footer-navigation-copyright.php b/wp-content/themes/twentytwentytwo/inc/patterns/footer-navigation-copyright.php new file mode 100644 index 0000000..d0b5542 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/footer-navigation-copyright.php @@ -0,0 +1,24 @@ +<?php +/** + * Footer with navigation and copyright + */ +return array( + 'title' => __( 'Footer with navigation and copyright', 'twentytwentytwo' ), + 'categories' => array( 'footer' ), + 'blockTypes' => array( 'core/template-part/footer' ), + 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}}} --> + <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"center"}} --> + <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /--> + <!-- /wp:navigation --> + + <!-- wp:spacer {"height":50} --> + <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"16px"}}} --> + <p class="has-text-align-center" style="font-size:16px">' . esc_html__( '© Site Title', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/footer-navigation.php b/wp-content/themes/twentytwentytwo/inc/patterns/footer-navigation.php new file mode 100644 index 0000000..79792c7 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/footer-navigation.php @@ -0,0 +1,25 @@ +<?php +/** + * Footer with navigation and citation + */ +return array( + 'title' => __( 'Footer with navigation and citation', 'twentytwentytwo' ), + 'categories' => array( 'footer' ), + 'blockTypes' => array( 'core/template-part/footer' ), + 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:navigation --> + <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /--> + <!-- /wp:navigation --> + + <!-- wp:paragraph {"align":"right"} --> + <p class="has-text-align-right">' . + sprintf( + /* Translators: WordPress link. */ + esc_html__( 'Proudly powered by %s', 'twentytwentytwo' ), + '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentytwo' ) ) . '" rel="nofollow">WordPress</a>' + ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/footer-query-images-title-citation.php b/wp-content/themes/twentytwentytwo/inc/patterns/footer-query-images-title-citation.php new file mode 100644 index 0000000..a79c1d4 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/footer-query-images-title-citation.php @@ -0,0 +1,41 @@ +<?php +/** + * Footer with query, featured images, title, and citation + */ +return array( + 'title' => __( 'Footer with query, featured images, title, and citation', 'twentytwentytwo' ), + 'categories' => array( 'footer' ), + 'blockTypes' => array( 'core/template-part/footer' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:query {"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false},"displayLayout":{"type":"flex","columns":3},"align":"wide"} --> + <div class="wp-block-query alignwide"><!-- wp:post-template --> + <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"318px"} /--> + + <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /--> + + <!-- wp:post-excerpt /--> + + <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /--> + <!-- /wp:post-template --></div> + <!-- /wp:query --> + + <!-- wp:spacer --> + <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:site-title {"level":0} /--> + <!-- wp:group {"layout":{"type":"flex","justifyContent":"right"}} --> + <div class="wp-block-group"> + <!-- wp:paragraph --> + <p>' . + sprintf( + /* Translators: WordPress link. */ + esc_html__( 'Proudly powered by %s', 'twentytwentytwo' ), + '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentytwo' ) ) . '" rel="nofollow">WordPress</a>' + ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:group --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/footer-query-title-citation.php b/wp-content/themes/twentytwentytwo/inc/patterns/footer-query-title-citation.php new file mode 100644 index 0000000..13bb43d --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/footer-query-title-citation.php @@ -0,0 +1,39 @@ +<?php +/** + * Footer with query, title, and citation + */ +return array( + 'title' => __( 'Footer with query, title, and citation', 'twentytwentytwo' ), + 'categories' => array( 'footer' ), + 'blockTypes' => array( 'core/template-part/footer' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"primary","textColor":"background","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull has-background-color has-primary-background-color has-text-color has-background has-link-color" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:query {"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false},"displayLayout":{"type":"flex","columns":3},"align":"wide"} --> + <div class="wp-block-query alignwide"><!-- wp:post-template --> + <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /--> + + <!-- wp:post-excerpt /--> + + <!-- wp:post-date {"isLink":true} /--> + <!-- /wp:post-template --></div> + <!-- /wp:query --> + + <!-- wp:spacer --> + <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:site-title {"level":0} /--> + <!-- wp:group {"layout":{"type":"flex","justifyContent":"right"}} --> + <div class="wp-block-group"> + <!-- wp:paragraph --> + <p>' . + sprintf( + /* Translators: WordPress link. */ + esc_html__( 'Proudly powered by %s', 'twentytwentytwo' ), + '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentytwo' ) ) . '" rel="nofollow">WordPress</a>' + ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:group --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/footer-social-copyright.php b/wp-content/themes/twentytwentytwo/inc/patterns/footer-social-copyright.php new file mode 100644 index 0000000..0c7e4ae --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/footer-social-copyright.php @@ -0,0 +1,28 @@ +<?php +/** + * Footer with social links and copyright + */ +return array( + 'title' => __( 'Footer with social links and copyright', 'twentytwentytwo' ), + 'categories' => array( 'footer' ), + 'blockTypes' => array( 'core/template-part/footer' ), + 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}}} --> + <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:social-links {"iconColor":"foreground","iconColorValue":"var(--wp--preset--color--foreground)","iconBackgroundColor":"background","iconBackgroundColorValue":"var(--wp--preset--color--background)","layout":{"type":"flex","justifyContent":"center"}} --> + <ul class="wp-block-social-links has-icon-color has-icon-background-color"><!-- wp:social-link {"url":"#","service":"facebook"} /--> + + <!-- wp:social-link {"url":"#","service":"twitter"} /--> + + <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul> + <!-- /wp:social-links --> + + <!-- wp:spacer {"height":50} --> + <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"16px"}}} --> + <p class="has-text-align-center" style="font-size:16px">' . esc_html__( '© Site Title', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/footer-title-tagline-social.php b/wp-content/themes/twentytwentytwo/inc/patterns/footer-title-tagline-social.php new file mode 100644 index 0000000..84d888b --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/footer-title-tagline-social.php @@ -0,0 +1,26 @@ +<?php +/** + * Footer with title, tagline, and social links on a dark background + */ +return array( + 'title' => __( 'Footer with title, tagline, and social links on a dark background', 'twentytwentytwo' ), + 'categories' => array( 'footer' ), + 'blockTypes' => array( 'core/template-part/footer' ), + 'content' => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull has-background-color has-foreground-background-color has-text-color has-background has-link-color"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:group --> + <div class="wp-block-group"><!-- wp:site-title {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}},"typography":{"textTransform":"uppercase"}}} /--> + + <!-- wp:site-tagline {"style":{"spacing":{"margin":{"top":"0.25em","bottom":"0px"}},"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--></div> + <!-- /wp:group --> + + <!-- wp:social-links {"iconBackgroundColor":"foreground","iconBackgroundColorValue":"var(--wp--preset--color--foreground)","layout":{"type":"flex","justifyContent":"right"}} --> + <ul class="wp-block-social-links has-icon-background-color"><!-- wp:social-link {"url":"#","service":"facebook"} /--> + + <!-- wp:social-link {"url":"#","service":"twitter"} /--> + + <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul> + <!-- /wp:social-links --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/general-divider-dark.php b/wp-content/themes/twentytwentytwo/inc/patterns/general-divider-dark.php new file mode 100644 index 0000000..3255e9d --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/general-divider-dark.php @@ -0,0 +1,13 @@ +<?php +/** + * Divider with image and color (dark) block pattern + */ +return array( + 'title' => __( 'Divider with image and color (dark)', 'twentytwentytwo' ), + 'categories' => array( 'featured' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"1rem","right":"0px","bottom":"1rem","left":"0px"}}},"backgroundColor":"primary"} --> + <div class="wp-block-group alignfull has-primary-background-color has-background" style="padding-top:1rem;padding-right:0px;padding-bottom:1rem;padding-left:0px"><!-- wp:image {"id":473,"width":3001,"height":246,"sizeSlug":"full","linkDestination":"none"} --> + <figure class="wp-block-image size-full is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/divider-white.png" alt="" class="wp-image-473" width="3001" height="246"/></figure> + <!-- /wp:image --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/general-divider-light.php b/wp-content/themes/twentytwentytwo/inc/patterns/general-divider-light.php new file mode 100644 index 0000000..a29b825 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/general-divider-light.php @@ -0,0 +1,13 @@ +<?php +/** + * Divider with image and color (light) block pattern + */ +return array( + 'title' => __( 'Divider with image and color (light)', 'twentytwentytwo' ), + 'categories' => array( 'featured' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"1rem","right":"0px","bottom":"1rem","left":"0px"}}},"backgroundColor":"secondary"} --> + <div class="wp-block-group alignfull has-secondary-background-color has-background" style="padding-top:1rem;padding-right:0px;padding-bottom:1rem;padding-left:0px"><!-- wp:image {"id":473,"width":3001,"height":246,"sizeSlug":"full","linkDestination":"none"} --> + <figure class="wp-block-image size-full is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/divider-black.png" alt="" class="wp-image-473" width="3001" height="246"/></figure> + <!-- /wp:image --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/general-featured-posts.php b/wp-content/themes/twentytwentytwo/inc/patterns/general-featured-posts.php new file mode 100644 index 0000000..55cbdfd --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/general-featured-posts.php @@ -0,0 +1,25 @@ +<?php +/** + * Featured posts block pattern + */ +return array( + 'title' => __( 'Featured posts', 'twentytwentytwo' ), + 'categories' => array( 'featured', 'query' ), + 'content' => '<!-- wp:group {"align":"wide","layout":{"inherit":false}} --> + <div class="wp-block-group alignwide"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase"}}} --> + <p style="text-transform:uppercase">' . esc_html__( 'Latest posts', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:query {"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false},"displayLayout":{"type":"flex","columns":3}} --> + <div class="wp-block-query"><!-- wp:post-template --> + <!-- wp:post-featured-image {"isLink":true,"width":"","height":"310px"} /--> + + <!-- wp:post-title {"isLink":true,"fontSize":"large"} /--> + + <!-- wp:post-excerpt /--> + + <!-- wp:post-date {"fontSize":"small"} /--> + <!-- /wp:post-template --></div> + <!-- /wp:query --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/general-image-with-caption.php b/wp-content/themes/twentytwentytwo/inc/patterns/general-image-with-caption.php new file mode 100644 index 0000000..0870da3 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/general-image-with-caption.php @@ -0,0 +1,19 @@ +<?php +/** + * Image with caption block pattern + */ +return array( + 'title' => __( 'Image with caption', 'twentytwentytwo' ), + 'categories' => array( 'featured', 'columns', 'gallery' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"6rem","bottom":"6rem"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"primary","textColor":"background","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull has-background-color has-primary-background-color has-text-color has-background has-link-color" style="padding-top:6rem;padding-bottom:6rem"><!-- wp:media-text {"mediaId":202,"mediaLink":"' . esc_url( get_template_directory_uri() ) . '/assets/images/bird-on-gray.jpg","mediaType":"image","verticalAlignment":"bottom","imageFill":false} --> + <div class="wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-bottom"><figure class="wp-block-media-text__media"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/bird-on-gray.jpg" alt="' . esc_attr__( 'Hummingbird illustration', 'twentytwentytwo' ) . '" class="wp-image-202 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:paragraph --> + <p><strong>' . esc_html__( 'Hummingbird', 'twentytwentytwo' ) . '</strong></p> + <!-- /wp:paragraph --> + + <!-- wp:paragraph --> + <p>' . esc_html__( 'A beautiful bird featuring a surprising set of color feathers.', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --></div></div> + <!-- /wp:media-text --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/general-large-list-names.php b/wp-content/themes/twentytwentytwo/inc/patterns/general-large-list-names.php new file mode 100644 index 0000000..d7bd816 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/general-large-list-names.php @@ -0,0 +1,35 @@ +<?php +/** + * Large list of names block pattern + */ +return array( + 'title' => __( 'Large list of names', 'twentytwentytwo' ), + 'categories' => array( 'featured', 'text' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"6rem","bottom":"6rem"}},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"backgroundColor":"tertiary","textColor":"primary","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull has-primary-color has-tertiary-background-color has-text-color has-background has-link-color" style="padding-top:6rem;padding-bottom:6rem"><!-- wp:group {"align":"wide"} --> + <div class="wp-block-group alignwide"><!-- wp:image {"width":175,"height":82,"sizeSlug":"full","linkDestination":"none"} --> + <figure class="wp-block-image size-full is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/icon-binoculars.png" alt="' . esc_attr__( 'An icon representing binoculars.', 'twentytwentytwo' ) . '" width="175" height="82"/></figure> + <!-- /wp:image --></div> + <!-- /wp:group --> + + <!-- wp:group {"align":"wide"} --> + <div class="wp-block-group alignwide"><!-- wp:spacer {"height":32} --> + <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:paragraph {"style":{"typography":{"fontWeight":"300"}},"fontSize":"x-large"} --> + <p class="has-x-large-font-size" style="font-weight:300">' . esc_html__( 'Jesús Rodriguez, Doug Stilton, Emery Driscoll, Megan Perry, Rowan Price, Angelo Tso, Edward Stilton, Amy Jensen, Boston Bell, Shay Ford, Lee Cunningham, Evelynn Ray, Landen Reese, Ewan Hart, Jenna Chan, Phoenix Murray, Mel Saunders, Aldo Davidson, Zain Hall.', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:spacer {"height":32} --> + <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:buttons --> + <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"primary","textColor":"background"} --> + <div class="wp-block-button"><a class="wp-block-button__link has-background-color has-primary-background-color has-text-color has-background">' . esc_html__( 'Read more', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --></div> + <!-- /wp:buttons --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/general-layered-images-with-duotone.php b/wp-content/themes/twentytwentytwo/inc/patterns/general-layered-images-with-duotone.php new file mode 100644 index 0000000..629a0a2 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/general-layered-images-with-duotone.php @@ -0,0 +1,13 @@ +<?php +/** + * Layered images with duotone block pattern + */ +return array( + 'title' => __( 'Layered images with duotone', 'twentytwentytwo' ), + 'categories' => array( 'featured', 'gallery' ), + 'content' => '<!-- wp:cover {"url":"' . esc_url( get_template_directory_uri() ) . '/assets/images/ducks.jpg","dimRatio":0,"minHeight":666,"contentPosition":"center center","isDark":false,"align":"wide","style":{"spacing":{"padding":{"top":"1em","right":"1em","bottom":"1em","left":"1em"}},"color":{"duotone":["#000000","#FFFFFF"]}}} --> + <div class="wp-block-cover alignwide is-light" style="padding-top:1em;padding-right:1em;padding-bottom:1em;padding-left:1em;min-height:666px"><span aria-hidden="true" class="has-background-dim-0 wp-block-cover__gradient-background has-background-dim"></span><img class="wp-block-cover__image-background" alt="' . esc_attr__( 'Painting of ducks in the water.', 'twentytwentytwo' ) . '" src="' . esc_url( get_template_directory_uri() ) . '/assets/images/ducks.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:image {"align":"center","width":384,"height":580,"sizeSlug":"large"} --> + <div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-salmon.jpg" alt="' . esc_attr__( 'Illustration of a flying bird.', 'twentytwentytwo' ) . '" width="384" height="580"/></figure></div> + <!-- /wp:image --></div></div> + <!-- /wp:cover -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/general-list-events.php b/wp-content/themes/twentytwentytwo/inc/patterns/general-list-events.php new file mode 100644 index 0000000..af680dc --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/general-list-events.php @@ -0,0 +1,133 @@ +<?php +/** + * List of events block pattern + */ +return array( + 'title' => __( 'List of events', 'twentytwentytwo' ), + 'categories' => array( 'featured', 'text' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--large, 8rem)","bottom":"var(--wp--custom--spacing--large, 8rem)"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"primary","textColor":"background"} --> + <div class="wp-block-group alignfull has-background-color has-primary-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--custom--spacing--large, 8rem);padding-bottom:var(--wp--custom--spacing--large, 8rem)"><!-- wp:group {"align":"full","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull"><!-- wp:heading {"align":"wide","style":{"typography":{"fontSize":"clamp(3.25rem, 8vw, 6.25rem)","lineHeight":"1.15"},"spacing":{"margin":{"bottom":"2rem"}}}} --> + <h2 class="alignwide" style="font-size:clamp(3.25rem, 8vw, 6.25rem);line-height:1.15;margin-bottom:2rem"><em>' . esc_html__( 'Speaker Series', 'twentytwentytwo' ) . '</em></h2> + <!-- /wp:heading --> + + <!-- wp:spacer {"height":32} --> + <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:separator {"color":"background","align":"wide","className":"is-style-wide"} --> + <hr class="wp-block-separator alignwide has-text-color has-background has-background-background-color has-background-color is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:columns {"verticalAlignment":"center","align":"wide"} --> + <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"210px"} --> + <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:210px"><!-- wp:paragraph --> + <p>' . esc_html__( 'May 14th, 2022, 6 PM', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center"} --> + <div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"fontSize":"x-large"} --> + <h2 class="has-x-large-font-size" id="jesus-rodriguez">' . esc_html__( 'Jesús Rodriguez', 'twentytwentytwo' ) . '</h2> + <!-- /wp:heading --></div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center"} --> + <div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph --> + <p>' . wp_kses_post( __( 'The Vintagé Theater<br>245 Arden Rd.<br>Gardenville, NH', 'twentytwentytwo' ) ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --> + + <!-- wp:separator {"color":"background","align":"wide","className":"is-style-wide"} --> + <hr class="wp-block-separator alignwide has-text-color has-background has-background-background-color has-background-color is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:columns {"verticalAlignment":"center","align":"wide"} --> + <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"210px"} --> + <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:210px"><!-- wp:paragraph --> + <p>' . esc_html__( 'May 16th, 2022, 6 PM', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center"} --> + <div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"fontSize":"x-large"} --> + <h2 class="has-x-large-font-size" id="jesus-rodriguez">' . esc_html__( 'Doug Stilton', 'twentytwentytwo' ) . '</h2> + <!-- /wp:heading --></div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center"} --> + <div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph --> + <p>' . wp_kses_post( __( 'The Swell Theater<br>120 River Rd.<br>Rainfall, NH', 'twentytwentytwo' ) ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --> + + <!-- wp:separator {"color":"background","align":"wide","className":"is-style-wide"} --> + <hr class="wp-block-separator alignwide has-text-color has-background has-background-background-color has-background-color is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:columns {"verticalAlignment":"center","align":"wide"} --> + <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"210px"} --> + <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:210px"><!-- wp:paragraph --> + <p>' . esc_html__( 'May 18th, 2022, 7 PM', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center"} --> + <div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"fontSize":"x-large"} --> + <h2 class="has-x-large-font-size" id="jesus-rodriguez">' . esc_html__( 'Amy Jensen', 'twentytwentytwo' ) . '</h2> + <!-- /wp:heading --></div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center"} --> + <div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph --> + <p>' . wp_kses_post( __( 'The Vintagé Theater<br>245 Arden Rd.<br>Gardenville, NH', 'twentytwentytwo' ) ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --> + + <!-- wp:separator {"color":"background","align":"wide","className":"is-style-wide"} --> + <hr class="wp-block-separator alignwide has-text-color has-background has-background-background-color has-background-color is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:columns {"verticalAlignment":"center","align":"wide"} --> + <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"210px"} --> + <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:210px"><!-- wp:paragraph --> + <p>' . esc_html__( 'May 20th, 2022, 6 PM', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center"} --> + <div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"fontSize":"x-large"} --> + <h2 class="has-x-large-font-size" id="jesus-rodriguez">' . esc_html__( 'Emery Driscoll', 'twentytwentytwo' ) . '</h2> + <!-- /wp:heading --></div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center"} --> + <div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph --> + <p>' . wp_kses_post( __( 'The Swell Theater<br>120 River Rd.<br>Rainfall, NH', 'twentytwentytwo' ) ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --> + + <!-- wp:separator {"color":"background","align":"wide","className":"is-style-wide"} --> + <hr class="wp-block-separator alignwide has-text-color has-background has-background-background-color has-background-color is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:spacer {"height":32} --> + <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:group {"align":"wide"} --> + <div class="wp-block-group alignwide"><!-- wp:social-links {"iconColor":"background","iconColorValue":"var(--wp--preset--color--background)","className":"is-style-logos-only","layout":{"type":"flex","justifyContent":"right"}} --> + <ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"wordpress"} /--> + + <!-- wp:social-link {"url":"#","service":"instagram"} /--> + + <!-- wp:social-link {"url":"#","service":"twitter"} /--></ul> + <!-- /wp:social-links --></div> + <!-- /wp:group --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/general-pricing-table.php b/wp-content/themes/twentytwentytwo/inc/patterns/general-pricing-table.php new file mode 100644 index 0000000..b385edd --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/general-pricing-table.php @@ -0,0 +1,93 @@ +<?php +/** + * Pricing table block pattern + */ +return array( + 'title' => __( 'Pricing table', 'twentytwentytwo' ), + 'categories' => array( 'featured', 'columns', 'buttons' ), + 'content' => '<!-- wp:columns {"align":"wide"} --> + <div class="wp-block-columns alignwide"><!-- wp:column --> + <div class="wp-block-column"><!-- wp:separator {"className":"is-style-wide"} --> + <hr class="wp-block-separator is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:heading {"style":{"typography":{"fontSize":"var(--wp--custom--typography--font-size--gigantic, clamp(2.75rem, 6vw, 3.25rem))","lineHeight":"0.5"}}} --> + <h2 id="1" style="font-size:var(--wp--custom--typography--font-size--gigantic, clamp(2.75rem, 6vw, 3.25rem));line-height:0.5">' . esc_html( _x( '1', 'First item in a numbered list.', 'twentytwentytwo' ) ) . '</h2> + <!-- /wp:heading --> + + <!-- wp:heading {"level":3,"fontSize":"x-large"} --> + <h3 class="has-x-large-font-size" id="pigeon"><em>' . esc_html__( 'Pigeon', 'twentytwentytwo' ) . '</em></h3> + <!-- /wp:heading --> + + <!-- wp:paragraph --> + <p>' . esc_html__( 'Help support our growing community by joining at the Pigeon level. Your support will help pay our writers, and you’ll get access to our exclusive newsletter.', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:buttons --> + <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"foreground","width":100} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-foreground-background-color has-background">' . esc_html__( '$25', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --></div> + <!-- /wp:buttons --> + + <!-- wp:spacer {"height":16} --> + <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --></div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:separator {"className":"is-style-wide"} --> + <hr class="wp-block-separator is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:heading {"style":{"typography":{"fontSize":"clamp(2.75rem, 6vw, 3.25rem)","lineHeight":"0.5"}}} --> + <h2 id="2" style="font-size:clamp(2.75rem, 6vw, 3.25rem);line-height:0.5">' . esc_html( _x( '2', 'Second item in a numbered list.', 'twentytwentytwo' ) ) . '</h2> + <!-- /wp:heading --> + + <!-- wp:heading {"level":3,"fontSize":"x-large"} --> + <h3 class="has-x-large-font-size" id="sparrow"><meta charset="utf-8"><em>' . esc_html__( 'Sparrow', 'twentytwentytwo' ) . '</em></h3> + <!-- /wp:heading --> + + <!-- wp:paragraph --> + <p>' . esc_html__( 'Join at the Sparrow level and become a member of our flock! You’ll receive our newsletter, plus a bird pin that you can wear with pride when you’re out in nature.', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:buttons --> + <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"foreground","width":100} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-foreground-background-color has-background">' . esc_html__( '$75', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --></div> + <!-- /wp:buttons --> + + <!-- wp:spacer {"height":16} --> + <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --></div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:separator {"className":"is-style-wide"} --> + <hr class="wp-block-separator is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:heading {"style":{"typography":{"fontSize":"clamp(2.75rem, 6vw, 3.25rem)","lineHeight":"0.5"}}} --> + <h2 id="3" style="font-size:clamp(2.75rem, 6vw, 3.25rem);line-height:0.5">' . esc_html( _x( '3', 'Third item in a numbered list.', 'twentytwentytwo' ) ) . '</h2> + <!-- /wp:heading --> + + <!-- wp:heading {"level":3,"fontSize":"x-large"} --> + <h3 class="has-x-large-font-size" id="falcon"><meta charset="utf-8"><em>' . esc_html__( 'Falcon', 'twentytwentytwo' ) . '</em></h3> + <!-- /wp:heading --> + + <!-- wp:paragraph --> + <p>' . esc_html__( 'Play a leading role for our community by joining at the Falcon level. This level earns you a seat on our board, where you can help plan future birdwatching expeditions.', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:buttons --> + <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"foreground","width":100} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-foreground-background-color has-background">' . esc_html__( '$150', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --></div> + <!-- /wp:buttons --> + + <!-- wp:spacer {"height":16} --> + <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --></div> + <!-- /wp:column --></div> + <!-- /wp:columns -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/general-subscribe.php b/wp-content/themes/twentytwentytwo/inc/patterns/general-subscribe.php new file mode 100644 index 0000000..34137cd --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/general-subscribe.php @@ -0,0 +1,27 @@ +<?php +/** + * Subscribe callout block pattern + */ +return array( + 'title' => __( 'Subscribe callout', 'twentytwentytwo' ), + 'categories' => array( 'featured', 'buttons' ), + 'content' => '<!-- wp:columns {"verticalAlignment":"center","align":"wide"} --> + <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} --> + <div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading --> + <h2>' . wp_kses_post( __( 'Watch birds<br>from your inbox', 'twentytwentytwo' ) ) . '</h2> + <!-- /wp:heading --> + + <!-- wp:buttons --> + <div class="wp-block-buttons"><!-- wp:button {"fontSize":"medium"} --> + <div class="wp-block-button has-custom-font-size has-medium-font-size"><a class="wp-block-button__link">' . esc_html__( 'Join our mailing list', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --></div> + <!-- /wp:buttons --></div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"top":"2rem","bottom":"2rem"}}}} --> + <div class="wp-block-column is-vertically-aligned-center" style="padding-top:2rem;padding-bottom:2rem"><!-- wp:separator {"color":"primary","className":"is-style-wide"} --> + <hr class="wp-block-separator has-text-color has-background has-primary-background-color has-primary-color is-style-wide"/> + <!-- /wp:separator --></div> + <!-- /wp:column --></div> + <!-- /wp:columns -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/general-two-images-text.php b/wp-content/themes/twentytwentytwo/inc/patterns/general-two-images-text.php new file mode 100644 index 0000000..5534b6f --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/general-two-images-text.php @@ -0,0 +1,47 @@ +<?php +/** + * Two images with text block pattern + */ +return array( + 'title' => __( 'Two images with text', 'twentytwentytwo' ), + 'categories' => array( 'featured', 'columns', 'gallery' ), + 'content' => '<!-- wp:columns {"align":"wide"} --> + <div class="wp-block-columns alignwide"><!-- wp:column {"style":{"spacing":{"padding":{"top":"0rem","right":"0rem","bottom":"0rem","left":"0rem"}}}} --> + <div class="wp-block-column" style="padding-top:0rem;padding-right:0rem;padding-bottom:0rem;padding-left:0rem"><!-- wp:image {"width":984,"height":1426,"sizeSlug":"large"} --> + <figure class="wp-block-image size-large is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/bird-on-salmon.jpg" alt="' . esc_attr__( 'Illustration of a bird sitting on a branch.', 'twentytwentytwo' ) . '" width="984" height="1426"/></figure> + <!-- /wp:image --></div> + <!-- /wp:column --> + + <!-- wp:column {"style":{"spacing":{"padding":{"top":"0rem","right":"0rem","bottom":"0rem","left":"0rem"}}}} --> + <div class="wp-block-column" style="padding-top:0rem;padding-right:0rem;padding-bottom:0rem;padding-left:0rem"><!-- wp:image {"width":984,"height":1426,"sizeSlug":"large"} --> + <figure class="wp-block-image size-large is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/bird-on-green.jpg" alt="' . esc_attr__( 'Illustration of a bird flying.', 'twentytwentytwo' ) . '" width="984" height="1426"/></figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":30} --> + <div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:heading {"fontSize":"x-large"} --> + <h2 class="has-x-large-font-size" id="screening">' . esc_html__( 'SCREENING', 'twentytwentytwo' ) . '</h2> + <!-- /wp:heading --> + + <!-- wp:paragraph --> + <p>' . wp_kses_post( __( 'May 14th, 2022 @ 7:00PM<br>The Vintagé Theater,<br>245 Arden Rd.<br>Gardenville, NH', 'twentytwentytwo' ) ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:spacer {"height":8} --> + <div style="height:8px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:spacer {"height":10} --> + <div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:buttons --> + <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"foreground"} --> + <div class="wp-block-button"><a class="wp-block-button__link has-foreground-background-color has-background">' . esc_html__( 'Buy Tickets', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --></div> + <!-- /wp:buttons --></div> + <!-- /wp:column --></div> + <!-- /wp:columns -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/general-video-header-details.php b/wp-content/themes/twentytwentytwo/inc/patterns/general-video-header-details.php new file mode 100644 index 0000000..3b15a52 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/general-video-header-details.php @@ -0,0 +1,47 @@ +<?php +/** + * Video with header and details block pattern + */ +return array( + 'title' => __( 'Video with header and details', 'twentytwentytwo' ), + 'categories' => array( 'featured', 'columns' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--large, 8rem)","bottom":"var(--wp--custom--spacing--large, 8rem)"}},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"backgroundColor":"foreground","textColor":"secondary"} --> + <div class="wp-block-group alignfull has-secondary-color has-foreground-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--custom--spacing--large, 8rem);padding-bottom:var(--wp--custom--spacing--large, 8rem)"><!-- wp:group {"align":"full","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull"><!-- wp:heading {"level":1,"align":"wide","style":{"typography":{"fontSize":"clamp(3rem, 6vw, 4.5rem)"}}} --> + <h1 class="alignwide" id="warble-a-film-about-hobbyist-bird-watchers-1" style="font-size:clamp(3rem, 6vw, 4.5rem)">' . wp_kses_post( __( '<em>Warble</em>, a film about <br>hobbyist bird watchers.', 'twentytwentytwo' ) ) . '</h1> + <!-- /wp:heading --> + + <!-- wp:spacer {"height":32} --> + <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:video {"align":"wide"} --> + <figure class="wp-block-video alignwide"><video controls src="' . esc_url( get_template_directory_uri() ) . '/assets/videos/birds.mp4"></video></figure> + <!-- /wp:video --> + + <!-- wp:spacer {"height":32} --> + <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:columns {"align":"wide"} --> + <div class="wp-block-columns alignwide"><!-- wp:column {"width":"50%"} --> + <div class="wp-block-column" style="flex-basis:50%"><!-- wp:paragraph --> + <p><strong>' . esc_html__( 'Featuring', 'twentytwentytwo' ) . '</strong></p> + <!-- /wp:paragraph --></div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:paragraph --> + <p>' . wp_kses_post( __( 'Jesús Rodriguez<br>Doug Stilton<br>Emery Driscoll<br>Megan Perry<br>Rowan Price', 'twentytwentytwo' ) ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:paragraph --> + <p>' . wp_kses_post( __( 'Angelo Tso<br>Edward Stilton<br>Amy Jensen<br>Boston Bell<br>Shay Ford', 'twentytwentytwo' ) ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/general-video-trailer.php b/wp-content/themes/twentytwentytwo/inc/patterns/general-video-trailer.php new file mode 100644 index 0000000..22ed248 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/general-video-trailer.php @@ -0,0 +1,27 @@ +<?php +/** + * Video trailer block pattern + */ +return array( + 'title' => __( 'Video trailer', 'twentytwentytwo' ), + 'categories' => array( 'featured', 'columns' ), + 'content' => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"spacing":{"padding":{"top":"6rem","bottom":"4rem"}}},"backgroundColor":"secondary","textColor":"foreground","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull has-foreground-color has-secondary-background-color has-text-color has-background has-link-color" style="padding-top:6rem;padding-bottom:4rem"><!-- wp:columns {"align":"wide"} --> + <div class="wp-block-columns alignwide"><!-- wp:column {"width":"33.33%"} --> + <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:heading {"fontSize":"x-large"} --> + <h2 class="has-x-large-font-size" id="extended-trailer">' . esc_html__( 'Extended Trailer', 'twentytwentytwo' ) . '</h2> + <!-- /wp:heading --> + + <!-- wp:paragraph --> + <p>' . esc_html__( 'A film about hobbyist bird watchers, a catalog of different birds, paired with the noises they make. Each bird is listed by their scientific name so things seem more official.', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:column --> + + <!-- wp:column {"width":"66.66%"} --> + <div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:video --> + <figure class="wp-block-video"><video controls src="' . esc_url( get_template_directory_uri() ) . '/assets/videos/birds.mp4"></video></figure> + <!-- /wp:video --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/general-wide-image-intro-buttons.php b/wp-content/themes/twentytwentytwo/inc/patterns/general-wide-image-intro-buttons.php new file mode 100644 index 0000000..373b0f4 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/general-wide-image-intro-buttons.php @@ -0,0 +1,41 @@ +<?php +/** + * Wide image with introduction and buttons block pattern + */ +return array( + 'title' => __( 'Wide image with introduction and buttons', 'twentytwentytwo' ), + 'categories' => array( 'featured', 'columns' ), + 'content' => '<!-- wp:group {"align":"wide"} --> + <div class="wp-block-group alignwide"><!-- wp:image {"width":2100,"height":994,"sizeSlug":"large"} --> + <figure class="wp-block-image size-large is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-gray-a.jpg" alt="' . esc_attr__( 'Illustration of a bird flying.', 'twentytwentytwo' ) . '" width="2100" height="994"/></figure> + <!-- /wp:image --> + + <!-- wp:columns {"verticalAlignment":null} --> + <div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"bottom"} --> + <div class="wp-block-column is-vertically-aligned-bottom"><!-- wp:heading {"style":{"typography":{"fontSize":"clamp(3.25rem, 8vw, 6.25rem)","lineHeight":"1.15"}}} --> + <h2 style="font-size:clamp(3.25rem, 8vw, 6.25rem);line-height:1.15"><em>' . wp_kses_post( __( 'Welcome to<br>the Aviary', 'twentytwentytwo' ) ) . '</em></h2> + <!-- /wp:heading --></div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"bottom","style":{"spacing":{"padding":{"bottom":"6rem"}}}} --> + <div class="wp-block-column is-vertically-aligned-bottom" style="padding-bottom:6rem"><!-- wp:paragraph --> + <p>' . esc_html__( 'A film about hobbyist bird watchers, a catalog of different birds, paired with the noises they make. Each bird is listed by their scientific name so things seem more official.', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:spacer {"height":20} --> + <div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- 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">' . esc_html__( 'Learn More', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --> + + <!-- wp:button {"className":"is-style-outline"} --> + <div class="wp-block-button is-style-outline"><a class="wp-block-button__link">' . esc_html__( 'Buy Tickets', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --></div> + <!-- /wp:buttons --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-centered-logo-black-background.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-centered-logo-black-background.php new file mode 100644 index 0000000..b10ed5b --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-centered-logo-black-background.php @@ -0,0 +1,22 @@ +<?php +/** + * Header with centered logo and black background + */ +return array( + 'title' => __( 'Header with centered logo and background', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"var(--wp--custom--spacing--small, 1.25rem)","top":"var(--wp--custom--spacing--small, 1.25rem)"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"foreground","textColor":"background","layout":{"type":"flex","justifyContent":"center"}} --> + <div class="wp-block-group alignfull has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--small, 1.25rem)"><!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} --> + <!-- wp:navigation-link {"isTopLevelLink":true} /--> + + <!-- wp:navigation-link {"isTopLevelLink":true} /--> + + <!-- wp:site-logo {"width":90} /--> + + <!-- wp:navigation-link {"isTopLevelLink":true} /--> + + <!-- wp:navigation-link {"isTopLevelLink":true} /--> + <!-- /wp:navigation --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-centered-logo.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-centered-logo.php new file mode 100644 index 0000000..a116c39 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-centered-logo.php @@ -0,0 +1,26 @@ +<?php +/** + * Header with centered logo block pattern + */ +return array( + 'title' => __( 'Header with centered logo', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--small, 1.25rem)"}}},"backgroundColor":"primary","textColor":"background","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull has-background-color has-primary-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--small, 1.25rem);"><!-- wp:columns {"verticalAlignment":"center","align":"wide"} --> + <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} --> + <div class="wp-block-column is-vertically-aligned-center"><!-- wp:site-title {"style":{"typography":{"fontStyle":"normal","fontWeight":"400","textTransform":"uppercase"}}} /--></div> + <!-- /wp:column --> + + <!-- wp:column {"width":"64px"} --> + <div class="wp-block-column" style="flex-basis:64px"><!-- wp:site-logo {"width":64} /--></div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center"} --> + <div class="wp-block-column is-vertically-aligned-center"><!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} --> + <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /--> + <!-- /wp:navigation --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-centered-title-navigation-social.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-centered-title-navigation-social.php new file mode 100644 index 0000000..cb1b310 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-centered-title-navigation-social.php @@ -0,0 +1,30 @@ +<?php +/** + * Centered header with navigation, social links, and salmon background block pattern + */ +return array( + 'title' => __( 'Centered header with navigation, social links, and background', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--small, 1.25rem)"}}},"backgroundColor":"secondary","textColor":"primary","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull has-primary-color has-secondary-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--small, 1.25rem);"><!-- wp:columns {"verticalAlignment":"center","align":"wide"} --> + <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} --> + <div class="wp-block-column is-vertically-aligned-center"><!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"left"}} --> + <!-- wp:page-list /--> + <!-- /wp:navigation --></div> + <!-- /wp:column --> + + <!-- wp:column {"width":""} --> + <div class="wp-block-column"><!-- wp:site-title {"textAlign":"center","style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"700"}}} /--></div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center"} --> + <div class="wp-block-column is-vertically-aligned-center"><!-- wp:social-links {"iconColor":"primary","iconColorValue":"var(--wp--custom--color--primary)","className":"is-style-logos-only","layout":{"type":"flex","justifyContent":"right"}} --> + <ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"twitter"} /--> + + <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul> + <!-- /wp:social-links --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-default.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-default.php new file mode 100644 index 0000000..ff25793 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-default.php @@ -0,0 +1,23 @@ +<?php +/** + * Default header block pattern + */ +return array( + 'title' => __( 'Default header', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"var(--wp--custom--spacing--large, 8rem)","top":"var(--wp--custom--spacing--small, 1.25rem)"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--large, 8rem)"><!-- wp:group {"layout":{"type":"flex"}} --> + <div class="wp-block-group"> + <!-- wp:site-logo {"width":64} /--> + + <!-- wp:site-title {"style":{"typography":{"fontStyle":"italic","fontWeight":"400"}}} /--></div> + <!-- /wp:group --> + + <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} --> + <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /--> + <!-- /wp:navigation --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-image-background-overlay.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-image-background-overlay.php new file mode 100644 index 0000000..55422aa --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-image-background-overlay.php @@ -0,0 +1,20 @@ +<?php +/** + * Header with image background and overlay block pattern + */ +return array( + 'title' => __( 'Header with image background and overlay', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull"><!-- wp:cover {"url":"' . esc_url( get_template_directory_uri() ) . '/assets/images/ducks.jpg","dimRatio":90,"overlayColor":"primary","focalPoint":{"x":"0.26","y":"0.34"},"minHeight":100,"minHeightUnit":"px","contentPosition":"center center","align":"full","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--small, 1.25rem)"}},"color":{"duotone":["#000000","#ffffff"]}}} --> + <div class="wp-block-cover alignfull" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--small, 1.25rem);min-height:100px"><span aria-hidden="true" class="has-primary-background-color has-background-dim-90 wp-block-cover__gradient-background has-background-dim"></span><img class="wp-block-cover__image-background" alt="' . esc_attr__( 'Painting of ducks in the water.', 'twentytwentytwo' ) . '" src="' . esc_url( get_template_directory_uri() ) . '/assets/images/ducks.jpg" style="object-position:26% 34%" data-object-fit="cover" data-object-position="26% 34%"/><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"0rem","top":"0px","right":"0px","left":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"textColor":"background","layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide has-background-color has-text-color has-link-color" style="padding-top:0px;padding-right:0px;padding-bottom:0rem;padding-left:0px"><!-- wp:site-title {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}}} /--> + + <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} --> + <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /--> + <!-- /wp:navigation --></div> + <!-- /wp:group --></div></div> + <!-- /wp:cover --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-image-background.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-image-background.php new file mode 100644 index 0000000..4afd36c --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-image-background.php @@ -0,0 +1,24 @@ +<?php +/** + * Header with image background block pattern + */ +return array( + 'title' => __( 'Header with image background', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull"><!-- wp:cover {"url":"' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-gray-c.jpg","dimRatio":0,"focalPoint":{"x":"0.58","y":"0.58"},"minHeight":400,"contentPosition":"center center","align":"full","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--large, 8rem)"}},"color":{}}} --> + <div class="wp-block-cover alignfull" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--large, 8rem);min-height:400px"><span aria-hidden="true" class="has-background-dim-0 wp-block-cover__gradient-background has-background-dim"></span><img class="wp-block-cover__image-background" alt="' . esc_attr__( 'Illustration of a flying bird', 'twentytwentytwo' ) . '" src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-gray-c.jpg" style="object-position:58% 58%" data-object-fit="cover" data-object-position="58% 58%"/><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"0rem","top":"0px","right":"0px","left":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground","layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide has-foreground-color has-text-color has-link-color" style="padding-top:0px;padding-right:0px;padding-bottom:0rem;padding-left:0px"><!-- wp:site-title {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}}} /--> + + <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} --> + <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /--> + <!-- /wp:navigation --></div> + <!-- /wp:group --> + + <!-- wp:spacer {"height":500} --> + <div style="height:500px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --></div></div> + <!-- /wp:cover --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-large-dark.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-large-dark.php new file mode 100644 index 0000000..5e4fea6 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-large-dark.php @@ -0,0 +1,34 @@ +<?php +/** + * Large header with dark background block pattern + */ +return array( + 'title' => __( 'Large header with dark background', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"0px","bottom":"var(--wp--custom--spacing--large, 8rem)"}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="padding-top:0px;padding-bottom:var(--wp--custom--spacing--large, 8rem);"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"0px","bottom":"0px"}}},"layout":{"inherit":true}} --> + <div class="wp-block-group alignfull" style="padding-top:0px;padding-bottom:0px;"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--large, 8rem)"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--large, 8rem)"><!-- wp:group {"layout":{"type":"flex"}} --> + <div class="wp-block-group"><!-- wp:site-logo {"width":64} /--> + + <!-- wp:site-title {"style":{"typography":{"fontStyle":"italic","fontWeight":"400"}}} /--></div> + <!-- /wp:group --> + + <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} --> + <!-- wp:page-list /--> + <!-- /wp:navigation --></div> + <!-- /wp:group --> + + <!-- wp:heading {"align":"wide","style":{"typography":{"fontSize":"clamp(3.25rem, 8vw, 6.25rem)","lineHeight":"1.15"}}} --> + <h2 class="alignwide" style="font-size:clamp(3.25rem, 8vw, 6.25rem);line-height:1.15">' . wp_kses_post( __( '<em>The Hatchery</em>: a blog about my adventures in bird watching', 'twentytwentytwo' ) ) . '</h2> + <!-- /wp:heading --></div> + <!-- /wp:group --> + + <!-- wp:image {"align":"full","width":2400,"height":1020,"sizeSlug":"full","linkDestination":"none"} --> + <figure class="wp-block-image alignfull size-full is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-transparent-c.png" alt="' . esc_attr__( 'Illustration of a bird flying.', 'twentytwentytwo' ) . '" width="2400" height="1020"/></figure> + <!-- /wp:image --></div> + <!-- /wp:group --><!-- wp:spacer {"height":66} --> + <div style="height:66px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-logo-navigation-gray-background.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-logo-navigation-gray-background.php new file mode 100644 index 0000000..3ddea75 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-logo-navigation-gray-background.php @@ -0,0 +1,18 @@ +<?php +/** + * Logo and navigation header with gray background + */ +return array( + 'title' => __( 'Logo and navigation header with background', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--small, 1.25rem)"}}},"backgroundColor":"tertiary","textColor":"foreground","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull has-foreground-color has-tertiary-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--small, 1.25rem)"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"0rem","top":"0px","right":"0px","left":"0px"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:0px;padding-right:0px;padding-bottom:0rem;padding-left:0px"><!-- wp:site-logo {"width":64} /--> + + <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} --> + <!-- wp:page-list /--> + <!-- /wp:navigation --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-logo-navigation-offset-tagline.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-logo-navigation-offset-tagline.php new file mode 100644 index 0000000..299586f --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-logo-navigation-offset-tagline.php @@ -0,0 +1,30 @@ +<?php +/** + * Logo, navigation, and offset tagline Header block pattern + */ +return array( + 'title' => __( 'Logo, navigation, and offset tagline Header', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"var(--wp--custom--spacing--large, 8rem)"}}}} --> + <div class="wp-block-group alignwide" style="padding-bottom:var(--wp--custom--spacing--large, 8rem)"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:var(--wp--custom--spacing--small, 1.25rem)"><!-- wp:site-logo {"width":64} /--> + + <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} --> + <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /--> + <!-- /wp:navigation --></div> + <!-- /wp:group --> + + <!-- wp:columns {"isStackedOnMobile":false,"align":"wide"} --> + <div class="wp-block-columns alignwide is-not-stacked-on-mobile"><!-- wp:column {"width":"64px"} --> + <div class="wp-block-column" style="flex-basis:64px"></div> + <!-- /wp:column --> + + <!-- wp:column {"width":"380px"} --> + <div class="wp-block-column" style="flex-basis:380px"><!-- wp:site-tagline {"fontSize":"small"} /--></div> + <!-- /wp:column --></div> + <!-- /wp:columns --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-logo-navigation-social-black-background.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-logo-navigation-social-black-background.php new file mode 100644 index 0000000..c9b0f88 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-logo-navigation-social-black-background.php @@ -0,0 +1,24 @@ +<?php +/** + * Logo, navigation, and social links header with black background block pattern + */ +return array( + 'title' => __( 'Logo, navigation, and social links header with background', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--small, 1.25rem)"}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--small, 1.25rem)"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"0rem","top":"0px","right":"0px","left":"0px"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:0px;padding-right:0px;padding-bottom:0rem;padding-left:0px"><!-- wp:site-logo {"width":64} /--> + + <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} --> + <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /--> + + <!-- wp:social-links {"iconColor":"background","iconColorValue":"var(--wp--preset--color--background)","className":"is-style-logos-only"} --> + <ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"instagram"} /--> + + <!-- wp:social-link {"url":"#","service":"twitter"} /--></ul> + <!-- /wp:social-links --> + <!-- /wp:navigation --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-small-dark.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-small-dark.php new file mode 100644 index 0000000..832f414 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-small-dark.php @@ -0,0 +1,31 @@ +<?php +/** + * Small header with dark background block pattern + */ +return array( + 'title' => __( 'Small header with dark background', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"0px","bottom":"0px"}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="padding-top:0px;padding-bottom:0px;"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"0px","bottom":"0px"}}},"layout":{"inherit":true}} --> + <div class="wp-block-group alignfull" style="padding-top:0px;padding-bottom:0px;"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--large, 8rem)"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--large, 8rem)"><!-- wp:group {"layout":{"type":"flex"}} --> + <div class="wp-block-group"><!-- wp:site-logo {"width":64} /--> + + <!-- wp:site-title {"style":{"typography":{"fontStyle":"italic","fontWeight":"400"}}} /--></div> + <!-- /wp:group --> + + <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} --> + <!-- wp:page-list /--> + <!-- /wp:navigation --></div> + <!-- /wp:group --></div> + <!-- /wp:group --> + + <!-- wp:image {"align":"wide","width":2000,"height":474,"sizeSlug":"full","linkDestination":"none"} --> + <figure class="wp-block-image alignwide size-full is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-transparent-d.png" alt="' . esc_attr__( 'Illustration of a bird flying.', 'twentytwentytwo' ) . '" width="2000" height="474"/></figure> + <!-- /wp:image --></div> + <!-- /wp:group --> + <!-- wp:spacer {"height":66} --> + <div style="height:66px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-stacked.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-stacked.php new file mode 100644 index 0000000..bd36bbf --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-stacked.php @@ -0,0 +1,28 @@ +<?php +/** + * Logo and navigation header block pattern + */ +return array( + 'title' => __( 'Logo and navigation header', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"var(--wp--custom--spacing--large, 8rem)","top":"var(--wp--custom--spacing--small, 1.25rem)"}}}} --> + <div class="wp-block-group alignwide" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--large, 8rem)"><!-- wp:site-logo {"align":"center","width":128} /--> + + <!-- wp:spacer {"height":10} --> + <div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:site-title {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"400","textTransform":"uppercase"}}} /--> + + <!-- wp:spacer {"height":10} --> + <div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"center"}} --> + <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /--> + <!-- /wp:navigation --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-text-only-green-background.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-text-only-green-background.php new file mode 100644 index 0000000..468a696 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-text-only-green-background.php @@ -0,0 +1,22 @@ +<?php +/** + * Text-only header with green background block pattern + */ +return array( + 'title' => __( 'Text-only header with background', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--small, 1.25rem)"}}},"backgroundColor":"primary","textColor":"background","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull has-background-color has-primary-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--small, 1.25rem)"><!-- wp:group {"align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide"><!-- wp:group --> + <div class="wp-block-group"><!-- wp:site-title {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}},"typography":{"fontStyle":"normal","fontWeight":"700"}}} /--> + + <!-- wp:site-tagline {"style":{"spacing":{"margin":{"top":"0.25em","bottom":"0px"}},"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--></div> + <!-- /wp:group --> + + <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} --> + <!-- wp:page-list /--> + <!-- /wp:navigation --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-text-only-salmon-background.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-text-only-salmon-background.php new file mode 100644 index 0000000..4a4913e --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-text-only-salmon-background.php @@ -0,0 +1,18 @@ +<?php +/** + * Text-only header with salmon background block pattern + */ +return array( + 'title' => __( 'Text-only header with background', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--small, 1.25rem)"}}},"backgroundColor":"secondary","textColor":"foreground","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull has-foreground-color has-secondary-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--small, 1.25rem)"><!-- wp:group {"align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide"><!-- wp:site-title {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}},"typography":{"fontStyle":"normal","fontWeight":"700"}}} /--> + + <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} --> + <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /--> + <!-- /wp:navigation --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-text-only-with-tagline-black-background.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-text-only-with-tagline-black-background.php new file mode 100644 index 0000000..d529fe8 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-text-only-with-tagline-black-background.php @@ -0,0 +1,22 @@ +<?php +/** + * Text-only header with tagline and black background block pattern + */ +return array( + 'title' => __( 'Text-only header with tagline and background', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}},"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--small, 1.25rem)"}}},"backgroundColor":"foreground","textColor":"secondary","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull has-secondary-color has-foreground-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--small, 1.25rem)"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"0rem","top":"0px","right":"0px","left":"0px"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:0px;padding-right:0px;padding-bottom:0rem;padding-left:0px"><!-- wp:group {"layout":{"type":"flex","justifyContent":"left"}} --> + <div class="wp-block-group"><!-- wp:site-title {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}}} /--> + + <!-- wp:site-tagline {"style":{"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--></div> + <!-- /wp:group --> + + <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} --> + <!-- wp:page-list /--> + <!-- /wp:navigation --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-title-and-button.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-title-and-button.php new file mode 100644 index 0000000..5c78069 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-title-and-button.php @@ -0,0 +1,18 @@ +<?php +/** + * Title and button header block pattern + */ +return array( + 'title' => __( 'Title and button header', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"var(--wp--custom--spacing--large, 8rem)","top":"var(--wp--custom--spacing--small, 1.25rem)"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--large, 8rem)"><!-- wp:site-title {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}},"typography":{"fontStyle":"normal","fontWeight":"700"}}} /--> + + <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"},"overlayMenu":"always"} --> + <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /--> + <!-- /wp:navigation --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-title-navigation-social.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-title-navigation-social.php new file mode 100644 index 0000000..384cda5 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-title-navigation-social.php @@ -0,0 +1,24 @@ +<?php +/** + * Title, navigation, and social links header block pattern + */ +return array( + 'title' => __( 'Title, navigation, and social links header', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"var(--wp--custom--spacing--large, 8rem)","top":"var(--wp--custom--spacing--small, 1.25rem)"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--large, 8rem)"><!-- wp:site-title {"style":{"typography":{"fontStyle":"italic","fontWeight":"400"}}} /--> + + <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} --> + <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /--> + + <!-- wp:social-links {"iconColor":"foreground","iconColorValue":"var(--wp--preset--color--foreground)","className":"is-style-logos-only"} --> + <ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"instagram"} /--> + + <!-- wp:social-link {"url":"#","service":"twitter"} /--></ul> + <!-- /wp:social-links --> + <!-- /wp:navigation --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-with-tagline.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-with-tagline.php new file mode 100644 index 0000000..40e633a --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-with-tagline.php @@ -0,0 +1,26 @@ +<?php +/** + * Header with tagline block pattern + */ +return array( + 'title' => __( 'Header with tagline', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"var(--wp--custom--spacing--large, 8rem)","top":"var(--wp--custom--spacing--small, 1.25rem)"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--large, 8rem)"><!-- wp:group {"layout":{"type":"flex"}} --> + <div class="wp-block-group"><!-- wp:site-logo {"width":64} /--> + + <!-- wp:group --> + <div class="wp-block-group"><!-- wp:site-title {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}},"typography":{"fontStyle":"normal","fontWeight":"700"}}} /--> + + <!-- wp:site-tagline {"style":{"spacing":{"margin":{"top":"0.25em","bottom":"0px"}},"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--></div> + <!-- /wp:group --></div> + <!-- /wp:group --> + + <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} --> + <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /--> + <!-- /wp:navigation --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/hidden-404.php b/wp-content/themes/twentytwentytwo/inc/patterns/hidden-404.php new file mode 100644 index 0000000..9cfd50d --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/hidden-404.php @@ -0,0 +1,15 @@ +<?php +/** + * 404 content. + */ +return array( + 'title' => __( '404 content', 'twentytwentytwo' ), + 'inserter' => false, + 'content' => '<!-- wp:heading {"style":{"typography":{"fontSize":"clamp(4rem, 40vw, 20rem)","fontWeight":"200","lineHeight":"1"}},"className":"has-text-align-center"} --> + <h2 class="has-text-align-center" style="font-size:clamp(4rem, 40vw, 20rem);font-weight:200;line-height:1">' . esc_html( _x( '404', 'Error code for a webpage that is not found.', 'twentytwentytwo' ) ) . '</h2> + <!-- /wp:heading --> + <!-- wp:paragraph {"align":"center"} --> + <p class="has-text-align-center">' . esc_html__( 'This page could not be found. Maybe try a search?', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + <!-- wp:search {"label":"' . esc_html_x( 'Search', 'label', 'twentytwentytwo' ) . '","showLabel":false,"width":50,"widthUnit":"%","buttonText":"' . esc_html__( 'Search', 'twentytwentytwo' ) . '","buttonUseIcon":true,"align":"center"} /-->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/hidden-bird.php b/wp-content/themes/twentytwentytwo/inc/patterns/hidden-bird.php new file mode 100644 index 0000000..cfc9db5 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/hidden-bird.php @@ -0,0 +1,14 @@ +<?php +/** + * Bird image + * + * This pattern is used only to reference a dynamic image URL. + * It does not appear in the inserter. + */ +return array( + 'title' => __( 'Heading and bird image', 'twentytwentytwo' ), + 'inserter' => false, + 'content' => '<!-- wp:image {"align":"wide","width":2000,"height":474,"sizeSlug":"full","linkDestination":"none"} --> + <figure class="wp-block-image alignwide size-full is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-transparent-d.png" alt="' . esc_attr__( 'Illustration of a bird flying.', 'twentytwentytwo' ) . '" width="2000" height="474"/></figure> + <!-- /wp:image -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/hidden-heading-and-bird.php b/wp-content/themes/twentytwentytwo/inc/patterns/hidden-heading-and-bird.php new file mode 100644 index 0000000..d3f1788 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/hidden-heading-and-bird.php @@ -0,0 +1,21 @@ +<?php +/** + * Heading and bird image + * + * This pattern is used only for translation + * and to reference a dynamic image URL. It does + * not appear in the inserter. + */ +return array( + 'title' => __( 'Heading and bird image', 'twentytwentytwo' ), + 'inserter' => false, + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"0px","bottom":"0px"}}},"layout":{"inherit":true}} --> + <div class="wp-block-group alignfull" style="padding-top:0px;padding-bottom:0px;"><!-- wp:heading {"align":"wide","style":{"typography":{"fontSize":"var(--wp--custom--typography--font-size--colossal, clamp(3.25rem, 8vw, 6.25rem))","lineHeight":"1.15"}}} --> + <h2 class="alignwide" style="font-size:var(--wp--custom--typography--font-size--colossal, clamp(3.25rem, 8vw, 6.25rem));line-height:1.15">' . wp_kses_post( __( '<em>The Hatchery</em>: a blog about my adventures in bird watching', 'twentytwentytwo' ) ) . '</h2> + <!-- /wp:heading --></div> + <!-- /wp:group --> + + <!-- wp:image {"align":"full","width":2400,"height":1020,"sizeSlug":"full","linkDestination":"none"} --> + <figure class="wp-block-image alignfull size-full is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-transparent-c.png" alt="' . esc_attr__( 'Illustration of a bird flying.', 'twentytwentytwo' ) . '" width="2400" height="1020"/></figure> + <!-- /wp:image -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/page-about-large-image-and-buttons.php b/wp-content/themes/twentytwentytwo/inc/patterns/page-about-large-image-and-buttons.php new file mode 100644 index 0000000..12d44e7 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/page-about-large-image-and-buttons.php @@ -0,0 +1,79 @@ +<?php +/** + * About page with large image and buttons + */ +return array( + 'title' => __( 'About page with large image and buttons', 'twentytwentytwo' ), + 'categories' => array( 'pages', 'buttons' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--small, 1.25rem)"}}},"layout":{"inherit":true}} --> + <div class="wp-block-group alignfull" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--small, 1.25rem)"><!-- wp:image {"align":"wide","width":2100,"height":1260,"sizeSlug":"full","linkDestination":"none"} --> + <figure class="wp-block-image alignwide size-full is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-gray-b.jpg" alt="" width="2100" height="1260"/></figure> + <!-- /wp:image --> + + <!-- wp:columns {"align":"wide"} --> + <div class="wp-block-columns alignwide"><!-- wp:column --> + <div class="wp-block-column"><!-- wp:buttons --> + <div class="wp-block-buttons"><!-- wp:button {"width":100} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Purchase my work', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --></div> + <!-- /wp:buttons --></div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:buttons --> + <div class="wp-block-buttons"><!-- wp:button {"width":100} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Support my studio', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --></div> + <!-- /wp:buttons --></div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:buttons --> + <div class="wp-block-buttons"><!-- wp:button {"width":100} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Take a class', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --></div> + <!-- /wp:buttons --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --> + + <!-- wp:columns {"align":"wide"} --> + <div class="wp-block-columns alignwide"><!-- wp:column --> + <div class="wp-block-column"><!-- wp:buttons --> + <div class="wp-block-buttons"><!-- wp:button {"width":100} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Read about me', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --></div> + <!-- /wp:buttons --></div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:buttons --> + <div class="wp-block-buttons"><!-- wp:button {"width":100} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Learn about my process', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --></div> + <!-- /wp:buttons --></div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:buttons --> + <div class="wp-block-buttons"><!-- wp:button {"width":100} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Join my mailing list', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --></div> + <!-- /wp:buttons --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --> + + <!-- wp:spacer {"height":50} --> + <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:social-links {"iconColor":"primary","iconColorValue":"var(--wp--preset--color--primary)","className":"is-style-logos-only","layout":{"type":"flex","justifyContent":"center"}} --> + <ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"wordpress"} /--> + + <!-- wp:social-link {"url":"#","service":"facebook"} /--> + + <!-- wp:social-link {"url":"#","service":"twitter"} /--> + + <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul> + <!-- /wp:social-links --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/page-about-links-dark.php b/wp-content/themes/twentytwentytwo/inc/patterns/page-about-links-dark.php new file mode 100644 index 0000000..ccb0ec2 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/page-about-links-dark.php @@ -0,0 +1,47 @@ +<?php +/** + * About page links (dark) + */ +return array( + 'title' => __( 'About page links (dark)', 'twentytwentytwo' ), + 'categories' => array( 'pages', 'buttons' ), + 'content' => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"10rem","bottom":"10rem"}}},"backgroundColor":"primary","textColor":"background","layout":{"inherit":false,"contentSize":"400px"}} --> + <div class="wp-block-group alignfull has-background-color has-primary-background-color has-text-color has-background has-link-color" style="padding-top:10rem;padding-bottom:10rem;"><!-- wp:group --> + <div class="wp-block-group"> + + <!-- wp:image {"width":100,"height":100,"sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} --> + <figure class="wp-block-image size-full is-resized is-style-rounded"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/icon-bird.jpg" alt="' . esc_attr__( 'Logo featuring a flying bird', 'twentytwentytwo' ) . '" width="100" height="100"/></figure> + <!-- /wp:image --> + + <!-- wp:heading {"textAlign":"left","style":{"typography":{"fontSize":"var(--wp--custom--typography--font-size--huge, clamp(2.25rem, 4vw, 2.75rem))"}}} --> + <h2 class="has-text-align-left" style="font-size:var(--wp--custom--typography--font-size--huge, clamp(2.25rem, 4vw, 2.75rem))">' . esc_html__( 'A trouble of hummingbirds', 'twentytwentytwo' ) . '</h2> + <!-- /wp:heading --> + + <!-- wp:spacer {"height":40} --> + <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:buttons {"contentJustification":"left"} --> + <div class="wp-block-buttons is-content-justification-left"><!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"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" style="border-radius:6px">' . esc_html__( 'Watch our videos', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --> + + <!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"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" style="border-radius:6px">' . esc_html__( 'Listen on iTunes Podcasts', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --> + + <!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"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" style="border-radius:6px">' . esc_html__( 'Listen on Spotify', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --> + + <!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"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" style="border-radius:6px">' . esc_html__( 'Support the show', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --> + + <!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"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" style="border-radius:6px">' . esc_html__( 'About the hosts', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --></div> + <!-- /wp:buttons --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/page-about-links.php b/wp-content/themes/twentytwentytwo/inc/patterns/page-about-links.php new file mode 100644 index 0000000..997cf03 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/page-about-links.php @@ -0,0 +1,65 @@ +<?php +/** + * About page links + */ +return array( + 'title' => __( 'About page links', 'twentytwentytwo' ), + 'categories' => array( 'pages', 'buttons' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"10rem","bottom":"10rem"}}},"layout":{"inherit":false,"contentSize":"400px"}} --> + <div class="wp-block-group alignfull" style="padding-top:10rem;padding-bottom:10rem;"><!-- wp:image {"align":"center","width":100,"height":100,"sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} --> + <div class="wp-block-image is-style-rounded"><figure class="aligncenter size-full is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/icon-bird.jpg" alt="' . esc_attr__( 'Logo featuring a flying bird', 'twentytwentytwo' ) . '" width="100" height="100"/></figure></div> + <!-- /wp:image --> + + <!-- wp:group --> + <div class="wp-block-group"> + + <!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"var(--wp--custom--typography--font-size--huge, clamp(2.25rem, 4vw, 2.75rem))"}}} --> + <h2 class="has-text-align-center" style="font-size:var(--wp--custom--typography--font-size--huge, clamp(2.25rem, 4vw, 2.75rem))">' . esc_html__( 'Swoop', 'twentytwentytwo' ) . '</h2> + <!-- /wp:heading --> + + <!-- wp:paragraph {"align":"center"} --> + <p class="has-text-align-center">' . esc_html__( 'A podcast about birds', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:spacer {"height":40} --> + <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:buttons {"contentJustification":"left"} --> + <div class="wp-block-buttons is-content-justification-left"><!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"className":"is-style-fill"} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"><a class="wp-block-button__link" style="border-radius:6px">' . esc_html__( 'Watch our videos', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --> + + <!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"className":"is-style-fill"} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"><a class="wp-block-button__link" style="border-radius:6px">' . esc_html__( 'Listen on iTunes Podcasts', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --> + + <!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"className":"is-style-fill"} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"><a class="wp-block-button__link" style="border-radius:6px">' . esc_html__( 'Listen on Spotify', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --> + + <!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"className":"is-style-fill"} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"><a class="wp-block-button__link" style="border-radius:6px">' . esc_html__( 'Support the show', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --> + + <!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"className":"is-style-fill"} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"><a class="wp-block-button__link" style="border-radius:6px">' . esc_html__( 'About the hosts', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --></div> + <!-- /wp:buttons --></div> + <!-- /wp:group --> + + <!-- wp:spacer {"height":40} --> + <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:social-links {"iconColor":"primary","iconColorValue":"var(--wp--preset--color--primary)","className":"is-style-logos-only","layout":{"type":"flex","justifyContent":"center"}} --> + <ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"wordpress"} /--> + + <!-- wp:social-link {"url":"#","service":"facebook"} /--> + + <!-- wp:social-link {"url":"#","service":"twitter"} /--> + + <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul> + <!-- /wp:social-links --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/page-about-media-left.php b/wp-content/themes/twentytwentytwo/inc/patterns/page-about-media-left.php new file mode 100644 index 0000000..ea80594 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/page-about-media-left.php @@ -0,0 +1,41 @@ +<?php +/** + * About page with media on the left + */ +return array( + 'title' => __( 'About page with media on the left', 'twentytwentytwo' ), + 'categories' => array( 'pages' ), + 'content' => '<!-- wp:media-text {"align":"full","mediaType":"image","imageFill":true,"focalPoint":{"x":"0.63","y":"0.16"},"backgroundColor":"foreground","className":"alignfull is-image-fill has-background-color has-text-color has-background has-link-color"} --> + <div class="wp-block-media-text alignfull is-stacked-on-mobile is-image-fill has-background-color has-text-color has-background has-link-color has-foreground-background-color has-background"><figure class="wp-block-media-text__media" style="background-image:url(' . esc_url( get_template_directory_uri() ) . '/assets/images/bird-on-salmon.jpg);background-position:63% 16%"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/bird-on-salmon.jpg" alt="' . esc_attr__( 'Image of a bird on a branch', 'twentytwentytwo' ) . '"/></figure><div class="wp-block-media-text__content"><!-- wp:spacer {"height":32} --> + <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:site-logo {"width":60} /--> + + <!-- wp:group {"style":{"spacing":{"padding":{"right":"min(8rem, 5vw)","top":"min(28rem, 28vw)"}}}} --> + <div class="wp-block-group" style="padding-top:min(28rem, 28vw);padding-right:min(8rem, 5vw)"><!-- wp:heading {"style":{"typography":{"fontWeight":"300","lineHeight":"1.115","fontSize":"clamp(3rem, 6vw, 4.5rem)"}}} --> + <h2 style="font-size:clamp(3rem, 6vw, 4.5rem);font-weight:300;line-height:1.115"><em>' . esc_html__( 'Doug', 'twentytwentytwo' ) . '<br>' . esc_html__( 'Stilton', 'twentytwentytwo' ) . '</em></h2> + <!-- /wp:heading --> + + <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}}} --> + <p style="line-height:1.6">' . esc_html__( 'Oh hello. My name’s Doug, and you’ve found your way to my website. I’m an avid bird watcher, and I also broadcast my own radio show on Tuesday evenings at 11PM EDT.', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:spacer {"height":40} --> + <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:social-links {"iconColor":"background","iconColorValue":"var(--wp--preset--color--background)","iconBackgroundColor":"foreground","iconBackgroundColorValue":"var(--wp--preset--color--foreground)"} --> + <ul class="wp-block-social-links has-icon-color has-icon-background-color"><!-- wp:social-link {"url":"#","service":"wordpress"} /--> + + <!-- wp:social-link {"url":"#","service":"twitter"} /--> + + <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul> + <!-- /wp:social-links --></div> + <!-- /wp:group --> + + <!-- wp:spacer {"height":32} --> + <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --></div></div> + <!-- /wp:media-text -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/page-about-media-right.php b/wp-content/themes/twentytwentytwo/inc/patterns/page-about-media-right.php new file mode 100644 index 0000000..2493d5d --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/page-about-media-right.php @@ -0,0 +1,40 @@ +<?php +/** + * About page with media on the right + */ +return array( + 'title' => __( 'About page with media on the right', 'twentytwentytwo' ), + 'categories' => array( 'pages' ), + 'content' => '<!-- wp:media-text {"align":"full","mediaPosition":"right","mediaLink":"' . esc_url( get_template_directory_uri() ) . '/assets/images/bird-on-black.jpg","mediaType":"image","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"foreground","textColor":"background"} --> + <div class="wp-block-media-text alignfull has-media-on-the-right is-stacked-on-mobile has-background-color has-foreground-background-color has-text-color has-background has-link-color"><figure class="wp-block-media-text__media"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/bird-on-black.jpg" alt="' . esc_attr__( 'An image of a bird flying', 'twentytwentytwo' ) . '"/></figure><div class="wp-block-media-text__content"><!-- wp:spacer {"height":32} --> + <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + <!-- wp:site-logo {"width":60} /--> + + <!-- wp:group {"style":{"spacing":{"padding":{"right":"min(8rem, 5vw)","top":"min(20rem, 20vw)"}}}} --> + <div class="wp-block-group" style="padding-top:min(20rem, 20vw);padding-right:min(8rem, 5vw)"><!-- wp:heading {"style":{"typography":{"fontWeight":"300","lineHeight":"1.115","fontSize":"clamp(3rem, 6vw, 4.5rem)"}}} --> + <h2 style="font-size:clamp(3rem, 6vw, 4.5rem);font-weight:300;line-height:1.115"><em>' . wp_kses_post( __( 'Emery<br>Driscoll', 'twentytwentytwo' ) ) . '</em></h2> + <!-- /wp:heading --> + + <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}}} --> + <p style="line-height:1.6">' . esc_html__( 'Oh hello. My name’s Emery, and you’ve found your way to my website. I’m an avid bird watcher, and I also broadcast my own radio show on Tuesday evenings at 11PM EDT.', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:spacer {"height":40} --> + <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:social-links {"iconColor":"background","iconColorValue":"var(--wp--preset--color--foreground)","iconBackgroundColor":"foreground","iconBackgroundColorValue":"var(--wp--preset--color--background)"} --> + <ul class="wp-block-social-links has-icon-color has-icon-background-color"><!-- wp:social-link {"url":"#","service":"wordpress"} /--> + + <!-- wp:social-link {"url":"#","service":"twitter"} /--> + + <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul> + <!-- /wp:social-links --></div> + <!-- /wp:group --></div> + + <!-- wp:spacer {"height":32} --> + <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --></div> + <!-- /wp:media-text -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/page-about-simple-dark.php b/wp-content/themes/twentytwentytwo/inc/patterns/page-about-simple-dark.php new file mode 100644 index 0000000..131a48b --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/page-about-simple-dark.php @@ -0,0 +1,45 @@ +<?php +/** + * Simple dark about page + */ +return array( + 'title' => __( 'Simple dark about page', 'twentytwentytwo' ), + 'categories' => array( 'pages' ), + 'content' => '<!-- wp:cover {"overlayColor":"foreground","minHeight":100,"minHeightUnit":"vh","contentPosition":"center center","align":"full","style":{"spacing":{"padding":{"top":"max(1.25rem, 8vw)","right":"max(1.25rem, 8vw)","bottom":"max(1.25rem, 8vw)","left":"max(1.25rem, 8vw)"}}}} --> + <div class="wp-block-cover alignfull has-foreground-background-color has-background-dim" style="padding-top:max(1.25rem, 8vw);padding-right:max(1.25rem, 8vw);padding-bottom:max(1.25rem, 8vw);padding-left:max(1.25rem, 8vw);min-height:100vh"><div class="wp-block-cover__inner-container"><!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"},"overlayMenu":"always"} --> + <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /--> + <!-- /wp:navigation --> + + <!-- wp:columns --> + <div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"bottom","width":"45%","style":{"spacing":{"padding":{"top":"12rem"}}}} --> + <div class="wp-block-column is-vertically-aligned-bottom" style="padding-top:12rem;flex-basis:45%"><!-- wp:site-logo {"width":60} /--> + + <!-- wp:heading {"style":{"typography":{"fontWeight":"300","lineHeight":"1.115","fontSize":"clamp(3rem, 6vw, 4.5rem)"}}} --> + <h2 style="font-size:clamp(3rem, 6vw, 4.5rem);font-weight:300;line-height:1.115"><em>' . wp_kses_post( __( 'Jesús<br>Rodriguez', 'twentytwentytwo' ) ) . '</em></h2> + <!-- /wp:heading --> + + <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}}} --> + <p style="line-height:1.6">' . esc_html__( 'Oh hello. My name’s Jesús, and you’ve found your way to my website. I’m an avid bird watcher, and I also broadcast my own radio show on Tuesday evenings at 11PM EDT.', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:spacer {"height":40} --> + <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:social-links {"iconColor":"background","iconColorValue":"var(--wp--preset--color--foreground)","iconBackgroundColor":"foreground","iconBackgroundColorValue":"var(--wp--preset--color--background)"} --> + <ul class="wp-block-social-links has-icon-color has-icon-background-color"><!-- wp:social-link {"url":"#","service":"wordpress"} /--> + + <!-- wp:social-link {"url":"#","service":"twitter"} /--> + + <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul> + <!-- /wp:social-links --></div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"top":"0rem","right":"0rem","bottom":"4rem","left":"0rem"}}}} --> + <div class="wp-block-column is-vertically-aligned-center" style="padding-top:0rem;padding-right:0rem;padding-bottom:4rem;padding-left:0rem"><!-- wp:separator {"color":"background","className":"is-style-wide"} --> + <hr class="wp-block-separator has-text-color has-background has-background-background-color has-background-color is-style-wide"/> + <!-- /wp:separator --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --></div></div> + <!-- /wp:cover -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/page-about-solid-color.php b/wp-content/themes/twentytwentytwo/inc/patterns/page-about-solid-color.php new file mode 100644 index 0000000..df8903d --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/page-about-solid-color.php @@ -0,0 +1,41 @@ +<?php +/** + * About page on solid color background + */ +return array( + 'title' => __( 'About page on solid color background', 'twentytwentytwo' ), + 'categories' => array( 'pages' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"1.25rem","right":"1.25rem","bottom":"1.25rem","left":"1.25rem"}}}} --> + <div class="wp-block-group alignfull" style="padding-top:1.25rem;padding-right:1.25rem;padding-bottom:1.25rem;padding-left:1.25rem"><!-- wp:cover {"overlayColor":"secondary","minHeight":80,"minHeightUnit":"vh","isDark":false,"align":"full"} --> + <div class="wp-block-cover alignfull is-light" style="min-height:80vh"><span aria-hidden="true" class="has-secondary-background-color has-background-dim-100 wp-block-cover__gradient-background has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"inherit":false,"contentSize":"400px"}} --> + <div class="wp-block-group"><!-- wp:spacer {"height":64} --> + <div style="height:64px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --><!-- wp:heading {"style":{"typography":{"lineHeight":"1","textTransform":"uppercase","fontSize":"clamp(2.75rem, 6vw, 3.25rem)"}}} --> + <h2 id="edvard-smith" style="font-size:clamp(2.75rem, 6vw, 3.25rem);line-height:1;text-transform:uppercase">' . wp_kses_post( __( 'Edvard<br>Smith', 'twentytwentytwo' ) ) . '</h2> + <!-- /wp:heading --> + + <!-- wp:spacer {"height":8} --> + <div style="height:8px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:paragraph {"fontSize":"small"} --> + <p class="has-small-font-size">' . esc_html__( 'Oh hello. My name’s Edvard, and you’ve found your way to my website. I’m an avid bird watcher, and I also broadcast my own radio show every Tuesday evening at 11PM EDT. Listen in sometime!', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:spacer {"height":8} --> + <div style="height:8px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:social-links {"iconColor":"foreground","iconColorValue":"var(--wp--preset--color--foreground)","className":"is-style-logos-only"} --> + <ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"wordpress"} /--> + + <!-- wp:social-link {"url":"#","service":"twitter"} /--> + + <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul> + <!-- /wp:social-links --><!-- wp:spacer {"height":64} --> + <div style="height:64px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --></div> + <!-- /wp:group --></div></div> + <!-- /wp:cover --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/page-layout-image-and-text.php b/wp-content/themes/twentytwentytwo/inc/patterns/page-layout-image-and-text.php new file mode 100644 index 0000000..eec6e0d --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/page-layout-image-and-text.php @@ -0,0 +1,32 @@ +<?php +/** + * Page layout with image and text. + */ +return array( + 'title' => __( 'Page layout with image and text', 'twentytwentytwo' ), + 'categories' => array( 'pages' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--large, 8rem)","bottom":"2rem"}}},"layout":{"inherit":true}} --> + <div class="wp-block-group alignfull" style="padding-top:var(--wp--custom--spacing--large, 8rem);padding-bottom:2rem"><!-- wp:heading {"align":"wide","style":{"typography":{"fontSize":"clamp(4rem, 8vw, 7.5rem)","lineHeight":"1.15","fontWeight":"300"}}} --> + <h2 class="alignwide" style="font-size:clamp(4rem, 8vw, 7.5rem);font-weight:300;line-height:1.15">' . wp_kses_post( __( '<em>Watching Birds </em><br><em>in the Garden</em>', 'twentytwentytwo' ) ) . '</h2> + <!-- /wp:heading --></div> + <!-- /wp:group --> + + <!-- wp:image {"align":"full","width":2400,"height":1800,"style":{"color":{}}} --> + <figure class="wp-block-image alignfull is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-transparent-b.png" alt="' . esc_attr_x( 'TBD', 'Short for to be determined', 'twentytwentytwo' ) . '" width="2400" height="1800"/></figure> + <!-- /wp:image --> + + <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"2rem","bottom":"var(--wp--custom--spacing--large, 8rem)"}}},"layout":{"inherit":true}} --> + <div class="wp-block-group alignfull" style="padding-top:2rem;padding-bottom:var(--wp--custom--spacing--large, 8rem)"> + <!-- wp:columns {"align":"wide"} --> + <div class="wp-block-columns alignwide"><!-- wp:column {"verticalAlignment":"bottom","style":{"spacing":{"padding":{"bottom":"1em"}}}} --> + <div class="wp-block-column is-vertically-aligned-bottom" style="padding-bottom:1em"><!-- wp:site-logo {"width":60} /--></div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"bottom"} --> + <div class="wp-block-column is-vertically-aligned-bottom"><!-- wp:paragraph --> + <p>' . wp_kses_post( __( 'Oh hello. My name’s Angelo, and I operate this blog. I was born in Portland, but I currently live in upstate New York. You may recognize me from publications with names like <a href="#">Eagle Beagle</a> and <a href="#">Mourning Dive</a>. I write for a living.<br><br>I usually use this blog to catalog extensive lists of birds and other things that I find interesting. If you find an error with one of my lists, please keep it to yourself.<br><br>If that’s not your cup of tea, <a href="#">I definitely recommend this tea</a>. It’s my favorite.', 'twentytwentytwo' ) ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/page-layout-image-text-and-video.php b/wp-content/themes/twentytwentytwo/inc/patterns/page-layout-image-text-and-video.php new file mode 100644 index 0000000..bfb4e6e --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/page-layout-image-text-and-video.php @@ -0,0 +1,65 @@ +<?php +/** + * Page layout with image, text and video. + */ +return array( + 'title' => __( 'Page layout with image, text and video', 'twentytwentytwo' ), + 'categories' => array( 'pages' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--large, 8rem)","bottom":"var(--wp--custom--spacing--large, 8rem)"}}},"backgroundColor":"primary","textColor":"background"} --> + <div class="wp-block-group alignfull has-background-color has-primary-background-color has-text-color has-background" style="padding-top:var(--wp--custom--spacing--large, 8rem);padding-bottom:var(--wp--custom--spacing--large, 8rem)"><!-- wp:group {"layout":{"inherit":true}} --> + <div class="wp-block-group"><!-- wp:heading {"level":1,"align":"wide","style":{"typography":{"fontSize":"clamp(3rem, 6vw, 4.5rem)"}}} --> + <h1 class="alignwide" style="font-size:clamp(3rem, 6vw, 4.5rem)">' . wp_kses_post( __( '<em>Warble</em>, a film about <br>hobbyist bird watchers.', 'twentytwentytwo' ) ) . '</h1> + <!-- /wp:heading --> + + <!-- wp:spacer {"height":50} --> + <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:columns {"align":"wide"} --> + <div class="wp-block-columns alignwide"><!-- wp:column {"width":"33.33%"} --> + <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:heading {"fontSize":"x-large"} --> + <h2 class="has-x-large-font-size">' . esc_html__( 'Screening', 'twentytwentytwo' ) . '</h2> + <!-- /wp:heading --> + + <!-- wp:paragraph --> + <p>' . wp_kses_post( __( 'May 14th, 2022 @ 7:00PM<br>The Vintagé Theater,<br>245 Arden Rd.<br>Gardenville, NH', 'twentytwentytwo' ) ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:buttons --> + <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"secondary","textColor":"primary"} --> + <div class="wp-block-button"><a class="wp-block-button__link has-primary-color has-secondary-background-color has-text-color has-background">' . esc_html__( 'Buy Tickets', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --></div> + <!-- /wp:buttons --></div> + <!-- /wp:column --> + + <!-- wp:column {"width":"66.66%"} --> + <div class="wp-block-column" style="flex-basis:66.66%"></div> + <!-- /wp:column --></div> + <!-- /wp:columns --></div> + <!-- /wp:group --> + + <!-- wp:image {"align":"full","width":2400,"height":1178,"style":{"color":{}}} --> + <figure class="wp-block-image alignfull is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-transparent-a.png" alt="' . esc_attr__( 'An illustration of a bird in flight', 'twentytwentytwo' ) . '" width="2400" height="1178"/></figure> + <!-- /wp:image --> + + <!-- wp:group {"align":"full","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull"><!-- wp:columns {"align":"wide"} --> + <div class="wp-block-columns alignwide"><!-- wp:column {"width":"33.33%"} --> + <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:heading {"fontSize":"x-large"} --> + <h2 class="has-x-large-font-size">' . esc_html__( 'Extended Trailer', 'twentytwentytwo' ) . '</h2> + <!-- /wp:heading --> + + <!-- wp:paragraph --> + <p>' . esc_html__( 'Oh hello. My name’s Angelo, and you’ve found your way to my blog. I write about a range of topics, but lately I’ve been sharing my hopes for next year.', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:column --> + + <!-- wp:column {"width":"66.66%"} --> + <div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:video {"id":181} --> + <figure class="wp-block-video"><video controls src="' . esc_url( get_template_directory_uri() ) . '/assets/videos/birds.mp4"></video></figure> + <!-- /wp:video --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/page-layout-two-columns.php b/wp-content/themes/twentytwentytwo/inc/patterns/page-layout-two-columns.php new file mode 100644 index 0000000..2a27dfe --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/page-layout-two-columns.php @@ -0,0 +1,73 @@ +<?php +/** + * Page layout with two columns. + */ +return array( + 'title' => __( 'Page layout with two columns', 'twentytwentytwo' ), + 'categories' => array( 'pages' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--large, 8rem)","bottom":"var(--wp--custom--spacing--large, 8rem)"}}},"layout":{"inherit":true}} --> + <div class="wp-block-group alignfull" style="padding-top:var(--wp--custom--spacing--large, 8rem);padding-bottom:var(--wp--custom--spacing--large, 8rem);"><!-- wp:heading {"level":1,"align":"wide","style":{"typography":{"fontSize":"clamp(4rem, 15vw, 12.5rem)","lineHeight":"1","fontWeight":"200"}}} --> + <h1 class="alignwide" style="font-size:clamp(4rem, 15vw, 12.5rem);font-weight:200;line-height:1">' . wp_kses_post( __( '<em>Goldfinch </em><br><em>& Sparrow</em>', 'twentytwentytwo' ) ) . '</h1> + <!-- /wp:heading --> + + <!-- wp:spacer {"height":50} --> + <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:group {"align":"wide","layout":{"inherit":false}} --> + <div class="wp-block-group alignwide"><!-- wp:columns --> + <div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center","width":"20%"} --> + <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:20%"><!-- wp:paragraph --> + <p>' . esc_html__( 'WELCOME', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center","width":"80%"} --> + <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:80%"><!-- wp:separator {"className":"is-style-wide"} --> + <hr class="wp-block-separator is-style-wide"/> + <!-- /wp:separator --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --></div> + <!-- /wp:group --> + + <!-- wp:columns {"align":"wide"} --> + <div class="wp-block-columns alignwide"><!-- wp:column --> + <div class="wp-block-column"><!-- wp:paragraph --> + <p>' . wp_kses_post( __( 'Oh hello. My name’s Angelo, and I operate this blog. I was born in Portland, but I currently live in upstate New York. You may recognize me from publications with names like <a href="#">Eagle Beagle</a> and <a href="#">Mourning Dive</a>. I write for a living.<br><br>I usually use this blog to catalog extensive lists of birds and other things that I find interesting. If you find an error with one of my lists, please keep it to yourself.<br><br>If that’s not your cup of tea, <a href="#">I definitely recommend this tea</a>. It’s my favorite.', 'twentytwentytwo' ) ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"></div> + <!-- /wp:column --></div> + <!-- /wp:columns --> + + <!-- wp:spacer --> + <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:columns {"align":"wide"} --> + <div class="wp-block-columns alignwide"><!-- wp:column {"verticalAlignment":"center"} --> + <div class="wp-block-column is-vertically-aligned-center"><!-- wp:separator {"className":"is-style-wide"} --> + <hr class="wp-block-separator is-style-wide"/> + <!-- /wp:separator --></div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center"} --> + <div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph --> + <p>' . esc_html__( 'POSTS', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --> + + <!-- wp:columns {"align":"wide"} --> + <div class="wp-block-columns alignwide"><!-- wp:column --> + <div class="wp-block-column"></div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:latest-posts /--></div> + <!-- /wp:column --></div> + <!-- /wp:columns --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/page-sidebar-blog-posts-right.php b/wp-content/themes/twentytwentytwo/inc/patterns/page-sidebar-blog-posts-right.php new file mode 100644 index 0000000..1601925 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/page-sidebar-blog-posts-right.php @@ -0,0 +1,87 @@ +<?php +/** + * Blog posts with right sidebar block pattern + */ +return array( + 'title' => __( 'Blog posts with right sidebar', 'twentytwentytwo' ), + 'categories' => array( 'pages' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--small, 1.25rem)"}}},"layout":{"inherit":true}} --> + <div class="wp-block-group alignfull" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--small, 1.25rem)"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"2rem","top":"0px","right":"0px","left":"0px"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:0px;padding-right:0px;padding-bottom:2rem;padding-left:0px"><!-- wp:group {"layout":{"type":"flex"}} --> + <div class="wp-block-group"><!-- wp:site-logo {"width":64} /--></div> + <!-- /wp:group --> + + <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} --> + <!-- wp:page-list /--> + <!-- /wp:navigation --></div> + <!-- /wp:group --> + + <!-- wp:spacer {"height":64} --> + <div style="height:64px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:columns {"align":"wide","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"5%"},"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground"} --> + <div class="wp-block-columns alignwide has-foreground-color has-text-color has-link-color" style="margin-top:0px;margin-bottom:0px"><!-- wp:column {"width":"66.66%","style":{"spacing":{"padding":{"bottom":"6rem"}}}} --> + <div class="wp-block-column" style="padding-bottom:6rem;flex-basis:66.66%"><!-- wp:query {"queryId":9,"query":{"perPage":"5","pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false},"displayLayout":{"type":"list"},"layout":{"inherit":true}} --> + <div class="wp-block-query"><!-- wp:post-template --> + <!-- wp:post-title {"isLink":true,"style":{"spacing":{"margin":{"top":"0","bottom":"1rem"}},"typography":{"fontStyle":"normal","fontWeight":"300"},"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground","fontSize":"var(--wp--custom--typography--font-size--huge, clamp(2.25rem, 4vw, 2.75rem))"} /--> + + <!-- wp:post-featured-image {"isLink":true} /--> + + <!-- wp:post-excerpt /--> + + <!-- wp:group {"layout":{"type":"flex"}} --> + <div class="wp-block-group"><!-- wp:post-date {"format":"F j, Y","style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"small"} /--> + + <!-- wp:post-terms {"term":"category","fontSize":"small"} /--> + + <!-- wp:post-terms {"term":"post_tag","fontSize":"small"} /--></div> + <!-- /wp:group --> + + <!-- wp:spacer {"height":64} --> + <div style="height:64px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + <!-- /wp:post-template --> + + <!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} --> + <!-- wp:query-pagination-previous {"fontSize":"small"} /--> + + <!-- wp:query-pagination-numbers /--> + + <!-- wp:query-pagination-next {"fontSize":"small"} /--> + <!-- /wp:query-pagination --></div> + <!-- /wp:query --></div> + <!-- /wp:column --> + + <!-- wp:column {"width":"33.33%"} --> + <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:image {"width":768,"height":1160,"sizeSlug":"large","linkDestination":"none"} --> + <figure class="wp-block-image size-large is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-salmon.jpg" alt="' . esc_attr__( 'Illustration of a flying bird.', 'twentytwentytwo' ) . '" width="768" height="1160"/></figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":4} --> + <div style="height:4px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:site-title {"isLink":false,"style":{"typography":{"fontStyle":"normal","fontWeight":"300","lineHeight":"1.2"}},"fontSize":"large","fontFamily":"source-serif-pro"} /--> + + <!-- wp:site-tagline /--> + + <!-- wp:spacer {"height":16} --> + <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:heading {"level":4,"fontSize":"large"} --> + <h4 class="has-large-font-size"><em>' . esc_html__( 'Categories', 'twentytwentytwo' ) . '</em></h4> + <!-- /wp:heading --> + + <!-- wp:tag-cloud {"taxonomy":"category","showTagCounts":true} /--> + + <!-- wp:heading {"level":4,"fontSize":"large"} --> + <h4 class="has-large-font-size"><em>' . esc_html__( 'Tags', 'twentytwentytwo' ) . '</em></h4> + <!-- /wp:heading --> + + <!-- wp:tag-cloud {"showTagCounts":true} /--></div> + <!-- /wp:column --></div> + <!-- /wp:columns --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/page-sidebar-blog-posts.php b/wp-content/themes/twentytwentytwo/inc/patterns/page-sidebar-blog-posts.php new file mode 100644 index 0000000..c40b207 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/page-sidebar-blog-posts.php @@ -0,0 +1,79 @@ +<?php +/** + * Blog posts with left sidebar block pattern + */ +return array( + 'title' => __( 'Blog posts with left sidebar', 'twentytwentytwo' ), + 'categories' => array( 'pages' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--small, 1.25rem)"}}},"layout":{"inherit":true}} --> + <div class="wp-block-group alignfull" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--small, 1.25rem)"><!-- wp:columns {"align":"wide","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"5%"},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary"} --> + <div class="wp-block-columns alignwide has-primary-color has-text-color has-link-color" style="margin-top:0px;margin-bottom:0px"><!-- wp:column {"width":"33.33%"} --> + <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:cover {"overlayColor":"secondary","minHeight":400,"isDark":false} --> + <div class="wp-block-cover is-light" style="min-height:400px"><span aria-hidden="true" class="has-secondary-background-color has-background-dim-100 wp-block-cover__gradient-background has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:site-logo {"align":"center","width":60} /--></div></div> + <!-- /wp:cover --> + + <!-- wp:spacer {"height":40} --> + <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:site-tagline {"fontSize":"small"} /--> + + <!-- wp:spacer {"height":32} --> + <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:separator {"color":"foreground","className":"is-style-wide"} --> + <hr class="wp-block-separator has-text-color has-background has-foreground-background-color has-foreground-color is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:spacer {"height":32} --> + <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:navigation {"orientation":"vertical"} --> + <!-- wp:page-list /--> + <!-- /wp:navigation --> + + <!-- wp:spacer {"height":32} --> + <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:separator {"color":"foreground","className":"is-style-wide"} --> + <hr class="wp-block-separator has-text-color has-background has-foreground-background-color has-foreground-color is-style-wide"/> + <!-- /wp:separator --></div> + <!-- /wp:column --> + + <!-- wp:column {"width":"66.66%"} --> + <div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:query {"query":{"perPage":"5","pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false},"layout":{"inherit":true}} --> + <div class="wp-block-query"><!-- wp:post-template --> + <!-- wp:post-title {"isLink":true,"style":{"spacing":{"margin":{"top":"0","bottom":"1rem"}},"typography":{"fontStyle":"normal","fontWeight":"300"},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary","fontSize":"var(--wp--custom--typography--font-size--huge, clamp(2.25rem, 4vw, 2.75rem))"} /--> + + <!-- wp:post-featured-image {"isLink":true} /--> + + <!-- wp:post-excerpt /--> + + <!-- wp:group {"layout":{"type":"flex"}} --> + <div class="wp-block-group"><!-- wp:post-date {"format":"F j, Y","style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"small"} /--> + + <!-- wp:post-terms {"term":"category","fontSize":"small"} /--> + + <!-- wp:post-terms {"term":"post_tag","fontSize":"small"} /--></div> + <!-- /wp:group --> + + <!-- wp:spacer {"height":128} --> + <div style="height:128px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + <!-- /wp:post-template --> + + <!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} --> + <!-- wp:query-pagination-previous {"fontSize":"small"} /--> + + <!-- wp:query-pagination-numbers /--> + + <!-- wp:query-pagination-next {"fontSize":"small"} /--> + <!-- /wp:query-pagination --></div> + <!-- /wp:query --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/page-sidebar-grid-posts.php b/wp-content/themes/twentytwentytwo/inc/patterns/page-sidebar-grid-posts.php new file mode 100644 index 0000000..3a4f037 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/page-sidebar-grid-posts.php @@ -0,0 +1,77 @@ +<?php +/** + * Grid of posts with left sidebar block pattern + */ +return array( + 'title' => __( 'Grid of posts with left sidebar', 'twentytwentytwo' ), + 'categories' => array( 'pages' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--small, 1.25rem)"}}},"layout":{"inherit":true}} --> + <div class="wp-block-group alignfull" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--small, 1.25rem)"><!-- wp:columns {"align":"wide","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} --> + <div class="wp-block-columns alignwide" style="margin-top:0px;margin-bottom:0px"><!-- wp:column {"width":"30%"} --> + <div class="wp-block-column" style="flex-basis:30%"><!-- wp:site-title {"isLink":false,"style":{"spacing":{"margin":{"top":"0px","bottom":"1rem"}},"typography":{"fontStyle":"italic","fontWeight":"300","lineHeight":"1.1"}},"fontSize":"var(--wp--custom--typography--font-size--huge, clamp(2.25rem, 4vw, 2.75rem))","fontFamily":"source-serif-pro"} /--> + + <!-- wp:site-tagline {"fontSize":"small"} /--> + + <!-- wp:spacer {"height":32} --> + <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:separator {"color":"foreground","className":"is-style-wide"} --> + <hr class="wp-block-separator has-text-color has-background has-foreground-background-color has-foreground-color is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:spacer {"height":16} --> + <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:navigation {"orientation":"vertical"} --> + <!-- wp:page-list /--> + <!-- /wp:navigation --> + + <!-- wp:spacer {"height":16} --> + <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:separator {"color":"foreground","className":"is-style-wide"} --> + <hr class="wp-block-separator has-text-color has-background has-foreground-background-color has-foreground-color is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:spacer {"height":16} --> + <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:spacer {"height":16} --> + <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:site-logo {"width":60} /--></div> + <!-- /wp:column --> + + <!-- wp:column {"width":"70%"} --> + <div class="wp-block-column" style="flex-basis:70%"><!-- wp:query {"query":{"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","inherit":false,"perPage":12},"displayLayout":{"type":"flex","columns":3},"layout":{"inherit":true}} --> + <div class="wp-block-query"><!-- wp:post-template --> + <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"200px"} /--> + + <!-- wp:group {"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group"><!-- wp:post-title {"isLink":true,"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"small","fontFamily":"system-font"} /--> + + <!-- wp:post-date {"format":"m.d.y","style":{"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--></div> + <!-- /wp:group --> + <!-- /wp:post-template --> + + <!-- wp:separator {"className":"alignwide is-style-wide"} --> + <hr class="wp-block-separator alignwide is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} --> + <!-- wp:query-pagination-previous {"fontSize":"small"} /--> + + <!-- wp:query-pagination-numbers /--> + + <!-- wp:query-pagination-next {"fontSize":"small"} /--> + <!-- /wp:query-pagination --></div> + <!-- /wp:query --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/page-sidebar-poster.php b/wp-content/themes/twentytwentytwo/inc/patterns/page-sidebar-poster.php new file mode 100644 index 0000000..bc744b1 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/page-sidebar-poster.php @@ -0,0 +1,65 @@ +<?php +/** + * Poster with right sidebar block pattern + */ +return array( + 'title' => __( 'Poster with right sidebar', 'twentytwentytwo' ), + 'categories' => array( 'pages' ), + 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull"><!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":"5%"}}} --> + <div class="wp-block-columns alignwide"><!-- wp:column {"width":"70%"} --> + <div class="wp-block-column" style="flex-basis:70%"> + + <!-- wp:heading {"level":1,"align":"wide","style":{"typography":{"fontSize":"clamp(3rem, 6vw, 4.5rem)"},"spacing":{"margin":{"bottom":"0px"}}}} --> + <h1 class="alignwide" style="font-size:clamp(3rem, 6vw, 4.5rem);margin-bottom:0px">' . wp_kses_post( __( '<em>Flutter</em>, a collection of bird-related ephemera', 'twentytwentytwo' ) ) . '</h1> + <!-- /wp:heading --></div> + <!-- /wp:column --> + + <!-- wp:column {"width":""} --> + <div class="wp-block-column"></div> + <!-- /wp:column --></div> + <!-- /wp:columns --> + + <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":"5%"}}} --> + <div class="wp-block-columns alignwide"><!-- wp:column {"width":"70%","style":{"spacing":{"padding":{"bottom":"32px"}}}} --> + <div class="wp-block-column" style="padding-bottom:32px;flex-basis:70%"><!-- wp:image {"width":984,"height":1426,"sizeSlug":"full","linkDestination":"none"} --> + <figure class="wp-block-image size-full is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/bird-on-salmon.jpg" alt="' . esc_attr__( 'Image of a bird on a branch', 'twentytwentytwo' ) . '" width="984" height="1426"/></figure> + <!-- /wp:image --></div> + <!-- /wp:column --> + + <!-- wp:column {"width":""} --> + <div class="wp-block-column"><!-- wp:image {"width":100,"height":47,"sizeSlug":"full","linkDestination":"none"} --> + <figure class="wp-block-image size-full is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/icon-binoculars.png" alt="' . esc_attr__( 'An icon representing binoculars.', 'twentytwentytwo' ) . '" width="100" height="47"/></figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":16} --> + <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:heading {"level":3,"fontSize":"large"} --> + <h3 class="has-large-font-size"><em>' . esc_html__( 'Date', 'twentytwentytwo' ) . '</em></h3> + <!-- /wp:heading --> + + <!-- wp:paragraph --> + <p>' . esc_html__( 'February, 12 2021', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:spacer {"height":16} --> + <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:heading {"level":3,"fontSize":"large"} --> + <h3 class="has-large-font-size"><em>' . esc_html__( 'Location', 'twentytwentytwo' ) . '</em></h3> + <!-- /wp:heading --> + + <!-- wp:paragraph --> + <p>' . wp_kses_post( __( 'The Grand Theater<br>154 Eastern Avenue<br>Maryland NY, 12345', 'twentytwentytwo' ) ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:spacer {"height":16} --> + <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/query-default.php b/wp-content/themes/twentytwentytwo/inc/patterns/query-default.php new file mode 100644 index 0000000..7cebacc --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/query-default.php @@ -0,0 +1,50 @@ +<?php +/** + * Default posts block pattern + */ +return array( + 'title' => __( 'Default posts', 'twentytwentytwo' ), + 'categories' => array( 'query' ), + 'blockTypes' => array( 'core/query' ), + 'content' => '<!-- wp:query {"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":""},"align":"wide","layout":{"inherit":true}} --> + <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} --> + <!-- wp:group {"layout":{"inherit":true}} --> + <div class="wp-block-group"><!-- wp:post-title {"isLink":true,"align":"wide","fontSize":"var(--wp--custom--typography--font-size--huge, clamp(2.25rem, 4vw, 2.75rem))"} /--> + + <!-- wp:post-featured-image {"isLink":true,"align":"wide","style":{"spacing":{"margin":{"top":"calc(1.75 * var(--wp--style--block-gap))"}}}} /--> + + <!-- wp:columns {"align":"wide"} --> + <div class="wp-block-columns alignwide"><!-- wp:column {"width":"650px"} --> + <div class="wp-block-column" style="flex-basis:650px"><!-- wp:post-excerpt /--> + + <!-- wp:post-date {"isLink":true,"format":"F j, Y","style":{"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--></div> + <!-- /wp:column --> + + <!-- wp:column {"width":""} --> + <div class="wp-block-column"></div> + <!-- /wp:column --></div> + <!-- /wp:columns --> + + <!-- wp:spacer {"height":16} --> + <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:separator {"align":"wide","className":"is-style-wide"} --> + <hr class="wp-block-separator alignwide is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:spacer {"height":16} --> + <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --></div> + <!-- /wp:group --> + <!-- /wp:post-template --> + + <!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} --> + <!-- wp:query-pagination-previous {"fontSize":"small"} /--> + + <!-- wp:query-pagination-numbers /--> + + <!-- wp:query-pagination-next {"fontSize":"small"} /--> + <!-- /wp:query-pagination --></div> + <!-- /wp:query -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/query-grid.php b/wp-content/themes/twentytwentytwo/inc/patterns/query-grid.php new file mode 100644 index 0000000..f695eba --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/query-grid.php @@ -0,0 +1,32 @@ +<?php +/** + * Grid of posts block pattern + */ +return array( + 'title' => __( 'Grid of posts', 'twentytwentytwo' ), + 'categories' => array( 'query' ), + 'blockTypes' => array( 'core/query' ), + 'content' => '<!-- wp:query {"query":{"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","perPage":12},"displayLayout":{"type":"flex","columns":3},"align":"wide","layout":{"inherit":true}} --> + <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} --> + <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"318px"} /--> + + <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /--> + + <!-- wp:post-excerpt /--> + + <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /--> + <!-- /wp:post-template --> + + <!-- wp:separator {"align":"wide","className":"is-style-wide"} --> + <hr class="wp-block-separator alignwide is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} --> + <!-- wp:query-pagination-previous {"fontSize":"small"} /--> + + <!-- wp:query-pagination-numbers /--> + + <!-- wp:query-pagination-next {"fontSize":"small"} /--> + <!-- /wp:query-pagination --></div> + <!-- /wp:query -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/query-image-grid.php b/wp-content/themes/twentytwentytwo/inc/patterns/query-image-grid.php new file mode 100644 index 0000000..e5672e3 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/query-image-grid.php @@ -0,0 +1,36 @@ +<?php +/** + * Grid of image posts block pattern + */ +return array( + 'title' => __( 'Grid of image posts', 'twentytwentytwo' ), + 'categories' => array( 'query' ), + 'blockTypes' => array( 'core/query' ), + 'content' => '<!-- wp:query {"query":{"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","inherit":false,"perPage":12},"displayLayout":{"type":"flex","columns":3},"layout":{"inherit":true}} --> + <div class="wp-block-query"><!-- wp:post-template --> + <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"200px"} /--> + + <!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":{"blockGap":"0.5rem"}}} --> + <div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column --> + <div class="wp-block-column"><!-- wp:post-title {"isLink":true,"style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"spacing":{"margin":{"top":"0.2em"}}},"fontSize":"small","fontFamily":"system-font"} /--></div> + <!-- /wp:column --> + + <!-- wp:column {"width":"4em"} --> + <div class="wp-block-column" style="flex-basis:4em"><!-- wp:post-date {"textAlign":"right","format":"m.d.y","style":{"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--></div> + <!-- /wp:column --></div> + <!-- /wp:columns --> + <!-- /wp:post-template --> + + <!-- wp:separator {"className":"is-style-wide"} --> + <hr class="wp-block-separator alignwide is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} --> + <!-- wp:query-pagination-previous {"fontSize":"small"} /--> + + <!-- wp:query-pagination-numbers /--> + + <!-- wp:query-pagination-next {"fontSize":"small"} /--> + <!-- /wp:query-pagination --></div> + <!-- /wp:query -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/query-irregular-grid.php b/wp-content/themes/twentytwentytwo/inc/patterns/query-irregular-grid.php new file mode 100644 index 0000000..c5da08a --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/query-irregular-grid.php @@ -0,0 +1,170 @@ +<?php +/** + * Irregular grid of posts block pattern + */ +return array( + 'title' => __( 'Irregular grid of posts', 'twentytwentytwo' ), + 'categories' => array( 'query' ), + 'blockTypes' => array( 'core/query' ), + 'content' => '<!-- wp:group {"align":"wide"} --> + <div class="wp-block-group alignwide"><!-- wp:columns {"align":"wide"} --> + <div class="wp-block-columns alignwide"><!-- wp:column --> + <div class="wp-block-column"><!-- wp:query {"query":{"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","perPage":"1"},"displayLayout":{"type":"list","columns":3},"align":"wide","layout":{"inherit":true}} --> + <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} --> + <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"318px"} /--> + + <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /--> + + <!-- wp:post-excerpt /--> + + <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /--> + <!-- /wp:post-template --></div> + <!-- /wp:query --></div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:query {"query":{"offset":"1","postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","perPage":"1"},"displayLayout":{"type":"list","columns":3},"align":"wide","layout":{"inherit":true}} --> + <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} --> + <!-- wp:spacer {"height":64} --> + <div style="height:64px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"318px"} /--> + + <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /--> + + <!-- wp:post-excerpt /--> + + <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /--> + <!-- /wp:post-template --></div> + <!-- /wp:query --></div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:query {"query":{"offset":"2","postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","perPage":"1"},"displayLayout":{"type":"list","columns":3},"align":"wide","layout":{"inherit":true}} --> + <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} --> + <!-- wp:spacer {"height":128} --> + <div style="height:128px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"318px"} /--> + + <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /--> + + <!-- wp:post-excerpt /--> + + <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /--> + <!-- /wp:post-template --></div> + <!-- /wp:query --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --> + + <!-- wp:columns {"align":"wide"} --> + <div class="wp-block-columns alignwide"><!-- wp:column --> + <div class="wp-block-column"><!-- wp:query {"query":{"offset":"3","postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","perPage":"1"},"displayLayout":{"type":"list","columns":3},"align":"wide","layout":{"inherit":true}} --> + <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} --> + <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"318px"} /--> + + <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /--> + + <!-- wp:post-excerpt /--> + + <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /--> + <!-- /wp:post-template --></div> + <!-- /wp:query --></div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:query {"query":{"offset":"4","postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","perPage":"1"},"displayLayout":{"type":"list","columns":3},"align":"wide","layout":{"inherit":true}} --> + <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} --> + <!-- wp:spacer {"height":96} --> + <div style="height:96px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"318px"} /--> + + <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /--> + + <!-- wp:post-excerpt /--> + + <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /--> + <!-- /wp:post-template --></div> + <!-- /wp:query --></div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:query {"query":{"offset":"5","postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","perPage":"1"},"displayLayout":{"type":"list","columns":3},"align":"wide","layout":{"inherit":true}} --> + <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} --> + <!-- wp:spacer {"height":160} --> + <div style="height:160px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"318px"} /--> + + <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /--> + + <!-- wp:post-excerpt /--> + + <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /--> + <!-- /wp:post-template --></div> + <!-- /wp:query --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --> + + <!-- wp:columns {"align":"wide"} --> + <div class="wp-block-columns alignwide"><!-- wp:column --> + <div class="wp-block-column"><!-- wp:query {"query":{"offset":"6","postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","perPage":"1"},"displayLayout":{"type":"list","columns":3},"align":"wide","layout":{"inherit":true}} --> + <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} --> + <!-- wp:spacer {"height":32} --> + <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"318px"} /--> + + <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /--> + + <!-- wp:post-excerpt /--> + + <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /--> + <!-- /wp:post-template --></div> + <!-- /wp:query --></div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:query {"query":{"offset":"7","postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","perPage":"1"},"displayLayout":{"type":"list","columns":3},"align":"wide","layout":{"inherit":true}} --> + <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} --> + <!-- wp:spacer {"height":160} --> + <div style="height:160px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"318px"} /--> + + <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /--> + + <!-- wp:post-excerpt /--> + + <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /--> + <!-- /wp:post-template --></div> + <!-- /wp:query --></div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:query {"query":{"offset":"8","postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","perPage":"1"},"displayLayout":{"type":"list","columns":3},"align":"wide","layout":{"inherit":true}} --> + <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} --> + <!-- wp:spacer {"height":96} --> + <div style="height:96px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"318px"} /--> + + <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /--> + + <!-- wp:post-excerpt /--> + + <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /--> + <!-- /wp:post-template --></div> + <!-- /wp:query --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/query-large-titles.php b/wp-content/themes/twentytwentytwo/inc/patterns/query-large-titles.php new file mode 100644 index 0000000..6ff8afa --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/query-large-titles.php @@ -0,0 +1,26 @@ +<?php +/** + * Large post titles block pattern + */ +return array( + 'title' => __( 'Large post titles', 'twentytwentytwo' ), + 'categories' => array( 'query' ), + 'blockTypes' => array( 'core/query' ), + 'content' => '<!-- wp:query {"query":{"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"perPage":8},"align":"wide"} --> + <div class="wp-block-query alignwide"><!-- wp:post-template --> + <!-- wp:columns --> + <div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"top","width":"4em"} --> + <div class="wp-block-column is-vertically-aligned-top" style="flex-basis:4em"><!-- wp:post-date {"format":"M j","fontSize":"small"} /--></div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center","width":""} --> + <div class="wp-block-column is-vertically-aligned-center"><!-- wp:post-title {"isLink":true,"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}},"typography":{"fontSize":"clamp(2.75rem, 6vw, 3.25rem)"}}} /--></div> + <!-- /wp:column --></div> + <!-- /wp:columns --> + + <!-- wp:separator {"className":"is-style-wide"} --> + <hr class="wp-block-separator is-style-wide"/> + <!-- /wp:separator --> + <!-- /wp:post-template --></div> + <!-- /wp:query -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/query-simple-blog.php b/wp-content/themes/twentytwentytwo/inc/patterns/query-simple-blog.php new file mode 100644 index 0000000..4b08984 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/query-simple-blog.php @@ -0,0 +1,38 @@ +<?php +/** + * Simple blog posts block pattern + */ +return array( + 'title' => __( 'Simple blog posts', 'twentytwentytwo' ), + 'categories' => array( 'query' ), + 'blockTypes' => array( 'core/query' ), + 'content' => '<!-- wp:query {"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"perPage":10},"layout":{"inherit":true}} --> + <div class="wp-block-query"><!-- wp:post-template --> + <!-- wp:post-title {"isLink":true,"style":{"spacing":{"margin":{"top":"1rem","bottom":"1rem"}},"typography":{"fontStyle":"normal","fontWeight":"300"},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary","fontSize":"var(--wp--custom--typography--font-size--huge, clamp(2.25rem, 4vw, 2.75rem))"} /--> + + <!-- wp:post-featured-image {"isLink":true} /--> + + <!-- wp:post-excerpt /--> + + <!-- wp:group {"layout":{"type":"flex"}} --> + <div class="wp-block-group"><!-- wp:post-date {"format":"F j, Y","style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"small"} /--> + + <!-- wp:post-terms {"term":"category","fontSize":"small"} /--> + + <!-- wp:post-terms {"term":"post_tag","fontSize":"small"} /--></div> + <!-- /wp:group --> + + <!-- wp:spacer {"height":128} --> + <div style="height:128px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + <!-- /wp:post-template --> + + <!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} --> + <!-- wp:query-pagination-previous {"fontSize":"small"} /--> + + <!-- wp:query-pagination-numbers /--> + + <!-- wp:query-pagination-next {"fontSize":"small"} /--> + <!-- /wp:query-pagination --></div> + <!-- /wp:query -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/query-text-grid.php b/wp-content/themes/twentytwentytwo/inc/patterns/query-text-grid.php new file mode 100644 index 0000000..a8f84d3 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/query-text-grid.php @@ -0,0 +1,31 @@ +<?php +/** + * Text-based grid of posts block pattern + */ +return array( + 'title' => __( 'Text-based grid of posts', 'twentytwentytwo' ), + 'categories' => array( 'query' ), + 'blockTypes' => array( 'core/query' ), + 'content' => '<!-- wp:query {"query":{"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","perPage":12},"displayLayout":{"type":"flex","columns":3},"align":"wide","layout":{"inherit":true}} --> + <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} --> + + <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /--> + + <!-- wp:post-excerpt /--> + + <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /--> + <!-- /wp:post-template --> + + <!-- wp:separator {"align":"wide","className":"is-style-wide"} --> + <hr class="wp-block-separator alignwide is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} --> + <!-- wp:query-pagination-previous {"fontSize":"small"} /--> + + <!-- wp:query-pagination-numbers /--> + + <!-- wp:query-pagination-next {"fontSize":"small"} /--> + <!-- /wp:query-pagination --></div> + <!-- /wp:query -->', +); diff --git a/wp-content/themes/twentytwentytwo/index.php b/wp-content/themes/twentytwentytwo/index.php new file mode 100644 index 0000000..877d8c3 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/index.php @@ -0,0 +1,4 @@ +<?php +// There is nothing output here because block themes do not use php templates. +// There is a core ticket discussing removing this requirement for block themes: +// https://core.trac.wordpress.org/ticket/54272. diff --git a/wp-content/themes/twentytwentytwo/parts/footer.html b/wp-content/themes/twentytwentytwo/parts/footer.html new file mode 100644 index 0000000..e0430f5 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/parts/footer.html @@ -0,0 +1,5 @@ +<!-- wp:group {"style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--large, 8rem)"}}},"layout":{"inherit":true}} --> +<div class="wp-block-group" style="padding-top:var(--wp--custom--spacing--large, 8rem)"> +<!-- wp:pattern {"slug":"twentytwentytwo/footer-default"} /--> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentytwo/parts/header-large-dark.html b/wp-content/themes/twentytwentytwo/parts/header-large-dark.html new file mode 100644 index 0000000..a63b2d6 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/parts/header-large-dark.html @@ -0,0 +1,7 @@ +<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"0px","bottom":"var(--wp--custom--spacing--large, 8rem)"}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} --> +<div class="wp-block-group alignfull has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="padding-top:0px;padding-bottom:var(--wp--custom--spacing--large, 8rem)"><!-- wp:template-part {"slug":"header","tagName":"header","align":"wide"} /--> + +<!-- wp:pattern {"slug":"twentytwentytwo/hidden-heading-and-bird"} /--></div> +<!-- /wp:group --><!-- wp:spacer {"height":66} --> +<div style="height:66px" aria-hidden="true" class="wp-block-spacer"></div> +<!-- /wp:spacer --> diff --git a/wp-content/themes/twentytwentytwo/parts/header-small-dark.html b/wp-content/themes/twentytwentytwo/parts/header-small-dark.html new file mode 100644 index 0000000..5870857 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/parts/header-small-dark.html @@ -0,0 +1,7 @@ +<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"0px","bottom":"0px"}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} --> +<div class="wp-block-group alignfull has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="padding-top:0px;padding-bottom:0px"><!-- wp:template-part {"slug":"header","tagName":"header","align":"wide"} /--> + +<!-- wp:pattern {"slug":"twentytwentytwo/hidden-bird"} /--></div> +<!-- /wp:group --><!-- wp:spacer {"height":66} --> +<div style="height:66px" aria-hidden="true" class="wp-block-spacer"></div> +<!-- /wp:spacer --> diff --git a/wp-content/themes/twentytwentytwo/parts/header.html b/wp-content/themes/twentytwentytwo/parts/header.html new file mode 100644 index 0000000..27568c1 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/parts/header.html @@ -0,0 +1,13 @@ +<!-- wp:group {"layout":{"inherit":true}} --> +<div class="wp-block-group"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"var(--wp--custom--spacing--large, 8rem)","top":"var(--wp--custom--spacing--small, 1.25rem)"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> +<div class="wp-block-group alignwide" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--large, 8rem)"><!-- wp:group {"layout":{"type":"flex"}} --> +<div class="wp-block-group"><!-- wp:site-logo {"width":64} /--> + +<!-- wp:site-title /--></div> +<!-- /wp:group --> + +<!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} --> +<!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /--> +<!-- /wp:navigation --></div> +<!-- /wp:group --></div> +<!-- /wp:group -->
\ No newline at end of file diff --git a/wp-content/themes/twentytwentytwo/readme.txt b/wp-content/themes/twentytwentytwo/readme.txt new file mode 100644 index 0000000..9a3c25b --- /dev/null +++ b/wp-content/themes/twentytwentytwo/readme.txt @@ -0,0 +1,116 @@ +=== Twenty Twenty-Two === +Contributors: wordpressdotorg +Requires at least: 5.9 +Tested up to: 6.4 +Requires PHP: 5.6 +Stable tag: 1.6 +License: GPLv2 or later +License URI: http://www.gnu.org/licenses/gpl-2.0.html + +== Description == + +Built on a solidly designed foundation, Twenty Twenty-Two embraces the idea that everyone deserves a truly unique website. The theme’s subtle styles are inspired by the diversity and versatility of birds: its typography is lightweight yet strong, its color palette is drawn from nature, and its layout elements sit gently on the page. + +The true richness of Twenty Twenty-Two lies in its opportunity for customization. The theme is built to take advantage of the Site Editor features introduced in WordPress 5.9, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. It also includes dozens of block patterns, opening the door to a wide range of professionally designed layouts in just a few clicks. + +Whether you’re building a single-page website, a blog, a business website, or a portfolio, Twenty Twenty-Two will help you create a site that is uniquely yours. + +== Changelog == + += 1.6 = +* Released: November 7, 2023 + +https://wordpress.org/documentation/article/twenty-twenty-two-changelog/#Version_1.6 + += 1.5 = +* Released: August 8, 2023 + +https://wordpress.org/documentation/article/twenty-twenty-two-changelog/#Version_1.5 + += 1.4 = +* Released: March 28, 2023 + +https://wordpress.org/documentation/article/twenty-twenty-two-changelog/#Version_1.4 + += 1.3 = +* Released: November 1, 2022 + +https://wordpress.org/documentation/article/twenty-twenty-two-changelog/#Version_1.3 + += 1.2 = +* Released: May 24, 2022 + +https://wordpress.org/documentation/article/twenty-twenty-two-changelog/#Version_1.2 + += 1.1 = +* Released: February 22, 2022 + +https://wordpress.org/documentation/article/twenty-twenty-two-changelog/#Version_1.1 + += 1.0 = +* Released: January 25, 2022 + +https://wordpress.org/documentation/article/twenty-twenty-two-changelog/#Version_1.0 + +== Copyright == + +Twenty Twenty-Two WordPress Theme, 2021-2023 WordPress.org +Twenty Twenty-Two 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: + +DM Sans Font +Copyright 2014-2017 Indian Type Foundry (info@indiantypefoundry.com) +Copyright 2019 Google LLC +Copyright 2014-2018 Adobe (http://www.adobe.com/) +License: SIL Open Font License, 1.1, https://opensource.org/licenses/OFL-1.1 +Source: https://github.com/googlefonts/dm-fonts + +IBM Plex Font +Copyright 2017 IBM Corp. +License: SIL Open Font License, 1.1, https://opensource.org/licenses/OFL-1.1 +Source: https://github.com/IBM/plex + +Inter Font +Copyright (c) 2016-2020 The Inter Project Authors. +License: SIL Open Font License, 1.1, https://opensource.org/licenses/OFL-1.1 +Source: https://github.com/rsms/inter + +Source Serif Font +Copyright 2014-2021 Adobe (http://www.adobe.com/) +License: SIL Open Font License, 1.1, https://opensource.org/licenses/OFL-1.1 +Source: https://github.com/adobe-fonts/source-serif + +Block Pattern Images: + +"White Bellied Flycatcher" illustrated by Elizabeth Gould. Public Domain. +https://www.rawpixel.com/image/321474/free-illustration-image-bird-vintage-birds +Includes modified versions created specifically for Twenty Twenty-Two. + +Colorful vintage hummingbird illustrations. CC0. +https://www.rawpixel.com/image/2281674/free-illustration-image-bird-hummingbird-flying +https://www.rawpixel.com/image/2281671/free-illustration-image-bird-hummingbird-flying +https://www.rawpixel.com/image/2281679/free-illustration-image-bird-hummingbird-animals +https://www.rawpixel.com/image/2281665/free-illustration-image-hummingbird-ernst-haeckel-birds + +"Green-tailed Jacamar" by Jacques Barraband. CC0. +https://www.rawpixel.com/image/328508/free-illustration-image-jacques-barraband-paradise + +"Ducks" by Goyō Hashiguchi. CC0 +https://www.rawpixel.com/image/3813787/illustration-image-flower-art-floral + +"Colombes et lis, étoffe imprimée" illustrated by Maurice Pillard Verneuil. +https://www.rawpixel.com/image/2053817/illustration-from-lanimal-dans-decoration +Included as a short video clip. + +Modified versions of the above images, as well as additional "flight path" illustrations were created specifically for Twenty Twenty-Two. CC0. diff --git a/wp-content/themes/twentytwentytwo/screenshot.png b/wp-content/themes/twentytwentytwo/screenshot.png Binary files differnew file mode 100644 index 0000000..9e8710c --- /dev/null +++ b/wp-content/themes/twentytwentytwo/screenshot.png diff --git a/wp-content/themes/twentytwentytwo/style.css b/wp-content/themes/twentytwentytwo/style.css new file mode 100644 index 0000000..5190836 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/style.css @@ -0,0 +1,161 @@ +/* +Theme Name: Twenty Twenty-Two +Theme URI: https://wordpress.org/themes/twentytwentytwo/ +Author: the WordPress team +Author URI: https://wordpress.org/ +Description: Built on a solidly designed foundation, Twenty Twenty-Two embraces the idea that everyone deserves a truly unique website. The theme’s subtle styles are inspired by the diversity and versatility of birds: its typography is lightweight yet strong, its color palette is drawn from nature, and its layout elements sit gently on the page. The true richness of Twenty Twenty-Two lies in its opportunity for customization. The theme is built to take advantage of the Site Editor features introduced in WordPress 5.9, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. It also includes dozens of block patterns, opening the door to a wide range of professionally designed layouts in just a few clicks. Whether you’re building a single-page website, a blog, a business website, or a portfolio, Twenty Twenty-Two will help you create a site that is uniquely yours. +Requires at least: 5.9 +Tested up to: 6.4 +Requires PHP: 5.6 +Version: 1.6 +License: GNU General Public License v2 or later +License URI: http://www.gnu.org/licenses/gpl-2.0.html +Text Domain: twentytwentytwo +Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, style-variations, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news + +Twenty Twenty-Two WordPress Theme, (C) 2021 WordPress.org +Twenty Twenty-Two is distributed under the terms of the GNU GPL. +*/ + +/* + * Font smoothing. + * This is a niche setting that will not be available via Global Styles. + * https://github.com/WordPress/gutenberg/issues/35934 + */ + +body { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; +} + +/* + * Text and navigation link styles. + * Necessary until the following issue is resolved in Gutenberg: + * https://github.com/WordPress/gutenberg/issues/27075 + */ + +a { + text-decoration-thickness: 1px; + text-underline-offset: 0.25ch; +} + +a:hover, +a:focus { + text-decoration-style: dashed; +} + +a:active { + text-decoration: none; +} + +.wp-block-navigation .wp-block-navigation-item a:hover, +.wp-block-navigation .wp-block-navigation-item a:focus { + text-decoration: underline; + text-decoration-style: solid; +} + +/* + * Search and File Block button styles. + * Necessary until the following issues are resolved in Gutenberg: + * https://github.com/WordPress/gutenberg/issues/36444 + * https://github.com/WordPress/gutenberg/issues/27760 + */ + +.wp-block-search__button, +.wp-block-file .wp-block-file__button { + background-color: var(--wp--preset--color--primary); + border-radius: 0; + border: none; + color: var(--wp--preset--color--background); + font-size: var(--wp--preset--font-size--medium); + padding: calc(.667em + 2px) calc(1.333em + 2px); +} + +/* + * Button hover styles. + * Necessary until the following issue is resolved in Gutenberg: + * https://github.com/WordPress/gutenberg/issues/27075 + */ + +.wp-block-search__button:hover, +.wp-block-file .wp-block-file__button:hover, +.wp-block-button__link:hover { + opacity: 0.90; +} + +/* + * Alignment styles. + * These rules are temporary, and should not be relied on or + * modified too heavily by themes or plugins that build on + * Twenty Twenty-Two. These are meant to be a precursor to + * a global solution provided by the Block Editor. + * + * Relevant issues: + * https://github.com/WordPress/gutenberg/issues/35607 + * https://github.com/WordPress/gutenberg/issues/35884 + */ + +.wp-site-blocks, +body > .is-root-container, +.edit-post-visual-editor__post-title-wrapper, +.wp-block-group.alignfull, +.wp-block-group.has-background, +.wp-block-cover.alignfull, +.is-root-container .wp-block[data-align="full"] > .wp-block-group, +.is-root-container .wp-block[data-align="full"] > .wp-block-cover { + padding-left: var(--wp--custom--spacing--outer); + padding-right: var(--wp--custom--spacing--outer); +} + +.wp-site-blocks .alignfull, +.wp-site-blocks > .wp-block-group.has-background, +.wp-site-blocks > .wp-block-cover, +.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background, +.wp-site-blocks > .wp-block-template-part > .wp-block-cover, +body > .is-root-container > .wp-block-cover, +body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background, +body > .is-root-container > .wp-block-template-part > .wp-block-cover, +.is-root-container .wp-block[data-align="full"] { + margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important; + margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important; + width: unset; +} + +/* Blocks inside columns don't have negative margins. */ +.wp-site-blocks .wp-block-columns .wp-block-column .alignfull, +.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"], +/* We also want to avoid stacking negative margins. */ +.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull, +.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] { + margin-left: auto !important; + margin-right: auto !important; + width: inherit; +} + +/* + * Responsive menu container padding. + * This ensures the responsive container inherits the same + * spacing defined above. This behavior may be built into + * the Block Editor in the future. + */ + +.wp-block-navigation__responsive-container.is-menu-open { + padding-top: var(--wp--custom--spacing--outer); + padding-bottom: var(--wp--custom--spacing--large); + padding-right: var(--wp--custom--spacing--outer); + padding-left: var(--wp--custom--spacing--outer); +} + +/* + * Improves spacing for the legacy Post Comments block. + * https://core.trac.wordpress.org/ticket/57560 + */ + +.wp-block-post-comments ol.commentlist ul.children { + margin-top: 1rem; + margin-bottom: 1rem; +} + +.wp-block-post-comments ol.commentlist li.comment:not(:last-child) { + margin-bottom: 1rem; +} diff --git a/wp-content/themes/twentytwentytwo/styles/blue.json b/wp-content/themes/twentytwentytwo/styles/blue.json new file mode 100644 index 0000000..8ebedef --- /dev/null +++ b/wp-content/themes/twentytwentytwo/styles/blue.json @@ -0,0 +1,146 @@ +{ + "version": 2, + "title": "Blue", + "settings": { + "color": { + "palette": [ + { + "slug": "foreground", + "color": "#FCF5ED", + "name": "Foreground" + }, + { + "slug": "background", + "color": "#3F67C6", + "name": "Background" + }, + { + "slug": "primary", + "color": "#FFFFFF", + "name": "Primary" + }, + { + "slug": "secondary", + "color": "#3556A5", + "name": "Secondary" + }, + { + "slug": "tertiary", + "color": "#374C80", + "name": "Tertiary" + } + ] + }, + "custom": { + "spacing": { + "small": "max(1rem, 4vw)", + "medium": "clamp(1rem, 8vw, calc(2 * var(--wp--style--block-gap)))", + "large": "clamp(2rem, 10vw, 6rem)", + "outer": "var(--wp--custom--spacing--small, 1rem)" + }, + "typography": { + "font-size": { + "huge": "clamp(2rem, 4vw, 2.25rem)", + "gigantic": "clamp(2.25rem, 6vw, 2.75rem)", + "colossal": "clamp(2.75rem, 10vw, 5rem)" + } + } + }, + "layout": { + "contentSize": "660px", + "wideSize": "1220px" + }, + "typography": { + "fontFamilies": [ + { + "fontFamily": "\"DM Sans\", sans-serif", + "name": "DM Sans", + "slug": "dm-sans", + "fontFace": [ + { + "fontFamily": "DM Sans", + "fontWeight": "400", + "fontStyle": "normal", + "src": [ "file:./assets/fonts/dm-sans/DMSans-Regular.ttf" ] + }, + { + "fontFamily": "DM Sans", + "fontWeight": "400", + "fontStyle": "italic", + "src": [ "file:./assets/fonts/dm-sans/DMSans-Italic.ttf" ] + }, + { + "fontFamily": "DM Sans", + "fontWeight": "700", + "fontStyle": "normal", + "src": [ "file:./assets/fonts/dm-sans/DMSans-Bold.ttf" ] + }, + { + "fontFamily": "DM Sans", + "fontWeight": "700", + "fontStyle": "italic", + "src": [ "file:./assets/fonts/dm-sans/DMSans-BoldItalic.ttf" ] + } + ] + } + ] + } + }, + "styles": { + "blocks": { + "core/post-title": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--dm-sans)", + "fontSize": "var(--wp--custom--typography--font-size--colossal)", + "fontWeight": "700" + } + }, + "core/site-title": { + "typography": { + "fontStyle":"normal" + } + } + }, + "elements": { + "h1": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--dm-sans)", + "fontWeight": "700" + } + }, + "h2": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--dm-sans)", + "fontWeight": "700" + } + }, + "h3": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--dm-sans)", + "fontWeight": "700" + } + }, + "h4": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--dm-sans)", + "fontWeight": "700" + } + }, + "h5": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--dm-sans)", + "fontWeight": "700" + } + }, + "h6": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--dm-sans)", + "fontWeight": "700" + } + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--dm-sans)" + } + } +} diff --git a/wp-content/themes/twentytwentytwo/styles/pink.json b/wp-content/themes/twentytwentytwo/styles/pink.json new file mode 100644 index 0000000..5c9be91 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/styles/pink.json @@ -0,0 +1,215 @@ +{ + "version": 2, + "title": "Pink", + "settings": { + "color": { + "palette": [ + { + "slug": "foreground", + "color": "#CA2315", + "name": "Foreground" + }, + { + "slug": "background", + "color": "#FFF6F6", + "name": "Background" + }, + { + "slug": "primary", + "color": "#000000", + "name": "Primary" + }, + { + "slug": "secondary", + "color": "#FFFFFF", + "name": "Secondary" + }, + { + "slug": "tertiary", + "color": "#F5F5F5", + "name": "Tertiary" + } + ] + }, + "custom": { + "spacing": { + "small": "max(0.75rem, 4vw)", + "medium": "clamp(1.75rem, 6vw, calc(1.5 * var(--wp--style--block-gap)))", + "large": "clamp(3rem, 8vw, 5rem)", + "outer": "var(--wp--custom--spacing--small, 0.75rem)" + }, + "typography": { + "font-size": { + "huge": "clamp(2rem, 4vw, 2.25rem)", + "gigantic": "clamp(2.25rem, 6vw, 2.75rem)", + "colossal": "clamp(2.75rem, 8vw, 3.25rem)" + } + }, + "line-height": { + "normal": 1.7 + } + }, + "typography": { + "fontFamilies": [ + { + "fontFamily": "\"IBM Plex Sans\", sans-serif", + "name": "IBM Plex Sans", + "slug": "ibm-plex-sans", + "fontFace": [ + { + "fontFamily": "IBM Plex Sans", + "fontWeight": "400", + "fontStyle": "normal", + "fontStretch": "normal", + "src": [ "file:./assets/fonts/ibm-plex/IBMPlexSans-Light.woff2" ] + }, + { + "fontFamily": "IBM Plex Sans", + "fontWeight": "400", + "fontStyle": "italic", + "fontStretch": "normal", + "src": [ "file:./assets/fonts/ibm-plex/IBMPlexSans-LightItalic.woff2" ] + }, + { + "fontFamily": "IBM Plex Sans", + "fontWeight": "200", + "fontStyle": "normal", + "fontStretch": "normal", + "src": [ "file:./assets/fonts/ibm-plex/IBMPlexSans-ExtraLight.woff2" ] + }, + { + "fontFamily": "IBM Plex Sans", + "fontWeight": "200", + "fontStyle": "italic", + "fontStretch": "normal", + "src": [ "file:./assets/fonts/ibm-plex/IBMPlexSans-ExtraLightItalic.woff2" ] + } + ] + }, + { + "fontFamily": "\"IBM Plex Mono\", monospace", + "name": "IBM Plex Mono", + "slug": "ibm-plex-mono", + "fontFace": [ + { + "fontFamily": "IBM Plex Mono", + "fontWeight": "400", + "fontStyle": "normal", + "fontStretch": "normal", + "src": [ "file:./assets/fonts/ibm-plex/IBMPlexMono-Text.woff2" ] + }, + { + "fontFamily": "IBM Plex Mono", + "fontWeight": "400", + "fontStyle": "italic", + "fontStretch": "normal", + "src": [ "file:./assets/fonts/ibm-plex/IBMPlexMono-TextItalic.woff2" ] + }, + { + "fontFamily": "IBM Plex Mono", + "fontWeight": "700", + "fontStyle": "normal", + "fontStretch": "normal", + "src": [ "file:./assets/fonts/ibm-plex/IBMPlexMono-Bold.woff2" ] + }, + { + "fontFamily": "IBM Plex Mono", + "fontWeight": "700", + "fontStyle": "italic", + "fontStretch": "normal", + "src": [ "file:./assets/fonts/ibm-plex/IBMPlexSans-BoldItalic.woff2" ] + } + ] + } + ], + "fontSizes": [ + { + "size": "0.875rem", + "slug": "small" + }, + { + "size": "1rem", + "slug": "medium" + }, + { + "size": "1.25rem", + "slug": "large" + }, + { + "size": "clamp(1.5rem, 3vw, 2rem)", + "slug": "x-large" + } + ] + }, + "layout": { + "contentSize": "600px", + "wideSize": "780px" + } + }, + "styles": { + "blocks": { + "core/post-title": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--ibm-plex-sans)", + "fontWeight": "400" + } + }, + "core/site-title": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--ibm-plex-sans)", + "fontStyle": "normal", + "textTransform": "uppercase" + } + }, + "core/query-title": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--ibm-plex-sans)" + } + } + }, + "elements": { + "h1": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--ibm-plex-sans)", + "fontWeight": "200" + } + }, + "h2": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--ibm-plex-sans)", + "fontWeight": "400" + } + }, + "h3": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--ibm-plex-sans)", + "fontWeight": "400" + } + }, + "h4": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--ibm-plex-sans)", + "fontWeight": "400" + } + }, + "h5": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--ibm-plex-sans)", + "fontWeight": "400" + } + }, + "h6": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--ibm-plex-sans)", + "fontWeight": "400" + } + } + }, + "spacing": { + "blockGap": "2rem" + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--ibm-plex-mono)" + } + } +} diff --git a/wp-content/themes/twentytwentytwo/styles/swiss.json b/wp-content/themes/twentytwentytwo/styles/swiss.json new file mode 100644 index 0000000..483467c --- /dev/null +++ b/wp-content/themes/twentytwentytwo/styles/swiss.json @@ -0,0 +1,167 @@ +{ + "version": 2, + "title": "Swiss", + "settings": { + "color": { + "duotone": [ + { + "colors": [ + "#000000", + "#FFFFFF" + ], + "slug": "default-filter", + "name": "Default filter" + } + ], + "palette": [ + { + "slug": "foreground", + "color": "#FFFFFF", + "name": "Foreground" + }, + { + "slug": "background", + "color": "#1A1A1A", + "name": "Background" + }, + { + "slug": "primary", + "color": "#FF7179", + "name": "Primary" + }, + { + "slug": "secondary", + "color": "#F4F4F2", + "name": "Secondary" + }, + { + "slug": "tertiary", + "color": "#0000000", + "name": "Tertiary" + } + ] + }, + "custom": { + "spacing": { + "small": "max(1.25rem, 5vw)", + "medium": "clamp(1.75rem, 6vw, calc(3 * var(--wp--style--block-gap)))", + "large": "clamp(3.5rem, 8vw, 6rem)", + "outer": "var(--wp--custom--spacing--small, 1.25rem)" + }, + "typography": { + "font-size": { + "colossal": "clamp(3.5rem, 8vw, 5rem)" + } + } + }, + "typography": { + "fontFamilies": [ + { + "fontFamily": "\"Inter\", sans-serif", + "name": "Inter", + "slug": "inter", + "fontFace": [ + { + "fontFamily": "Inter", + "fontWeight": "200 900", + "fontStretch": "normal", + "src": [ "file:./assets/fonts/inter/Inter.ttf" ] + } + ] + } + ] + } + }, + "styles": { + "blocks": { + "core/cover": { + "filter": { + "duotone": "var(--wp--preset--duotone--default-filter)" + } + }, + "core/image": { + "filter": { + "duotone": "var(--wp--preset--duotone--default-filter)" + } + }, + "core/post-author": { + "filter": { + "duotone": "var(--wp--preset--duotone--default-filter)" + } + }, + "core/post-featured-image": { + "filter": { + "duotone": "var(--wp--preset--duotone--default-filter)" + } + }, + "core/post-title": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--inter)", + "fontWeight": "700" + } + }, + "core/query-title": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--inter)" + } + }, + "core/site-logo": { + "filter": { + "duotone": "var(--wp--preset--duotone--default-filter)" + } + }, + "core/site-title": { + "typography": { + "fontWeight": "700", + "fontStyle":"normal" + } + } + }, + "elements": { + "h1": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--inter)", + "fontWeight": "700" + } + }, + "h2": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--inter)", + "fontWeight": "700" + } + }, + "h3": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--inter)", + "fontWeight": "700" + } + }, + "h4": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--inter)", + "fontWeight": "700" + } + }, + "h5": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--inter)", + "fontWeight": "700" + } + }, + "h6": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--inter)", + "fontWeight": "700" + } + }, + "link": { + "color": { + "text": "var(--wp--preset--color--primary)" + } + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--inter)" + } + } +} diff --git a/wp-content/themes/twentytwentytwo/templates/404.html b/wp-content/themes/twentytwentytwo/templates/404.html new file mode 100644 index 0000000..5789a3d --- /dev/null +++ b/wp-content/themes/twentytwentytwo/templates/404.html @@ -0,0 +1,11 @@ +<!-- wp:template-part {"slug":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main"} --> +<main class="wp-block-group"><!-- wp:group {"layout":{"inherit":true}} --> +<div class="wp-block-group"> +<!-- wp:pattern {"slug":"twentytwentytwo/hidden-404"} /--> +</div> +<!-- /wp:group --></main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentytwo/templates/archive.html b/wp-content/themes/twentytwentytwo/templates/archive.html new file mode 100644 index 0000000..abc0218 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/templates/archive.html @@ -0,0 +1,39 @@ +<!-- wp:template-part {"slug":"header","tagName":"header"} /--> + +<!-- wp:group {"layout":{"inherit":true}} --> +<div class="wp-block-group"><!-- wp:query-title {"type":"archive","align":"wide","style":{"typography":{"fontSize":"clamp(2.75rem, 6vw, 3.25rem)"},"spacing":{"margin":{"bottom":"6rem"}}}} /--> + +<!-- wp:query {"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"tagName":"main","align":"wide","layout":{"inherit":false}} --> +<main class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} --> +<!-- wp:post-title {"isLink":true,"align":"wide","style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"fontSize":"var(--wp--custom--typography--font-size--huge, clamp(2.25rem, 4vw, 2.75rem))"} /--> + +<!-- wp:post-featured-image {"isLink":true,"align":"wide","style":{"spacing":{"margin":{"top":"calc(1.75 * var(--wp--style--block-gap))"}}}} /--> + +<!-- wp:columns {"align":"wide"} --> +<div class="wp-block-columns alignwide"><!-- wp:column {"width":"650px"} --> +<div class="wp-block-column" style="flex-basis:650px"><!-- wp:post-excerpt /--> + +<!-- wp:post-date {"format":"F j, Y","isLink":true,"style":{"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--></div> +<!-- /wp:column --> + +<!-- wp:column {"width":""} --> +<div class="wp-block-column"></div> +<!-- /wp:column --></div> +<!-- /wp:columns --> + +<!-- wp:spacer {"height":112} --> +<div style="height:112px" aria-hidden="true" class="wp-block-spacer"></div> +<!-- /wp:spacer --> +<!-- /wp:post-template --> + +<!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} --> +<!-- wp:query-pagination-previous {"fontSize":"small"} /--> + +<!-- wp:query-pagination-numbers /--> + +<!-- wp:query-pagination-next {"fontSize":"small"} /--> +<!-- /wp:query-pagination --></main> +<!-- /wp:query --></div> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentytwo/templates/blank.html b/wp-content/themes/twentytwentytwo/templates/blank.html new file mode 100644 index 0000000..3fed9dc --- /dev/null +++ b/wp-content/themes/twentytwentytwo/templates/blank.html @@ -0,0 +1 @@ +<!-- wp:post-content {"layout":{"inherit":true}} /--> diff --git a/wp-content/themes/twentytwentytwo/templates/home.html b/wp-content/themes/twentytwentytwo/templates/home.html new file mode 100644 index 0000000..fea167e --- /dev/null +++ b/wp-content/themes/twentytwentytwo/templates/home.html @@ -0,0 +1,37 @@ +<!-- wp:template-part {"slug":"header-small-dark","tagName":"header"} /--> + +<!-- wp:query {"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"layout":{"inherit":true},"tagName":"main"} --> +<main class="wp-block-query"><!-- wp:post-template {"align":"wide"} --> +<!-- wp:group {"layout":{"inherit":true}} --> +<div class="wp-block-group"><!-- wp:post-title {"isLink":true,"align":"wide","fontSize":"var(--wp--custom--typography--font-size--huge, clamp(2.25rem, 4vw, 2.75rem))"} /--> + +<!-- wp:post-featured-image {"isLink":true,"align":"wide","style":{"spacing":{"margin":{"top":"calc(1.75 * var(--wp--style--block-gap))"}}}} /--> + +<!-- wp:columns {"align":"wide"} --> +<div class="wp-block-columns alignwide"><!-- wp:column {"width":"650px"} --> +<div class="wp-block-column" style="flex-basis:650px"><!-- wp:post-excerpt /--> + +<!-- wp:post-date {"isLink":true,"format":"F j, Y","style":{"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--></div> +<!-- /wp:column --> + +<!-- wp:column {"width":""} --> +<div class="wp-block-column"></div> +<!-- /wp:column --></div> +<!-- /wp:columns --> + +<!-- wp:spacer {"height":112} --> +<div style="height:112px" aria-hidden="true" class="wp-block-spacer"></div> +<!-- /wp:spacer --></div> +<!-- /wp:group --> +<!-- /wp:post-template --> + +<!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} --> +<!-- wp:query-pagination-previous {"fontSize":"small"} /--> + +<!-- wp:query-pagination-numbers /--> + +<!-- wp:query-pagination-next {"fontSize":"small"} /--> +<!-- /wp:query-pagination --></main> +<!-- /wp:query --> + +<!-- wp:template-part {"slug":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentytwo/templates/index.html b/wp-content/themes/twentytwentytwo/templates/index.html new file mode 100644 index 0000000..d1d53f3 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/templates/index.html @@ -0,0 +1,37 @@ +<!-- wp:template-part {"slug":"header","tagName":"header"} /--> + +<!-- wp:query {"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"layout":{"inherit":true},"tagName":"main"} --> +<main class="wp-block-query"><!-- wp:post-template {"align":"wide"} --> +<!-- wp:group {"layout":{"inherit":true}} --> +<div class="wp-block-group"><!-- wp:post-title {"isLink":true,"align":"wide","fontSize":"var(--wp--custom--typography--font-size--huge, clamp(2.25rem, 4vw, 2.75rem))"} /--> + +<!-- wp:post-featured-image {"isLink":true,"align":"wide","style":{"spacing":{"margin":{"top":"calc(1.75 * var(--wp--style--block-gap))"}}}} /--> + +<!-- wp:columns {"align":"wide"} --> +<div class="wp-block-columns alignwide"><!-- wp:column {"width":"650px"} --> +<div class="wp-block-column" style="flex-basis:650px"><!-- wp:post-excerpt /--> + +<!-- wp:post-date {"isLink":true,"format":"F j, Y","style":{"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--></div> +<!-- /wp:column --> + +<!-- wp:column {"width":""} --> +<div class="wp-block-column"></div> +<!-- /wp:column --></div> +<!-- /wp:columns --> + +<!-- wp:spacer {"height":112} --> +<div style="height:112px" aria-hidden="true" class="wp-block-spacer"></div> +<!-- /wp:spacer --></div> +<!-- /wp:group --> +<!-- /wp:post-template --> + +<!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} --> +<!-- wp:query-pagination-previous {"fontSize":"small"} /--> + +<!-- wp:query-pagination-numbers /--> + +<!-- wp:query-pagination-next {"fontSize":"small"} /--> +<!-- /wp:query-pagination --></main> +<!-- /wp:query --> + +<!-- wp:template-part {"slug":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentytwo/templates/page-large-header.html b/wp-content/themes/twentytwentytwo/templates/page-large-header.html new file mode 100644 index 0000000..c5218f8 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/templates/page-large-header.html @@ -0,0 +1,9 @@ +<!-- wp:template-part {"slug":"header-large-dark","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main"} --> +<main class="wp-block-group"> +<!-- wp:post-content {"layout":{"inherit":true}} /--> +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentytwo/templates/page-no-separators.html b/wp-content/themes/twentytwentytwo/templates/page-no-separators.html new file mode 100644 index 0000000..ef1b65e --- /dev/null +++ b/wp-content/themes/twentytwentytwo/templates/page-no-separators.html @@ -0,0 +1,18 @@ +<!-- wp:template-part {"slug":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main"} --> +<main class="wp-block-group"><!-- wp:group {"layout":{"inherit":true}} --> +<div class="wp-block-group"><!-- wp:post-title {"level":1,"align":"wide","style":{"spacing":{"margin":{"bottom":"var(--wp--custom--spacing--medium, 6rem)"}}}} /--> + +<!-- wp:post-featured-image {"align":"wide","style":{"spacing":{"margin":{"bottom":"var(--wp--custom--spacing--medium, 6rem)"}}}} /--></div> +<!-- /wp:group --> + +<!-- wp:post-content {"layout":{"inherit":true}} /--> + +<!-- wp:group {"layout":{"inherit":true}} --> +<div class="wp-block-group"> +<!-- wp:post-comments {"style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--medium, 6rem)"}}}} /--></div> +<!-- /wp:group --></main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentytwo/templates/page.html b/wp-content/themes/twentytwentytwo/templates/page.html new file mode 100644 index 0000000..faf34e6 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/templates/page.html @@ -0,0 +1,26 @@ +<!-- wp:template-part {"slug":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main"} --> +<main class="wp-block-group"><!-- wp:group {"layout":{"inherit":true}} --> +<div class="wp-block-group"><!-- wp:post-title {"level":1,"align":"wide","style":{"spacing":{"margin":{"bottom":"var(--wp--custom--spacing--medium, 6rem)"}}}} /--> + +<!-- wp:post-featured-image {"align":"wide","style":{"spacing":{"margin":{"bottom":"var(--wp--custom--spacing--medium, 6rem)"}}}} /--> + +<!-- wp:separator {"align":"wide","className":"is-style-wide"} --> +<hr class="wp-block-separator alignwide is-style-wide"/> +<!-- /wp:separator --></div> +<!-- /wp:group --> + +<!-- wp:spacer {"height":32} --> +<div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> +<!-- /wp:spacer --> + +<!-- wp:post-content {"layout":{"inherit":true}} /--> + +<!-- wp:group {"layout":{"inherit":true}} --> +<div class="wp-block-group"> +<!-- wp:post-comments {"style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--medium, 6rem)"}}}} /--></div> +<!-- /wp:group --></main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentytwo/templates/search.html b/wp-content/themes/twentytwentytwo/templates/search.html new file mode 100644 index 0000000..12a5c29 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/templates/search.html @@ -0,0 +1,41 @@ +<!-- wp:template-part {"slug":"header","tagName":"header"} /--> + +<!-- wp:group {"style":{"spacing":{"padding":{"bottom":"var(--wp--custom--spacing--large, 8rem)"}}},"layout":{"inherit":true}} --> +<div class="wp-block-group" style="padding-bottom:var(--wp--custom--spacing--large, 8rem)"><!-- wp:search {"label":"Search","showLabel":false,"width":100,"widthUnit":"%","buttonText":"Search","buttonUseIcon":true} /--></div> +<!-- /wp:group --> + +<!-- wp:query {"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"layout":{"inherit":true},"tagName":"main"} --> +<main class="wp-block-query"><!-- wp:post-template {"align":"wide"} --> +<!-- wp:group {"layout":{"inherit":true}} --> +<div class="wp-block-group"><!-- wp:post-title {"isLink":true,"align":"wide","fontSize":"var(--wp--custom--typography--font-size--huge, clamp(2.25rem, 4vw, 2.75rem))"} /--> + +<!-- wp:post-featured-image {"isLink":true,"align":"wide","style":{"spacing":{"margin":{"top":"calc(1.75 * var(--wp--style--block-gap))"}}}} /--> + +<!-- wp:columns {"align":"wide"} --> +<div class="wp-block-columns alignwide"><!-- wp:column {"width":"650px"} --> +<div class="wp-block-column" style="flex-basis:650px"><!-- wp:post-excerpt /--> + +<!-- wp:post-date {"isLink":true,"format":"F j, Y","style":{"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--></div> +<!-- /wp:column --> + +<!-- wp:column {"width":""} --> +<div class="wp-block-column"></div> +<!-- /wp:column --></div> +<!-- /wp:columns --> + +<!-- wp:spacer {"height":112} --> +<div style="height:112px" aria-hidden="true" class="wp-block-spacer"></div> +<!-- /wp:spacer --></div> +<!-- /wp:group --> +<!-- /wp:post-template --> + +<!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} --> +<!-- wp:query-pagination-previous {"fontSize":"small"} /--> + +<!-- wp:query-pagination-numbers /--> + +<!-- wp:query-pagination-next {"fontSize":"small"} /--> +<!-- /wp:query-pagination --></main> +<!-- /wp:query --> + +<!-- wp:template-part {"slug":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentytwo/templates/single-no-separators.html b/wp-content/themes/twentytwentytwo/templates/single-no-separators.html new file mode 100644 index 0000000..221fc1f --- /dev/null +++ b/wp-content/themes/twentytwentytwo/templates/single-no-separators.html @@ -0,0 +1,35 @@ +<!-- wp:template-part {"slug":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main"} --> +<main class="wp-block-group"><!-- wp:group {"layout":{"inherit":true}} --> +<div class="wp-block-group"><!-- wp:post-title {"level":1,"align":"wide","style":{"spacing":{"margin":{"bottom":"var(--wp--custom--spacing--medium, 6rem)"}}}} /--> + +<!-- wp:post-featured-image {"align":"wide","style":{"spacing":{"margin":{"bottom":"var(--wp--custom--spacing--medium, 6rem)"}}}} /--></div> +<!-- /wp:group --> + +<!-- wp:post-content {"layout":{"inherit":true}} /--> + +<!-- wp:spacer {"height":32} --> +<div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> +<!-- /wp:spacer --> + +<!-- wp:group {"layout":{"inherit":true}} --> +<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex"}} --> +<div class="wp-block-group"><!-- wp:post-date {"format":"F j, Y","style":{"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--> + +<!-- wp:post-author {"showAvatar":false,"fontSize":"small"} /--> + +<!-- wp:post-terms {"term":"category","fontSize":"small"} /--> + +<!-- wp:post-terms {"term":"post_tag","fontSize":"small"} /--></div> +<!-- /wp:group --> + +<!-- wp:spacer {"height":32} --> +<div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> +<!-- /wp:spacer --> + +<!-- wp:post-comments /--></div> +<!-- /wp:group --></main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentytwo/templates/single.html b/wp-content/themes/twentytwentytwo/templates/single.html new file mode 100644 index 0000000..3b102d2 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/templates/single.html @@ -0,0 +1,47 @@ +<!-- wp:template-part {"slug":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main"} --> +<main class="wp-block-group"><!-- wp:group {"layout":{"inherit":true}} --> +<div class="wp-block-group"><!-- wp:post-title {"level":1,"align":"wide","style":{"spacing":{"margin":{"bottom":"var(--wp--custom--spacing--medium, 6rem)"}}}} /--> + +<!-- wp:post-featured-image {"align":"wide","style":{"spacing":{"margin":{"bottom":"var(--wp--custom--spacing--medium, 6rem)"}}}} /--> + +<!-- wp:separator {"align":"wide","className":"is-style-wide"} --> +<hr class="wp-block-separator alignwide is-style-wide"/> +<!-- /wp:separator --></div> +<!-- /wp:group --> + +<!-- wp:spacer {"height":32} --> +<div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> +<!-- /wp:spacer --> + +<!-- wp:post-content {"layout":{"inherit":true}} /--> + +<!-- wp:spacer {"height":32} --> +<div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> +<!-- /wp:spacer --> + +<!-- wp:group {"layout":{"inherit":true}} --> +<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex"}} --> +<div class="wp-block-group"><!-- wp:post-date {"format":"F j, Y","style":{"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--> + +<!-- wp:post-author {"showAvatar":false,"fontSize":"small"} /--> + +<!-- wp:post-terms {"term":"category","fontSize":"small"} /--> + +<!-- wp:post-terms {"term":"post_tag","fontSize":"small"} /--></div> +<!-- /wp:group --> + +<!-- wp:spacer {"height":32} --> +<div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> +<!-- /wp:spacer --> + +<!-- wp:separator {"className":"is-style-wide"} --> +<hr class="wp-block-separator is-style-wide"/> +<!-- /wp:separator --> + +<!-- wp:post-comments /--></div> +<!-- /wp:group --></main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentytwo/theme.json b/wp-content/themes/twentytwentytwo/theme.json new file mode 100644 index 0000000..41ffb72 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/theme.json @@ -0,0 +1,373 @@ +{ + "version": 2, + "customTemplates": [ + { + "name": "blank", + "title": "Blank", + "postTypes": [ + "page", + "post" + ] + }, + { + "name": "page-large-header", + "title": "Page (Large Header)", + "postTypes": [ + "page" + ] + }, + { + "name": "single-no-separators", + "title": "Single Post (No Separators)", + "postTypes": [ + "post" + ] + }, + { + "name": "page-no-separators", + "title": "Page (No Separators)", + "postTypes": [ + "page" + ] + } + ], + "settings": { + "appearanceTools": true, + "color": { + "duotone": [ + { + "colors": [ "#000000", "#ffffff" ], + "slug": "foreground-and-background", + "name": "Foreground and background" + }, + { + "colors": [ "#000000", "#ffe2c7" ], + "slug": "foreground-and-secondary", + "name": "Foreground and secondary" + }, + { + "colors": [ "#000000", "#f6f6f6" ], + "slug": "foreground-and-tertiary", + "name": "Foreground and tertiary" + }, + { + "colors": [ "#1a4548", "#ffffff" ], + "slug": "primary-and-background", + "name": "Primary and background" + }, + { + "colors": [ "#1a4548", "#ffe2c7" ], + "slug": "primary-and-secondary", + "name": "Primary and secondary" + }, + { + "colors": [ "#1a4548", "#f6f6f6" ], + "slug": "primary-and-tertiary", + "name": "Primary and tertiary" + } + ], + "gradients": [ + { + "slug": "vertical-secondary-to-tertiary", + "gradient": "linear-gradient(to bottom,var(--wp--preset--color--secondary) 0%,var(--wp--preset--color--tertiary) 100%)", + "name": "Vertical secondary to tertiary" + }, + { + "slug": "vertical-secondary-to-background", + "gradient": "linear-gradient(to bottom,var(--wp--preset--color--secondary) 0%,var(--wp--preset--color--background) 100%)", + "name": "Vertical secondary to background" + }, + { + "slug": "vertical-tertiary-to-background", + "gradient": "linear-gradient(to bottom,var(--wp--preset--color--tertiary) 0%,var(--wp--preset--color--background) 100%)", + "name": "Vertical tertiary to background" + }, + { + "slug": "diagonal-primary-to-foreground", + "gradient": "linear-gradient(to bottom right,var(--wp--preset--color--primary) 0%,var(--wp--preset--color--foreground) 100%)", + "name": "Diagonal primary to foreground" + }, + { + "slug": "diagonal-secondary-to-background", + "gradient": "linear-gradient(to bottom right,var(--wp--preset--color--secondary) 50%,var(--wp--preset--color--background) 50%)", + "name": "Diagonal secondary to background" + }, + { + "slug": "diagonal-background-to-secondary", + "gradient": "linear-gradient(to bottom right,var(--wp--preset--color--background) 50%,var(--wp--preset--color--secondary) 50%)", + "name": "Diagonal background to secondary" + }, + { + "slug": "diagonal-tertiary-to-background", + "gradient": "linear-gradient(to bottom right,var(--wp--preset--color--tertiary) 50%,var(--wp--preset--color--background) 50%)", + "name": "Diagonal tertiary to background" + }, + { + "slug": "diagonal-background-to-tertiary", + "gradient": "linear-gradient(to bottom right,var(--wp--preset--color--background) 50%,var(--wp--preset--color--tertiary) 50%)", + "name": "Diagonal background to tertiary" + } + ], + "palette": [ + { + "slug": "foreground", + "color": "#000000", + "name": "Foreground" + }, + { + "slug": "background", + "color": "#ffffff", + "name": "Background" + }, + { + "slug": "primary", + "color": "#1a4548", + "name": "Primary" + }, + { + "slug": "secondary", + "color": "#ffe2c7", + "name": "Secondary" + }, + { + "slug": "tertiary", + "color": "#F6F6F6", + "name": "Tertiary" + } + ] + }, + "custom": { + "spacing": { + "small": "max(1.25rem, 5vw)", + "medium": "clamp(2rem, 8vw, calc(4 * var(--wp--style--block-gap)))", + "large": "clamp(4rem, 10vw, 8rem)", + "outer": "var(--wp--custom--spacing--small, 1.25rem)" + }, + "typography": { + "font-size": { + "huge": "clamp(2.25rem, 4vw, 2.75rem)", + "gigantic": "clamp(2.75rem, 6vw, 3.25rem)", + "colossal": "clamp(3.25rem, 8vw, 6.25rem)" + }, + "line-height": { + "tiny": 1.15, + "small": 1.2, + "medium": 1.4, + "normal": 1.6 + } + } + }, + "spacing": { + "units": [ + "%", + "px", + "em", + "rem", + "vh", + "vw" + ] + }, + "typography": { + "dropCap": false, + "fontFamilies": [ + { + "fontFamily": "-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif", + "name": "System Font", + "slug": "system-font" + }, + { + "fontFamily": "\"Source Serif Pro\", serif", + "name": "Source Serif Pro", + "slug": "source-serif-pro", + "fontFace": [ + { + "fontFamily": "Source Serif Pro", + "fontWeight": "200 900", + "fontStyle": "normal", + "fontStretch": "normal", + "src": [ "file:./assets/fonts/source-serif-pro/SourceSerif4Variable-Roman.ttf.woff2" ] + }, + { + "fontFamily": "Source Serif Pro", + "fontWeight": "200 900", + "fontStyle": "italic", + "fontStretch": "normal", + "src": [ "file:./assets/fonts/source-serif-pro/SourceSerif4Variable-Italic.ttf.woff2" ] + } + ] + } + ], + "fontSizes": [ + { + "size": "1rem", + "slug": "small" + }, + { + "size": "1.125rem", + "slug": "medium" + }, + { + "size": "1.75rem", + "slug": "large" + }, + { + "size": "clamp(1.75rem, 3vw, 2.25rem)", + "slug": "x-large" + } + ] + }, + "layout": { + "contentSize": "650px", + "wideSize": "1000px" + } + }, + "styles": { + "blocks": { + "core/button": { + "border": { + "radius": "0" + }, + "color": { + "background": "var(--wp--preset--color--primary)", + "text": "var(--wp--preset--color--background)" + }, + "typography": { + "fontSize": "var(--wp--preset--font-size--medium)" + } + }, + "core/post-title": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--source-serif-pro)", + "fontWeight": "300", + "lineHeight": "var(--wp--custom--typography--line-height--tiny)", + "fontSize": "var(--wp--custom--typography--font-size--gigantic)" + } + }, + "core/post-comments": { + "spacing": { + "padding": { + "top": "var(--wp--custom--spacing--small)" + } + } + }, + "core/pullquote": { + "border": { + "width": "1px 0" + } + }, + "core/query-title": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--source-serif-pro)", + "fontWeight": "300", + "lineHeight": "var(--wp--custom--typography--line-height--small)", + "fontSize": "var(--wp--custom--typography--font-size--gigantic)" + } + }, + "core/quote": { + "border": { + "width": "1px" + } + }, + "core/site-title": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--system-font)", + "lineHeight": "var(--wp--custom--typography--line-height--normal)", + "fontSize": "var(--wp--preset--font-size--medium)", + "fontStyle": "italic", + "fontWeight": "normal" + } + } + }, + "color": { + "background": "var(--wp--preset--color--background)", + "text": "var(--wp--preset--color--foreground)" + }, + "elements": { + "h1": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--source-serif-pro)", + "fontWeight": "300", + "lineHeight": "var(--wp--custom--typography--line-height--tiny)", + "fontSize": "var(--wp--custom--typography--font-size--colossal)" + } + }, + "h2": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--source-serif-pro)", + "fontWeight": "300", + "lineHeight": "var(--wp--custom--typography--line-height--small)", + "fontSize": "var(--wp--custom--typography--font-size--gigantic)" + } + }, + "h3": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--source-serif-pro)", + "fontWeight": "300", + "lineHeight": "var(--wp--custom--typography--line-height--tiny)", + "fontSize": "var(--wp--custom--typography--font-size--huge)" + } + }, + "h4": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--source-serif-pro)", + "fontWeight": "300", + "lineHeight": "var(--wp--custom--typography--line-height--tiny)", + "fontSize": "var(--wp--preset--font-size--x-large)" + } + }, + "h5": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--system-font)", + "fontWeight": "700", + "textTransform": "uppercase", + "lineHeight": "var(--wp--custom--typography--line-height--normal)", + "fontSize": "var(--wp--preset--font-size--medium)" + } + }, + "h6": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--system-font)", + "fontWeight": "400", + "textTransform": "uppercase", + "lineHeight": "var(--wp--custom--typography--line-height--normal)", + "fontSize": "var(--wp--preset--font-size--medium)" + } + }, + "link": { + "color": { + "text": "var(--wp--preset--color--foreground)" + } + } + }, + "spacing": { + "blockGap": "1.5rem" + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--system-font)", + "lineHeight": "var(--wp--custom--typography--line-height--normal)", + "fontSize": "var(--wp--preset--font-size--medium)" + } + }, + "templateParts": [ + { + "name": "header", + "title": "Header", + "area": "header" + }, + { + "name": "header-large-dark", + "title": "Header (Dark, large)", + "area": "header" + }, + { + "name": "header-small-dark", + "title": "Header (Dark, small)", + "area": "header" + }, + { + "name": "footer", + "title": "Footer", + "area": "footer" + } + ] +} |