jett-theme/patterns/page-home.php
Aadil Ayub 046a729cec
All checks were successful
continuous-integration/drone/push Build is passing
add hover styles to all buttons
2024-07-15 14:28:02 +05:00

152 lines
19 KiB
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":"0"}}}} -->
<div class="wp-block-column is-vertically-aligned-stretch" style="padding-top:0"><!-- wp:tiptip/hyperlink-group-block {"url":"/our-work#refusing-control","className":"pcss-195048ed","pcssAdditionalCss":"[block] {\n display: flex !important;\n flex-direction: column;\n height: 100%;\n}","pcssAdditionalCssCompiled":".pcss-195048ed{flex-direction:column;height:100%;display:flex!important}","pcssClassId":"pcss-195048ed"} -->
<a class="wp-block-hyperlink-group" href="/our-work#refusing-control">
<div class="wp-block-tiptip-hyperlink-group-block pcss-195048ed"><!-- 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 flex-grow: 1;\n}","pcssAdditionalCssCompiled":".pcss-d2c67f90{flex-grow:1}","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","lineHeight":"1.5"}},"fontFamily":"commit-mono"} -->
<p class="has-text-align-center has-commit-mono-font-family" style="font-size:18px;line-height:1.5">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","className":"pcss-7b4ad062","pcssAdditionalCss":"[block] {\n display: flex !important;\n flex-direction: column;\n height: 100%;\n}","pcssAdditionalCssCompiled":".pcss-7b4ad062{flex-direction:column;height:100%;display:flex!important}","pcssClassId":"pcss-7b4ad062"} -->
<a class="wp-block-hyperlink-group" href="/our-work#this-is-what-police-tech-looks-like">
<div class="wp-block-tiptip-hyperlink-group-block pcss-7b4ad062"><!-- wp:image {"id":521,"scale":"cover","sizeSlug":"full","linkDestination":"none","className":"pcss-3loeobyq","pcssAdditionalCss":"[block] img {\n z-index: 2;\n position: relative;\n}","pcssAdditionalCssCompiled":".pcss-3loeobyq img{z-index:2;position:relative}","pcssClassId":"pcss-3loeobyq"} -->
<figure class="wp-block-image size-full pcss-3loeobyq"><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":"3.4rem"},"margin":{"top":"-32px"}}},"className":"pcss-793cc96b","layout":{"type":"default"},"pcssAdditionalCss":"[block] {\n flex-grow: 1;\n position: relative;\n top: -1px;\n}","pcssAdditionalCssCompiled":".pcss-793cc96b{flex-grow:1;position:relative;top:-1px}","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: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">This is What Police Tech Looks Like</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"18px","lineHeight":"1.5"}},"fontFamily":"commit-mono"} -->
<p class="has-text-align-center has-commit-mono-font-family" style="font-size:18px;line-height:1.5">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}\n\n[block] .wp-element-button {\n width: 100%;\n}\n\n[block] .wp-block-button__link:hover {\n transform: translate(-4px, -4px);\n box-shadow: 4px 4px #333;\n}","pcssAdditionalCssCompiled":".pcss-808b88d9{width:100%;display:inline-block;margin-inline:1rem!important}.pcss-808b88d9 .wp-element-button{width:100%}.pcss-808b88d9 .wp-block-button__link: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 -->