ソースを参照

Iotix theme updates (Beafialho playground changes) (#7945)

* Changes from WordPress Playground
* Fix patterns.
* Use esc_html_e to translate strings in patterns
* Update translation functions in home.php and startup.php
* Try to address feedback.
* Try to fix Search and 404.
* Update search and 404 again.
* Adds css rule for heading color inside cover blocks to match default paragraph text color

---------

Co-authored-by: Beatriz Fialho <65220155+beafialho@users.noreply.github.com>
Co-authored-by: Sarah Norris <sarah@sekai.co.uk>
Co-authored-by: Grant Kinney <hi@grant.mk>
Joen A. 1 年間 前
コミット
5e0efe7ba4

+ 1 - 15
iotix/parts/header.html

@@ -1,15 +1 @@
-<!-- wp:group {"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|70"}}},"layout":{"type":"constrained"}} -->
-<div class="wp-block-group" style="padding-bottom:var(--wp--preset--spacing--70)"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|70","right":"0","bottom":"var:preset|spacing|60","left":"0"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
-<div class="wp-block-group alignwide" style="padding-top:var(--wp--preset--spacing--70);padding-right:0;padding-bottom:var(--wp--preset--spacing--60);padding-left:0"><!-- wp:site-title /-->
-
-<!-- wp:group {"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
-<div class="wp-block-group" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:navigation {"layout":{"type":"flex","justifyContent":"left","orientation":"horizontal"}} /-->
-
-<!-- wp:buttons -->
-<div class="wp-block-buttons"><!-- wp:button {"fontSize":"small"} -->
-<div class="wp-block-button has-custom-font-size has-small-font-size"><a class="wp-block-button__link wp-element-button">Sign In</a></div>
-<!-- /wp:button --></div>
-<!-- /wp:buttons --></div>
-<!-- /wp:group --></div>
-<!-- /wp:group --></div>
-<!-- /wp:group -->
+<!-- wp:pattern {"slug":"iotix/header"} /-->

+ 1 - 3
iotix/parts/post-meta.html

@@ -1,9 +1,7 @@
 <!-- wp:group {"layout":{"type":"default"}} -->
 <div class="wp-block-group"><!-- wp:group {"layout":{"type":"constrained"}} -->
 <div class="wp-block-group"><!-- wp:group {"style":{"border":{"radius":"100px"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} -->
-<div class="wp-block-group" style="border-radius:100px"><!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|20","right":"var:preset|spacing|40","bottom":"var:preset|spacing|20","left":"var:preset|spacing|40"}},"border":{"radius":"100px"}},"backgroundColor":"tertiary","layout":{"type":"constrained"}} -->
-<div class="wp-block-group has-tertiary-background-color has-background" style="border-radius:100px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--40)"><!-- wp:post-terms {"term":"category","style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"0.8rem"}}} /--></div>
-<!-- /wp:group --></div>
+<div class="wp-block-group" style="border-radius:100px"><!-- wp:post-terms {"term":"category","separator":"","style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"0.8rem"},"spacing":{"padding":{"top":"6px","right":"10px","bottom":"6px","left":"10px"}}},"backgroundColor":"tertiary"} /--></div>
 <!-- /wp:group -->
 
 <!-- wp:post-title {"fontSize":"x-large"} /-->

+ 11 - 8
iotix/patterns/404.php

@@ -6,10 +6,11 @@
  * Inserter: no
  */
 ?>
+<!-- wp:template-part {"slug":"header","area":"header"} /-->
 
-<!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} -->
-<main class="wp-block-group"><!-- wp:image {"align":"wide","id":45,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"30px"}}} -->
-<figure class="wp-block-image alignwide size-full has-custom-border"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/404_Image.webp" alt="" class="wp-image-45" style="border-radius:30px"/></figure>
+<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"right":"5vw","left":"5vw"}}},"layout":{"type":"constrained"}} -->
+<main class="wp-block-group" style="padding-right:5vw;padding-left:5vw"><!-- wp:image {"sizeSlug":"full","linkDestination":"none","align":"wide","style":{"border":{"radius":"30px"}}} -->
+<figure class="wp-block-image alignwide size-full has-custom-border"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/404_Image.webp" alt="<?php esc_html_e('', 'iotix');?>" class="" style="border-radius:30px"/></figure>
 <!-- /wp:image -->
 
 <!-- wp:spacer {"height":"40px"} -->
@@ -17,18 +18,20 @@
 <!-- /wp:spacer -->
 
 <!-- wp:group {"layout":{"type":"default"}} -->
-<div class="wp-block-group"><!-- wp:heading {"textAlign":"left","fontSize":"x-large","anchor":"oops-that-page-can-t-be-found"} -->
-<h2 class="wp-block-heading has-text-align-left has-x-large-font-size" id="oops-that-page-can-t-be-found"><?php echo esc_html__( 'Page not found.', 'iotix' ); ?></h2>
+<div class="wp-block-group"><!-- wp:heading {"textAlign":"left","fontSize":"x-large"} -->
+<h2 class="wp-block-heading has-text-align-left has-x-large-font-size" id="oops-that-page-can-t-be-found"><?php esc_html_e('Page not found.', 'iotix');?></h2>
 <!-- /wp:heading -->
 
 <!-- wp:paragraph -->
-<p><?php echo esc_html__( 'It looks like nothing was found at this location. Maybe try a search?', 'iotix' ); ?></p>
+<p><?php esc_html_e('It looks like nothing was found at this location. Maybe try a search?', 'iotix');?></p>
 <!-- /wp:paragraph -->
 
-<!-- wp:search {"label":"","showLabel":false,"widthUnit":"%","style":{"border":{"radius":"100px"}},"backgroundColor":"foreground"} /--></div>
+<!-- wp:search {"label":"","showLabel":false,"placeholder":"Search...","widthUnit":"%","buttonText":"Search","style":{"border":{"radius":"100px"}},"backgroundColor":"foreground"} /--></div>
 <!-- /wp:group -->
 
 <!-- wp:spacer -->
 <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer --></main>
-<!-- /wp:group -->
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","area":"footer"} /-->

+ 25 - 24
iotix/patterns/footer.php

@@ -1,28 +1,28 @@
 <?php
 /**
- * Title: Default footer
+ * Title: footer
  * Slug: iotix/footer
- * Categories: footer
- * Block Types: core/template-part/footer
+ * Categories: hidden
+ * Inserter: no
  */
 ?>
-
 <!-- wp:group {"style":{"spacing":{"padding":{"top":"5vh","right":"5vw","bottom":"10vh","left":"5vw"}}},"layout":{"type":"constrained"}} -->
 <div class="wp-block-group" style="padding-top:5vh;padding-right:5vw;padding-bottom:10vh;padding-left:5vw"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"80px","bottom":"0px"}}},"layout":{"type":"default"}} -->
-<div class="wp-block-group alignwide" style="padding-top:80px;padding-bottom:0px"><!-- wp:columns {"verticalAlignment":"top","align":"wide"} -->
-<div class="wp-block-columns alignwide are-vertically-aligned-top"><!-- wp:column {"width":"30%"} -->
-<div class="wp-block-column" style="flex-basis:30%"><!-- wp:site-title {"textColor":"primary"} /-->
+<div class="wp-block-group alignwide" style="padding-top:80px;padding-bottom:0px"><!-- wp:group {"style":{"spacing":{"blockGap":"3em"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"top"}} -->
+<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"0.6em"},"layout":{"selfStretch":"fixed","flexSize":"320px"}},"layout":{"type":"flex","orientation":"vertical"}} -->
+<div class="wp-block-group"><!-- wp:site-title {"textColor":"primary"} /-->
 
 <!-- wp:site-tagline /--></div>
-<!-- /wp:column -->
+<!-- /wp:group -->
 
-<!-- wp:column {"width":"10%"} -->
-<div class="wp-block-column" style="flex-basis:10%"></div>
-<!-- /wp:column -->
+<!-- wp:spacer {"width":"16px","style":{"layout":{"flexSize":"16px","selfStretch":"fixed"}}} -->
+<div style="height:100px;width:16px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
 
-<!-- wp:column {"verticalAlignment":"top"} -->
+<!-- wp:columns {"verticalAlignment":"top","isStackedOnMobile":false,"align":"wide","style":{"layout":{"selfStretch":"fill","flexSize":null}}} -->
+<div class="wp-block-columns alignwide are-vertically-aligned-top is-not-stacked-on-mobile"><!-- wp:column {"verticalAlignment":"top"} -->
 <div class="wp-block-column is-vertically-aligned-top"><!-- wp:heading {"level":4,"fontSize":"medium"} -->
-<h4 class="wp-block-heading has-medium-font-size"><strong><?php echo esc_html__( 'Product', 'iotix' ); ?></strong></h4>
+<h4 class="wp-block-heading has-medium-font-size"><?php esc_html_e( 'Product', 'iotix' ); ?></h4>
 <!-- /wp:heading -->
 
 <!-- wp:navigation {"overlayMenu":"never","align":"wide","layout":{"type":"flex","flexWrap":"wrap","orientation":"vertical"},"style":{"spacing":{"blockGap":"var:preset|spacing|20"}}} /--></div>
@@ -30,7 +30,7 @@
 
 <!-- wp:column {"verticalAlignment":"top"} -->
 <div class="wp-block-column is-vertically-aligned-top"><!-- wp:heading {"level":4,"fontSize":"medium"} -->
-<h4 class="wp-block-heading has-medium-font-size"><strong><?php echo esc_html__( 'Company', 'iotix' ); ?></strong></h4>
+<h4 class="wp-block-heading has-medium-font-size"><?php esc_html_e('Company', 'iotix'); ?></h4>
 <!-- /wp:heading -->
 
 <!-- wp:navigation {"overlayMenu":"never","align":"wide","layout":{"type":"flex","flexWrap":"wrap","orientation":"vertical"},"style":{"spacing":{"blockGap":"var:preset|spacing|20"}}} /--></div>
@@ -38,30 +38,31 @@
 
 <!-- wp:column {"verticalAlignment":"top"} -->
 <div class="wp-block-column is-vertically-aligned-top"><!-- wp:heading {"level":4,"fontSize":"medium"} -->
-<h4 class="wp-block-heading has-medium-font-size"><strong><?php echo esc_html__( 'Resources', 'iotix' ); ?></strong></h4>
+<h4 class="wp-block-heading has-medium-font-size"><?php esc_html_e('Resources', 'iotix'); ?></h4>
 <!-- /wp:heading -->
 
 <!-- wp:navigation {"overlayMenu":"never","align":"wide","layout":{"type":"flex","flexWrap":"wrap","orientation":"vertical"},"style":{"spacing":{"blockGap":"var:preset|spacing|20"}}} /--></div>
 <!-- /wp:column --></div>
-<!-- /wp:columns -->
+<!-- /wp:columns --></div>
+<!-- /wp:group -->
 
 <!-- wp:spacer {"height":"14vh"} -->
 <div style="height:14vh" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer -->
 
