jett-theme/patterns/page-home.php

<?php

/**
 * Title: Landing Page
 * Slug: jett/landing-page
 * Categories: jett_full_page_layouts, jett
 * Post Types: page
 */
?>

<!-- wp:group {"metadata":{"name":"Hero"},"align":"full","style":{"spacing":{"margin":{"bottom":"0"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group alignfull" style="margin-bottom:0"><!-- wp:columns {"style":{"spacing":{"blockGap":{"left":"0"}}}} -->
  <div class="wp-block-columns"><!-- wp:column {"width":"37.05%","style":{"spacing":{"padding":{"right":"var:preset|spacing|60","left":"var:preset|spacing|60","top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}},"border":{"right":{"color":"var:preset|color|black","width":"1px"}}},"className":"pcss-a21c1a4b","pcssAdditionalCss":"@media (max-width: 800px) {\n  [block] {\n    border-right: none;\n    padding-inline: 1rem !important;\n  }\n}","pcssAdditionalCssCompiled":"@media (width\u003c=800px){.pcss-a21c1a4b{border-right:none;padding-inline:1rem!important}}","pcssClassId":"pcss-a21c1a4b"} -->
    <div class="wp-block-column pcss-a21c1a4b" style="border-right-color:var(--wp--preset--color--black);border-right-width:1px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60);flex-basis:37.05%"><!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700","lineHeight":"1","letterSpacing":"-1px"}},"className":"pcss-193404c8","fontSize":"huge","fontFamily":"instrument-sans-condensed","pcssAdditionalCss":"@media (max-width: 480px) {\n  [block].has-huge-font-size {\n    font-size: 42px !important;\n  }\n}","pcssAdditionalCssCompiled":"@media (width\u003c=480px){.pcss-193404c8.has-huge-font-size{font-size:42px!important}}","pcssClassId":"pcss-193404c8"} -->
      <p class="pcss-193404c8 has-instrument-sans-condensed-font-family has-huge-font-size" style="font-style:normal;font-weight:700;letter-spacing:-1px;line-height:1">The Justice, Equity and Technology Project is a collaborative network-building effort to address the impacts of data-driven policing on racialised communities throughout Europe.</p>
      <!-- /wp:paragraph -->

      <!-- wp:paragraph {"fontSize":"x-large"} -->
      <p class="has-x-large-font-size">We aim to build a broad set of visions and strategies of confronting discriminatory policing and the use of data-driven technologies. Our work centres the needs and experiences of racialised and marginalised communities, and seeks to expose and confront the harms inflicted by the use of new forms of surveillance and control in their contexts.</p>
      <!-- /wp:paragraph -->
    </div>
    <!-- /wp:column -->

    <!-- wp:column {"width":"","style":{"spacing":{"padding":{"bottom":"var:preset|spacing|70"}}},"fontFamily":"instrument-sans"} -->
    <div class="wp-block-column has-instrument-sans-font-family" style="padding-bottom:var(--wp--preset--spacing--70)"><!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}}},"backgroundColor":"black","layout":{"type":"default"}} -->
      <div class="wp-block-group has-black-background-color has-background" style="padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"className":"is-style-gradient","fontSize":"xx-large","fontFamily":"instrument-sans"} -->
        <h2 class="wp-block-heading has-text-align-center is-style-gradient has-instrument-sans-font-family has-xx-large-font-size" style="font-style:normal;font-weight:600">Our Projects</h2>
        <!-- /wp:heading -->
      </div>
      <!-- /wp:group -->

      <!-- wp:columns {"style":{"spacing":{"padding":{"right":"var:preset|spacing|80","left":"var:preset|spacing|80"},"blockGap":{"left":"0"}}}} -->
      <div class="wp-block-columns" style="padding-right:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80)"><!-- wp:column {"verticalAlignment":"stretch","style":{"spacing":{"blockGap":"0","padding":{"top":"1.05rem"}}}} -->
        <div class="wp-block-column is-vertically-aligned-stretch" style="padding-top:1.05rem"><!-- wp:tiptip/hyperlink-group-block {"url":"/our-work#refusing-control"} -->
          <a class="wp-block-hyperlink-group" href="/our-work#refusing-control">
            <div class="wp-block-tiptip-hyperlink-group-block"><!-- wp:image {"id":186,"scale":"cover","sizeSlug":"full","linkDestination":"none","className":"overlap pcss-fc27f5e8","pcssAdditionalCss":"[block] img {\n  z-index: 2;\n  position: relative;\n}","pcssAdditionalCssCompiled":".pcss-fc27f5e8 img{z-index:2;position:relative}","pcssClassId":"pcss-fc27f5e8"} -->
              <figure class="wp-block-image size-full overlap pcss-fc27f5e8"><img src="http://jett.local/wp-content/uploads/2024/06/image.png" alt="" class="wp-image-186" style="object-fit:cover" /></figure>
              <!-- /wp:image -->

              <!-- wp:group {"style":{"border":{"top":{"width":"16px"},"right":{"width":"2px"},"bottom":{"width":"6px"},"left":{"width":"2px"}},"spacing":{"padding":{"right":"var:preset|spacing|70","left":"var:preset|spacing|70","top":"var:preset|spacing|70","bottom":"3.4rem"},"margin":{"top":"-32px"}}},"className":"pcss-d2c67f90","layout":{"type":"default"},"fontSize":"standard","pcssAdditionalCss":"[block] {\n\n}","pcssClassId":"pcss-d2c67f90"} -->
              <div class="wp-block-group pcss-d2c67f90 has-standard-font-size" style="border-top-width:16px;border-right-width:2px;border-bottom-width:6px;border-left-width:2px;margin-top:-32px;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--70);padding-bottom:3.4rem;padding-left:var(--wp--preset--spacing--70)"><!-- wp:heading {"textAlign":"center","fontSize":"huge"} -->
                <h2 class="wp-block-heading has-text-align-center has-huge-font-size">Refusing control</h2>
                <!-- /wp:heading -->

                <!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"18px"}},"fontFamily":"commit-mono"} -->
                <p class="has-text-align-center has-commit-mono-font-family" style="font-size:18px">Disqualifications, and flawed predictions that affect some groups, such as historically marginalized ones, more than others.</p>
                <!-- /wp:paragraph -->
              </div>
              <!-- /wp:group -->
            </div>
          </a>
          <!-- /wp:tiptip/hyperlink-group-block -->
        </div>
        <!-- /wp:column -->

        <!-- wp:column {"verticalAlignment":"stretch","style":{"spacing":{"blockGap":"0"}},"className":"pcss-c272a733","pcssAdditionalCss":"[block] {\n  position: relative;\n  top: 1px;\n}","pcssAdditionalCssCompiled":".pcss-c272a733{position:relative;top:1px}","pcssClassId":"pcss-c272a733"} -->
        <div class="wp-block-column is-vertically-aligned-stretch pcss-c272a733"><!-- wp:tiptip/hyperlink-group-block {"url":"/our-work#this-is-what-police-tech-looks-like"} -->
          <a class="wp-block-hyperlink-group" href="/our-work#this-is-what-police-tech-looks-like">
            <div class="wp-block-tiptip-hyperlink-group-block"><!-- wp:image {"id":521,"scale":"cover","sizeSlug":"full","linkDestination":"none","className":"pcss-793cc96b","pcssAdditionalCss":"[block] img {\n  z-index: 2;\n  position: relative;\n}","pcssAdditionalCssCompiled":".pcss-793cc96b img{z-index:2;position:relative}","pcssClassId":"pcss-793cc96b"} -->
              <figure class="wp-block-image size-full pcss-793cc96b"><img src="https://jett.local/wp-content/uploads/2024/06/gardener_hands.png" alt="" class="wp-image-521" style="object-fit:cover" /></figure>
              <!-- /wp:image -->

              <!-- wp:group {"style":{"border":{"top":{"width":"16px"},"right":{"width":"2px"},"bottom":{"width":"6px"},"left":{"width":"2px"}},"spacing":{"padding":{"right":"var:preset|spacing|70","left":"var:preset|spacing|70","top":"var:preset|spacing|70","bottom":"2.5rem"},"margin":{"top":"-32px"}}},"className":"pcss-793cc96b","layout":{"type":"default"},"pcssAdditionalCss":"","pcssClassId":"pcss-793cc96b"} -->
              <div class="wp-block-group pcss-793cc96b" style="border-top-width:16px;border-right-width:2px;border-bottom-width:6px;border-left-width:2px;margin-top:-32px;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--70);padding-bottom:2.5rem;padding-left:var(--wp--preset--spacing--70)"><!-- wp:heading {"textAlign":"center","fontSize":"huge"} -->
                <h2 class="wp-block-heading has-text-align-center has-huge-font-size">This is What Police Tech Looks Like</h2>
                <!-- /wp:heading -->

                <!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"18px"}},"fontFamily":"commit-mono"} -->
                <p class="has-text-align-center has-commit-mono-font-family" style="font-size:18px">Computer systems&nbsp;is feeding into a moral panic for which technology is the savior.</p>
                <!-- /wp:paragraph -->
              </div>
              <!-- /wp:group -->
            </div>
          </a>
          <!-- /wp:tiptip/hyperlink-group-block -->
        </div>
        <!-- /wp:column -->
      </div>
      <!-- /wp:columns -->
    </div>
    <!-- /wp:column -->
  </div>
  <!-- /wp:columns -->
