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

update services page content & template
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
desmukh 2023-02-03 10:26:45 +05:00
parent bf9c1f97f2
commit e50b88f770
4 changed files with 55 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
patterns/service-card.php
View File

@ -1,28 +0,0 @@
<?php
/**
* Title: Autonomic Service Card
* Slug: autonomic/service-card
* Description: Card for Service page
* Categories: autonomic
*/
?>
<!-- wp:group {"style":{"border":{"width":"1px"},"spacing":{"blockGap":"0"}},"className":"service-card","layout":{"type":"default"}} -->
<div class="wp-block-group service-card" style="border-width:1px">
<!-- wp:group {"style":{"border":{"bottom":{"width":"1px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="border-bottom-width:1px">
<!-- wp:heading {"level":3,"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"typography":{"textTransform":"uppercase","fontSize":"14px"}},"backgroundColor":"primary-light","textColor":"contrast-text"} -->
<h3
class="has-contrast-text-color has-primary-light-background-color has-text-color has-background"
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);font-size:14px;text-transform:uppercase">
Mastodon
</h3>
<!-- /wp:heading -->
</div>
<!-- /wp:group -->
<!-- wp:paragraph {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"fontSize":"small"} -->
<p class="has-small-font-size" 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)">Integer euismod, nunc sit amet laoreet placerat, quam elit porta eros, in feugiat lacus lacus in urna. Mauris et massa.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->

54
patterns/services.php Normal file
View File

@ -0,0 +1,54 @@
<?php
/**
* Title: Autonomic Services Content
* Slug: autonomic/services
* Description: Default content for the Services page
* Categories: autonomic
*/
?>
<!-- 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":"14px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}}} -->
<p class="has-text-align-right" style="font-size:14px;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":"16px","lineHeight":"2"}}} -->
<p style="font-size:16px;line-height:2">Mastodon/Hometown<br>Nextcloud<br>Matrix<br>MediaWiki<br>Outline<br>Discourse<br>Peertube</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"button"} -->
<div class="wp-block-columns has-button-color has-text-color" 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":"14px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}}} -->
<p class="has-text-align-right" style="font-size:14px;font-style:normal;font-weight:700;line-height:2.5;text-transform:uppercase">Websites</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis:75%"><!-- wp:paragraph {"style":{"typography":{"fontSize":"16px","lineHeight":"2"}}} -->
<p style="font-size:16px;line-height:2">Wordpress<br>Custom<br>Etc.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"secondary"} -->
<div class="wp-block-columns has-secondary-color has-text-color" 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":"14px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}}} -->
<p class="has-text-align-right" style="font-size:14px;font-style:normal;font-weight:700;line-height:2.5;text-transform:uppercase">&amp; more</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis:75%"><!-- wp:paragraph {"style":{"typography":{"fontSize":"16px","lineHeight":"2"}}} -->
<p style="font-size:16px;line-height:2">Support<br>Training<br>Design<br>Bespoke dev<br>Whatever u got honestly</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"}}} -->
<p style="font-size:16px">Our prices for hosted services start at £5/month (+VAT) for small instances of simple applications.</p>
<!-- /wp:paragraph -->

19
style.css
View File

@ -61,25 +61,6 @@ with others.
color: var(--wp--preset--color--secondary)
}
.service-card {
max-width: 48%;
}
.kt-tab-title-2 {
color: var(--wp--preset--color--orange) !important;
border-color: var(--wp--preset--color--orange) !important;
}
.kt-tab-title-3 {
color: var(--wp--preset--color--secondary) !important;
border-color: var(--wp--preset--color--secondary) !important;
}
.contact-monster {
display: flex;
align-items: flex-end;
height: 100%;
}
.wp-site-blocks h2 a {
text-decoration: none;
}

12
templates/services.html
View File

@ -17,17 +17,7 @@
<!-- /wp:column -->
<!-- wp:column {"width":"16%"} -->
<div class="wp-block-column" style="flex-basis:16%">
<!-- wp:group {"className":"contact-monster","layout":{"type":"constrained"}} -->
<div class="wp-block-group contact-monster">
<!-- wp:image {"id":123,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img
src="https://beta.autonomic.zone/wp-content/uploads/2023/01/monster-contact.png" alt=""
class="wp-image-123" /></figure>
<!-- /wp:image -->
</div>
<!-- /wp:group -->
</div>
<div class="wp-block-column" style="flex-basis:16%"></div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->