<?php /** * Title: Image with headline on dark background * Slug: archeo/image-with-headline-on-dark-background * Categories: images */ ?> <!-- wp:media-text {"mediaPosition":"right","mediaLink":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/figure-gigantesque.jpg","mediaType":"image","imageFill":false,"backgroundColor":"foreground","textColor":"background"} --> <div class="wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile has-background-color has-foreground-background-color has-text-color has-background"><figure class="wp-block-media-text__media"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/figure-gigantesque.jpg" alt="<?php esc_attr_e( 'Photo of gigantic figure at Izamal', 'archeo' ); ?>" /></figure><div class="wp-block-media-text__content"> <!-- wp:group {"style":{"spacing":{"padding":{"top":"clamp(30px, 4vw, 80px)","right":"clamp(30px, 4vw, 80px)","bottom":"clamp(30px, 4vw, 80px)","left":"clamp(30px, 4vw, 80px)"}}}} --> <div class="wp-block-group" style="padding-top:clamp(30px, 4vw, 80px);padding-right:clamp(30px, 4vw, 80px);padding-bottom:clamp(30px, 4vw, 80px);padding-left:clamp(30px, 4vw, 80px)"> <!-- wp:paragraph {"placeholder":"Content…","style":{"typography":{"fontStyle":"italic","fontWeight":"100","lineHeight":"1.4"}},"fontSize":"large"} --> <p class="has-large-font-size" style="font-style:italic;font-weight:100;line-height:1.4"><?php echo wp_kses_post( __( 'Gigantic figure at <br>Izamal; at the <br>bottom of the <br>second pyramid.', 'archeo' ) ); ?></p> <!-- /wp:paragraph --></div> <!-- /wp:group --></div> </div><!-- /wp:media-text -->