assets/banner.svg000064400000003211151540404710010032 0ustar00<svg enable-background="new 55 277 240 240" viewBox="55 277 240 240" xmlns="http://www.w3.org/2000/svg"><path d="m55 277h240v240h-240z" fill="#1880b6"/><path d="m211 389v-52c0-2.2-1.8-4-4-4h-88c-2.2 0-4 1.8-4 4v52c0 2.2 1.8 4 4 4h33s3.6 1.6 3.6 1.6l23.4 23.4v-23c0-1.1.9-2 2-2h26c2.2 0 4-1.8 4-4z" fill="#8ed9ef"/><path d="m211 441c-15.7 0-19.6 7.4-20 8.4v3.6h40v-3.6c-.4-1-4.3-8.4-20-8.4z" fill="#8ed9ef"/><path d="m215 389v-52c0-4.4-3.6-8-8-8h-88c-4.4 0-8 3.6-8 8v52c0 4.4 3.6 8 8 8h33.2l27.4 27.4c.4.4.9.6 1.4.6.3 0 .5 0 .8-.2.7-.3 1.2-1 1.2-1.8v-26h24c4.4 0 8-3.6 8-8zm-34 4c-1.1 0-2 .9-2 2v23l-23.4-23.4s-1.5-1.6-3.6-1.6-33 0-33 0c-2.2 0-4-1.8-4-4v-52c0-2.2 1.8-4 4-4h88c2.2 0 4 1.8 4 4v52c0 2.2-1.8 4-4 4z" fill="#324249"/><path d="m219.2 437.8c2.3-2.2 3.8-5.3 3.8-8.8v-8c0-4.4-3.6-8-8-8h-8c-4.4 0-8 3.6-8 8v8c0 3.5 1.5 6.6 3.8 8.8-12.2 2.3-15.8 9.6-15.8 11.2v4c0 2.2 1.8 4 4 4h40c2.2 0 4-1.8 4-4v-4c0-1.7-3.7-8.9-15.8-11.2zm-16.2-16.8c0-2.2 1.8-4 4-4h8c2.2 0 4 1.8 4 4v8c0 4.4-3.6 8-8 8s-8-3.6-8-8zm28 32h-40v-3.6c.4-1 4.3-8.4 20-8.4s19.6 7.4 20 8.4z" fill="#324249"/><g opacity=".2"><path d="m133 353h24c1.1 0 2-.9 2-2s-.9-2-2-2h-24c-1.1 0-2 .9-2 2s.9 2 2 2z"/><path d="m169 353h8c1.1 0 2-.9 2-2s-.9-2-2-2h-8c-1.1 0-2 .9-2 2s.9 2 2 2z"/><path d="m151 363c0 1.1.9 2 2 2h40c1.1 0 2-.9 2-2s-.9-2-2-2h-40c-1.1 0-2 .9-2 2z"/><path d="m161 373h-28c-1.1 0-2 .9-2 2s.9 2 2 2h28c1.1 0 2-.9 2-2s-.9-2-2-2z"/><path d="m193 373h-24c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2z"/><path d="m133 365h8c1.1 0 2-.9 2-2s-.9-2-2-2h-8c-1.1 0-2 .9-2 2s.9 2 2 2z"/></g><path d="m203 421v8c0 4.4 3.6 8 8 8s8-3.6 8-8v-8c0-2.2-1.8-4-4-4h-8c-2.2 0-4 1.8-4 4z" fill="#f2f0da"/></svg>assets/icon.svg000064400000001447151540404710007526 0ustar00<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m19.37402 3.72656h-14.74804c-1.18848 0-2.15625.96777-2.15625 2.15723v9.5166c0 1.18848.96777 2.15625 2.15625 2.15625h1.66406v1.9668c0 .28027.15625.53809.40625.66699.1084.05566.22656.08301.34375.08301.15332 0 .30566-.04688.43457-.13867l3.62402-2.57812h8.27539c1.18848 0 2.15625-.96777 2.15625-2.15625v-9.51661c0-1.18945-.96777-2.15723-2.15625-2.15723zm.65625 11.67383c0 .3623-.29395.65625-.65625.65625h-8.51465c-.15625 0-.30762.04883-.43457.13867l-2.63477 1.87402v-1.2627c0-.41406-.33594-.75-.75-.75h-2.41406c-.3623 0-.65625-.29395-.65625-.65625v-9.51659c0-.3623.29395-.65723.65625-.65723h14.74805c.3623 0 .65625.29492.65625.65723z"/><path d="m7.97266 7.7666h8.05469v1.5h-8.05469z"/><path d="m7.97266 11.52148h8.05469v1.5h-8.05469z"/></svg>css/style.css000064400000002472151540404710007214 0ustar00.sow-testimonials{display:flex;flex-wrap:wrap}.sow-testimonials *{box-sizing:border-box}.sow-testimonials .sow-testimonial-wrapper{padding:10px}.sow-testimonials .sow-testimonial-wrapper.sow-layout-side .sow-testimonial{display:flex}.sow-testimonials .sow-testimonial-user{position:relative}.sow-testimonials .sow-testimonial-user .sow-round-image-frame{background-size:cover;display:inline-block}.sow-testimonials .sow-testimonial-user .sow-image-wrapper{display:block}.sow-testimonials .sow-testimonial-user .sow-text strong{display:block}.sow-testimonials .sow-testimonial-user .sow-caret{position:absolute;height:24px;width:14px;top:20px;right:-3px;fill:#f0f0f0}.sow-testimonials .sow-testimonial-text{width:100%}.sow-testimonials .sow-testimonial-text>*:first-child{margin-top:0}.sow-testimonials .sow-testimonial-text>*:last-child{margin-bottom:0}.sow-testimonials .sow-user-left .sow-testimonial-user{text-align:left}.sow-testimonials .sow-user-right .sow-image-wrapper{float:right}.sow-testimonials .sow-user-right .sow-text{clear:both}.sow-testimonials .sow-user-right .sow-testimonial-user{text-align:right}.sow-testimonials .sow-user-right .sow-testimonial{flex-direction:row-reverse}.sow-testimonials .sow-user-middle .sow-image-wrapper{margin:0 auto}.sow-testimonials .sow-user-middle .sow-testimonial-user{text-align:center}styles/default.less000064400000010165151540404710010407 0ustar00@import "../../../base/less/mixins";