-<!-- wp:group {"align":"full","style":{"typography":{"fontSize":"0.8rem"},"spacing":{"blockGap":"0"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between","verticalAlignment":"top"}} -->
+<!-- wp:group {"align":"full","style":{"typography":{"fontSize":"0.8rem"},"spacing":{"blockGap":"20px"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"top"}} -->
 <div class="wp-block-group alignfull" style="font-size:0.8rem"><!-- wp:paragraph {"align":"left","style":{"typography":{"fontSize":"0.8rem"}}} -->
 <p class="has-text-align-left" style="font-size:0.8rem"><?php
-    /* Translators: WordPress link. */
-    $wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'adventurer' ) ) . '" rel="nofollow">WordPress</a>';
-    echo sprintf(
-        esc_html__( 'Designed with %1$s', 'adventurer' ),
-        $wordpress_link
-    );
+	/* Translators: WordPress link. */
+	$wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'iotix' ) ) . '" rel="nofollow">WordPress</a>';
+	echo sprintf(
+		esc_html__( 'Designed with %1$s', 'iotix' ),
+		$wordpress_link
+	);
 ?></p>
 <!-- /wp:paragraph -->
 
 <!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","orientation":"horizontal"},"style":{"spacing":{"blockGap":"var:preset|spacing|40"}}} /--></div>
 <!-- /wp:group --></div>
 <!-- /wp:group --></div>
-<!-- /wp:group -->
+<!-- /wp:group -->

+ 8 - 8
iotix/patterns/header-home.php

@@ -6,18 +6,18 @@
  * Inserter: no
  */
 ?>
-<!-- wp:cover {"url":"<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/Hero-Image.webp","id":9,"dimRatio":40,"overlayColor":"custom-cover-overlay","minHeight":100,"minHeightUnit":"vh","contentPosition":"center center","style":{"spacing":{"padding":{"right":"0vw","left":"0vw"}}}} -->
-<div class="wp-block-cover" style="padding-right:0vw;padding-left:0vw;min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-custom-cover-overlay-background-color has-background-dim-40 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-9" alt="" src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/Hero-Image.webp" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"constrained"}} -->
+<!-- wp:cover {"url":"<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/Hero-Image.webp","hasParallax":true,"dimRatio":40,"overlayColor":"custom-cover-overlay","isUserOverlayColor":true,"minHeight":100,"minHeightUnit":"vh","contentPosition":"center center","style":{"spacing":{"padding":{"right":"5vw","left":"5vw","top":"0px","bottom":"0px"}}}} -->
+<div class="wp-block-cover has-parallax" style="padding-top:0px;padding-right:5vw;padding-bottom:0px;padding-left:5vw;min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-custom-cover-overlay-background-color has-background-dim-40 has-background-dim"></span><div class="wp-block-cover__image-background has-parallax" style="background-position:50% 50%;background-image:url(<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/Hero-Image.webp)"></div><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"constrained"}} -->
 <div class="wp-block-group"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"var:preset|spacing|70"}},"dimensions":{"minHeight":"100vh"}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"space-between","justifyContent":"stretch"}} -->
-<div class="wp-block-group alignwide" style="min-height:100vh;padding-bottom:var(--wp--preset--spacing--70)"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","right":"0","bottom":"var:preset|spacing|60","left":"0"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
-<div class="wp-block-group alignwide" style="padding-top:var(--wp--preset--spacing--60);padding-right:0;padding-bottom:var(--wp--preset--spacing--60);padding-left:0"><!-- wp:site-title /-->
+<div class="wp-block-group alignwide" style="min-height:100vh;padding-bottom:var(--wp--preset--spacing--70)"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"40px","right":"0","bottom":"40px","left":"0"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
+<div class="wp-block-group alignwide" style="padding-top:40px;padding-right:0;padding-bottom:40px;padding-left:0"><!-- wp:site-title /-->
 
 <!-- wp:group {"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
 <div class="wp-block-group has-link-color" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:navigation {"overlayBackgroundColor":"primary","overlayTextColor":"tertiary"} /-->
 
 <!-- wp:buttons -->
 <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"background","textColor":"primary","className":"is-style-fill","fontSize":"small"} -->
-<div class="wp-block-button has-custom-font-size is-style-fill has-small-font-size"><a class="wp-block-button__link has-primary-color has-background-background-color has-text-color has-background wp-element-button"><?php echo esc_html__( 'Sign In', 'iotix' ); ?></a></div>
+<div class="wp-block-button has-custom-font-size is-style-fill has-small-font-size"><a class="wp-block-button__link has-primary-color has-background-background-color has-text-color has-background wp-element-button"><?php esc_html_e('Sign In', 'iotix');?></a></div>
 <!-- /wp:button --></div>
 <!-- /wp:buttons --></div>
 <!-- /wp:group --></div>
@@ -30,16 +30,16 @@
 
 <!-- wp:column {"width":"80%"} -->
 <div class="wp-block-column" style="flex-basis:80%"><!-- wp:heading {"textAlign":"center","align":"wide","style":{"spacing":{"margin":{"top":"0","right":"0","bottom":"0","left":"0"},"padding":{"bottom":"0","right":"0"}},"typography":{"fontSize":"3rem","lineHeight":"1"}}} -->
-<h2 class="wp-block-heading alignwide has-text-align-center" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-right:0;padding-bottom:0;font-size:3rem;line-height:1"><?php echo esc_html__( 'Machine learning for designers, made easy.', 'iotix' ); ?></h2>
+<h2 class="wp-block-heading alignwide has-text-align-center" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-right:0;padding-bottom:0;font-size:3rem;line-height:1"><?php esc_html_e('Machine learning for designers, made easy.', 'iotix');?></h2>
 <!-- /wp:heading -->
 
 <!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"0","right":"0","bottom":"0","left":"0"},"padding":{"right":"0vw","top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"fontSize":"medium"} -->
-<p class="has-text-align-center has-medium-font-size" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:var(--wp--preset--spacing--50);padding-right:0vw;padding-bottom:var(--wp--preset--spacing--50)"><?php echo esc_html__( 'Speed up your design process by creating realistic mockups with AI-driven content, all through the power of machine learning.', 'iotix' ); ?></p>
+<p class="has-text-align-center has-medium-font-size" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:var(--wp--preset--spacing--50);padding-right:0vw;padding-bottom:var(--wp--preset--spacing--50)"><?php esc_html_e('Speed up your design process by creating realistic mockups with AI-driven content, all through the power of machine learning.', 'iotix');?></p>
 <!-- /wp:paragraph -->
 
 <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
 <div class="wp-block-buttons"><!-- wp:button {"className":"is-style-fill"} -->
-<div class="wp-block-button is-style-fill"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'Get Started', 'iotix' ); ?></a></div>
+<div class="wp-block-button is-style-fill"><a class="wp-block-button__link wp-element-button"><?php esc_html_e('Get Started', 'iotix');?></a></div>
 <!-- /wp:button --></div>
 <!-- /wp:buttons --></div>
 <!-- /wp:column -->

+ 23 - 0
iotix/patterns/header.php

@@ -0,0 +1,23 @@
+<?php
+/**
+ * Title: header
+ * Slug: iotix/header
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+<!-- wp:group {"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|70","right":"5vw","left":"5vw"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="padding-right:5vw;padding-bottom:var(--wp--preset--spacing--70);padding-left:5vw"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"40px","right":"0","bottom":"40px","left":"0"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
+<div class="wp-block-group alignwide" style="padding-top:40px;padding-right:0;padding-bottom:40px;padding-left:0"><!-- wp:site-title /-->
+
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+<div class="wp-block-group" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:navigation {"layout":{"type":"flex","justifyContent":"left","orientation":"horizontal"}} /-->
+
+<!-- wp:buttons -->
+<div class="wp-block-buttons"><!-- wp:button {"fontSize":"small"} -->
+<div class="wp-block-button has-custom-font-size has-small-font-size"><a class="wp-block-button__link wp-element-button"><?php esc_html_e( 'Sign In', 'iotix' ); ?></a></div>
+<!-- /wp:button --></div>
+<!-- /wp:buttons --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->

+ 67 - 60
iotix/patterns/home.php

@@ -6,53 +6,54 @@
  * Inserter: no
  */
 ?>
+<!-- wp:template-part {"slug":"header-home","area":"header"} /-->
 
-<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|70","right":"var:preset|spacing|50","bottom":"var:preset|spacing|70","left":"var:preset|spacing|50"}}}} -->
-<div class="wp-block-group alignwide" style="padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--50)"><!-- wp:heading {"textAlign":"center"} -->
-<h2 class="wp-block-heading has-text-align-center"><?php echo esc_html__( 'Over 700 teams worldwide rely on Desaign', 'iotix' ); ?></h2>
+<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|70","right":"5vw","bottom":"var:preset|spacing|70","left":"5vw"}}}} -->
+<div class="wp-block-group alignwide" style="padding-top:var(--wp--preset--spacing--70);padding-right:5vw;padding-bottom:var(--wp--preset--spacing--70);padding-left:5vw"><!-- wp:heading {"textAlign":"center"} -->
+<h2 class="wp-block-heading has-text-align-center"><?php esc_html_e('Over 700 teams worldwide rely on Desaign', 'iotix');?></h2>
 <!-- /wp:heading -->
 
 <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center"}} -->
-<div class="wp-block-group alignwide" style="padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)"><!-- wp:image {"width":200,"sizeSlug":"full","linkDestination":"none"} -->
-<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/5c210-logo_1-1.png" alt="" width="200"/></figure>
+<div class="wp-block-group alignwide" style="padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)"><!-- wp:image {"width":"200px","sizeSlug":"full","linkDestination":"none"} -->
+<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/5c210-logo_1-1.png" alt="<?php esc_html_e('', 'iotix');?>" class="" style="width:200px"/></figure>
 <!-- /wp:image -->
 
-<!-- wp:image {"width":200,"sizeSlug":"full","linkDestination":"none"} -->
-<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/6d5df-logo_2.png" alt="" width="200"/></figure>
+<!-- wp:image {"width":"200px","sizeSlug":"full","linkDestination":"none"} -->
+<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/6d5df-logo_2.png" alt="<?php esc_html_e('', 'iotix');?>" class="" style="width:200px"/></figure>
 <!-- /wp:image -->
 
-<!-- wp:image {"width":200,"sizeSlug":"full","linkDestination":"none"} -->
-<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/85363-logo_3.png" alt="" width="200"/></figure>
+<!-- wp:image {"width":"200px","sizeSlug":"full","linkDestination":"none"} -->
+<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/85363-logo_3.png" alt="<?php esc_html_e('', 'iotix');?>" class="" style="width:200px"/></figure>
 <!-- /wp:image -->
 
-<!-- wp:image {"width":200,"sizeSlug":"full","linkDestination":"none"} -->
-<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/28ce4-logo_4-1.png" alt="" width="200"/></figure>
+<!-- wp:image {"width":"200px","sizeSlug":"full","linkDestination":"none"} -->
+<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/28ce4-logo_4-1.png" alt="<?php esc_html_e('', 'iotix');?>" class="" style="width:200px"/></figure>
 <!-- /wp:image -->
 
-<!-- wp:image {"width":200,"sizeSlug":"full","linkDestination":"none"} -->
-<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/d1cab-logo_5.png" alt="" width="200"/></figure>
+<!-- wp:image {"width":"200px","height":"auto","sizeSlug":"full","linkDestination":"none"} -->
+<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/d1cab-logo_5.png" alt="<?php esc_html_e('', 'iotix');?>" class="" style="width:200px;height:auto"/></figure>
 <!-- /wp:image --></div>
 <!-- /wp:group --></div>
 <!-- /wp:group -->
 
