Compare commits

...

64 Commits

Author SHA1 Message Date
b860a71a6b show patterns in inserter
All checks were successful
continuous-integration/drone/push Build is passing
2024-12-05 17:40:32 +05:00
238b38e95e fix nav menu
All checks were successful
continuous-integration/drone/push Build is passing
2024-12-05 17:29:00 +05:00
ca0313fe00 sync/update theme
All checks were successful
continuous-integration/drone/push Build is passing
2024-12-05 17:27:36 +05:00
58c22764e1 Add patio and wokers.coop to footer
All checks were successful
continuous-integration/drone/push Build is passing
2024-10-28 16:56:17 +05:00
8d17cc02ed add post date to single blog template
All checks were successful
continuous-integration/drone/push Build is passing
2024-10-28 16:52:03 +05:00
27bd57061c update footer
All checks were successful
continuous-integration/drone/push Build is passing
2024-10-02 12:37:41 +05:00
d2a0be5844 update footer
All checks were successful
continuous-integration/drone/push Build is passing
2024-10-02 12:29:14 +05:00
4c8a02208b update footer
All checks were successful
continuous-integration/drone/push Build is passing
2024-10-02 12:27:39 +05:00
9c10d5e239 update footer
All checks were successful
continuous-integration/drone/push Build is passing
2024-10-02 12:21:38 +05:00
064dd08373 update footer
All checks were successful
continuous-integration/drone/push Build is passing
2024-10-02 12:14:41 +05:00
df4439a683 add footer to our work
All checks were successful
continuous-integration/drone/push Build is passing
2024-10-02 12:09:04 +05:00
3b2d3e0ba1 update footer 2024-10-02 12:09:00 +05:00
7a096b22f9 tweak wide template spacing
All checks were successful
continuous-integration/drone/push Build is passing
2024-09-24 16:22:05 +05:00
2f8f91d729 update footer
All checks were successful
continuous-integration/drone/push Build is passing
2024-09-24 16:12:30 +05:00
70cb9f14e6 add underline to tabbed heading on hover
All checks were successful
continuous-integration/drone/push Build is passing
2024-09-12 12:38:21 +05:00
5e91fd7617 remove underline from tabbed heading
All checks were successful
continuous-integration/drone/push Build is passing
2024-09-12 12:37:23 +05:00
0e6740914e fix single post template alignment
All checks were successful
continuous-integration/drone/push Build is passing
2024-09-12 11:22:37 +05:00
9697e92106 Add black to color palette
All checks were successful
continuous-integration/drone/push Build is passing
2024-09-11 16:40:32 +05:00
22273fd89f update font scale 2024-09-11 16:39:33 +05:00
c9d7f6a137 stage style.css on editor
All checks were successful
continuous-integration/drone/push Build is passing
2024-09-11 15:40:59 +05:00
34d3baed02 define font size presets
All checks were successful
continuous-integration/drone/push Build is passing
2024-09-11 15:37:14 +05:00
ba4691c913 remove duplicate color
All checks were successful
continuous-integration/drone/push Build is passing
2024-09-11 15:27:00 +05:00
a3a88cfb67 update address
All checks were successful
continuous-integration/drone/push Build is passing
2024-09-11 13:14:04 +05:00
91544a6b9f add footer to wide template
All checks were successful
continuous-integration/drone/push Build is passing
2024-09-11 11:57:59 +05:00
2137df982e remove unneccessary templates
All checks were successful
continuous-integration/drone/push Build is passing
2024-09-11 11:33:41 +05:00
fb6685ff05 sync db theme changes to local
All checks were successful
continuous-integration/drone/push Build is passing
2024-09-10 18:53:59 +05:00
db78ac726c fix trailing comma
All checks were successful
continuous-integration/drone/push Build is passing
2024-05-06 15:02:31 +05:00
9fb26dc51f add Inter font
All checks were successful
continuous-integration/drone/push Build is passing
2024-05-06 15:01:28 +05:00
9c34083eaa fix missing font name in theme.json 2024-05-06 14:57:56 +05:00
885dfeb558 trying last commit again
All checks were successful
continuous-integration/drone/push Build is passing
2024-04-02 14:16:03 +05:00
aa681ec890 reset post width on site editor
All checks were successful
continuous-integration/drone/push Build is passing
2024-04-02 14:12:20 +05:00
f5790a0b11 experiment with adding line breaks in post excerpts
All checks were successful
continuous-integration/drone/push Build is passing
2024-04-01 15:10:14 +05:00
0e573099fc override content width in post editor
All checks were successful
continuous-integration/drone/push Build is passing
2024-04-01 13:34:05 +05:00
3d807fe637 make post editor narrower
All checks were successful
continuous-integration/drone/push Build is passing
2024-03-31 17:36:19 +05:00
e154870778 fix blog post editor having wide width
All checks were successful
continuous-integration/drone/push Build is passing
2024-03-31 17:34:06 +05:00
1896f78a9f put css in correct section
All checks were successful
continuous-integration/drone/push Build is passing
2024-03-29 11:59:41 +05:00
74bc1b4bb4 add some padding to mobile menu
All checks were successful
continuous-integration/drone/push Build is passing
2024-03-29 11:54:13 +05:00
cd0b5cc6b3 tweak tabbed heading style on mobile
All checks were successful
continuous-integration/drone/push Build is passing
2023-09-04 16:49:16 +05:00
5851ce6b2f tweak markdown heading style
All checks were successful
continuous-integration/drone/push Build is passing
2023-09-04 16:32:24 +05:00
d5792411d7 tweak markdown heading style
All checks were successful
continuous-integration/drone/push Build is passing
2023-09-04 16:30:40 +05:00
b605c94927 tweak markdown heading style
All checks were successful
continuous-integration/drone/push Build is passing
2023-09-04 16:28:24 +05:00
bf3ca7c814 tweak markdown heading style
All checks were successful
continuous-integration/drone/push Build is passing
2023-09-04 16:26:14 +05:00
b5c85b550c add borders to values section on mobile
All checks were successful
continuous-integration/drone/push Build is passing
2023-09-04 15:57:53 +05:00
bced078a81 fix "what we offer" section on mobile
All checks were successful
continuous-integration/drone/push Build is passing
2023-09-04 15:52:36 +05:00
34d1beb1e2 tweak tabbed heading style
All checks were successful
continuous-integration/drone/push Build is passing
2023-09-04 15:42:47 +05:00
0a0ddcf0d4 make home flower smaller
All checks were successful
continuous-integration/drone/push Build is passing
2023-09-04 15:33:18 +05:00
04b0f8ac72 add theme description
All checks were successful
continuous-integration/drone/push Build is passing
2023-08-29 18:00:31 +05:00
b9a144a351 update theme description and add screenshot
All checks were successful
continuous-integration/drone/push Build is passing
2023-08-29 17:58:53 +05:00
94412e46fc make our work items into separate posts
All checks were successful
continuous-integration/drone/push Build is passing
2023-08-29 17:43:24 +05:00
f916d6d137 sync patterns/templates with live site content
All checks were successful
continuous-integration/drone/push Build is passing
2023-08-29 17:38:54 +05:00
0fb366b310 add comment
All checks were successful
continuous-integration/drone/push Build is passing
2023-08-29 17:22:03 +05:00
36945564f7 create arrow list block style
All checks were successful
continuous-integration/drone/push Build is passing
2023-08-29 17:21:08 +05:00
05f5156a1e create markdown heading block style
All checks were successful
continuous-integration/drone/push Build is passing
2023-08-29 17:11:33 +05:00
0492c109ea make tabbed block style available to post titles
All checks were successful
continuous-integration/drone/push Build is passing
2023-08-29 16:03:59 +05:00
ac71ee411f make tabbed-heading block css generic
All checks were successful
continuous-integration/drone/push Build is passing
2023-08-29 16:01:38 +05:00
906cf389ae enqueue block styles css on front-end
All checks were successful
continuous-integration/drone/push Build is passing
2023-08-29 15:57:57 +05:00
1fc09b0187 use correct css selector to target tabbed heading block style
All checks were successful
continuous-integration/drone/push Build is passing
2023-08-29 15:56:09 +05:00
496d3fd031 attempt #2 at registering block style
All checks were successful
continuous-integration/drone/push Build is passing
2023-08-29 15:53:44 +05:00
66c432457a fix typo in block style registration
All checks were successful
continuous-integration/drone/push Build is passing
2023-08-29 15:44:31 +05:00
14d518206e whoops, forgot to eneque php
All checks were successful
continuous-integration/drone/push Build is passing
2023-08-29 15:41:54 +05:00
95efe847b8 turn "tab" style headings into block style
All checks were successful
continuous-integration/drone/push Build is passing
2023-08-29 15:37:47 +05:00
2eb70c8f54 disable customizer
All checks were successful
continuous-integration/drone/push Build is passing
2023-08-29 15:16:45 +05:00
4e5925c2b4 copy over additional css from wp customizer
All checks were successful
continuous-integration/drone/push Build is passing
2023-08-29 15:15:43 +05:00
0b4ef0589b update footer template part
All checks were successful
continuous-integration/drone/push Build is passing
2023-08-29 14:59:43 +05:00
27 changed files with 644 additions and 413 deletions