@testimonial_padding: 10px;

@testimonial_background: transparent;
@text_background: #f0f0f0;
@text_color: #666;
@text_border_radius: 4px;
@equalize_testimonial_height: default;

@title_font_family: default;
@title_font_weight: default;
@title_font_size: default;
@name_font_family: default;
@name_font_weight: default;
@name_font_size: default;
@location_font_family: default;
@location_font_weight: default;
@location_font_size: default;
@text_font_family: default;
@text_font_weight: default;
@text_font_size: default;

// Testimonial sizes
@testimonial_size: 33.333%;
@tablet_testimonial_size: 50%;
@mobile_testimonial_size: 100%;

// Image Sizes
@image_size: 75px;
@tablet_image_size: default;
@mobile_image_size: default;

// Responsive breakpoints
@tablet_width: 800px;
@mobile_width: 480px;

.widget-title {
	font-family: @title_font_family;
	font-weight: @title_font_weight;
	font-size: @title_font_size;
}

.sow-testimonials {

	.sow-testimonial-wrapper {
		width: @testimonial_size;

		@media screen and (max-width: @tablet_width) {
			width: @tablet_testimonial_size;
		}

		@media screen and (max-width: @mobile_width) {
			width: @mobile_testimonial_size;
		}
	}

	.sow-testimonial {
		background: @testimonial_background;
	}

	.sow-testimonial-name {
		font-family: @name_font_family;
		font-weight: @name_font_weight;
		font-size: @name_font_size;
	}

	.sow-testimonial-location {
		font-family: @location_font_family;
		font-weight: @location_font_weight;
		font-size: @location_font_size;
	}

	.sow-testimonial-text {
		font-family: @text_font_family;
		font-weight: @text_font_weight;
		font-size: @text_font_size;
		background: @text_background;
		color: @text_color;
		padding: @testimonial_padding @testimonial_padding*1.5;
		.rounded(@text_border_radius);
	}

	.sow-round-image-frame {
		border-radius: @image_size;
	}

	.sow-round-image-frame, .sow-image-wrapper-shape-square {
		width: @image_size;
		height: @image_size;
		max-width: 100%;
		
		@media screen and (max-width: @tablet_width) {
			width: @tablet_image_size;
			height: @tablet_image_size;
		}

		@media screen and (max-width: @mobile_width) {
			width: @mobile_image_size;
			height: @mobile_image_size;
		}
	}

	// All the specific layouts

	.sow-testimonial-wrapper {
		& when (@equalize_testimonial_height = true) {
			display: flex;

			.sow-testimonial {
			  display: flex;

			}
			&.sow-layout-text-above,
			&.sow-layout-text-below {
				.sow-testimonial {

					flex-direction: column;
				}
			}
			
			.sow-testimonial-text {
				display: flex;
				height: 100%;
			}
		}

		&.sow-layout-side {
			&.sow-user-left,
			&.sow-user-middle {
				.sow-testimonial-user {
					width: 33%;
					float: left;
					padding: @testimonial_padding @testimonial_padding*2 @testimonial_padding @testimonial_padding;

					img {
						margin: 0 auto;
						max-width: 100%;
					}
				}

			}

			&.sow-user-right {

				.sow-testimonial-user {
					width: 33%;
					float: right;
					padding: @testimonial_padding @testimonial_padding @testimonial_padding @testimonial_padding*2;

					img {
						margin: 0 auto;
						max-width: 100%;
						height: auto;
					}
				}

			}

		}

		&.sow-layout-text-above,
		&.sow-layout-text-below {

			.sow-testimonial-user {
				width: auto;
				padding: @testimonial_padding;

				img {
					height: auto;
				}
			}

			.sow-testimonial-text {

			}

		}

		&.sow-layout-text-below {

			.sow-testimonial-user {
				padding:@testimonial_padding;
			}

		}

	}

}

