Skip to content
This repository has been archived by the owner on Feb 21, 2024. It is now read-only.

Commit

Permalink
Update about-dark-media-left-text-right-centered.php
Browse files Browse the repository at this point in the history
  • Loading branch information
alexdeborba committed Sep 17, 2023
1 parent 9d90a63 commit 42cc00a
Showing 1 changed file with 9 additions and 10 deletions.
19 changes: 9 additions & 10 deletions patterns/about-dark-media-left-text-right-centered.php
Original file line number Diff line number Diff line change
@@ -1,13 +1,12 @@
<?php
/**
* Title: About dark with media on the left, and heading, paragraph, social icons on centered right
* Title: About - Dark (Media on Left, Heading, Paragraph, and Social Icons Centered Right)
* Slug: seance/about-dark-media-left-text-right-centered
* Categories: pages
* Description: About with media on the left and text on the right centered on a dark block pattern
* Keywords: image, heading, paragraph, social
* Categories: about
* Description: A dark block pattern for an about section featuring media on the left with text centered on the right.
* Keywords: about, dark, heading, image, paragraph, social
* Viewport Width: 1500
* Block Types: core/pages
* Post Types:
* Block Types: core/group
* Inserter: true
*
* @package seance
Expand All @@ -19,26 +18,26 @@
<div class="wp-block-group alignfull">
<!-- wp:media-text {"align":"full","mediaPosition":"left","mediaLink":"<?php echo esc_url(get_theme_file_uri("/assets/images/about-dark-left.jpg")); ?>","mediaType":"image","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"foreground","textColor":"background"} -->
<div class="wp-block-media-text alignfull has-media-on-the-left is-stacked-on-mobile has-background-color has-foreground-background-color has-text-color has-background has-link-color">
<figure class="wp-block-media-text__media"><img src="<?php echo esc_url(get_theme_file_uri("/assets/images/about-dark-left.jpg")); ?>" alt="<?php echo esc_html_e('The Fox Sisters', 'seance'); ?>" /></figure>
<figure class="wp-block-media-text__media"><img src="<?php echo esc_url(get_theme_file_uri("/assets/images/about-dark-left.jpg")); ?>" alt="<?php echo esc_html_e('Image Representation of The Fox Sisters', 'seance'); ?>" /></figure>
<div class="wp-block-media-text__content">
<!-- wp:spacer {"height":32} -->
<div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:group {"style":{"spacing":{"padding":{"right":"min(8rem, 5vw)","top":"min(20rem, 20vw)"}}}} -->
<div class="wp-block-group" style="padding-top:min(20rem, 20vw);padding-right:min(8rem, 5vw)">
<!-- wp:heading {"style":{"typography":{"fontWeight":"300","lineHeight":"1.115","fontSize":"clamp(3rem, 6vw, 4.5rem)"}}} -->
<h2 style="font-size:clamp(3rem, 6vw, 4.5rem);font-weight:300;line-height:1.115"><em><?php echo wp_kses_post(__('The Fox <br> Sisters', 'seance')); ?></em></h2>
<h2 style="font-size:clamp(3rem, 6vw, 4.5rem);font-weight:300;line-height:1.115"><em><?php echo wp_kses_post(__('The Fox<br>Sisters', 'seance')); ?></em></h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}}} -->
<p style="line-height:1.6"><?php echo esc_html__('We are Margaret, Catherine, and Leah Fox, renowned spiritual mediums from a bygone era, now embracing the digital age. With our unique abilities, we have connected countless souls with the messages of the spirit world.', 'seance') ?></p>
<!-- /wp:paragraph -->
<!-- wp:spacer {"height":40} -->
<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:social-links {"iconColor":"background","iconColorValue":"var(--wp--preset--color--foreground)","iconBackgroundColor":"foreground","iconBackgroundColorValue":"var(--wp--preset--color--background)"} -->
<!-- wp:social-links {"iconColor":"background","iconColorValue":"var(--wp--preset--color--background)","iconBackgroundColor":"foreground","iconBackgroundColorValue":"var(--wp--preset--color--foreground)","openInNewTab":true} -->
<ul class="wp-block-social-links has-icon-color has-icon-background-color">
<!-- wp:social-link {"url":"facebook.com","service":"facebook","label":"Facebook"} /-->
<!-- wp:social-link {"url":"linkedin.com","service":"linkedin",,"label":"LinkedIn"} /-->
<!-- wp:social-link {"url":"linkedin.com","service":"linkedin","label":"LinkedIn"} /-->
<!-- wp:social-link {"url":"instagram.com","service":"instagram","label":"Instagram"} /-->
<!-- wp:social-link {"url":"pinterest.com","service":"pinterest","label":"Pinterest"} /-->
<!-- wp:social-link {"url":"wordpress.org","service":"wordpress","label":"WordPress"} /-->
Expand Down

0 comments on commit 42cc00a

Please sign in to comment.