Binary file not shown.

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 39 KiB

BIN
assets/images/monster.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.1 KiB

87
block-styles.css Normal file
View File

@ -0,0 +1,87 @@
/* For the "Tabbed Heading" block style */
.is-style-tabbed-heading {
display: flex;
height: 36px;
align-items: center;
border-top: 1px solid;
font-size: 14px;
}
.is-style-tabbed-heading::before {
content: "";
border-bottom: 1px solid;
border-right: 1px solid;
width: 80px;
margin-right: 12px;
height: 36px;
border-top: 2px solid var(--wp--preset--color--background);
}
.is-style-tabbed-heading a {
text-decoration: none !important;
}
.is-style-tabbed-heading a:hover {
text-decoration: underline !important;
}
@media (max-width: 782px) {
.is-style-tabbed-heading::before {
width: 32px;
}
}
.is-style-tabbed-heading::after {
content: "";
border-bottom: 1px solid;
flex-grow: 1;
margin-left: 12px;
height: 36px;
border-left: 1px solid;
border-top: 2px solid var(--wp--preset--color--background);
}
/* For the "Markdown-style Heading" block style */
.is-style-markdown-heading {
margin-bottom: 1em;
}
.is-style-markdown-heading.wp-block-post-title a {
display: inline;
}
.is-style-markdown-heading::before {
content: "##";
width: 4ch;
margin-right: 0;
font-family: monospace;
margin-inline-end: .3em;
letter-spacing: 2px;
}
@media screen and (max-width: 782px) {
.is-style-markdown-heading::before {
margin-inline-start: 1em;
}
}
@media screen and (min-width: 782px) {
.is-style-markdown-heading {
margin-top: 4em;
font-size: var(--wp--preset--font-size--medium);
}
}
/* For "Arrow" style lists
* TODO: use an svg or dashicons arrow component for this
*/
ul.is-style-arrow-list {
list-style-image: url('https://beta.autonomic.zone/wp-content/uploads/2023/01/arrow.png');
}
/* HACK: fixing stretched out post width in editor */
.edit-post-visual-editor .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.edit-post-visual-editor .editor-styles-wrapper .editor-editor-canvas__post-title-wrapper > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: 600px !important;
}