-<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
-<div class="wp-block-group alignwide"><!-- wp:columns {"align":"wide"} -->
+<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"right":"5vw","left":"5vw"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignwide" style="padding-right:5vw;padding-left:5vw"><!-- wp:columns {"align":"wide"} -->
 <div class="wp-block-columns alignwide"><!-- wp:column {"width":"50%","style":{"border":{"width":"0px","style":"none"}}} -->
 <div class="wp-block-column" style="border-style:none;border-width:0px;flex-basis:50%"><!-- wp:group {"style":{"border":{"radius":"30px"},"spacing":{"padding":{"top":"var:preset|spacing|70","right":"var:preset|spacing|70","bottom":"var:preset|spacing|70","left":"var:preset|spacing|70"}}},"backgroundColor":"tertiary","layout":{"type":"constrained"}} -->
 <div class="wp-block-group has-tertiary-background-color has-background" style="border-radius:30px;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:heading {"level":3} -->
-<h3 class="wp-block-heading"><strong><?php echo esc_html__( 'No Code Necessary', 'iotix' ); ?></strong></h3>
+<h3 class="wp-block-heading"><?php esc_html_e('No Code Necessary', 'iotix');?></h3>
 <!-- /wp:heading -->
 
 <!-- wp:paragraph -->
-<p><?php echo esc_html__( 'Not a programmer? Use our intuitive, designer-first UI.', 'iotix' ); ?></p>
+<p><?php esc_html_e('Not a programmer? Use our intuitive, designer-first UI.', 'iotix');?></p>
 <!-- /wp:paragraph -->
 
-<!-- wp:image {"sizeSlug":"large","linkDestination":"none","className":"is-style-default"} -->
-<figure class="wp-block-image size-large is-style-default"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/f24d9-column_1_image.webp" alt="" /></figure>
+<!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
+<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/f24d9-column_1_image.webp" alt="<?php esc_html_e('', 'iotix');?>" class=""/></figure>
 <!-- /wp:image -->
 
 <!-- wp:paragraph {"fontSize":"medium"} -->
-<p class="has-medium-font-size"><a href="https://iotixdemo.wordpress.com/"><?php echo esc_html__( 'Try a demo →', 'iotix' ); ?></a></p>
+<p class="has-medium-font-size"><a href="<?php echo esc_url('https://iotixdemo.wordpress.com/', 'iotix');?>"><?php esc_html_e('Try a demo →', 'iotix');?></a></p>
 <!-- /wp:paragraph --></div>
 <!-- /wp:group --></div>
 <!-- /wp:column -->
@@ -60,19 +61,19 @@
 <!-- wp:column {"width":"50%"} -->
 <div class="wp-block-column" style="flex-basis:50%"><!-- wp:group {"style":{"border":{"radius":"30px"},"spacing":{"padding":{"top":"var:preset|spacing|70","right":"var:preset|spacing|70","bottom":"var:preset|spacing|70","left":"var:preset|spacing|70"}}},"backgroundColor":"tertiary","layout":{"type":"constrained"}} -->
 <div class="wp-block-group has-tertiary-background-color has-background" style="border-radius:30px;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:heading {"level":3} -->
-<h3 class="wp-block-heading"><strong><?php echo esc_html__( 'Software Support', 'iotix' ); ?></strong></h3>
+<h3 class="wp-block-heading"><?php esc_html_e('Software Support', 'iotix');?></h3>
 <!-- /wp:heading -->
 
 <!-- wp:paragraph -->
-<p><?php echo esc_html__( 'Compatible with all of your favourite design programs.', 'iotix' ); ?></p>
+<p><?php esc_html_e('Compatible with all of your favourite design programs.', 'iotix');?></p>
 <!-- /wp:paragraph -->
 
-<!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
-<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/32721-column_2_image-1.webp" alt="" /></figure>
+<!-- wp:image {"sizeSlug":"large","linkDestination":"none"} -->
+<figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/32721-column_2_image-1.webp" alt="<?php esc_html_e('', 'iotix');?>" class=""/></figure>
 <!-- /wp:image -->
 
 <!-- wp:paragraph {"fontSize":"medium"} -->
-<p class="has-medium-font-size"><a href="https://iotixdemo.wordpress.com/"><?php echo esc_html__( 'See support programs →', 'iotix' ); ?></a></p>
+<p class="has-medium-font-size"><a href="<?php echo esc_url('https://iotixdemo.wordpress.com/', 'iotix');?>"><?php esc_html_e('See support programs →', 'iotix');?></a></p>
 <!-- /wp:paragraph --></div>
 <!-- /wp:group --></div>
 <!-- /wp:column --></div>
@@ -83,19 +84,19 @@
 <!-- /wp:spacer --></div>
 <!-- /wp:group -->
 
-<!-- wp:cover {"url":"<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/92de6-startup-hero-03.webp","dimRatio":80,"overlayColor":"custom-cover-overlay","align":"wide"} -->
-<div class="wp-block-cover alignwide"><span aria-hidden="true" class="wp-block-cover__background has-custom-cover-overlay-background-color has-background-dim-80 has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/92de6-startup-hero-03.webp" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"padding":{"top":"10rem","right":"0","bottom":"10rem","left":"0"}}},"layout":{"type":"constrained"}} -->
+<!-- wp:cover {"url":"<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/92de6-startup-hero-03.webp","dimRatio":80,"overlayColor":"custom-cover-overlay","isUserOverlayColor":true,"align":"wide","style":{"spacing":{"padding":{"right":"5vw","left":"5vw"}}},"layout":{"type":"default"}} -->
+<div class="wp-block-cover alignwide" style="padding-right:5vw;padding-left:5vw"><span aria-hidden="true" class="wp-block-cover__background has-custom-cover-overlay-background-color has-background-dim-80 has-background-dim"></span><img class="wp-block-cover__image-background " alt="<?php esc_html_e('', 'iotix');?>" src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/92de6-startup-hero-03.webp" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"padding":{"top":"10rem","right":"0","bottom":"10rem","left":"0"}}},"layout":{"type":"constrained"}} -->
 <div class="wp-block-group" style="padding-top:10rem;padding-right:0;padding-bottom:10rem;padding-left:0"><!-- wp:heading {"textAlign":"center","align":"wide"} -->
-<h2 class="wp-block-heading alignwide has-text-align-center"><?php echo esc_html__( 'Keep learning as you go.', 'iotix' ); ?></h2>
+<h2 class="wp-block-heading alignwide has-text-align-center"><?php esc_html_e('Keep learning as you go.', 'iotix');?></h2>
 <!-- /wp:heading -->
 
 <!-- wp:paragraph {"align":"center","fontSize":"medium"} -->
-<p class="has-text-align-center has-medium-font-size"><?php echo esc_html__( 'Want to be first in line to learn tips and tricks for supercharging your mockups with Desaign? There are many helpful resources in our blog.', 'iotix' ); ?></p>
+<p class="has-text-align-center has-medium-font-size"><?php esc_html_e('Want to be first in line to learn tips and tricks for supercharging your mockups with Desaign? There are many helpful resources in our blog.', 'iotix');?></p>
 <!-- /wp:paragraph -->
 
 <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
 <div class="wp-block-buttons"><!-- wp:button -->
-<div class="wp-block-button"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'Read Our Blog', 'iotix' ); ?></a></div>
+<div class="wp-block-button"><a class="wp-block-button__link wp-element-button"><?php esc_html_e('Read our blog', 'iotix');?></a></div>
 <!-- /wp:button --></div>
 <!-- /wp:buttons --></div>
 <!-- /wp:group --></div></div>
@@ -104,11 +105,11 @@
 <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"5.06rem","right":"5vw","bottom":"5.06rem","left":"5vw"},"blockGap":"0"}},"layout":{"type":"constrained"}} -->
 <div class="wp-block-group alignwide" style="padding-top:5.06rem;padding-right:5vw;padding-bottom:5.06rem;padding-left:5vw"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"constrained"}} -->
 <div class="wp-block-group alignwide"><!-- wp:heading {"textAlign":"center"} -->
-<h2 class="wp-block-heading has-text-align-center"><?php echo esc_html__( 'Our Pricing', 'iotix' ); ?></h2>
+<h2 class="wp-block-heading has-text-align-center"><?php esc_html_e('Our pricing', 'iotix');?></h2>
 <!-- /wp:heading -->
 
 <!-- wp:paragraph {"align":"center"} -->
-<p class="has-text-align-center"><?php echo esc_html__( 'Our pricing structure is built to be affordable for everyone from individual designers to teams.', 'iotix' ); ?></p>
+<p class="has-text-align-center"><?php esc_html_e('Our pricing structure is built to be affordable for everyone from individual designers to teams.', 'iotix');?></p>
 <!-- /wp:paragraph -->
 
 <!-- wp:spacer {"height":"20px"} -->
@@ -119,26 +120,26 @@
 <div class="wp-block-columns alignwide"><!-- wp:column {"width":"33.33%"} -->
 <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:group {"style":{"border":{"radius":"35px"},"spacing":{"padding":{"top":"var:preset|spacing|70","right":"var:preset|spacing|70","bottom":"var:preset|spacing|70","left":"var:preset|spacing|70"},"blockGap":"var:preset|spacing|50"}},"backgroundColor":"tertiary","layout":{"type":"constrained"},"fontSize":"medium"} -->
 <div class="wp-block-group has-tertiary-background-color has-background has-medium-font-size" style="border-radius:35px;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:group {"layout":{"type":"flex","orientation":"vertical"}} -->
-<div class="wp-block-group"><!-- wp:heading {"level":5,"fontSize":"small"} -->
-<h5 class="wp-block-heading has-small-font-size"><?php echo esc_html__( 'Intro', 'iotix' ); ?></h5>
+<div class="wp-block-group"><!-- wp:heading {"level":5,"style":{"typography":{"textTransform":"uppercase","fontSize":"0.8rem"}},"className":"border-radius: 200px;"} -->
+<h5 class="wp-block-heading border-radius: 200px;" style="font-size:0.8rem;text-transform:uppercase"><?php esc_html_e('Intro', 'iotix');?></h5>
 <!-- /wp:heading -->
 
 <!-- wp:heading -->
-<h2 class="wp-block-heading"><?php echo esc_html__( 'Free', 'iotix' ); ?></h2>
+<h2 class="wp-block-heading"><?php esc_html_e('Free', 'iotix');?></h2>
 <!-- /wp:heading --></div>
 <!-- /wp:group -->
 
 <!-- wp:paragraph -->
-<p><?php echo esc_html__( 'Good for trying out, or the occassional design project.', 'iotix' ); ?></p>
+<p><?php esc_html_e('Good for trying out, or the occassional design project.', 'iotix');?></p>
 <!-- /wp:paragraph -->
 
 <!-- wp:paragraph -->
-<p><?php echo esc_html__( '— Works with major design software', 'iotix' ); ?><br><?php echo esc_html__( '— One project per month', 'iotix' ); ?><br><?php echo esc_html__( '— Volunteer forum support', 'iotix' ); ?></p>
+<p><?php esc_html_e( '— Works with major design software', 'iotix' ); ?><br><?php esc_html_e( '— One project per month', 'iotix' ); ?><br><?php esc_html_e( '— Volunteer forum support', 'iotix' ); ?></p>
 <!-- /wp:paragraph -->
 
 <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
 <div class="wp-block-buttons"><!-- wp:button {"width":100} -->