@media (max-width: @mobile_width) {
	&.so-widget-sow-testimonials > .sow-testimonials > .sow-testimonial-wrapper {
		padding: 0 10px;
		margin-bottom: 30px;

		&.sow-layout-text-above .sow-testimonial {
			.sow-testimonial-text {
				margin-bottom: 15px;
			}

			.sow-testimonial-user {
				padding-bottom: 0;
			}
		}

		.sow-testimonial {
			align-items: center;
			flex-direction: column;

			.sow-testimonial-user {
				float: none;
				padding: 0 0 15px;
				text-align: center;
				width: 100%;

				.sow-image-wrapper {
					height: auto;
					width: 100%;

					img {
						width: @image_size;
						height: @image_size;
						max-width: 100%;
					}
				}
			}
		}
	}
}
testimonial.php000064400000002010151540404710007577 0ustar00<?php

class SiteOrigin_Panels_Widget_Testimonial extends SiteOrigin_Panels_Widget  {
	function __construct() {
		parent::__construct(
			__('Testimonial (PB)', 'siteorigin-panels'),
			array(
				'description' => __('Displays a bullet list of points', 'siteorigin-panels'),
				'default_style' => 'simple',
			),
			array(),
			array(
				'name' => array(
					'type' => 'text',
					'label' => __('Name', 'siteorigin-panels'),
				),
				'location' => array(
					'type' => 'text',
					'label' => __('Location', 'siteorigin-panels'),
				),
				'image' => array(
					'type' => 'text',
					'label' => __('Image', 'siteorigin-panels'),
				),
				'text' => array(
					'type' => 'textarea',
					'label' => __('Text', 'siteorigin-panels'),
				),
				'url' => array(
					'type' => 'text',
					// TRANSLATORS: Uniform Resource Locator
					'label' => __('URL', 'siteorigin-panels'),
				),
				'new_window' => array(
					'type' => 'checkbox',
					'label' => __('Open In New Window', 'siteorigin-panels'),
				),
			)
		);
	}
}tpl/default.php000064400000005341151540404710007504 0ustar00<?php
/**
 * @var $design
 * @var $settings
 * @var $testimonials
 */