View File

@ -4,7 +4,71 @@ add_action('init', 'custom_stylesheet');
function custom_stylesheet() {
wp_register_style( 'custom-styles', get_template_directory_uri() . '/style.css' );
/**
* making sure css from block styles gets loaded on front-end
* TODO: unify both css files into one stylesheet
*/
wp_register_style( 'block-styles', get_theme_file_uri( 'block-styles.css' ) );
wp_enqueue_style( 'custom-styles' );
wp_enqueue_style( 'block-styles' );
}
wp_enqueue_style( 'custom-styles' );
add_action( 'after_setup_theme', 'autonomic_block_styles');
add_action( 'customize_register', '__return_true' );
function autonomic_block_styles() {
/**
* Enable support for block editor styles
* @link https://developer.wordpress.org/themes/basics/theme-functions/#theme-support-in-block-themes
*/
add_theme_support( 'editor-styles' );
add_theme_support( 'wp-block-styles' );
add_editor_style( 'block-styles.css' );
}
add_action( 'after_setup_theme', 'autonomic_block_styles' );
// stage style.css on editor
function enqueue_editor_styles() {
wp_enqueue_style( 'editor-styles', get_template_directory_uri() . '/editor-style.css' );
}
add_action( 'enqueue_block_editor_assets', 'enqueue_editor_styles' );
function autonomic_theme_scripts() {
// this is also for block styles
wp_enqueue_script( 'autonomic-block-styles', get_theme_file_uri( '/js/block-styles.js' ), array( 'wp-blocks', 'wp-dom-ready', 'wp-edit-post' ), filemtime( get_theme_file_uri( '/js/block-styles.js' ) ));
}
add_action( 'enqueue_block_editor_assets', 'autonomic_theme_scripts' );
// Code for enabling line breaks in post excerpts
define('EXCERPT_RARELY', '{[}]');
define('EXCERPT_BR', nl2br(PHP_EOL));
function so306588_trim_excerpt_custom($text = '')
{
add_filter('the_content', 'so306588_trim_excerpt_custom_mark', 6);
// get through origin filter
$text = wp_trim_excerpt($text);
remove_filter('the_content', 'so306588_trim_excerpt_custom_mark', 6);
return so306588_trim_excerpt_custom_restore($text);
}
function so306588_trim_excerpt_custom_mark($text)
{
$text = nl2br($text);
return str_replace(EXCERPT_BR, EXCERPT_RARELY, $text);
}
function so306588_trim_excerpt_custom_restore($text)
{
return str_replace(EXCERPT_RARELY, EXCERPT_BR, $text);
}
// remove default filter
remove_filter('get_the_excerpt', 'wp_trim_excerpt');
// add custom filter
add_filter('get_the_excerpt', 'so306588_trim_excerpt_custom');

36
js/block-styles.js Normal file
View File

@ -0,0 +1,36 @@
wp.domReady( () => {
wp.blocks.registerBlockStyle(
'core/heading', {
name: 'tabbed-heading',
label: 'Tabbed Heading',
}
)
wp.blocks.registerBlockStyle(
'core/post-title', {
name: 'tabbed-heading',
label: 'Tabbed Heading',
}
)
wp.blocks.registerBlockStyle(
'core/heading', {
name: 'markdown-heading',
label: 'Markdown-style Heading',
}
)
wp.blocks.registerBlockStyle(
'core/post-title', {
name: 'markdown-heading',
label: 'Markdown-style Heading',
}
)
wp.blocks.registerBlockStyle(
'core/list', {
name: 'arrow-list',
label: 'Arrows',
}
)
} )

View File

@ -1,92 +1 @@
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"},"margin":{"top":"var:preset|spacing|70"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"secondary","textColor":"background","className":"footer","layout":{"type":"constrained"},"fontSize":"small"} -->
<div
class="wp-block-group footer has-background-color has-secondary-background-color has-text-color has-background has-link-color has-small-font-size"
style="margin-top:var(--wp--preset--spacing--70);padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)">
<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"15%"} -->
<div class="wp-block-column" style="flex-basis:15%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"60%"} -->
<div class="wp-block-column" style="flex-basis:60%">
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:image {"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img
src="https://beta.autonomic.zone/wp-content/uploads/2023/01/monster.png" alt="" /></figure>
<!-- /wp:image -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p><strong>Autonomic Co-operative Limited</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>1539 Pershore Road<br>Birmingham<br>B30 2JH<br>United Kingdom</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"40%","style":{"spacing":{"blockGap":"var:preset|spacing|20"}}} -->
<div class="wp-block-column" style="flex-basis:40%">
<!-- wp:paragraph {"style":{"typography":{"fontWeight":"700"}}} -->
<p style="font-weight:700">We are a Co-operative Society registered with the <a
href="https://mutuals.fca.org.uk/" data-type="URL" data-id="https://mutuals.fca.org.uk/" target="_blank"
rel="noreferrer noopener">FCA</a>.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Registration Number: 4597</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"typography":{"fontWeight":"700"}}} -->
<p style="font-weight:700">Member of the <a href="https://www.coops.tech/" data-type="URL"
data-id="https://www.coops.tech/">CoTech Network</a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"35%","style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
<div class="wp-block-column" style="flex-basis:35%">
<!-- wp:heading {"textAlign":"center","level":3,"fontFamily":"ft88"} -->
<h3 class="has-text-align-center has-ft-88-font-family">Connect with us</h3>
<!-- /wp:heading -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p><a href="https://autonomic.zone/feed">rss</a></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p><a href="https://sunbeam.city/@autonomic/" target="_blank" rel="noreferrer noopener">fediverse</a></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p><a href="https://git.autonomic.zone/" data-type="URL" data-id="https://git.autonomic.zone/" target="_blank"
rel="noreferrer noopener">gitea</a></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p><a href="https://matrix.to/#/#autonospace:autonomic.zone">matrix</a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">boop@autonomic.zone</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
<!-- wp:pattern {"slug":"autonomic/footer"} /-->

