autonomic-cooperative/autonomic-block-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request 'Merge recent changes' (#1) from dev into main
Some checks failed
continuous-integration/drone/push Build is failing
Details

Browse Source 
Reviewed-on: #1
This commit is contained in:
Aadil Ayub 2023-01-24 08:44:26 +01:00
commit 8f2338619f
13 changed files with 256 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/fonts/DarkerGrotesque-Semibold.woff Normal file
View File

Binary file not shown.

BIN
assets/fonts/karmilla-bold-webfont.woff Executable file
View File

Binary file not shown.

BIN
assets/fonts/karmilla-bold-webfont.woff2 Executable file
View File

Binary file not shown.

BIN
assets/fonts/karmilla-regular-webfont.woff Executable file
View File

Binary file not shown.

BIN
assets/fonts/karmilla-regular-webfont.woff2 Executable file
View File

Binary file not shown.

BIN
assets/images/arrow.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 227 B

8
functions.php Normal file
View File

@ -0,0 +1,8 @@
<?php
add_action('init', 'custom_stylesheet');
function custom_stylesheet() {
wp_register_style( 'custom-styles', get_template_directory_uri() . '/style.css' );
}
wp_enqueue_style( 'custom-styles' );

33
parts/footer.html Normal file
View File

@ -0,0 +1,33 @@
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"secondary","textColor":"background","layout":{"type":"constrained"},"fontSize":"small"} -->
<div class="wp-block-group has-background-color has-secondary-background-color has-text-color has-background has-link-color has-small-font-size" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:site-logo {"width":44,"shouldSyncIcon":false} /-->
<!-- wp:group {"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 -->
<div class="wp-block-column"><!-- 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:group -->

1
parts/nav-menu.html Normal file
View File

@ -0,0 +1 @@
<!-- wp:navigation {"ref":104,"layout":{"type":"flex","orientation":"vertical","justifyContent":"right"},"style":{"typography":{"textDecoration":"underline"}}} /-->

72
patterns/homepage.php Normal file
View File

@ -0,0 +1,72 @@
<?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"}}}} -->
<h1 style="padding-bottom:var(--wp--preset--spacing--40)">Autonomic is a co-operative that is owned and run by its workers <img class="wp-image-193" style="width: 26px;" src="http://autonomic.local/wp-content/uploads/2023/01/leaf.png" alt=""></h1>
<!-- /wp:heading -->
<!-- wp:heading -->
<h2>What we offer</h2>
<!-- /wp:heading -->
<!-- wp:list {"style":{"typography":{"fontSize":"28px","fontStyle":"normal","fontWeight":"700","lineHeight":"1.6"},"spacing":{"padding":{"left":"120px"}}}} -->
<ul style="padding-left:120px;font-size:28px;font-style:normal;font-weight:700;line-height:1.6"><!-- wp:list-item -->
<li>Support</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Website development</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Custom development</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Training</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Etc whatever u want</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->
<!-- wp:heading -->
<h2>Interested? Work with us</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>We build technologies and infrastructure to empower users to make a positive impact on the world. All of our services reflect our commitment to our core values:</p>
<!-- /wp:paragraph -->
<!-- wp:group {"layout":{"type":"flex","orientation":"horizontal","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:buttons {"style":{"spacing":{"blockGap":"0"},"typography":{"fontStyle":"normal","fontWeight":"700"}}} -->
<div class="wp-block-buttons" style="font-style:normal;font-weight:700"><!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">Sustainability</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">Privacy</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">Transparency</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">You can consult our expanded list of values here.</p>
<!-- /wp:paragraph -->
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"0"}}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"button","fontSize":"small"} -->
<div class="wp-block-button has-custom-font-size has-small-font-size"><a class="wp-block-button__link has-button-background-color has-background wp-element-button">Contact us at <strong>hello@autonomic.zone</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

32
style.css
View File