if ( ! empty( $instance['title'] ) ) {
	echo $args['before_title'] . wp_kses_post( $instance['title'] ) . $args['after_title'];
}
?>
<div class="sow-testimonials">
	<?php foreach ( $testimonials as $testimonial ) { ?>
		<?php
		$url = $testimonial['url'];
		$new_window = $testimonial['new_window'];
		$location = $testimonial['location'];
		$image_id = $testimonial['image'];
		$fallback_image_id = ! empty( $testimonial['image_fallback'] ) ? $testimonial['image_fallback'] : false;
		$has_image = ! empty( $image_id ) || ! empty( $fallback_image_id );
		$link_location = ! empty( $url );
		$link_name = $has_image && ! empty( $url );
		$link_image = $has_image && ! empty( $url );
		?>
		<div class="sow-testimonial-wrapper <?php echo $this->testimonial_wrapper_class( $design ); ?>">
			<div class="sow-testimonial">
				<?php if ( strpos( $design['layout'], '_above' ) !== false ) { ?>
					<div class="sow-testimonial-text">
						<?php echo wp_kses_post( $testimonial['text'] ); ?>
					</div>
				<?php } ?>

				<div class="sow-testimonial-user">
					<?php if ( $has_image ) { ?>
					<div class="sow-image-wrapper sow-image-wrapper-shape-<?php echo esc_attr( $design['image']['image_shape'] ); ?>">
						<?php if ( $link_image ) { ?>
						<a href="<?php echo sow_esc_url( $url ); ?>" <?php if ( ! empty( $new_window ) ) {
							echo 'target="_blank" rel="noopener noreferrer"';
						} ?>>
						<?php } ?>
						<?php echo $this->testimonial_user_image( $image_id, $design, $fallback_image_id ); ?>
						<?php if ( $link_image ) { ?>
						</a>
						<?php } ?>
					</div>
					<?php } ?>

					<div class="sow-text">
						<?php if ( $link_name ) { ?>
						<a href="<?php echo sow_esc_url( $url ); ?>" <?php if ( ! empty( $new_window ) ) {
							echo 'target="_blank" rel="noopener noreferrer"';
						} ?>>
						<?php } ?>
							<span class="sow-testimonial-name"><strong><?php echo esc_html( $testimonial['name'] ); ?></strong></span>
						<?php if ( $link_name ) { ?>
						</a>
						<?php } ?>
						<?php if ( $link_location ) { ?>
							<a href="<?php echo sow_esc_url( $url ); ?>" <?php if ( ! empty( $new_window ) ) {
								echo 'target="_blank" rel="noopener noreferrer"';
							} ?>>
						<?php } ?>
						<?php if ( ! empty( $location ) ) { ?>
							<span class="sow-testimonial-location"><?php echo esc_html( $location ); ?></span>
						<?php } ?>
						<?php if ( $link_location ) { ?>
							</a>
						<?php } ?>
					</div>
				</div>

				<?php if ( strpos( $design['layout'], '_above' ) === false ) { ?>
					<div class="sow-testimonial-text">
						<?php echo wp_kses_post( $testimonial['text'] ); ?>
					</div>
				<?php } ?>
			</div>
		</div>
	<?php } ?>
</div>
presets/simple.php000064400000000057151546140700010240 0ustar00<?php

return array(
	'clean' => array(
	),
);
styles/simple.less000064400000001521151546140700010252 0ustar00/*
Name: Simple
Template: simple
Author: Greg Priday
Author URI: http://siteorigin.com/
*/

@import "../../../less/mixins";

@borders: 1px solid #D0D0D0;
@background_color: #FCFCFC;

& {
	background: @background_color;
	border: @borders;
	padding: 20px;
	.clearfix();
	.box-shadow(0 1px 2px rgba(0,0,0,0.1));

	h5.testimonial-name {
		margin: 1em 0 5px 0;
		line-height: 1;
		color: #333;
		clear: none;

		a {
			color: inherit;
		}
	}

	small.testimonial-location {
		font-size: 0.9em;
		display: block;
		margin: 0;
		line-height: 1;
		color: #999;
		clear: none;
	}

	.text {
		margin-left: 80px;
		font-size: 0.95em;

		p:first-child {
			margin-top: 0;
		}
	}

	.testimonial-image-wrapper {
		.rounded(4px);
		float: left;
		width: 60px;
		height: 60px;
		overflow: hidden;
		background: #333;
		img {
			width: 100%;
			height: auto;
		}
	}
}tpl/simple.php000064400000001016151546140700007346 0ustar00<div class="testimonial-image-wrapper">
	<img src="<?php echo esc_url($instance['image']) ?>" />
</div>

<div class="text">
	<?php echo wpautop(wp_kses_post($instance['text'])) ?>
	<h5 class="testimonial-name">
		<?php if(!empty($instance['url'])) : ?><a href="<?php echo esc_url($instance['url']) ?>"><?php endif ?>
			<?php echo esc_html($instance['name']) ?>
		<?php if(!empty($instance['url'])) : ?></a><?php endif ?>
	</h5>
	<small class="testimonial-location"><?php echo esc_html($instance['location']) ?></small>
</div>