add contact page pattern

2024-07-03 13:20:16 +05:00
parent 61a2c27365
commit 0726b79c70
1 changed files with 103 additions and 0 deletions
--- a/patterns/page-contact.php
+++ b/patterns/page-contact.php
@ -0,0 +1,103 @@
+<?php
+
+/**
+ * Title: Contact Page
+ * Slug: jett/contact-page
+ * Categories: jett_full_page_layouts, jett
+ */
+?>
+
+<!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|60","left":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)"><!-- wp:spacer {"blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}}}}]}} -->
+  <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
+  <!-- /wp:spacer -->
+
+  <!-- wp:spacer {"height":"50px","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"screenSize":{"hideOnScreenSize":{"large":true}}}}]}} -->
+  <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
+  <!-- /wp:spacer -->
+
+  <!-- wp:post-title {"blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"screenSize":{"hideOnScreenSize":{"large":true}}}}]}} /-->
+
+  <!-- wp:spacer {"height":"50px","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"screenSize":{"hideOnScreenSize":{"large":true}}}}]}} -->
+  <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
+  <!-- /wp:spacer -->
+
+  <!-- wp:tiptip/hyperlink-group-block {"url":"mailto:e.ozkan@lse.ac.uk"} -->
+  <a class="wp-block-hyperlink-group" href="mailto:e.ozkan@lse.ac.uk">
+    <div class="wp-block-tiptip-hyperlink-group-block"><!-- wp:group {"metadata":{"name":"Contact Card"},"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}},"backgroundColor":"white","className":"contact-card","layout":{"type":"constrained","justifyContent":"left"}} -->
+      <div class="wp-block-group contact-card has-white-background-color 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:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
+        <div class="wp-block-group"><!-- wp:heading {"style":{"typography":{"fontSize":"64px"}}} -->
+          <h2 class="wp-block-heading" style="font-size:64px">Esra Özkan</h2>
+          <!-- /wp:heading -->
+
+          <!-- wp:heading {"style":{"typography":{"fontSize":"64px"}}} -->
+          <h2 class="wp-block-heading" style="font-size:64px">🡭</h2>
+          <!-- /wp:heading -->
+        </div>
+        <!-- /wp:group -->
+
+        <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+        <div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","width":"18px","style":{"layout":{"selfStretch":"fit","flexSize":null}}} -->
+          <div class="wp-block-outermost-icon-block">
+            <div class="icon-container" style="width:18px"><svg xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none">
+                <path d="M2.09894 3H17.0983V15H2.09766L2.09894 3Z" stroke="black" stroke-width="1.5" stroke-linecap="round"></path>
+                <path d="M17.0977 4.5L9.59766 9.75L2.09766 4.5" stroke="black" stroke-width="1.5" stroke-linecap="round"></path>
+              </svg></div>
+          </div>
+          <!-- /wp:outermost/icon-block -->
+
+          <!-- wp:paragraph {"fontSize":"standard","fontFamily":"commit-mono"} -->
+          <p class="has-commit-mono-font-family has-standard-font-size">e.ozkan [at] lse.ac.uk</p>
+          <!-- /wp:paragraph -->
+        </div>
+        <!-- /wp:group -->
+      </div>
+      <!-- /wp:group -->
+    </div>
+  </a>
+  <!-- /wp:tiptip/hyperlink-group-block -->
+
+  <!-- wp:spacer {"height":"49px"} -->
+  <div style="height:49px" aria-hidden="true" class="wp-block-spacer"></div>
+  <!-- /wp:spacer -->
+
+  <!-- wp:tiptip/hyperlink-group-block {"url":"mailto:s.stevens@lse.ac.uk"} -->
+  <a class="wp-block-hyperlink-group" href="mailto:s.stevens@lse.ac.uk">
+    <div class="wp-block-tiptip-hyperlink-group-block"><!-- wp:group {"metadata":{"name":"Contact Card"},"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}},"backgroundColor":"white","className":"contact-card","layout":{"type":"constrained","justifyContent":"left"}} -->
+      <div class="wp-block-group contact-card has-white-background-color 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:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
+        <div class="wp-block-group"><!-- wp:heading {"style":{"typography":{"fontSize":"64px"}}} -->
+          <h2 class="wp-block-heading" style="font-size:64px">Sanne Stevens</h2>
+          <!-- /wp:heading -->
+
+          <!-- wp:heading {"style":{"typography":{"fontSize":"64px"}}} -->
+          <h2 class="wp-block-heading" style="font-size:64px">🡭</h2>
+          <!-- /wp:heading -->
+        </div>
+        <!-- /wp:group -->
+
+        <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+        <div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","width":"18px"} -->
+          <div class="wp-block-outermost-icon-block">
+            <div class="icon-container" style="width:18px"><svg xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none">
+                <path d="M2.09894 3H17.0983V15H2.09766L2.09894 3Z" stroke="black" stroke-width="1.5" stroke-linecap="round"></path>
+                <path d="M17.0977 4.5L9.59766 9.75L2.09766 4.5" stroke="black" stroke-width="1.5" stroke-linecap="round"></path>
+              </svg></div>
+          </div>
+          <!-- /wp:outermost/icon-block -->
+
+          <!-- wp:paragraph {"fontSize":"standard","fontFamily":"commit-mono"} -->
+          <p class="has-commit-mono-font-family has-standard-font-size">s.c.stevens [at] lse.ac.uk</p>
+          <!-- /wp:paragraph -->
+        </div>
+        <!-- /wp:group -->
+      </div>
+      <!-- /wp:group -->
+    </div>
+  </a>
+  <!-- /wp:tiptip/hyperlink-group-block -->
+
+  <!-- wp:spacer -->
+  <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
+  <!-- /wp:spacer -->
+</div>
+<!-- /wp:group -->