-<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'Sign Up', 'iotix' ); ?></a></div>
+<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link wp-element-button"><?php esc_html_e('Sign Up', 'iotix');?></a></div>
 <!-- /wp:button --></div>
 <!-- /wp:buttons --></div>
 <!-- /wp:group --></div>
@@ -147,26 +148,26 @@
 <!-- wp:column {"width":"33.33%"} -->
 <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:group {"style":{"border":{"radius":"35px"},"spacing":{"padding":{"top":"var:preset|spacing|70","right":"var:preset|spacing|70","bottom":"var:preset|spacing|70","left":"var:preset|spacing|70"},"blockGap":"var:preset|spacing|50"}},"backgroundColor":"foreground","layout":{"type":"constrained"},"fontSize":"medium"} -->
 <div class="wp-block-group has-foreground-background-color has-background has-medium-font-size" style="border-radius:35px;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:group {"layout":{"type":"flex","orientation":"vertical"}} -->
-<div class="wp-block-group"><!-- wp:heading {"level":5,"textColor":"tertiary","fontSize":"small"} -->
-<h5 class="wp-block-heading has-tertiary-color has-text-color has-small-font-size"><?php echo esc_html__( 'Solo (Recommended)', 'iotix' ); ?></h5>
+<div class="wp-block-group"><!-- wp:heading {"level":5,"style":{"typography":{"textTransform":"uppercase","fontSize":"0.8rem"},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"textColor":"background","className":"border-radius: 200px;"} -->
+<h5 class="wp-block-heading border-radius: 200px; has-background-color has-text-color has-link-color" style="font-size:0.8rem;text-transform:uppercase"><?php esc_html_e('Solo (Recommended)', 'iotix');?></h5>
 <!-- /wp:heading -->
 
 <!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|tertiary"}}}},"textColor":"tertiary"} -->
-<h2 class="wp-block-heading has-tertiary-color has-text-color has-link-color"><?php echo esc_html__( '$25', 'iotix' ); ?></h2>
+<h2 class="wp-block-heading has-tertiary-color has-text-color has-link-color"><?php esc_html_e('$25', 'iotix');?></h2>
 <!-- /wp:heading --></div>
 <!-- /wp:group -->
 
 <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|tertiary"}}}},"textColor":"tertiary"} -->
-<p class="has-tertiary-color has-text-color has-link-color"><?php echo esc_html__( 'Great for the professional web or product designer.', 'iotix' ); ?></p>
+<p class="has-tertiary-color has-text-color has-link-color"><?php esc_html_e('Great for the professional web or product designer.', 'iotix');?></p>
 <!-- /wp:paragraph -->
 
 <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|tertiary"}}}},"textColor":"tertiary"} -->
-<p class="has-tertiary-color has-text-color has-link-color"><?php echo esc_html__( '— Works with major design software', 'iotix' ); ?><br><?php echo esc_html__( '— One project per month', 'iotix' ); ?><br><?php echo esc_html__( '— Volunteer forum support', 'iotix' ); ?></p>
+<p class="has-tertiary-color has-text-color has-link-color"><?php esc_html_e( '— Works with major design software', 'iotix' ); ?><br><?php esc_html_e( '— One project per month', 'iotix' ); ?><br><?php esc_html_e( '— Volunteer forum support', 'iotix' ); ?></p>
 <!-- /wp:paragraph -->
 
 <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"left"}} -->
 <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"background","textColor":"foreground","width":100,"className":"is-style-fill"} -->
-<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"><a class="wp-block-button__link has-foreground-color has-background-background-color has-text-color has-background wp-element-button"><?php echo esc_html__( 'Free 15 Day Trial', 'iotix' ); ?></a></div>
+<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"><a class="wp-block-button__link has-foreground-color has-background-background-color has-text-color has-background wp-element-button"><?php esc_html_e('Free 15 Day Trial', 'iotix');?></a></div>
 <!-- /wp:button --></div>
 <!-- /wp:buttons --></div>
 <!-- /wp:group --></div>
@@ -175,26 +176,26 @@
 <!-- wp:column {"width":"33.33%"} -->
 <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:group {"style":{"border":{"radius":"35px"},"spacing":{"padding":{"top":"var:preset|spacing|70","right":"var:preset|spacing|70","bottom":"var:preset|spacing|70","left":"var:preset|spacing|70"},"blockGap":"var:preset|spacing|50"}},"backgroundColor":"tertiary","layout":{"type":"constrained"},"fontSize":"medium"} -->
 <div class="wp-block-group has-tertiary-background-color has-background has-medium-font-size" style="border-radius:35px;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:group {"layout":{"type":"flex","orientation":"vertical"}} -->
-<div class="wp-block-group"><!-- wp:heading {"level":5,"fontSize":"small"} -->
-<h5 class="wp-block-heading has-small-font-size"><?php echo esc_html__( 'Teams', 'iotix' ); ?></h5>
+<div class="wp-block-group"><!-- wp:heading {"level":5,"style":{"typography":{"textTransform":"uppercase","fontSize":"0.8rem"}},"className":"border-radius: 200px;"} -->
+<h5 class="wp-block-heading border-radius: 200px;" style="font-size:0.8rem;text-transform:uppercase"><?php esc_html_e('Teams', 'iotix');?></h5>
 <!-- /wp:heading -->
 
 <!-- wp:heading -->
-<h2 class="wp-block-heading"><?php echo esc_html__( '$50', 'iotix' ); ?></h2>
+<h2 class="wp-block-heading"><?php esc_html_e('$50', 'iotix');?></h2>
 <!-- /wp:heading --></div>
 <!-- /wp:group -->
 
 <!-- wp:paragraph -->
-<p><?php echo esc_html__( 'Perfect for agencies and product teams.', 'iotix' ); ?></p>
+<p><?php esc_html_e('Perfect for agencies and product teams.', 'iotix');?></p>
 <!-- /wp:paragraph -->
 
 <!-- wp:paragraph -->
-<p><?php echo esc_html__( '— Works with major design software', 'iotix' ); ?><br><?php echo esc_html__( '— One project per month', 'iotix' ); ?><br><?php echo esc_html__( '— Volunteer forum support', 'iotix' ); ?></p>
+<p><?php esc_html_e( '— Works with major design software', 'iotix' ); ?><br><?php esc_html_e( '— One project per month', 'iotix' ); ?><br><?php esc_html_e( '— Volunteer forum support', 'iotix' ); ?></p>
 <!-- /wp:paragraph -->
 
 <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
 <div class="wp-block-buttons"><!-- wp:button {"width":100,"className":"aligncenter is-style-fill"} -->
-<div class="wp-block-button has-custom-width wp-block-button__width-100 aligncenter is-style-fill"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'Free 15 Day Trial', 'iotix' ); ?></a></div>
+<div class="wp-block-button has-custom-width wp-block-button__width-100 aligncenter is-style-fill"><a class="wp-block-button__link wp-element-button"><?php esc_html_e('Free 15 Day Trial', 'iotix');?></a></div>
 <!-- /wp:button --></div>
 <!-- /wp:buttons --></div>
 <!-- /wp:group --></div>
@@ -203,30 +204,36 @@
 <!-- /wp:group --></div>
 <!-- /wp:group -->
 
-<!-- wp:group {"align":"full","style":{"border":{"radius":"57px"}},"layout":{"type":"constrained"}} -->
-<div class="wp-block-group alignfull" style="border-radius:57px"><!-- wp:group {"align":"wide","style":{"border":{"radius":"30px"},"spacing":{"padding":{"top":"3.38rem","right":"5vw","bottom":"3.38rem","left":"5vw"}}},"backgroundColor":"primary","layout":{"type":"constrained"}} -->
-<div class="wp-block-group alignwide has-primary-background-color has-background" style="border-radius:30px;padding-top:3.38rem;padding-right:5vw;padding-bottom:3.38rem;padding-left:5vw"><!-- wp:columns {"align":"wide","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"blockGap":{"top":"var:preset|spacing|70","left":"var:preset|spacing|70"}}}} -->
+<!-- wp:group {"align":"full","style":{"border":{"radius":"57px"},"spacing":{"padding":{"right":"5vw","left":"5vw"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignfull" style="border-radius:57px;padding-right:5vw;padding-left:5vw"><!-- wp:group {"align":"wide","style":{"border":{"radius":"30px"},"spacing":{"padding":{"top":"4rem","right":"4rem","bottom":"4rem","left":"4rem"}}},"backgroundColor":"primary","layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignwide has-primary-background-color has-background" style="border-radius:30px;padding-top:4rem;padding-right:4rem;padding-bottom:4rem;padding-left:4rem"><!-- wp:columns {"align":"wide","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"blockGap":{"top":"var:preset|spacing|70","left":"var:preset|spacing|70"}}}} -->
 <div class="wp-block-columns alignwide" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:column -->
-<div class="wp-block-column"><!-- wp:image {"align":"wide","sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":"0px"}}} -->
-<figure class="wp-block-image alignwide size-large has-custom-border"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/a39e1-woman-developers-fvwlqxwz1p.webp" alt="" style="border-radius:0px"/></figure>
+<div class="wp-block-column"><!-- wp:image {"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"12px"}}} -->
+<figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/a39e1-woman-developers-fvwlqxwz1p.webp" alt="<?php esc_html_e('', 'iotix');?>" class="" style="border-radius:12px"/></figure>
 <!-- /wp:image --></div>
 <!-- /wp:column -->
 
 <!-- wp:column {"verticalAlignment":"center"} -->
-<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"level":3,"textColor":"background"} -->
-<h3 class="wp-block-heading has-background-color has-text-color"><strong><?php echo esc_html__( 'Join the community', 'iotix' ); ?></strong></h3>
+<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"style":{"spacing":{"blockGap":"1.6em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
+<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"0.6em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
+<div class="wp-block-group"><!-- wp:heading {"level":3,"textColor":"background"} -->
+<h3 class="wp-block-heading has-background-color has-text-color"><?php esc_html_e('Join the community', 'iotix');?></h3>
 <!-- /wp:heading -->
 
 <!-- wp:paragraph {"textColor":"background"} -->
-<p class="has-background-color has-text-color"><?php echo esc_html__( 'A caring designer community to share knowledge with.', 'iotix' ); ?></p>
-<!-- /wp:paragraph -->
+<p class="has-background-color has-text-color"><?php esc_html_e('A caring designer community to share knowledge with.', 'iotix');?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->
 
 <!-- wp:buttons -->
 <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"background","textColor":"primary"} -->
-<div class="wp-block-button"><a class="wp-block-button__link has-primary-color has-background-background-color has-text-color has-background wp-element-button"><?php echo esc_html__( 'Visit forums', 'iotix' ); ?></a></div>
+<div class="wp-block-button"><a class="wp-block-button__link has-primary-color has-background-background-color has-text-color has-background wp-element-button"><?php esc_html_e('Visit forums', 'iotix');?></a></div>
 <!-- /wp:button --></div>
 <!-- /wp:buttons --></div>
+<!-- /wp:group --></div>
 <!-- /wp:column --></div>
 <!-- /wp:columns --></div>
 <!-- /wp:group --></div>
 <!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","area":"footer"} /-->

+ 17 - 17
iotix/patterns/pricing-table.php

@@ -9,11 +9,11 @@
 <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|80","right":"var:preset|spacing|50","bottom":"var:preset|spacing|80","left":"var:preset|spacing|50"},"blockGap":"0"}},"layout":{"type":"constrained"}} -->
 <div class="wp-block-group alignwide" style="padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--50)"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"constrained"}} -->
 <div class="wp-block-group alignwide"><!-- wp:heading {"textAlign":"center"} -->
