Add home page pattern

patterns/page-home.php

@@ -0,0 +1,151 @@
+<?php
+
+/**
+ * Title: Starter Landing Page
+ * Slug: jett/landing-page
+ * Categories: jett_full_page_layouts
+ */
+?>
+
+<!-- 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"}}}} -->
+    <div class="wp-block-column" 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: 45px !important;\n  }\n}","pcssAdditionalCssCompiled":"@media (width\u003c=480px){.pcss-193404c8.has-huge-font-size{font-size:45px!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"}},"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"}}},"layout":{"type":"default"}} -->
+        <div class="wp-block-group" 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"}}},"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%"} -->
+        <div class="wp-block-column" 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"}}}} -->
+        <div class="wp-block-column" 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 -->