</div>
<!-- /wp:group -->

<!-- wp:group {"metadata":{"name":"Latest Posts"},"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0"><!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"},"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"black","layout":{"type":"default"}} -->
  <div class="wp-block-group has-black-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"className":"is-style-gradient","fontSize":"xx-large","fontFamily":"instrument-sans"} -->
    <h2 class="wp-block-heading has-text-align-center is-style-gradient has-instrument-sans-font-family has-xx-large-font-size" style="font-style:normal;font-weight:600">Latest Posts</h2>
    <!-- /wp:heading -->
  </div>
  <!-- /wp:group -->

  <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|80","right":"var:preset|spacing|80"}}},"layout":{"type":"default"}} -->
  <div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--80)"><!-- wp:query {"queryId":13,"query":{"perPage":"6","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"only","inherit":false},"metadata":{"name":"Sticky Posts"},"align":"wide","layout":{"type":"constrained"}} -->
    <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"full","style":{"spacing":{"blockGap":"var:preset|spacing|70"}},"layout":{"type":"grid","columnCount":"2","minimumColumnWidth":null}} -->
      <!-- wp:group {"tagName":"article","style":{"border":{"top":{"width":"1px","color":"var:preset|color|black"},"right":{"width":"1px","color":"var:preset|color|black"},"bottom":{"width":"16px","color":"var:preset|color|black"},"left":{"width":"1px","color":"var:preset|color|black"}},"spacing":{"blockGap":"0"},"layout":{"columnStart":1,"rowStart":1}},"className":"home-featured-post-item","layout":{"type":"default"}} -->
      <article class="wp-block-group home-featured-post-item" style="border-top-color:var(--wp--preset--color--black);border-top-width:1px;border-right-color:var(--wp--preset--color--black);border-right-width:1px;border-bottom-color:var(--wp--preset--color--black);border-bottom-width:16px;border-left-color:var(--wp--preset--color--black);border-left-width:1px"><!-- wp:post-featured-image {"height":"419px","style":{"border":{"bottom":{"color":"var:preset|color|black","width":"1px"},"top":{},"right":{},"left":{}}}} /-->

        <!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","bottom":"var:preset|spacing|60"}}},"className":"pcss-9518f676","layout":{"type":"default"},"pcssAdditionalCss":"@media (max-width: 480px) {\n  [block] {\n    padding-inline: 1rem !important;\n  }\n}","pcssAdditionalCssCompiled":"@media (width\u003c=480px){.pcss-9518f676{padding-inline:1rem!important}}","pcssClassId":"pcss-9518f676"} -->
        <div class="wp-block-group pcss-9518f676" style="padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--50)"><!-- wp:post-date {"format":"M.j.y","style":{"typography":{"fontStyle":"normal","fontWeight":"700"},"spacing":{"padding":{"top":"var:preset|spacing|30"}}},"fontSize":"small","fontFamily":"commit-mono"} /-->

          <!-- wp:post-title {"isLink":true,"className":"post-title"} /-->

          <!-- wp:post-excerpt {"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"fontFamily":"commit-mono"} /-->

          <!-- wp:post-terms {"term":"post_tag","separator":"","className":"is-style-hashtags"} /-->
        </div>
        <!-- /wp:group -->
      </article>
      <!-- /wp:group -->
      <!-- /wp:post-template -->
    </div>
    <!-- /wp:query -->

    <!-- wp:query {"queryId":13,"query":{"perPage":"6","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false},"metadata":{"name":"Normal posts"},"className":"home-posts-grid","layout":{"type":"default"}} -->
    <div class="wp-block-query home-posts-grid"><!-- wp:post-template {"align":"full","style":{"spacing":{"blockGap":"var:preset|spacing|70"}},"layout":{"type":"grid","columnCount":"2","minimumColumnWidth":null}} -->
      <!-- wp:columns {"style":{"border":{"top":{"width":"1px","color":"var:preset|color|black"},"right":{"width":"1px","color":"var:preset|color|black"},"bottom":{"width":"16px","color":"var:preset|color|black"},"left":{"width":"1px","color":"var:preset|color|black"}},"spacing":{"blockGap":{"top":"0","left":"0"}},"layout":{"columnStart":1,"rowStart":1}},"className":"home-post-item"} -->
      <div class="wp-block-columns home-post-item" style="border-top-color:var(--wp--preset--color--black);border-top-width:1px;border-right-color:var(--wp--preset--color--black);border-right-width:1px;border-bottom-color:var(--wp--preset--color--black);border-bottom-width:16px;border-left-color:var(--wp--preset--color--black);border-left-width:1px"><!-- wp:column {"width":"30%","className":"pcss-5f021bd0","pcssAdditionalCss":"@media (max-width: 480px) {\n  [block] {\n    border-bottom: 2px solid;\n  }\n}","pcssAdditionalCssCompiled":"@media (width\u003c=480px){.pcss-5f021bd0{border-bottom:2px solid}}","pcssClassId":"pcss-5f021bd0"} -->
        <div class="wp-block-column pcss-5f021bd0" style="flex-basis:30%"><!-- wp:post-featured-image {"width":"","height":"100%","sizeSlug":"full","style":{"layout":{"selfStretch":"fit","flexSize":null},"border":{"right":{"width":"1px"}}},"className":"home-post-item-img"} /--></div>
        <!-- /wp:column -->

        <!-- wp:column {"width":"","style":{"spacing":{"padding":{"right":"var:preset|spacing|60","left":"var:preset|spacing|60","top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}}},"className":"pcss-4b711741","pcssAdditionalCss":"@media (max-width: 480px) {\n  [block] {\n    padding-inline: 1rem !important;\n    padding-bottom: 16px !important;\n  }\n}","pcssAdditionalCssCompiled":"@media (width\u003c=480px){.pcss-4b711741{padding-inline:1rem!important;padding-bottom:16px!important}}","pcssClassId":"pcss-4b711741"} -->
        <div class="wp-block-column pcss-4b711741" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--60)"><!-- wp:post-date {"format":"M.j.y","style":{"typography":{"fontStyle":"normal","fontWeight":"700"},"spacing":{"padding":{"top":"var:preset|spacing|30"}}},"fontSize":"small","fontFamily":"commit-mono"} /-->

          <!-- wp:post-title {"isLink":true,"className":"post-title"} /-->

          <!-- wp:post-excerpt {"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"fontFamily":"commit-mono"} /-->

          <!-- wp:post-terms {"term":"post_tag","separator":"","className":"is-style-hashtags"} /-->
        </div>
        <!-- /wp:column -->
      </div>
      <!-- /wp:columns -->
      <!-- /wp:post-template -->
    </div>
    <!-- /wp:query -->
  </div>
  <!-- /wp:group -->

  <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80"}}},"layout":{"type":"constrained"}} -->
  <div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","verticalAlignment":"stretch"}} -->
    <div class="wp-block-buttons"><!-- wp:button {"style":{"spacing":{"padding":{"left":"0","right":"0"}}},"className":"pcss-808b88d9","fontSize":"medium","pcssAdditionalCss":"[block] {\n width: 100%;\n margin-inline: 1rem !important;\n display: inline-block;\n transition: 0.25s ease-in-out;\n}\n\n[block] .wp-element-button {\n  width: 100%;\n}\n\n[block]:hover {\n  box-shadow: rgb(51, 51, 51) 4px 4px 0 0;\n  transform: translate(-4px, -4px)\n}","pcssAdditionalCssCompiled":".pcss-808b88d9{width:100%;transition:all .25s ease-in-out;display:inline-block;margin-inline:1rem!important}.pcss-808b88d9 .wp-element-button{width:100%}.pcss-808b88d9:hover{transform:translate(-4px,-4px);box-shadow:4px 4px #333}","pcssClassId":"pcss-808b88d9"} -->
      <div class="wp-block-button has-custom-font-size pcss-808b88d9 has-medium-font-size"><a class="wp-block-button__link wp-element-button" href="https://jett.local/blog/" style="padding-right:0;padding-left:0">More ➔</a></div>
      <!-- /wp:button -->
    </div>
    <!-- /wp:buttons -->
  </div>
  <!-- /wp:group -->
</div>
<!-- /wp:group -->