add convenience patterns

2024-07-03 13:29:21 +05:00 · 2024-07-03 13:29:21 +05:00 · 00d6a342d6
commit 00d6a342d6
parent 30fb67a775
3 changed files with 147 additions and 0 deletions
--- a/patterns/get-in-touch-cta.php
+++ b/patterns/get-in-touch-cta.php
@ -0,0 +1,56 @@
+<?php
+
+/**
+ * Title: Get in Touch CTA
+ * Slug: jett/get-in-touch
+ * Categories: jett
+ */
+?>
+
+<!-- wp:group {"align":"full","style":{"border":{"top":{"color":"var:preset|color|black","width":"16px"},"right":{},"bottom":{},"left":{}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignfull" style="border-top-color:var(--wp--preset--color--black);border-top-width:16px"><!-- wp:columns {"align":"full","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|80"}}}} -->
+  <div class="wp-block-columns alignfull"><!-- wp:column {"width":"33.33%"} -->
+    <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:image {"id":439,"sizeSlug":"full","linkDestination":"none"} -->
+      <figure class="wp-block-image size-full"><img src="https://jett.local/wp-content/uploads/2024/06/gardeners-1.png" alt="" class="wp-image-439" /></figure>
+      <!-- /wp:image -->
+    </div>
+    <!-- /wp:column -->
+
+    <!-- wp:column {"width":"66.66%"} -->
+    <div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:spacer {"height":"26px"} -->
+      <div style="height:26px" aria-hidden="true" class="wp-block-spacer"></div>
+      <!-- /wp:spacer -->
+
+      <!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|40","left":"var:preset|spacing|40"}}},"layout":{"type":"default"}} -->
+      <div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)"><!-- wp:group {"layout":{"type":"constrained","justifyContent":"left"}} -->
+        <div class="wp-block-group"><!-- wp:heading -->
+          <h2 class="wp-block-heading">Please get in touch if your work touches upon these issues!</h2>
+          <!-- /wp:heading -->
+        </div>
+        <!-- /wp:group -->
+
+        <!-- wp:group {"layout":{"type":"constrained","justifyContent":"left","contentSize":""}} -->
+        <div class="wp-block-group"><!-- wp:paragraph -->
+          <p>Whether you are an organiser or researcher around data-driven tech, policing or discrimination, or you are working to document harms or to collect organising stories, we would be happy to connect.</p>
+          <!-- /wp:paragraph -->
+        </div>
+        <!-- /wp:group -->
+
+        <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"left"}} -->
+        <div class="wp-block-buttons"><!-- wp:button {"gradient":"green-to-violet","className":"pcss-be5b463f","pcssAdditionalCss":"[block] {\n  transition: 0.25s ease-in-out;\n}\n\n[block]:hover {\n  box-shadow: rgb(51, 51, 51) 4px 4px 0 0; transform: translate(-4px, -4px)\n}","pcssAdditionalCssCompiled":".pcss-be5b463f{transition:all .25s ease-in-out}.pcss-be5b463f:hover{transform:translate(-4px,-4px);box-shadow:4px 4px #333}","pcssClassId":"pcss-be5b463f"} -->
+          <div class="wp-block-button pcss-be5b463f"><a class="wp-block-button__link has-green-to-violet-gradient-background has-background wp-element-button" href="https://jett.local/contact/">Reach out</a></div>
+          <!-- /wp:button -->
+        </div>
+        <!-- /wp:buttons -->
+      </div>
+      <!-- /wp:group -->
+
+      <!-- wp:spacer {"height":"26px"} -->
+      <div style="height:26px" aria-hidden="true" class="wp-block-spacer"></div>
+      <!-- /wp:spacer -->
+    </div>
+    <!-- /wp:column -->
+  </div>
+  <!-- /wp:columns -->
+</div>
+<!-- /wp:group -->
--- a/patterns/illustrated-header-text.php
+++ b/patterns/illustrated-header-text.php
@ -0,0 +1,59 @@
+<?php
+
+/**
+ * Title: Illustrated Header with Text
+ * Slug: jett/illustrated-header-text
+ * Categories: jett
+ */
+?>
+
+<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|80","left":"var:preset|spacing|80"}}},"layout":{"type":"default"}} -->
+<div class="wp-block-group alignfull" style="padding-right:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80)"><!-- wp:columns {"align":"full","style":{"spacing":{"padding":{"right":"0","left":"0"},"blockGap":{"left":"0"}}}} -->
+  <div class="wp-block-columns alignfull" style="padding-right:0;padding-left:0"><!-- wp:column {"verticalAlignment":"bottom","width":"55%"} -->
+    <div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:55%"><!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}},"border":{"bottom":{"color":"var:preset|color|black","width":"14px"},"top":{"color":"var:preset|color|black","width":"1px"},"right":{"color":"var:preset|color|black","width":"1px"},"left":{"color":"var:preset|color|black","width":"1px"}},"layout":{"selfStretch":"fill","flexSize":null}},"gradient":"green-to-violet","layout":{"type":"constrained","justifyContent":"left"}} -->
+      <div class="wp-block-group has-green-to-violet-gradient-background has-background" 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:14px;border-left-color:var(--wp--preset--color--black);border-left-width:1px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:heading -->
+        <h2 class="wp-block-heading">This is What <br>Police Tech Looks Like</h2>
+        <!-- /wp:heading -->
+      </div>
+      <!-- /wp:group -->
+    </div>
+    <!-- /wp:column -->
+
+    <!-- wp:column {"width":"45%","style":{"border":{"bottom":{"color":"var:preset|color|black","width":"14px"},"top":{},"right":{},"left":{}}}} -->
+    <div class="wp-block-column" style="border-bottom-color:var(--wp--preset--color--black);border-bottom-width:14px;flex-basis:45%"><!-- wp:group {"style":{"spacing":{"margin":{"bottom":"-15px"}}},"layout":{"type":"default"}} -->
+      <div class="wp-block-group" style="margin-bottom:-15px"><!-- wp:image {"id":375,"sizeSlug":"full","linkDestination":"none"} -->
+        <figure class="wp-block-image size-full"><img src="https://jett.local/wp-content/uploads/2024/06/police_tech-2.png" alt="" class="wp-image-375" /></figure>
+        <!-- /wp:image -->
+      </div>
+      <!-- /wp:group -->
+    </div>
+    <!-- /wp:column -->
+  </div>
+  <!-- /wp:columns -->
+
+  <!-- wp:columns {"style":{"spacing":{"margin":{"top":"0","bottom":"0"},"blockGap":{"top":"0","left":"0"}}}} -->
+  <div class="wp-block-columns" style="margin-top:0;margin-bottom:0"><!-- wp:column {"width":"55%","style":{"spacing":{"padding":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70"}}},"className":"constrained-text-width mw-740 pcss-1a2aa431","pcssAdditionalCss":"@media (max-width: 1080px) {\n  [block] {\n    display: none;\n  }\n}\n","pcssAdditionalCssCompiled":"@media (width\u003c=1080px){.pcss-1a2aa431{display:none}}","pcssClassId":"pcss-1a2aa431"} -->
+    <div class="wp-block-column constrained-text-width mw-740 pcss-1a2aa431" style="padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70);flex-basis:55%"></div>
+    <!-- /wp:column -->
+
+    <!-- wp:column {"width":"45%","style":{"spacing":{"blockGap":"0"}}} -->
+    <div class="wp-block-column" style="flex-basis:45%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30","padding":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70","left":"var:preset|spacing|70","right":"var:preset|spacing|70"}},"border":{"top":{"width":"1px","style":"none","color":"var:preset|color|black"},"right":{"width":"1px","color":"var:preset|color|black"},"bottom":{"color":"var:preset|color|black","width":"1px"},"left":{"width":"1px","color":"var:preset|color|black"}}},"layout":{"type":"default"}} -->
+      <div class="wp-block-group" style="border-top-color:var(--wp--preset--color--black);border-top-style:none;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:1px;border-left-color:var(--wp--preset--color--black);border-left-width:1px;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--70)"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}},"className":"sans-serif-bold","fontSize":"standard","fontFamily":"roboto-serif"} -->
+        <p class="sans-serif-bold has-roboto-serif-font-family has-standard-font-size" style="line-height:1.6"><strong>What stands out</strong> during the conversations both at Table meetings and elsewhere, is the great challenge to grasp the exact nature and consequences of the trend towards more data-driven policing. Anecdotal information and incidental reports provide us with some direction but there is still a lack of clarity about the extent of data-driven policing and high-tech surveillance and how this emergent issue touches the daily lives of racialised and marginalised groups.</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}},"fontSize":"standard","fontFamily":"roboto-serif"} -->
+        <p class="has-roboto-serif-font-family has-standard-font-size" style="line-height:1.6">Therefore, there is an urgent need to surface, document and expose local stories and experiences of the harms inflicted upon racialised communities by the use of new forms of surveillance and control. Such inquiries help to gain crucial insights from the ground to inform strategies contestation and community resilience, and inspire coordinated strategies and actions. Furthermore, stories of how implementation works out in real life are needed to challenge mainstream assumptions on racialised criminalisation and to shift industry lead tech narratives.<br></p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}},"fontSize":"standard","fontFamily":"roboto-serif"} -->
+        <p class="has-roboto-serif-font-family has-standard-font-size" style="line-height:1.6"><em>This is What Police Tech Looks Like </em>explores what monitoring and documenting projects exist across Europe and how stories of harm can inform potential coordinated actions.</p>
+        <!-- /wp:paragraph -->
+      </div>
+      <!-- /wp:group -->
+    </div>
+    <!-- /wp:column -->
+  </div>
+  <!-- /wp:columns -->
+</div>
+<!-- /wp:group -->
--- a/patterns/simple-page.php
+++ b/patterns/simple-page.php
@ -0,0 +1,32 @@
+<?php
+
+/**
+ * Title: Simple Page
+ * Slug: jett/simple-page
+ * Categories: jett_full_page_layouts, jett
+ */
+?>
+
+<!-- wp:spacer -->
+<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:group {"metadata":{"name":"Container"},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group"><!-- wp:post-title /-->
+
+<!-- wp:paragraph -->
+<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur. Quod idem licet transferre in voluptatem, ut postea variari voluptas distinguique possit, augeri amplificarique non possit. At etiam.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem contemnit, qua qui est imbutus quietus esse numquam potest. Praeterea bona praeterita grata recordatione renovata delectant. Est autem situm in nobis ut et voluptates et dolores nasci fatemur e corporis voluptatibus.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem contemnit, qua qui est imbutus quietus esse numquam potest. Praeterea bona praeterita grata recordatione renovata delectant. Est.</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->
+
+<!-- wp:spacer -->
+<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->