diff options
Diffstat (limited to 'wp-content/themes/twentytwentyfour')
106 files changed, 6336 insertions, 0 deletions
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" + } + ] +} |