@ -20,3 +20,35 @@ This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/
.wp-site-blocks h2 {
display: flex;
height: 36px;
align-items: center;
border-bottom: 1px solid;
}
.wp-site-blocks h2::before {
content: "";
border-top: 1px solid;
border-right: 1px solid;
width: 80px;
margin-right: 8px;
height: 36px;
border-bottom: 1px solid #f5fbf8;
}
.wp-site-blocks h2::after {
content: "";
border-top: 1px solid;
flex-grow: 1;
margin-left: 8px;
height: 36px;
border-left: 1px solid;
border-bottom: 1px solid #f5fbf8;
}
.wp-site-blocks ul {
list-style-image: url('/wp-content/themes/autonomic/assets/images/arrow.png');
}

18
templates/index.html
View File

@ -0,0 +1,18 @@
<!-- 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":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%"><!-- 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","area":"uncategorized"} /--></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"64%"} -->
<div class="wp-block-column" style="flex-basis:64%"><!-- wp:post-content /--></div>
<!-- /wp:column -->
<!-- wp:column {"width":"16%"} -->
<div class="wp-block-column" style="flex-basis:16%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","theme":"autonomic"} /-->

97
theme.json
View File

@ -1,5 +1,6 @@
{
"version": 2,
"$schema": "https://schemas.wp.org/wp/6.0/theme.json",
"settings": {
"appearanceTools": true,
"color": {
@ -9,7 +10,7 @@
"palette": [
{
"slug": "background",
"color": "#ffffff",
"color": "#F5FBF8",
"name": "Background"
},
{
@ -26,11 +27,16 @@
"slug": "secondary",
"color": "#27c773",
"name": "Secondary"
},
{
"slug": "button",
"color": "#FF7613",
"name": "Button color"
}
]
},
"layout": {
"contentSize": "700px",
"contentSize": "1000px",
"wideSize": "1100px"
},
"spacing": {
@ -43,17 +49,98 @@
"name": "System (Roboto, Segoe UI, Ubuntu)",
"slug": "system",
"fontFamily": "-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif"
},
{
"fontFace": [
{
"fontFamily": "Karmilla",
"fontStyle": "normal",
"fontWeight": "400",
"src": [
"file:./assets/fonts/karmilla-regular-webfont.woff2",
"file:./assets/fonts/karmilla-regular-webfont.woff"
]
},
{
"fontFamily": "Karmilla",
"fontStyle": "bold",
"fontWeight": "700",
"src": [
"file:./assets/fonts/karmilla-bold-webfont.woff2",
"file:./assets/fonts/karmilla-bold-webfont.woff"
]
}
],
"fontFamily": "Karmilla",
"slug": "karmilla"
},
{
"fontFace": [
{
"fontFamily": "Darker Grotesque",
"fontWeight": "700",
"src": [
"file:./assets/fonts/DarkerGrotesque-Semibold.woff"
]
}
],
"name": "'Darker Grotesque', sans-serif",
"fontFamily": "Darker Grotesque",
"slug": "darkergrotesque"
}
]
}
},
"styles": {
"typography": {
"fontFamily": "var(--wp--preset--font-family--system)"
"fontFamily": "var(--wp--preset--font-family--karmilla)",
"fontSize": "21px"
},
"color": {
"background": "var(--wp--preset--color--background)",
"text": "var(--wp--preset--color--foreground)"
}
}
},
"blocks": {
"core/button": {
"border": {
"radius": "0px"
}
},
"core/navigation": {
"typography": {
"fontFamily": "var(--wp--preset--font-family--darkergrotesque)",
"fontSize": "21px",
"fontStyle": "normal",
"fontWeight": "600",
"textTransform": "uppercase"
}
}
},
"elements": {
"h1": {
"typography": {
"fontSize": "44px",
"fontWeight": "400",
"lineHeight": "0.9"
}
},
"h2": {
"typography": {
"fontSize": "14px",
"textTransform": "uppercase"
}
}
}
},
"templateParts": [
{
"name": "nav-menu",
"title": "Navigation"
},
{
"name": "footer",
"title": "Footer",
"area": "footer"
}
]
}