View File

@ -1,15 +1,9 @@
<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"className":"nav-menu","layout":{"type":"default"}} -->
<div class="wp-block-group nav-menu">
<!-- wp:group {"className":"logo-wrapper","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"}} -->
<div class="wp-block-group logo-wrapper">
<!-- wp:image {"id":411,"width":64,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img
src="https://autonomic.zone/wp-content/uploads/2023/05/monsterpink.png" alt="" class="wp-image-411"
style="width:64px" width="64" /></figure>
<!-- /wp:image -->
</div>
<!-- /wp:group -->
<!-- wp:group {"className":"nav-menu","style":{"spacing":{"blockGap":"0"}},"layout":{"type":"default"}} -->
<div class="wp-block-group nav-menu"><!-- wp:group {"className":"logo-wrapper","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"}} -->
<div class="wp-block-group logo-wrapper"><!-- wp:image {"lightbox":{"enabled":false},"width":"64px","height":"undefinedpx","sizeSlug":"full","linkDestination":"custom"} -->
<figure class="wp-block-image size-full is-resized"><a href="/"><img src="http://autonomic.local/wp-content/themes/autonomic-block-theme/assets/images/monsterpink.png" alt="" style="width:64px;height:undefinedpx"/></a></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->
<!-- wp:navigation {"ref":101,"layout":{"type":"flex","orientation":"vertical","justifyContent":"right"},"style":{"typography":{"textDecoration":"underline","textTransform":"lowercase"},"spacing":{"blockGap":"var:preset|spacing|30"}}} /-->
</div>
<!-- wp:navigation {"ref":101,"overlayBackgroundColor":"background","overlayTextColor":"primary","style":{"typography":{"textDecoration":"underline","textTransform":"lowercase"},"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"right"}} /--></div>
<!-- /wp:group -->

94
patterns/footer.php Normal file
View File

@ -0,0 +1,94 @@
<?php
/**
* Title: footer
* Slug: autonomic/footer
* Inserter: yes
*/
?>
<!-- wp:group {"className":"footer","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"},"margin":{"top":"var:preset|spacing|70"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"secondary","textColor":"background","fontSize":"small","layout":{"type":"constrained"}} -->
<div class="wp-block-group footer has-background-color has-secondary-background-color has-text-color has-background has-link-color has-small-font-size" style="margin-top:var(--wp--preset--spacing--70);padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center","width":"10%","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"layout":{"type":"default"}} -->
<div class="wp-block-column is-vertically-aligned-center" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);flex-basis:10%"><!-- wp:image {"sizeSlug":"full","linkDestination":"none","align":"right","className":"autonomic-logo"} -->
<figure class="wp-block-image alignright size-full autonomic-logo"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/monster.png" alt=""/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"60%"} -->
<div class="wp-block-column" style="flex-basis:60%"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p>
<strong>Autonomic Co-operative Limited</strong>
</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>
986 Pershore Road<br>Birmingham<br>B29 7PX<br>United Kingdom
</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p><a href="https://autonomic.zone/gdpr/" data-type="page" data-id="184"><strong>Privacy Policy</strong> </a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"40%","style":{"spacing":{"blockGap":"var:preset|spacing|20"}}} -->
<div class="wp-block-column" style="flex-basis:40%"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"700"}}} -->
<p style="font-weight:700">We are a Co-operative Society registered with the <a href="https://mutuals.fca.org.uk/" data-type="URL" data-id="https://mutuals.fca.org.uk/" target="_blank" rel="noreferrer noopener">FCA</a>.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Registration Number: 4597</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"typography":{"fontWeight":"700"}}} -->
<p style="font-weight:700">Member of the <a href="https://www.coops.tech/" data-type="URL" data-id="https://www.coops.tech/">CoTech</a>, <a href="https://workers.coop">workers.coop</a>, &amp; <a href="https://patio.coop">Patio</a> co-operative networks.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"35%","style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
<div class="wp-block-column" style="flex-basis:35%"><!-- wp:heading {"textAlign":"center","level":3,"fontFamily":"ft88"} -->
<h3 class="wp-block-heading has-text-align-center has-ft-88-font-family">
Connect with us
</h3>
<!-- /wp:heading -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p><a href="https://autonomic.zone/feed">rss</a></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>
<a href="https://sunbeam.city/@autonomic/" target="_blank" rel="noreferrer noopener">fediverse</a>
</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>
<a href="https://git.autonomic.zone/" data-type="URL" data-id="https://git.autonomic.zone/" target="_blank" rel="noreferrer noopener">gitea</a>
</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>
<a href="https://matrix.to/#/#autonospace:autonomic.zone">matrix</a>
</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">
<a href="mailto:boop@autonomic.zone">boop@autonomic.zone</a>
</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

33
patterns/front-page.php Normal file
View File

