footer: adjust column width and add 'connect with us'
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
desmukh 2023-02-03 12:46:36 +05:00
parent a475c0fd59
commit afa3e07279
2 changed files with 69 additions and 23 deletions

View File

@ -1,12 +1,20 @@
<!-- 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"} -->
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"},"margin":{"top":"var:preset|spacing|80"}},"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"}} -->
style="margin-top:var(--wp--preset--spacing--80);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:site-logo {"width":44,"shouldSyncIcon":false} /-->
<!-- wp:group {"layout":{"type":"constrained"}} -->
<!-- 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 -->
@ -21,10 +29,12 @@
</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: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 -->
@ -40,4 +50,40 @@
</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="#">rss</a></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p><a href="#" 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="#">matrix</a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">boop[at]autonomic.zone</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

View File

@ -66,7 +66,7 @@ with others.
}
.wp-site-blocks .home-flower {
margin-bottom: -40px;
margin-bottom: -90px;
z-index: -20;
position: relative;
}