-<h2 class="wp-block-heading has-text-align-center"><?php echo esc_html__( 'Our Pricing', 'iotix' ); ?></h2>
+<h2 class="wp-block-heading has-text-align-center"><?php esc_html_e( 'Our Pricing', 'iotix' ); ?></h2>
 <!-- /wp:heading -->
 
 <!-- wp:paragraph {"align":"center"} -->
-<p class="has-text-align-center"><?php echo esc_html__( 'Our pricing structure is built to be affordable for everyone from individual designers to teams.', 'iotix' ); ?></p>
+<p class="has-text-align-center"><?php esc_html_e( 'Our pricing structure is built to be affordable for everyone from individual designers to teams.', 'iotix' ); ?></p>
 <!-- /wp:paragraph -->
 
 <!-- wp:spacer {"height":"20px"} -->
@@ -24,24 +24,24 @@
 <div class="wp-block-columns alignwide"><!-- wp:column {"width":"33.33%"} -->
 <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:group {"style":{"border":{"radius":"35px"},"spacing":{"padding":{"top":"var:preset|spacing|70","right":"var:preset|spacing|70","bottom":"var:preset|spacing|70","left":"var:preset|spacing|70"},"blockGap":"var:preset|spacing|50"}},"backgroundColor":"background","layout":{"type":"constrained"},"fontSize":"medium"} -->
 <div class="wp-block-group has-background-background-color has-background has-medium-font-size" style="border-radius:35px;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:heading {"level":5,"fontSize":"small"} -->
-<h5 class="wp-block-heading has-small-font-size"><?php echo esc_html__( 'Intro', 'iotix' ); ?></h5>
+<h5 class="wp-block-heading has-small-font-size"><?php esc_html_e( 'Intro', 'iotix' ); ?></h5>
 <!-- /wp:heading -->
 
 <!-- wp:heading -->
-<h2 class="wp-block-heading"><?php echo esc_html__( 'Free', 'iotix' ); ?></h2>
+<h2 class="wp-block-heading"><?php esc_html_e( 'Free', 'iotix' ); ?></h2>
 <!-- /wp:heading -->
 
 <!-- wp:paragraph {"fontSize":"medium"} -->
-<p class="has-medium-font-size"><?php echo esc_html__( 'Good for trying out, or the occassional design project.', 'iotix' ); ?></p>
+<p class="has-medium-font-size"><?php esc_html_e( 'Good for trying out, or the occassional design project.', 'iotix' ); ?></p>
 <!-- /wp:paragraph -->
 
 <!-- wp:paragraph {"fontSize":"medium"} -->
-<p class="has-medium-font-size"><?php echo esc_html__( '— Works with major design software', 'iotix' ); ?><br><?php echo esc_html__( '— One project per month', 'iotix' ); ?><br><?php echo esc_html__( '— Volunteer forum support', 'iotix' ); ?></p>
+<p class="has-medium-font-size"><?php esc_html_e( '— Works with major design software', 'iotix' ); ?><br><?php esc_html_e( '— One project per month', 'iotix' ); ?><br><?php esc_html_e( '— Volunteer forum support', 'iotix' ); ?></p>
 <!-- /wp:paragraph -->
 
 <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
 <div class="wp-block-buttons"><!-- wp:button {"width":100} -->
-<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'Sign Up', 'iotix' ); ?></a></div>
+<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link wp-element-button"><?php esc_html_e( 'Sign Up', 'iotix' ); ?></a></div>
 <!-- /wp:button --></div>
 <!-- /wp:buttons --></div>
 <!-- /wp:group --></div>
@@ -50,24 +50,24 @@
 <!-- wp:column {"width":"33.33%"} -->
 <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:group {"style":{"border":{"radius":"35px"},"spacing":{"padding":{"top":"var:preset|spacing|70","right":"var:preset|spacing|70","bottom":"var:preset|spacing|70","left":"var:preset|spacing|70"},"blockGap":"var:preset|spacing|50"}},"backgroundColor":"foreground","layout":{"type":"constrained"},"fontSize":"medium"} -->
 <div class="wp-block-group has-foreground-background-color has-background has-medium-font-size" style="border-radius:35px;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:heading {"level":5,"textColor":"tertiary","fontSize":"small"} -->
-<h5 class="wp-block-heading has-tertiary-color has-text-color has-small-font-size"><?php echo esc_html__( 'Solo (Recommended)', 'iotix' ); ?></h5>
+<h5 class="wp-block-heading has-tertiary-color has-text-color has-small-font-size"><?php esc_html_e( 'Solo (Recommended)', 'iotix' ); ?></h5>
 <!-- /wp:heading -->
 
 <!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|tertiary"}}}},"textColor":"tertiary"} -->
-<h2 class="wp-block-heading has-tertiary-color has-text-color has-link-color"><?php echo esc_html__( '$25', 'iotix' ); ?></h2>
+<h2 class="wp-block-heading has-tertiary-color has-text-color has-link-color"><?php esc_html_e( '$25', 'iotix' ); ?></h2>
 <!-- /wp:heading -->
 
 <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|tertiary"}}}},"textColor":"tertiary","fontSize":"medium"} -->
-<p class="has-tertiary-color has-text-color has-link-color has-medium-font-size"><?php echo esc_html__( 'Great for the professional web or product designer.', 'iotix' ); ?></p>
+<p class="has-tertiary-color has-text-color has-link-color has-medium-font-size"><?php esc_html_e( 'Great for the professional web or product designer.', 'iotix' ); ?></p>
 <!-- /wp:paragraph -->
 
 <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|tertiary"}}}},"textColor":"tertiary","fontSize":"medium"} -->
-<p class="has-tertiary-color has-text-color has-link-color has-medium-font-size"><?php echo esc_html__( '— Works with major design software', 'iotix' ); ?><br><?php echo esc_html__( '— One project per month', 'iotix' ); ?><br><?php echo esc_html__( '— Volunteer forum support', 'iotix' ); ?></p>
+<p class="has-tertiary-color has-text-color has-link-color has-medium-font-size"><?php esc_html_e( '— Works with major design software', 'iotix' ); ?><br><?php esc_html_e( '— One project per month', 'iotix' ); ?><br><?php esc_html_e( '— Volunteer forum support', 'iotix' ); ?></p>
 <!-- /wp:paragraph -->
 
 <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"left"}} -->
 <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"background","textColor":"foreground","width":100,"className":"is-style-fill"} -->
-<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"><a class="wp-block-button__link has-foreground-color has-background-background-color has-text-color has-background wp-element-button"><?php echo esc_html__( 'Free 15 Day Trial', 'iotix' ); ?></a></div>
+<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"><a class="wp-block-button__link has-foreground-color has-background-background-color has-text-color has-background wp-element-button"><?php esc_html_e( 'Free 15 Day Trial', 'iotix' ); ?></a></div>
 <!-- /wp:button --></div>
 <!-- /wp:buttons --></div>
 <!-- /wp:group --></div>
@@ -76,24 +76,24 @@
 <!-- wp:column {"width":"33.33%"} -->
 <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:group {"style":{"border":{"radius":"35px"},"spacing":{"padding":{"top":"var:preset|spacing|70","right":"var:preset|spacing|70","bottom":"var:preset|spacing|70","left":"var:preset|spacing|70"},"blockGap":"var:preset|spacing|50"}},"backgroundColor":"background","layout":{"type":"constrained"},"fontSize":"medium"} -->
 <div class="wp-block-group has-background-background-color has-background has-medium-font-size" style="border-radius:35px;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:heading {"level":5,"fontSize":"small"} -->
-<h5 class="wp-block-heading has-small-font-size"><?php echo esc_html__( 'Teams', 'iotix' ); ?></h5>
+<h5 class="wp-block-heading has-small-font-size"><?php esc_html_e( 'Teams', 'iotix' ); ?></h5>
 <!-- /wp:heading -->
 
 <!-- wp:heading -->
-<h2 class="wp-block-heading"><?php echo esc_html__( '$50', 'iotix' ); ?></h2>
+<h2 class="wp-block-heading"><?php esc_html_e( '$50', 'iotix' ); ?></h2>
 <!-- /wp:heading -->
 
 <!-- wp:paragraph {"fontSize":"medium"} -->
-<p class="has-medium-font-size"><?php echo esc_html__( 'Perfect for agencies and product teams.', 'iotix' ); ?></p>
+<p class="has-medium-font-size"><?php esc_html_e( 'Perfect for agencies and product teams.', 'iotix' ); ?></p>
 <!-- /wp:paragraph -->
 
 <!-- wp:paragraph {"fontSize":"medium"} -->
-<p class="has-medium-font-size"><?php echo esc_html__( '— Works with major design software', 'iotix' ); ?><br><?php echo esc_html__( '— One project per month', 'iotix' ); ?><br><?php echo esc_html__( '— Volunteer forum support', 'iotix' ); ?></p>
+<p class="has-medium-font-size"><?php esc_html_e( '— Works with major design software', 'iotix' ); ?><br><?php esc_html_e( '— One project per month', 'iotix' ); ?><br><?php esc_html_e( '— Volunteer forum support', 'iotix' ); ?></p>
 <!-- /wp:paragraph -->
 
 <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
 <div class="wp-block-buttons"><!-- wp:button {"width":100,"className":"aligncenter is-style-fill"} -->
-<div class="wp-block-button has-custom-width wp-block-button__width-100 aligncenter is-style-fill"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'Free 15 Day Trial', 'iotix' ); ?></a></div>
+<div class="wp-block-button has-custom-width wp-block-button__width-100 aligncenter is-style-fill"><a class="wp-block-button__link wp-element-button"><?php esc_html_e( 'Free 15 Day Trial', 'iotix' ); ?></a></div>
 <!-- /wp:button --></div>
 <!-- /wp:buttons --></div>
 <!-- /wp:group --></div>

+ 69 - 0
iotix/patterns/search.php