@ -0,0 +1,33 @@
<?php
/**
* Title: front-page
* Slug: autonomic/front-page
* Inserter: yes
*/
?>
<!-- wp:group {"style":{"spacing":{"padding":{"top":"96px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:96px"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"15%"} -->
<div class="wp-block-column" style="flex-basis:15%">
<!-- wp:template-part {"slug":"nav-menu","area":"uncategorized"} /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:post-content /--></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"bottom","width":"35%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:35%">
<!-- wp:image {"sizeSlug":"full","linkDestination":"none","className":"home-flower"} -->
<figure class="wp-block-image size-full home-flower"><img
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/01flowergreen-1.png" alt=""
class="" /></figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

View File

@ -1,13 +1,3 @@
<?php
/**
* Title: Autonomic Homepage
* Slug: autonomic/homepage
* Description: Default content for the homepage
* Categories: autonomic
*/
?>
<!-- wp:heading {"level":1,"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|40"}},"typography":{"fontSize":"44px","fontStyle":"normal","fontWeight":"400"}}} -->
<h1
class="wp-block-heading"
@ -28,14 +18,18 @@
</h1>
<!-- /wp:heading -->
<!-- wp:heading -->
<h2 class="wp-block-heading">What we offer</h2>
<!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary","className":"is-style-tabbed-heading"} -->
<h2
class="wp-block-heading is-style-tabbed-heading has-primary-color has-text-color has-link-color"
>
What we offer
</h2>
<!-- /wp:heading -->
<!-- wp:list {"style":{"typography":{"fontSize":"28px","fontStyle":"normal","fontWeight":"700","lineHeight":"1.6"},"spacing":{"padding":{"left":"120px"}},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"className":"what-we-offer"} -->
<!-- wp:list {"style":{"typography":{"fontSize":"28px","fontStyle":"normal","fontWeight":"700","lineHeight":"1.6"},"spacing":{"padding":{"left":"120px"}},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"className":"what-we-offer is-style-arrow-list"} -->
<ul
id="what-we-offer"
class="what-we-offer has-link-color"
class="what-we-offer is-style-arrow-list has-link-color"
style="
padding-left: 120px;
font-size: 28px;
@ -73,8 +67,12 @@
</ul>
<!-- /wp:list -->
<!-- wp:heading -->
<h2 class="wp-block-heading">Interested? Work with us</h2>
<!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary","className":"is-style-tabbed-heading"} -->
<h2
class="wp-block-heading is-style-tabbed-heading has-primary-color has-text-color has-link-color"
>
Interested? Work with us
</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}}} -->

16
patterns/nav-menu.php Normal file
View File

@ -0,0 +1,16 @@
<?php
/**
* Title: nav-menu
* Slug: autonomic/nav-menu
* Inserter: yes
*/
?>
<!-- wp:group {"className":"nav-menu","style":{"spacing":{"blockGap":"0"}},"layout":{"type":"default"}} -->
<div class="wp-block-group nav-menu"><!-- wp:group {"className":"logo-wrapper","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"}} -->
<div class="wp-block-group logo-wrapper"><!-- wp:image {"lightbox":{"enabled":false},"width":"64px","height":"undefinedpx","sizeSlug":"full","linkDestination":"custom"} -->
<figure class="wp-block-image size-full is-resized"><a href="/"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/monsterpink.png" alt="" style="width:64px;height:undefinedpx"/></a></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->
<!-- wp:navigation {"overlayBackgroundColor":"background","overlayTextColor":"primary","style":{"typography":{"textDecoration":"underline","textTransform":"lowercase"},"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"right"}} /--></div>
<!-- /wp:group -->

View File

@ -0,0 +1,20 @@
<?php
/**
* Title: Services List
* Slug: autonomic/services-list
* Categories:
*/
?>
<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}}} -->
<div class="wp-block-columns" style="border-bottom-width:1px;padding-bottom:var(--wp--preset--spacing--30)"><!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"><!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}}} -->
<p class="has-text-align-right" style="font-size:16px;font-style:normal;font-weight:700;line-height:2.5;text-transform:uppercase">Hosted Tools</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis:75%"><!-- wp:paragraph {"style":{"typography":{"fontSize":"18px","lineHeight":"2"}}} -->
<p style="font-size:18px;line-height:2">Mastodon/Hometown<br>Nextcloud<br>Matrix<br>MediaWiki<br>Discourse<br>Peertube<br>Take a look at <a href="https://recipes.coopcloud.tech/">the Co-op Cloud recipes page</a> for more</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

BIN
screenshot.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 178 KiB

138
style.css
View File

