summaryrefslogtreecommitdiffstats
path: root/wp-content/themes/twentytwentyfour/patterns/gallery-full-screen-image.php
diff options
context:
space:
mode:
Diffstat (limited to 'wp-content/themes/twentytwentyfour/patterns/gallery-full-screen-image.php')
-rw-r--r--wp-content/themes/twentytwentyfour/patterns/gallery-full-screen-image.php21
1 files changed, 21 insertions, 0 deletions
diff --git a/wp-content/themes/twentytwentyfour/patterns/gallery-full-screen-image.php b/wp-content/themes/twentytwentyfour/patterns/gallery-full-screen-image.php
new file mode 100644
index 0000000..ee26fca
--- /dev/null
+++ b/wp-content/themes/twentytwentyfour/patterns/gallery-full-screen-image.php
@@ -0,0 +1,21 @@
+<?php
+/**
+ * Title: Full screen image
+ * Slug: twentytwentyfour/gallery-full-screen-image
+ * Categories: gallery, portfolio
+ */
+?>
+
+<!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/art-gallery.webp","hasParallax":true,"dimRatio":0,"overlayColor":"base","minHeight":100,"minHeightUnit":"vh","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","right":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-cover alignfull is-light has-parallax" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);min-height:100vh">
+ <span aria-hidden="true" class="wp-block-cover__background has-base-background-color has-background-dim-0 has-background-dim">
+ </span>
+ <div role="img" class="wp-block-cover__image-background has-parallax" style="background-position:50% 50%;background-image:url(<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/art-gallery.webp)">
+ </div>
+ <div class="wp-block-cover__inner-container">
+ <!-- wp:spacer {"height":"500px"} -->
+ <div style="height:500px" aria-hidden="true" class="wp-block-spacer"></div>
+ <!-- /wp:spacer -->
+ </div>
+</div>
+<!-- /wp:cover -->