@@ -0,0 +1,69 @@
+<?php
+/**
+ * Title: search
+ * Slug: iotix/search
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
+
+<!-- wp:group {"layout":{"inherit":true,"type":"constrained"}} -->
+<div class="wp-block-group"><!-- wp:spacer {"height":"40px"} -->
+<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer --></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"style":{"spacing":{"padding":{"right":"5vw","left":"5vw"}}},"layout":{"type":"default"}} -->
+<div class="wp-block-group" style="padding-right:5vw;padding-left:5vw"><!-- wp:query {"queryId":38,"query":{"perPage":15,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":true},"layout":{"type":"default"}} -->
+<div class="wp-block-query"><!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignwide"><!-- wp:query-title {"type":"search","align":"wide","style":{"spacing":{"padding":{"bottom":"20px"}}},"fontSize":"x-large"} /-->
+
+<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
+<div class="wp-block-group alignwide"><!-- wp:search {"showLabel":false,"placeholder":"<?php esc_html_e( 'Search...', 'iotix'); ?>","widthUnit":"%","buttonText":"<?php esc_html_e( 'Search', 'iotix'); ?>","style":{"border":{"radius":"100px"}},"backgroundColor":"foreground"} /-->
+
+<!-- wp:spacer {"height":"40px"} -->
+<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
+
+<!-- wp:query-no-results -->
+<!-- wp:paragraph -->
+<p><?php esc_html_e('Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'iotix');?></p>
+<!-- /wp:paragraph -->
+<!-- /wp:query-no-results -->
+
+<!-- wp:spacer -->
+<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:group {"layout":{"type":"constrained"}} -->
+<div class="wp-block-group"><!-- wp:post-template {"align":"wide","layout":{"type":"grid","columnCount":2}} -->
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|70","right":"var:preset|spacing|70","bottom":"var:preset|spacing|70","left":"var:preset|spacing|70"}},"border":{"radius":"30px"}},"backgroundColor":"tertiary","layout":{"type":"default"}} -->
+<div class="wp-block-group has-tertiary-background-color has-background" style="border-radius:30px;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:post-featured-image {"isLink":true,"aspectRatio":"4/3","style":{"border":{"radius":"0px"}}} /-->
+
+<!-- wp:post-title {"isLink":true,"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}}} /-->
+
+<!-- wp:post-excerpt {"moreText":"<?php esc_html_e( 'Read article →', 'iotix'); ?>"} /-->
+
+<!-- wp:spacer {"height":"40px"} -->
+<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer --></div>
+<!-- /wp:group -->
+<!-- /wp:post-template --></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"fontSize":"medium","layout":{"inherit":true,"type":"constrained"}} -->
+<div class="wp-block-group alignwide has-medium-font-size" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:query-pagination {"align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} -->
+<!-- wp:query-pagination-previous /-->
+
+<!-- wp:query-pagination-numbers /-->
+
+<!-- wp:query-pagination-next /-->
+<!-- /wp:query-pagination --></div>
+<!-- /wp:group --></div>
+<!-- /wp:query -->
+
+<!-- wp:template-part {"slug":"footer","tagName":"footer"} /--></div>
+<!-- /wp:group -->

+ 87 - 0
iotix/patterns/single.php

@@ -0,0 +1,87 @@
+<?php
+/**
+ * Title: single
+ * Slug: iotix/single
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
+
+<!-- wp:group {"tagName":"main","lock":{"move":false,"remove":true},"style":{"spacing":{"padding":{"right":"5vw","left":"5vw"}}},"layout":{"type":"constrained"}} -->
+<main class="wp-block-group" style="padding-right:5vw;padding-left:5vw"><!-- wp:template-part {"slug":"post-meta","area":"uncategorized"} /-->
+
+<!-- wp:post-featured-image {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}}} /--></main>
+<!-- /wp:group -->
+
+<!-- wp:post-content {"lock":{"move":false,"remove":false},"align":"full","layout":{"type":"constrained"}} /-->
+
+<!-- wp:group {"style":{"spacing":{"padding":{"right":"5vw","left":"5vw"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="padding-right:5vw;padding-left:5vw"><!-- wp:spacer {"height":"30px"} -->
+<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+<div class="wp-block-group"><!-- wp:avatar {"size":40,"style":{"border":{"radius":"20px"}}} /-->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"0.22rem"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+<div class="wp-block-group"><!-- wp:paragraph {"fontSize":"small"} -->
+<p class="has-small-font-size"><?php esc_html_e('Posted by', 'iotix'); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:post-author-name {"isLink":true,"fontSize":"small"} /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
+
+<!-- wp:spacer {"height":"80px"} -->
+<div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:comments {"className":"wp-block-comments-query-loop "} -->
+<div class="wp-block-comments wp-block-comments-query-loop"><!-- wp:comments-title /-->
+
+<!-- wp:comment-template -->
+<!-- wp:columns -->
+<div class="wp-block-columns"><!-- wp:column {"width":"20px"} -->
+<div class="wp-block-column" style="flex-basis:20px"></div>
+<!-- /wp:column -->
+
+<!-- wp:column -->
+<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"blockGap":"10px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+<div class="wp-block-group"><!-- wp:avatar {"size":40,"style":{"border":{"radius":"20px"},"spacing":{"margin":{"top":"10px"}}}} /-->
+
+<!-- wp:group -->
+<div class="wp-block-group"><!-- wp:comment-author-name /-->
+
+<!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"0.5em"}},"layout":{"type":"flex"}} -->
+<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px"><!-- wp:comment-date {"format":"F j, Y \\a\\t g:i a","isLink":false} /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
+
+<!-- wp:comment-content /-->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"0.4em"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+<div class="wp-block-group"><!-- wp:comment-edit-link /-->
+
+<!-- wp:comment-reply-link /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->
+<!-- /wp:comment-template -->
+
+<!-- wp:comments-pagination {"layout":{"type":"flex","justifyContent":"space-between"}} -->
+<!-- wp:comments-pagination-previous {"label":"<?php esc_html_e( 'Show Newer', 'iotix'); ?>"} /-->
+
+<!-- wp:comments-pagination-next {"label":"<?php esc_html_e( 'Show Older', 'iotix'); ?>"} /-->
+<!-- /wp:comments-pagination -->
+
+<!-- wp:post-comments-form /--></div>
+<!-- /wp:comments -->
+
+<!-- wp:spacer -->
+<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer --></div>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

+ 13 - 13
iotix/patterns/startup.php

@@ -9,7 +9,7 @@
 
 <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|70","right":"var:preset|spacing|50","bottom":"var:preset|spacing|70","left":"var:preset|spacing|50"}}}} -->
 <div class="wp-block-group alignwide" style="padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--50)"><!-- wp:heading {"textAlign":"center","textColor":"primary"} -->
-<h2 class="wp-block-heading has-text-align-center has-primary-color has-text-color"><?php echo esc_html__( 'Over 700 teams worldwide rely on Desaign', 'iotix' ); ?></h2>
+<h2 class="wp-block-heading has-text-align-center has-primary-color has-text-color"><?php esc_html_e( 'Over 700 teams worldwide rely on Desaign', 'iotix' ); ?></h2>
 <!-- /wp:heading -->
 
 <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center"}} -->
@@ -40,11 +40,11 @@
 <div class="wp-block-columns alignwide"><!-- wp:column {"width":"50%","style":{"border":{"width":"0px","style":"none"}}} -->
 <div class="wp-block-column" style="border-style:none;border-width:0px;flex-basis:50%"><!-- wp:group {"style":{"border":{"radius":"30px"},"spacing":{"padding":{"top":"var:preset|spacing|70","right":"var:preset|spacing|70","bottom":"var:preset|spacing|70","left":"var:preset|spacing|70"}}},"backgroundColor":"background","layout":{"type":"constrained"}} -->
 <div class="wp-block-group has-background-background-color has-background" style="border-radius:30px;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:heading -->
-<h2 class="wp-block-heading"><strong><?php echo esc_html__( 'No Code Necessary', 'iotix' ); ?></strong></h2>
+<h2 class="wp-block-heading"><strong><?php esc_html_e( 'No Code Necessary', 'iotix' ); ?></strong></h2>
 <!-- /wp:heading -->
 
 <!-- wp:paragraph {"fontSize":"medium"} -->
-<p class="has-medium-font-size"><?php echo esc_html__( 'Not a programmer? Use our intuitive, designer-first UI.', 'iotix' ); ?></p>
+<p class="has-medium-font-size"><?php esc_html_e( 'Not a programmer? Use our intuitive, designer-first UI.', 'iotix' ); ?></p>
 <!-- /wp:paragraph -->
 
 <!-- wp:image {"sizeSlug":"large","linkDestination":"none","className":"is-style-default"} -->
@@ -52,7 +52,7 @@
 <!-- /wp:image -->
 
 <!-- wp:paragraph {"fontSize":"medium"} -->
-<p class="has-medium-font-size"><a href="https://iotixdemo.wordpress.com/"><?php echo esc_html__( 'Try a demo →', 'iotix' ); ?></a></p>
+<p class="has-medium-font-size"><a href="<?php echo esc_url('https://iotixdemo.wordpress.com/', 'iotix');?>"><?php esc_html_e( 'Try a demo →', 'iotix' ); ?></a></p>
 <!-- /wp:paragraph --></div>
 <!-- /wp:group --></div>
 <!-- /wp:column -->
@@ -60,11 +60,11 @@
 <!-- wp:column {"width":"50%"} -->
 <div class="wp-block-column" style="flex-basis:50%"><!-- wp:group {"style":{"border":{"radius":"30px"},"spacing":{"padding":{"top":"var:preset|spacing|70","right":"var:preset|spacing|70","bottom":"var:preset|spacing|70","left":"var:preset|spacing|70"}}},"backgroundColor":"background","layout":{"type":"constrained"}} -->
 <div class="wp-block-group has-background-background-color has-background" style="border-radius:30px;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:heading -->
-<h2 class="wp-block-heading"><strong><?php echo esc_html__( 'Software Support', 'iotix' ); ?></strong></h2>
+<h2 class="wp-block-heading"><strong><?php esc_html_e( 'Software Support', 'iotix' ); ?></strong></h2>
 <!-- /wp:heading -->
 
 <!-- wp:paragraph {"fontSize":"medium"} -->
-<p class="has-medium-font-size"><?php echo esc_html__( 'Compatible with all of your favourite design programs.', 'iotix' ); ?></p>
+<p class="has-medium-font-size"><?php esc_html_e( 'Compatible with all of your favourite design programs.', 'iotix' ); ?></p>
 <!-- /wp:paragraph -->
 
 <!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
@@ -72,7 +72,7 @@
 <!-- /wp:image -->
 
 <!-- wp:paragraph {"fontSize":"medium"} -->
-<p class="has-medium-font-size"><a href="https://iotixdemo.wordpress.com/"><?php echo esc_html__( 'See support programs →', 'iotix' ); ?></a></p>
+<p class="has-medium-font-size"><a href="<?php echo esc_url('https://iotixdemo.wordpress.com/', 'iotix');?>"><?php esc_html_e( 'See support programs →', 'iotix' ); ?></a></p>
 <!-- /wp:paragraph --></div>
 <!-- /wp:group --></div>
 <!-- /wp:column --></div>
@@ -86,16 +86,16 @@
 <!-- wp:cover {"url":"<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/92de6-startup-hero-03.webp","dimRatio":80,"overlayColor":"primary","align":"wide"} -->
 <div class="wp-block-cover alignwide"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-80 has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/92de6-startup-hero-03.webp" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"padding":{"top":"10rem","right":"0","bottom":"10rem","left":"0"}}},"layout":{"type":"constrained"}} -->
 <div class="wp-block-group" style="padding-top:10rem;padding-right:0;padding-bottom:10rem;padding-left:0"><!-- wp:heading {"textAlign":"center","align":"wide","textColor":"tertiary"} -->
-<h2 class="wp-block-heading alignwide has-text-align-center has-tertiary-color has-text-color"><?php echo esc_html__( 'Keep learning as you go.', 'iotix' ); ?></h2>
+<h2 class="wp-block-heading alignwide has-text-align-center has-tertiary-color has-text-color"><?php esc_html_e( 'Keep learning as you go.', 'iotix' ); ?></h2>
 <!-- /wp:heading -->
 
 <!-- wp:paragraph {"align":"center","textColor":"background","fontSize":"medium"} -->
-<p class="has-text-align-center has-background-color has-text-color has-medium-font-size"><?php echo esc_html__( 'Want to be first in line to learn tips and tricks for supercharging your mockups with Desaign? There are many helpful resources in our blog.', 'iotix' ); ?></p>
+<p class="has-text-align-center has-background-color has-text-color has-medium-font-size"><?php esc_html_e( 'Want to be first in line to learn tips and tricks for supercharging your mockups with Desaign? There are many helpful resources in our blog.', 'iotix' ); ?></p>
 <!-- /wp:paragraph -->
 
 <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
 <div class="wp-block-buttons"><!-- wp:button -->
-<div class="wp-block-button"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'Read Our Blog', 'iotix' ); ?></a></div>
+<div class="wp-block-button"><a class="wp-block-button__link wp-element-button"><?php esc_html_e( 'Read Our Blog', 'iotix' ); ?></a></div>
 <!-- /wp:button --></div>
 <!-- /wp:buttons --></div>
 <!-- /wp:group --></div></div>
@@ -114,16 +114,16 @@
 
 <!-- wp:column {"verticalAlignment":"center"} -->
 <div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"textColor":"tertiary","fontSize":"large"} -->
-<h2 class="wp-block-heading has-tertiary-color has-text-color has-large-font-size"><strong><?php echo esc_html__( 'Join the community', 'iotix' ); ?></strong></h2>
+<h2 class="wp-block-heading has-tertiary-color has-text-color has-large-font-size"><strong><?php esc_html_e( 'Join the community', 'iotix' ); ?></strong></h2>
 <!-- /wp:heading -->
 
 <!-- wp:paragraph {"textColor":"background","fontSize":"medium"} -->
-<p class="has-background-color has-text-color has-medium-font-size"><?php echo esc_html__( 'A caring designer community to share knowledge with.', 'iotix' ); ?></p>
+<p class="has-background-color has-text-color has-medium-font-size"><?php esc_html_e( 'A caring designer community to share knowledge with.', 'iotix' ); ?></p>
 <!-- /wp:paragraph -->
 
 <!-- wp:buttons -->
 <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"background","textColor":"foreground","fontSize":"medium"} -->
-<div class="wp-block-button has-custom-font-size has-medium-font-size"><a class="wp-block-button__link has-foreground-color has-background-background-color has-text-color has-background wp-element-button"><?php echo esc_html__( 'Visit forums', 'iotix' ); ?></a></div>
+<div class="wp-block-button has-custom-font-size has-medium-font-size"><a class="wp-block-button__link has-foreground-color has-background-background-color has-text-color has-background wp-element-button"><?php esc_html_e( 'Visit forums', 'iotix' ); ?></a></div>
 <!-- /wp:button --></div>
 <!-- /wp:buttons --></div>
 <!-- /wp:column --></div>

+ 1 - 1
iotix/readme.txt

@@ -87,7 +87,7 @@ Used in "Startup" pattern.
 
 3D Rendering of Devices
 License: CC0 Public domain
-Source: Felipe Varela (@keoshi) 
+Source: Created by Filipe Varela (@keoshi) and are released under the CC0 license
 Used in "Startup" pattern.
 
 Manrope Font

BIN
iotix/screenshot.png


+ 11 - 4
iotix/style.css

@@ -3,7 +3,7 @@ Theme Name: Iotix
 Theme URI: https://wordpress.com/themes/iotix
 Author: Automattic
 Author URI: https://automattic.com/
-Description: Iotix provides a great starting point for creating a business or startup website. 
+Description: Iotix provides a great starting point for creating a business or startup website.
 Requires at least: 5.8
 Tested up to: 6.2
 Requires PHP: 5.7
@@ -27,6 +27,13 @@ body {
  * https://github.com/WordPress/gutenberg/issues/42319
  */
 a {
-	text-decoration-thickness: 0.0625em !important;
-	text-underline-offset: 0.15em;
-}
+	text-decoration-thickness: 0.5px !important;
+	text-underline-offset: .1em;
+}
+
+/*
+ * Default headings within dark cover blocks to white text.
+ */
+.wp-block-cover:not(.has-text-color, .is-light) .wp-block-heading:not(.has-text-color) {
+	color: var(--wp--preset--color--white);
+}