@ -1,8 +1,8 @@
/*
Theme Name: Autonomic
Theme Name: Autonomic Block Theme
Author: Autonomic Co-operative
Author URI: https://autonomic.zone
Theme URI:
Description: Block-enabled WordPress theme for http://autonomic.zone
Tags: full-site-editing
Text Domain: autonomic
Requires at least: 6.0
@ -25,77 +25,16 @@ html, body {
height: 100%;
}
.wp-site-blocks{
.wp-site-blocks {
display: flex;
flex-direction: column;
height: 100%;
}
.wp-site-blocks h2 {
display: flex;
height: 36px;
align-items: center;
border-top: 1px solid;
}
.wp-site-blocks h2::before {
content: "";
border-bottom: 1px solid;
border-right: 1px solid;
width: 80px;
margin-right: 8px;
height: 36px;
border-top: 2px solid var(--wp--preset--color--background);
}
.wp-site-blocks h2::after {
content: "";
border-bottom: 1px solid;
flex-grow: 1;
margin-left: 8px;
height: 36px;
border-left: 1px solid;
border-top: 2px solid var(--wp--preset--color--background);
}
.wp-site-blocks h2.blog-post-heading {
border-top: none;
height: revert;
container-type: inline-size;
}
@container (max-width: 20ch) {
.wp-site-blocks h2::before {
width: 7ch;
}
}
.wp-site-blocks h2.blog-post-heading::before {
content: "##";
border-bottom: none;
border-right: none;
width: 4ch;
margin-right: 0;
height: revert;
border-top: none;
font-family: monospace;
margin-inline-end: .3em;
letter-spacing: 2px;
}
.wp-site-blocks h2.blog-post-heading::after {
content: none;
border-bottom: none;
flex-grow: 1;
margin-left: 0;
height: revert;
border-left: none;
border-top: none;
}
.home .wp-site-blocks ul {
list-style-image: url('https://beta.autonomic.zone/wp-content/uploads/2023/01/arrow.png');
}
.home .wp-site-blocks h2 {
@ -118,6 +57,8 @@ html, body {
margin-bottom: -90px !important;
z-index: -20;
position: relative;
width: 262px;
margin-left: auto;
}
.wp-site-blocks footer {
@ -146,6 +87,10 @@ html, body {
padding-top: 0 !important;
}
.wp-block-navigation__responsive-container.is-menu-open {
padding: 1em;
}
@media screen and (max-width: 782px){
.nav-menu {
padding-left: 1rem;
@ -156,7 +101,7 @@ html, body {
padding-top: 24px !important;
}
ul#what-we-offer {
ul.what-we-offer {
padding-left: revert !important;
}
@ -187,8 +132,10 @@ html, body {
margin-top: 40px !important;
}
.wp-site-blocks h2.blog-post-heading::before {
margin-inline-start: 1em;
#our-values.values-list div:nth-child(2) {
border-right-width: 0 !important;
border-left-width: 0 !important;
border-block: 1px solid;
}
}
@ -202,6 +149,34 @@ html, body {
}
}
/* copied over from "additional css" panel in wp
TODO: integrate this with the rest of the css
*/
@media screen and (max-width: 600px) {
.home-flower {
display: none;
}
.wp-container-13 .wp-block-group {
padding-top: 0 !important;
}
h1, p {
padding: 1rem;
}
.footer {
padding-inline: 1rem;
}
.footer p {
padding: 0;
}
.wp-site-blocks .wp-block-group:nth-child(1) {
padding-top: 24px !important;
}
}
@media screen and (min-width: 782px){
.nav-menu {
display: block;
@ -223,9 +198,32 @@ html, body {
.wp-site-blocks .category-portfolio h2 {
margin-block: 40px !important;
}
}
.wp-site-blocks h2.blog-post-heading {
margin-top: 4em;
font-size: var(--wp--preset--font-size--medium);
/* custom styles for lumbung presentation page */
@media (max-width: 800px) {
.first-slide h1 {
font-size: 32px !important;
}
.run-up-points ul li {
font-size: 32px !important;
}
}
/* for free palestine block */
.free-palestine-banner {
color: var(--wp--preset--color--background);
font-family: Inter, sans-serif;
}
/* responsive tweaks */
.wp-block-navigation__responsive-container.is-menu-open {
padding: 1em
}
@media (max-width: 720px) {
.wp-block-group.site-container {
padding-top: 8px !important;
}
}

View File

@ -4,7 +4,7 @@
<div class="wp-block-columns">
<!-- wp:column {"width":"15%"} -->
<div class="wp-block-column" style="flex-basis: 15%">
<!-- wp:template-part {"slug":"nav-menu","theme":"autonomic-block-theme","area":"uncategorized"} /-->
<!-- wp:template-part {"slug":"nav-menu","area":"uncategorized"} /-->
</div>
<!-- /wp:column -->
@ -80,4 +80,4 @@
</div>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme","tagName":"footer"} /-->
<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

View File

@ -1,45 +0,0 @@
<!-- wp:group {"style":{"spacing":{"padding":{"top":"96px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top: 96px">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"15%"} -->
<div class="wp-block-column" style="flex-basis: 15%">
<!-- wp:template-part {"slug":"nav-menu","theme":"autonomic-block-theme","area":"uncategorized"} /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis: 50%">
<!-- wp:post-title {"level":1,"textColor":"secondary"} /-->
<!-- wp:query {"queryId":40,"query":{"perPage":"5","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"parents":[],"taxQuery":{"category":[21]}}} -->
<div class="wp-block-query">
<!-- wp:post-template {"layout":{"type":"default"}} -->
<!-- wp:post-title {"isLink":true,"style":{"typography":{"textDecoration":"none"},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"className":"blog-post-heading"} /-->
<!-- wp:post-featured-image {"isLink":true,"align":"wide","style":{"border":{"width":"1px"}},"borderColor":"primary"} /-->
<!-- wp:post-excerpt {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|70"}}}} /-->
<!-- /wp:post-template -->
<!-- wp:query-pagination {"paginationArrow":"arrow","style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"layout":{"type":"flex","justifyContent":"center"}} -->
<!-- wp:query-pagination-previous /-->
<!-- wp:query-pagination-numbers /-->
<!-- wp:query-pagination-next /-->
<!-- /wp:query-pagination -->
</div>
<!-- /wp:query -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"35%"} -->
<div class="wp-block-column" style="flex-basis: 35%"></div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme","tagName":"footer"} /-->

View File

@ -0,0 +1 @@
<!-- wp:pattern {"slug":"autonomic/front-page"} /-->

View File

@ -0,0 +1 @@
<!-- wp:post-content /-->

View File

@ -2,25 +2,23 @@
<div class="wp-block-group" style="padding-top:96px"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"15%"} -->
<div class="wp-block-column" style="flex-basis:15%">
<!-- wp:template-part {"slug":"nav-menu","theme":"autonomic-block-theme","area":"uncategorized"} /-->
<!-- wp:template-part {"slug":"nav-menu","area":"uncategorized"} /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:post-content /--></div>
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:post-title {"level":1,"textColor":"secondary"} /-->
<!-- wp:post-content /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"bottom","width":"35%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:35%">
<!-- wp:image {"id":147,"sizeSlug":"full","linkDestination":"none","className":"home-flower"} -->
<figure class="wp-block-image size-full home-flower"><img
src="https://beta.autonomic.zone/wp-content/uploads/2023/02/01flowergreen-1.png" alt=""
class="wp-image-147" /></figure>
<!-- /wp:image -->
</div>
<!-- wp:column {"width":"35%"} -->
<div class="wp-block-column" style="flex-basis:35%"></div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme","tagName":"footer"} /-->
<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

View File

@ -1,44 +0,0 @@
<!-- wp:group {"style":{"spacing":{"padding":{"top":"96px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:96px"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"15%"} -->
<div class="wp-block-column" style="flex-basis:15%">
<!-- wp:template-part {"slug":"nav-menu","theme":"autonomic-block-theme","area":"uncategorized"} /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"85%","layout":{"type":"default"}} -->
<div class="wp-block-column" style="flex-basis:85%"><!-- wp:post-title {"level":1,"textColor":"secondary"} /-->
<!-- wp:post-content /-->
<!-- wp:query {"queryId":40,"query":{"perPage":5,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"parents":[],"taxQuery":{"category":[20]}},"displayLayout":{"type":"list"}} -->
<div class="wp-block-query"><!-- wp:post-template -->
<!-- wp:post-title {"style":{"typography":{"textDecoration":"none","textTransform":"uppercase"},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}},"spacing":{"margin":{"top":"var:preset|spacing|50","right":"0","bottom":"var:preset|spacing|20","left":"0"}}},"fontSize":"small"} /-->
<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:post-featured-image {"align":"wide","style":{"border":{"width":"1px"}},"borderColor":"primary"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%">
<!-- wp:post-content {"style":{"typography":{"lineHeight":"1.5","fontSize":"0.8em"}}} /--></div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- /wp:post-template -->
</div>
<!-- /wp:query -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme","tagName":"footer"} /-->

View File

@ -1,24 +0,0 @@
<!-- wp:group {"style":{"spacing":{"padding":{"top":"96px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:96px"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"15%"} -->
<div class="wp-block-column" style="flex-basis:15%">
<!-- wp:template-part {"slug":"nav-menu","theme":"autonomic-block-theme","area":"uncategorized"} /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:post-title {"level":1,"textColor":"secondary"} /-->
<!-- wp:post-content /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"35%"} -->
<div class="wp-block-column" style="flex-basis:35%"></div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme","tagName":"footer"} /-->

View File

@ -2,15 +2,17 @@
<div class="wp-block-group" style="padding-top:96px"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"15%"} -->
<div class="wp-block-column" style="flex-basis:15%">
<!-- wp:group {"style":{"spacing":{"padding":{"top":"188px","right":"64px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:188px;padding-right:64px">
<!-- wp:template-part {"slug":"nav-menu","theme":"autonomic-block-theme","area":"uncategorized"} /--></div>
<!-- /wp:group -->
</div>
<!-- wp:template-part {"slug":"nav-menu","area":"uncategorized"} /--></div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:post-title {"level":1,"textColor":"secondary"} /-->
<div class="wp-block-column" style="flex-basis:50%">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:post-title {"level":1,"textColor":"secondary"} /-->
<!-- wp:post-date {"style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}},"typography":{"textTransform":"uppercase"}},"textColor":"secondary","fontSize":"medium"} /-->
</div>
<!-- /wp:group -->
<!-- wp:post-featured-image /-->
@ -26,4 +28,4 @@
</div>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme","tagName":"footer"} /-->
<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

20
templates/wide.html Normal file
View File

@ -0,0 +1,20 @@
<!-- wp:group {"style":{"spacing":{"padding":{"top":"96px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:96px"><!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"14.7%","className":"pcss-f32ed2a1","style":{"spacing":{"padding":{"left":"0px"}}},"pcssAdditionalCss":"","pcssClassId":"pcss-f32ed2a1"} -->
<div class="wp-block-column pcss-f32ed2a1" style="padding-left:0px;flex-basis:14.7%">
<!-- wp:template-part {"slug":"nav-menu","area":"uncategorized"} /--></div>
<!-- /wp:column -->
<!-- wp:column {"width":"85%","layout":{"type":"default"}} -->
<div class="wp-block-column" style="flex-basis:85%"><!-- wp:post-title {"level":1,"textColor":"secondary"} /-->
<!-- wp:post-content /-->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

View File

@ -1,77 +1,69 @@
{
"version": 2,
"$schema": "https://schemas.wp.org/wp/6.0/theme.json",
"customTemplates": [
{
"name": "about",
"title": "About page",
"postTypes": [
"page"
]
],
"title": "About page"
},
{
"name": "services",
"title": "Services page",
"name": "wide",
"postTypes": [
"page"
]
],
"title": "Wide"
},
{
"name": "our-work",
"title": "Our Work page",
"name": "full-bleed",
"postTypes": [
"page"
]
},
{
"name": "blog",
"title": "Blog page",
"postTypes": [
"page"
]
"page",
"post"
],
"title": "Full bleed"
}
],
"settings": {
"appearanceTools": true,
"color": {
"defaultPalette": false,
"defaultGradients": false,
"defaultDuotone": false,
"defaultGradients": false,
"defaultPalette": false,
"palette": [
{
"slug": "background",
"color": "#F5FBF8",
"name": "Background"
"name": "Background",
"slug": "background"
},
{
"slug": "primary",
"color": "#dc3e9d",
"name": "Primary"
"name": "Primary",
"slug": "primary"
},
{
"slug": "secondary",
"color": "#0FB45D",
"name": "Secondary"
"name": "Secondary",
"slug": "secondary"
},
{
"slug": "button",
"color": "#FF7613",
"name": "Button color"
},
{
"slug": "primary-light",
"color": "#e89cca",
"name": "Primary light"
"name": "Primary light",
"slug": "primary-light"
},
{
"slug": "contrast-text",
"color": "#FFF",
"name": "Contrast text"
"name": "Contrast text",
"slug": "contrast-text"
},
{
"slug": "orange",
"color": "#FF7613",
"name": "Orange"
"name": "Orange",
"slug": "orange"
},
{
"color": "#000",
"name": "Black",
"slug": "black"
}
]
},
@ -80,15 +72,78 @@
"wideSize": "1226px"
},
"spacing": {
"units": [ "px", "em", "rem", "vh", "vw", "%" ]
"units": [
"px",
"em",
"rem",
"vh",
"vw",
"%"
]
},
"typography": {
"defaultFontSizes": false,
"dropCap": true,
"fontFamilies": [
{
"fontFamily": "-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif",
"name": "System (Roboto, Segoe UI, Ubuntu)",
"slug": "system",
"fontFamily": "-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif"
"slug": "system"
},
{
"fontFace": [
{
"fontFamily": "Inter",
"fontStyle": "normal",
"fontWeight": "400",
"src": [
"file:./assets/fonts/InterVariable.woff2"
]
},
{
"fontFamily": "Inter",
"fontStyle": "italic",
"fontWeight": "400",
"src": [
"file:./assets/fonts/InterVariable-Italic.woff2"
]
},
{
"fontFamily": "Inter",
"fontStyle": "normal",
"fontWeight": "500",
"src": [
"file:./assets/fonts/InterVariable.woff2"
]
},
{
"fontFamily": "Inter",
"fontStyle": "italic",
"fontWeight": "500",
"src": [
"file:./assets/fonts/InterVariable-Italic.woff2"
]
},
{
"fontFamily": "Inter",
"fontStyle": "normal",
"fontWeight": "700",
"src": [
"file:./assets/fonts/InterVariable.woff2"
]
},
{
"fontFamily": "Inter",
"fontStyle": "italic",
"fontWeight": "700",
"src": [
"file:./assets/fonts/InterVariable-Italic.woff2"
]
}
],
"fontFamily": "Inter, sans-serif",
"name": "Inter",
"slug": "inter"
},
{
"fontFace": [
@ -112,6 +167,7 @@
}
],
"fontFamily": "Karmilla",
"name": "Karmilla",
"slug": "karmilla"
},
{
@ -124,8 +180,8 @@
]
}
],
"name": "Darker Grotesque",
"fontFamily": "'Darker Grotesque', sans-serif",
"name": "Darker Grotesque",
"slug": "darkergrotesque"
},
{
@ -139,35 +195,42 @@
]
}
],
"name": "FT88",
"fontFamily": "FT88, serif",
"name": "FT88",
"slug": "ft88"
}
],
"fontSizes": [
{
"name": "Small",
"slug": "small",
"size": "15px"
"size": "15px",
"slug": "small"
},
{
"name": "Medium",
"size": "21px",
"slug": "medium"
},
{
"name": "Big",
"size": "24px",
"slug": "big"
},
{
"name": "Huge",
"size": "44px",
"slug": "xl"
}
]
}
},
"styles": {
"typography": {
"fontFamily": "var(--wp--preset--font-family--karmilla)",
"fontSize": "24px"
},
"color": {
"background": "var(--wp--preset--color--background)",
"text": "var(--wp--preset--color--primary)"
},
"blocks": {
"core/button": {
"border": {
"radius": "0px"
}
},
"core/button": {
"border": {
"radius": "0px"
}
},
"core/navigation": {
"typography": {
"fontFamily": "var(--wp--preset--font-family--darkergrotesque)",
@ -177,44 +240,54 @@
"textTransform": "uppercase"
}
}
},
},
"color": {
"background": "var(--wp--preset--color--background)",
"text": "var(--wp--preset--color--primary)"
},
"elements": {
"h1": {
"typography": {
"fontSize": "36px",
"fontWeight": "700",
"lineHeight": "0.9"
}
},
"h2": {
"typography": {
"fontSize": "16px",
"textTransform": "uppercase"
},
"h1": {
"typography": {
"fontSize": "36px",
"fontWeight": "700",
"lineHeight": "0.9"
}
},
"h2": {
"color": {
"text": "var(--wp--preset--color--secondary)"
},
"typography": {
"fontSize": "16px",
"textTransform": "uppercase"
}
},
},
"link": {
"color": {
"text": "var(--wp--preset--color--secondary)"
}
}
}
},
"typography": {
"fontFamily": "var(--wp--preset--font-family--karmilla)",
"fontSize": "24px"
}
},
"templateParts": [
{
"name": "nav-menu",
"title": "Navigation"
},
{
"name": "footer",
"title": "Footer",
"area": "footer"
},
{
"name": "useful-links",
"title": "Useful links"
}
]
}
{
"name": "nav-menu",
"title": "Navigation"
},
{
"area": "footer",
"name": "footer",
"title": "Footer"
},
{
"name": "useful-links",
"title": "Useful links"
}
],
"version": 3,
"$schema": "https://schemas.wp.org/wp/6.7/theme.json"
}