first commit

wp-content/plugins/stratum/includes/templates/banner.php

@@ -0,0 +1,76 @@
+<?php
+
+use Elementor\Utils;
+
+extract( shortcode_atts( [
+	'image'					=> '',
+    'image_size' 			=> '',
+    'hosted_url'            => '',
+	'title' 				=> '',
+	'text'       			=> '',
+	'title_typography_html_tag'	=> 'h5',
+	'link'       			=> '',
+	'link_target' 			=> '',
+	'link_rel'    			=> '',
+	'animation_effect' 		=> 'none',
+	'text_animation_effect' => 'none',
+	'background_type' 		=> 'image'
+], $settings ) );
+
+$class = 'stratum-banner';
+
+$title_typography_html_tag = stratum_validate_heading_html_tag( $title_typography_html_tag );
+
+$id = $image[ 'id' ];
+$link = !empty( $link ) ? $link : "#";
+$url = wp_get_attachment_image_url( $image[ 'id' ], $image_size );
+$srcset = wp_get_attachment_image_srcset($image[ 'id' ], $image_size);
+
+?>
+<figure class="<?php echo esc_attr( $class . ' stratum-effect-' . $animation_effect . ' has-text-animation-' . $text_animation_effect  ); ?> ">
+        <a href="<?php echo esc_url( $link ); ?>" class="<?php echo esc_attr( $class.'__link' ); ?>"
+		   <?php
+			if ( ! empty( $link_target ) ) {
+				?>
+				target="<?php echo esc_attr( $link_target ); ?>"
+				<?php
+				}
+			if ( ! empty( $link_rel ) ) {
+				?>
+				rel="<?php echo esc_attr( $link_rel ); ?>"
+				<?php
+			}
+			?>
+        >
+		<?php
+        if ( $link ) {
+			?>
+            <div class="<?php echo esc_attr( $class.'__wrapper' ); ?>">
+				<?php
+                if ( $background_type == 'video' ) {
+					?>
+                    <video class="<?php echo esc_attr( $class.'__video' ); ?>" autoplay muted loop>
+                        <source src="<?php echo esc_url( $hosted_url[ 'url' ] ); ?>" type='video/mp4'>
+                    </video>
+				<?php
+                } else {
+					?>
+                    <img src="<?php if ( empty( $id ) ) { echo esc_url(Utils::get_placeholder_image_src()); } else { esc_url( $url ); } ?>" class="<?php echo esc_attr( $class . '__image' . ' wp-image-' . $id ); ?>" srcset="<?php echo esc_attr( $srcset ); ?>"/>
+				<?php
+                }
+				?>
+	            <div class="<?php echo esc_attr( $class.'__overlay' ); ?>"></div>
+                <figcaption class="<?php echo esc_attr( $class.'__content' ); ?>">
+					<div class="<?php echo esc_attr( $class.'__content-wrapper' ); ?>">
+						<div class="<?php echo esc_attr( $class.'__content-container' ); ?>">
+							<<?php echo esc_html($title_typography_html_tag); ?> class="<?php echo esc_attr( $class.'__title' ); ?>"><?php echo esc_html( $title ); ?></<?php echo esc_html($title_typography_html_tag); ?>>
+							<div class="<?php echo esc_attr( $class.'__text' ); ?>"><?php echo esc_html( $text ); ?></div>
+						</div>
+                    </div>
+                </figcaption>
+            </div>
+		<?php
+        }
+		?>
+    </a>
+</figure>