+ 0 - 4
iotix/templates/404.html

@@ -1,5 +1 @@
-<!-- wp:template-part {"slug":"header","area":"header"} /-->
-
 <!-- wp:pattern {"slug":"iotix/404"} /-->
-
-<!-- wp:template-part {"slug":"footer","area":"footer"} /-->

+ 10 - 6
iotix/templates/archive.html

@@ -1,14 +1,18 @@
 <!-- wp:template-part {"slug":"header","tagName":"header"} /-->
 
-<!-- wp:query {"queryId":38,"query":{"perPage":6,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":true},"layout":{"type":"default"}} -->
-<div class="wp-block-query"><!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
-<div class="wp-block-group alignwide"><!-- wp:query-title {"type":"archive","align":"wide","style":{"spacing":{"margin":{"bottom":"100px"}}}} /--></div>
+<!-- wp:query {"queryId":38,"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":true},"layout":{"type":"default"}} -->
+<div class="wp-block-query"><!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"bottom":"40px"},"padding":{"right":"5vw","left":"5vw"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignwide" style="margin-bottom:40px;padding-right:5vw;padding-left:5vw"><!-- wp:query-title {"type":"archive","align":"wide"} /-->
+
+<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
+<div class="wp-block-group alignwide"><!-- wp:term-description /--></div>
+<!-- /wp:group --></div>
 <!-- /wp:group -->
 
-<!-- wp:group {"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:post-template {"align":"wide","layout":{"type":"grid","columnCount":2}} -->
+<!-- wp:group {"style":{"spacing":{"padding":{"right":"5vw","left":"5vw"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="padding-right:5vw;padding-left:5vw"><!-- wp:post-template {"align":"wide","style":{"spacing":{"blockGap":"2.4em"}},"layout":{"type":"grid","columnCount":2}} -->
 <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|70","right":"var:preset|spacing|70","bottom":"var:preset|spacing|70","left":"var:preset|spacing|70"}},"border":{"radius":"30px"}},"backgroundColor":"tertiary"} -->
-<div class="wp-block-group has-tertiary-background-color has-background" style="border-radius:30px;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:post-featured-image {"isLink":true,"style":{"border":{"radius":"0px"}}} /-->
+<div class="wp-block-group has-tertiary-background-color has-background" style="border-radius:30px;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:post-featured-image {"isLink":true,"aspectRatio":"4/3","style":{"border":{"radius":"0px"}}} /-->
 
 <!-- wp:post-title {"isLink":true,"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}}} /-->
 

+ 1 - 5
iotix/templates/home.html

@@ -1,5 +1 @@
-<!-- wp:template-part {"slug":"header-home","area":"header"} /-->
-
-<!-- wp:pattern {"slug":"iotix/home"} /-->
-
-<!-- wp:template-part {"slug":"footer","area":"footer"} /-->
+<!-- wp:pattern {"slug":"iotix/home"} /-->

+ 1 - 1
iotix/templates/index.html

@@ -3,7 +3,7 @@
 <!-- wp:query {"queryId":0,"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"taxQuery":null,"parents":[]},"tagName":"main","layout":{"contentSize":null,"type":"constrained"}} -->
 <main class="wp-block-query"><!-- wp:post-template {"align":"wide","layout":{"type":"grid","columnCount":2}} -->
 <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|70","right":"var:preset|spacing|70","bottom":"var:preset|spacing|70","left":"var:preset|spacing|70"}},"border":{"radius":"30px"}},"backgroundColor":"tertiary"} -->
-<div class="wp-block-group has-tertiary-background-color has-background" style="border-radius:30px;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:post-featured-image {"isLink":true,"style":{"border":{"radius":"0px"}}} /-->
+<div class="wp-block-group has-tertiary-background-color has-background" style="border-radius:30px;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:post-featured-image {"isLink":true,"aspectRatio":"4/3","style":{"border":{"radius":"0px"}}} /-->
 
 <!-- wp:post-title {"isLink":true,"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}}} /-->
 

+ 7 - 7
iotix/templates/page.html

@@ -1,8 +1,8 @@
 <!-- wp:template-part {"slug":"header","tagName":"header"} /-->
 
-<!-- wp:group {"tagName":"main","lock":{"move":false,"remove":false},"style":{"spacing":{"blockGap":"var:preset|spacing|50"}},"layout":{"type":"default"}} -->
-<main class="wp-block-group"><!-- wp:group {"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:post-featured-image {"align":"wide"} /-->
+<!-- wp:group {"tagName":"main","lock":{"move":false,"remove":false},"style":{"spacing":{"blockGap":"var:preset|spacing|50","padding":{"right":"5vw","left":"5vw"}}},"layout":{"type":"default"}} -->
+<main class="wp-block-group" style="padding-right:5vw;padding-left:5vw"><!-- wp:group {"layout":{"type":"constrained"}} -->
+<div class="wp-block-group"><!-- wp:post-featured-image /-->
 
 <!-- wp:post-title {"level":1,"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"fontSize":"x-large"} /--></div>
 <!-- /wp:group --></main>
@@ -10,10 +10,10 @@
 
 <!-- wp:post-content {"lock":{"move":false,"remove":false},"layout":{"type":"constrained"}} /-->
 
-<!-- wp:group {"layout":{"type":"default"}} -->
-<div class="wp-block-group"><!-- wp:spacer {"height":"200px"} -->
-<div style="height:200px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- wp:spacer {"height":"80px"} -->
+<div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer -->
 
-<!-- wp:template-part {"slug":"footer","tagName":"footer"} /--></div>
+<!-- wp:group {"layout":{"type":"default"}} -->
+<div class="wp-block-group"><!-- wp:template-part {"slug":"footer","tagName":"footer"} /--></div>
 <!-- /wp:group -->

+ 1 - 57
iotix/templates/search.html

@@ -1,57 +1 @@
-<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
-
-<!-- wp:group {"layout":{"inherit":true,"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:spacer {"height":"40px"} -->
-<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
-<!-- /wp:spacer --></div>
-<!-- /wp:group -->
-
-<!-- wp:query {"queryId":38,"query":{"perPage":6,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":true},"layout":{"type":"default"}} -->
-<div class="wp-block-query"><!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
-<div class="wp-block-group alignwide"><!-- wp:query-title {"type":"search","align":"wide","style":{"spacing":{"padding":{"bottom":"50px"}}}} /-->
-
-<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
-<div class="wp-block-group alignwide"><!-- wp:search {"showLabel":false,"widthUnit":"%","align":"left","style":{"border":{"radius":"100px"}},"backgroundColor":"foreground"} /--></div>
-<!-- /wp:group --></div>
-<!-- /wp:group -->
-
-<!-- wp:query-no-results -->
-<!-- wp:group {"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:paragraph -->
-<p>Sorry, but nothing matched your search terms. Please try again with some different keywords.</p>
-<!-- /wp:paragraph --></div>
-<!-- /wp:group -->
-<!-- /wp:query-no-results -->
-
-<!-- wp:spacer -->
-<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
-<!-- /wp:spacer -->
-
-<!-- wp:group {"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:post-template {"align":"wide","layout":{"type":"grid","columnCount":2}} -->
-<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|70","right":"var:preset|spacing|70","bottom":"var:preset|spacing|70","left":"var:preset|spacing|70"}},"border":{"radius":"30px"}},"backgroundColor":"tertiary","layout":{"type":"default"}} -->
-<div class="wp-block-group has-tertiary-background-color has-background" style="border-radius:30px;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:post-featured-image {"isLink":true,"style":{"border":{"radius":"0px"}}} /-->
-
-<!-- wp:post-title {"isLink":true,"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}}} /-->
-
-<!-- wp:post-excerpt {"moreText":"Read article →"} /-->
-
-<!-- wp:spacer {"height":"40px"} -->
-<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
-<!-- /wp:spacer --></div>
-<!-- /wp:group -->
-<!-- /wp:post-template --></div>
-<!-- /wp:group -->
-
-<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"inherit":true,"type":"constrained"},"fontSize":"medium"} -->
-<div class="wp-block-group alignwide has-medium-font-size" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:query-pagination {"align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} -->
-<!-- wp:query-pagination-previous /-->
-
-<!-- wp:query-pagination-numbers /-->
-
-<!-- wp:query-pagination-next /-->
-<!-- /wp:query-pagination --></div>
-<!-- /wp:group --></div>
-<!-- /wp:query -->
-
-<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->
+<!-- wp:pattern {"slug":"iotix/search"} /-->

+ 1 - 77
iotix/templates/single.html

@@ -1,77 +1 @@
-<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
-
-<!-- wp:group {"tagName":"main","lock":{"move":false,"remove":true},"layout":{"type":"constrained"}} -->
-<main class="wp-block-group"><!-- wp:template-part {"slug":"post-meta","area":"uncategorized"} /-->
-
-<!-- wp:post-featured-image {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}}} /--></main>
-<!-- /wp:group -->
-
-<!-- wp:post-content {"lock":{"move":false,"remove":false},"align":"full","layout":{"type":"constrained"}} /-->
-
-<!-- wp:group {"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:spacer {"height":"80px"} -->
-<div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>
-<!-- /wp:spacer -->
-
-<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
-<div class="wp-block-group"><!-- wp:avatar {"size":40,"style":{"border":{"radius":"20px"}}} /-->
-
-<!-- wp:group {"style":{"spacing":{"blockGap":"0.22rem"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
-<div class="wp-block-group"><!-- wp:paragraph {"fontSize":"small"} -->
-<p class="has-small-font-size">Posted by</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:post-author-name {"isLink":true,"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary","fontSize":"small"} /--></div>
-<!-- /wp:group --></div>
-<!-- /wp:group -->
-
-<!-- wp:spacer {"height":"80px"} -->
-<div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>
-<!-- /wp:spacer -->
-
-<!-- wp:comments {"className":"wp-block-comments-query-loop "} -->
-<div class="wp-block-comments wp-block-comments-query-loop"><!-- wp:comments-title /-->
-
-<!-- wp:comment-template -->
-<!-- wp:columns -->
-<div class="wp-block-columns"><!-- wp:column {"width":"40px"} -->
-<div class="wp-block-column" style="flex-basis:40px"></div>
-<!-- /wp:column -->
-
-<!-- wp:column -->
-<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"blockGap":"10px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
-<div class="wp-block-group"><!-- wp:avatar {"size":40,"style":{"border":{"radius":"20px"},"spacing":{"margin":{"top":"10px"}}}} /-->
-
-<!-- wp:group -->
-<div class="wp-block-group"><!-- wp:comment-author-name /-->
-
-<!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"0.5em"}},"layout":{"type":"flex"}} -->
-<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px"><!-- wp:comment-date {"format":"F j, Y \\a\\t g:i a"} /-->
-
-<!-- wp:comment-edit-link /--></div>
-<!-- /wp:group --></div>
-<!-- /wp:group --></div>
-<!-- /wp:group -->
-
-<!-- wp:comment-content /-->
-
-<!-- wp:comment-reply-link /--></div>
-<!-- /wp:column --></div>
-<!-- /wp:columns -->
-<!-- /wp:comment-template -->
-
-<!-- wp:comments-pagination {"layout":{"type":"flex","justifyContent":"space-between"}} -->
-<!-- wp:comments-pagination-previous {"label":"Show Newer"} /-->
-
-<!-- wp:comments-pagination-next {"label":"Show Older"} /-->
-<!-- /wp:comments-pagination -->
-
-<!-- wp:post-comments-form /--></div>
-<!-- /wp:comments -->
-
-<!-- wp:spacer -->
-<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
-<!-- /wp:spacer --></div>
-<!-- /wp:group -->
-
-<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->
+<!-- wp:pattern {"slug":"iotix/single"} /-->

+ 66 - 21
iotix/theme.json

@@ -47,7 +47,7 @@
 		},
 		"layout": {
 			"contentSize": "650px",
-			"wideSize": "1200px"
+			"wideSize": "1300px"
 		},
 		"shadow": {
 			"defaultPresets": true,
@@ -277,16 +277,17 @@
 				},
 				"spacing": {
 					"padding": {
-						"bottom": "var(--wp--preset--spacing--40)",
-						"left": "2.25rem",
-						"right": "2.25rem",
-						"top": "var(--wp--preset--spacing--40)"
+						"bottom": "0.76rem",
+						"left": "1.6rem",
+						"right": "1.6rem",
+						"top": "0.76rem"
 					}
 				},
 				"typography": {
 					"fontSize": "1rem",
 					"fontStyle": "normal",
-					"fontWeight": "700"
+					"fontWeight": "600",
+					"letterSpacing": "-0.01em"
 				},
 				"variations": {
 					"outline": {
@@ -335,7 +336,7 @@
 					"width": "2px"
 				},
 				"color": {
-					"background": "var(--wp--preset--color--background)"
+					"background": "var(--wp--preset--color--tertiary)"
 				},
 				"spacing": {
 					"padding": {
@@ -350,13 +351,27 @@
 				}
 			},
 			"core/comment-author-name": {
+				"elements": {
+					"link": {
+						":hover": {
+							"color": {
+								"text": "var(--wp--preset--color--foreground)"
+							}
+						},
+						"color": {
+							"text": "var(--wp--preset--color--primary)"
+						}
+					}
+				},
 				"typography": {
-					"fontSize": "var(--wp--preset--font-size--small)"
+					"fontSize": "var(--wp--preset--font-size--small)",
+					"fontStyle": "normal",
+					"fontWeight": "600"
 				}
 			},
 			"core/comment-date": {
 				"typography": {
-					"fontSize": "var(--wp--preset--font-size--small)"
+					"fontSize": "0.8rem"
 				}
 			},
 			"core/comment-edit-link": {
@@ -397,7 +412,7 @@
 			},
 			"core/image": {
 				"border": {
-					"radius": "0px"
+					"radius": "12px"
 				}
 			},
 			"core/list": {
@@ -443,19 +458,30 @@
 				"elements": {
 					"link": {
 						":hover": {
+							"color": {
+								"text": "var(--wp--preset--color--foreground)"
+							},
 							"typography": {
 								"textDecoration": "underline"
 							}
 						},
+						"color": {
+							"text": "var(--wp--preset--color--foreground)"
+						},
 						"typography": {
 							"textDecoration": "none"
 						}
 					}
 				}
 			},
+			"core/post-content": {
+				"typography": {
+					"lineHeight": "1.5"
+				}
+			},
 			"core/post-date": {
 				"color": {
-					"text": "var(--wp--preset--color--foreground)"
+					"text": "var(--wp--preset--color--secondary)"
 				},
 				"elements": {
 					"link": {
@@ -464,6 +490,9 @@
 								"textDecoration": "underline"
 							}
 						},
+						"color": {
+							"text": "var(--wp--preset--color--foreground)"
+						},
 						"typography": {
 							"textDecoration": "none"
 						}
@@ -487,13 +516,22 @@
 				}
 			},
 			"core/post-title": {
+				"color": {
+					"text": "var(--wp--preset--color--primary)"
+				},
 				"elements": {
 					"link": {
 						":hover": {
+							"color": {
+								"text": "var(--wp--preset--color--foreground)"
+							},
 							"typography": {
 								"textDecoration": "underline"
 							}
 						},
+						"color": {
+							"text": "var(--wp--preset--color--primary)"
+						},
 						"typography": {
 							"textDecoration": "none"
 						}
@@ -503,6 +541,9 @@
 					"margin": {
 						"bottom": "0"
 					}
+				},
+				"typography": {
+					"lineHeight": "1.2"
 				}
 			},
 			"core/pullquote": {
@@ -560,6 +601,9 @@
 				}
 			},
 			"core/search": {
+				"border": {
+					"radius": "100px"
+				},
 				"typography": {
 					"fontSize": "var(--wp--preset--font-size--medium)",
 					"lineHeight": "1.6"
@@ -602,27 +646,27 @@
 			"core/term-description": {
 				"color": {
 					"background": "var(--wp--preset--color--background)",
-					"text": "var(--wp--preset--color--foreground)"
+					"text": "var(--wp--preset--color--secondary)"
 				},
 				"elements": {
 					"link": {
 						"color": {
-							"text": "var(--wp--preset--color--foreground)"
+							"text": "var(--wp--preset--color--secondary)"
 						}
 					}
 				},
 				"spacing": {
 					"padding": {
-						"bottom": "var(--wp--preset--spacing--20)",
-						"left": "var(--wp--preset--spacing--30)",
-						"right": "var(--wp--preset--spacing--30)",
-						"top": "var(--wp--preset--spacing--20)"
+						"bottom": "0rem",
+						"left": "0rem",
+						"right": "0rem",
+						"top": "0rem"
 					}
 				},
 				"typography": {
 					"fontSize": "var(--wp--preset--font-size--small)",
 					"fontStyle": "normal",
-					"fontWeight": "700"
+					"fontWeight": "400"
 				}
 			}
 		},
@@ -630,6 +674,7 @@
 			"background": "var(--wp--preset--color--background)",
 			"text": "var(--wp--preset--color--secondary)"
 		},
+		"css": "\n\n.wp-block-post-terms {\n\tborder-radius: 200px;\n}\n",
 		"elements": {
 			"button": {
 				":active": {
@@ -652,7 +697,7 @@
 				},
 				":hover": {
 					"color": {
-						"background": "var(--wp--preset--color--secondary)",
+						"background": "var(--wp--preset--color--primary)",
 						"text": "var(--wp--preset--color--background)"
 					}
 				},
@@ -660,7 +705,7 @@
 					"radius": "0.25rem"
 				},
 				"color": {
-					"background": "#2e1cff",
+					"background": "var(--wp--preset--color--foreground)",
 					"text": "var(--wp--preset--color--background)"
 				}
 			},
@@ -749,5 +794,5 @@
 		}
 	],
 	"version": 2,
-	"$schema": "https://schemas.wp.org/trunk/theme.json"
+	"$schema": "https://schemas.wp.org/wp/6.5/theme.json"
 }