autonomic-block-theme/parts/footer.html

<!-- 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 {"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 {"align":"right","id":105,"sizeSlug":"full","linkDestination":"none","className":"autonomic-logo"} -->
              <figure
                class="wp-block-image alignright size-full autonomic-logo"
              >
                <img
                  src="https://autonomic.zone/wp-content/uploads/2023/01/monster.png"
                  alt=""
                  class="wp-image-105"
                />
              </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>
                                1539 Pershore Road<br />Birmingham<br />B30
                                2JH<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
                        >
                        network of tech worker co-ops
                      </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 -->