Server : Apache/2.4.52 (Ubuntu) System : Linux webserver 6.8.0-49-generic #49~22.04.1-Ubuntu SMP PREEMPT_DYNAMIC Wed Nov 6 17:42:15 UTC 2 x86_64 User : www-data ( 33) PHP Version : 8.1.2-1ubuntu2.21 Disable Function : NONE Directory : /var/www/theprintave/wp-content/plugins/haru-pricom/templates/image-blob/ |
<?php
/**
* @package HaruTheme/Haru Pricom
* @version 1.0.0
* @author Administrator <admin@harutheme.com>
* @copyright Copyright 2022, HaruTheme
* @license http://opensource.org/licenses/gpl-2.0.php GPL v2 or later
* @link http://harutheme.com
*/
?>
<?php if ( in_array( $settings['pre_style'], array( 'style-1' ) ) ) : ?>
<div class="haru-image-blob__content">
<!-- <svg class="blob"
viewBox="0 0 600 600"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(300,300)">
<path d="M120,-157.6C152.7,-141.5,174.3,-102.6,194.8,-58.8C215.3,-14.9,234.6,33.8,228.4,80.8C222.2,127.8,190.4,173.1,148.1,184C105.8,195,52.9,171.5,-2.4,174.8C-57.8,178.2,-115.6,208.4,-137.5,190.9C-159.3,173.3,-145.3,108,-153,56.3C-160.7,4.6,-190.2,-33.4,-178.3,-54.2C-166.4,-75.1,-113.2,-78.8,-76.6,-93.6C-40,-108.3,-20,-134.2,11.9,-150.5C43.7,-166.8,87.4,-173.6,120,-157.6Z" />
</g>
</svg> -->
<!-- <svg class="scene blob" viewBox="0 0 875 794"> -->
<!-- <svg class="scene blob" viewBox="140 140 140 140"> -->
<!-- <svg class="scene blob" viewBox="0 0 600 600"> -->
<!-- <defs transform="translate(300,300)"> -->
<!-- <defs> -->
<!-- <clipPath id="svg-ld_masked_image_62137c8191773" clipPathUnits="objectBoundingBox"> -->
<!-- <clipPath id="svg-ld_masked_image_62137c8191773" clipPathUnits="objectBoundingBox" transform="scale(0.002)"> -->
<!-- <path vector-effect="non-scaling-stroke" fill="black" d="M244.2813,3.6934 C354.3917,1.2306 700.6737,45.8188 617.8188,300.1828 C534.964,554.5468 281.4893,614.0751 121.501,570.6605 C-38.4872,527.246 -4.9613,218.8743 30.9084,123.4173 C66.7781,27.9604 134.171,6.1563 244.2813,3.6934 Z" pathdata:id="M362.5,4 C487,4 631,-44 631,201.5 C631,447 538,623.5 310.5,581.5 C83,539.5 -29.917,266.627 7,156.5 C43.917,46.373 238,4 362.5,4 Z;M370,18 C494.5,18 627,-56.5 627,189 C627,434.5 405.5,573.5 155.5,581 C-94.5,588.5 23.083,175.127 60,65 C96.917,-45.127 245.5,18 370,18 Z"></path> -->
<!-- <path d="M120,-157.6C152.7,-141.5,174.3,-102.6,194.8,-58.8C215.3,-14.9,234.6,33.8,228.4,80.8C222.2,127.8,190.4,173.1,148.1,184C105.8,195,52.9,171.5,-2.4,174.8C-57.8,178.2,-115.6,208.4,-137.5,190.9C-159.3,173.3,-145.3,108,-153,56.3C-160.7,4.6,-190.2,-33.4,-178.3,-54.2C-166.4,-75.1,-113.2,-78.8,-76.6,-93.6C-40,-108.3,-20,-134.2,11.9,-150.5C43.7,-166.8,87.4,-173.6,120,-157.6Z" /> -->
<!-- <path d="M72.9749 641.8C-54.0367 470.237 -10.016 222.343 171.298 88.112C352.612 -46.1186 646.031 -27.7093 807.391 152.671C968.751 333.052 812.562 575.166 631.248 709.397C449.934 843.627 199.987 813.363 72.9749 641.8Z" /> -->
<!--
</clipPath>
</defs>
</svg> -->
<!-- <div class="tk-blob" style="--time: 30s; --amount: 5; --fill: #56cbb9;">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 341.4 374.7">
<g transform="scale(0.5)">
<defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:rgb(255,255,0);stop-opacity:1" />
<stop offset="100%" style="stop-color:rgb(255,0,0);stop-opacity:1" />
</linearGradient>
</defs>
<path d="M309.9 70.6c37.8 52.7 39.8 128.7 15.4 184.1-24.3 55.4-75 90.1-125.4 107.4-50.4 17.4-100.4 17.4-136.2-3.3-35.7-20.7-57.2-62-62.4-102.1-5.2-40.2 5.8-79 29.1-128.3C53.6 79.1 89.1 19.3 143.7 4.1 198.3-11.2 272 18 309.9 70.6z" fill="url(#grad1)"></path>
</g>
</svg>
</div> -->
<!-- div class="tk-blob" style="--time: 30s; --amount: 3; --fill: #f44336;">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 341.4 374.7">
<path d="M186.6 32.8c18.2 18.8 29.5 47 27.1 78.3-2.3 31.2-18.2 65.4-44.5 78-26.3 12.6-63 3.7-95.8-12.3-32.8-16.1-61.8-39.3-70.5-69.5-8.7-30.1 2.8-67.2 25.4-87C50.9.4 84.5-2.1 113.9 1.3c29.4 3.4 54.4 12.7 72.7 31.5z"></path>
</svg>
</div> -->
<div class="tk-blob" style="--time: 30s; --amount: 5; --fill: #56cbb9;">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140">
<clipPath id="svg-ld_masked_image_62137c8191773" clipPathUnits="objectBoundingBox" transform="scale(0.0013)">
<path d="M539.8 137.6c98.3 69 183.5 124 203 198.4 19.3 74.4-27.1 168.2-93.8 245-66.8 76.8-153.8 136.6-254.2 144.9-100.6 8.2-214.7-35.1-292.7-122.5S-18.1 384.1 7.4 259.8C33 135.6 126.3 19 228.5 2.2c102.1-16.8 213.2 66.3 311.3 135.4z"></path>
</clipPath>
</svg>
</div>
<!-- <div class="tk-blob" style="--fill: #3f51b5;">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320.6 343.9">
<defs>
<clipPath id="svg-ld_masked_image_62137c8191773" clipPathUnits="objectBoundingBox">
<path d="M275.9 63.1c30.7 37.3 50.9 84.2 43 126.9-7.9 42.7-44.1 81.2-93 112.1C177 332.9 115.2 356 70.9 337 26.5 317.9-.4 256.7 0 204.6c.4-52 28-95 59.7-132.5C91.4 34.5 127.1 2.3 165.5.1c38.5-2.2 79.7 25.7 110.4 63z"></path>
</clipPath>
</defs>
</svg>
</div> -->
<figure class="" style="background-image: url('<?php echo esc_url( $settings['image']['url'] ); ?>')">
<img src="<?php echo esc_url( $settings['image']['url'] ); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>">
</figure>
</div>
<?php endif; ?>