{# @var craft \craft\web\twig\variables\CraftVariable #} {# @var entry \craft\elements\Entry #} {# Master Layout ------------------------------------------------------------ This i the basic layout. Feel free to modify #}
{# -- CHECK JS -- #} {% include '_partials/global/_checkJS.html' %} {# -- CRITICAL CSS -- #} {% set cacheVal = getCookie('critical-css') %} {% if not cacheVal or craft.app.config.general.devMode %} {{ setCookie('critical-css', now | date_modify("+7 days").timestamp ) }} {% block appInlineCSS %} {% endblock %} {% endif %} {# -- CSS Part -- #} {% include '_partials/header/_css-part.html' %} {# -- META -- #} {% include '_partials/header/_meta.html' %} {# -- SCRIPTS -- #} {% include '_partials/header/_scripts.html' %} {# -- Share Image -- #} {% if entry ?? null and entry.entryImage.one() ?? null and watermark.globalWatermark.one() ?? null %} {% set watermarkField = watermark.globalWatermark.one() %} {# -- Check if Watermark Using active -- #} {% if watermarkField.useWatermark %} {# -- Watermark Image -- #} {% if watermarkField.image.one() ?? null %} {% set watermarkImage = watermarkField.image.one() %} {% set watermarkWidth = watermarkField.width %} {% set watermarkHeight = watermarkField.height %} {% set watermarkOpacity = watermarkField.opacity + 0 %} {% set watermarkOffsetX = watermarkField.offsetXAxis %} {% set watermarkOffsetY = watermarkField.offsetYAxis %} {# -- Imager: Watermark Image -- #} {% set watermarkImage = craft.imager.transformImage(watermarkImage, [ { width: watermarkWidth, height: watermarkHeight } ], { jpegQuality: 100 }) %} {# -- Watermark Image URL -- #} {% set watermarkImageUrl = watermarkImage[0].url %} {% endif %} {# -- Image Settings -- #} {% set entryImage = entry.entryImage.one() %} {% set focalpoint = entryImage.getFocalpoint('asCss') | default('50% 50%') %} {# -- Facebook -- #} {% set entryImageFacebook = craft.imager.transformImage(entryImage, [ { width: 1200, height: 630 } ], { jpegQuality: 100, mode: 'crop', position: focalpoint }) %} {% set entryImageFacebookUrl = entryImageFacebook[0].url %} {# -- Imager: Share Image -- #} {% set shareIamgeFacebook = craft.imager.transformImage(entryImageFacebookUrl, [ { width: 1200, height: 630 }], { jpegQuality: 100, mode: 'crop', ratio: '', watermark: { image: watermarkImageUrl, width: watermarkWidth, height: watermarkHeight, position: { right: watermarkOffsetX, bottom: watermarkOffsetY }, opacity: watermarkOpacity } }) %} {% set shareIamgeFacebookUrl = shareIamgeFacebook[0].url %} {# -- Twitter -- #} {% set entryImageTwitter = craft.imager.transformImage(entryImage, [ { width: 1120, height: 600 } ], { jpegQuality: 100, mode: 'crop', position: focalpoint }) %} {% set entryImageTwitterUrl = entryImageTwitter[0].url %} {# -- Imager: Share Image -- #} {% set shareIamgeTwitter = craft.imager.transformImage(entryImageTwitterUrl, [ { width: 1120, height: 600 }], { jpegQuality: 100, mode: 'crop', ratio: '', watermark: { image: watermarkImageUrl, width: watermarkWidth, height: watermarkHeight, position: { right: watermarkOffsetX, bottom: watermarkOffsetY }, opacity: watermarkOpacity } }) %} {% set shareIamgeTwitterUrl = shareIamgeTwitter[0].url %} {% if seomatic ?? null %} {% do seomatic.meta.ogImage(shareIamgeFacebookUrl) %} {% do seomatic.meta.twitterImage(shareIamgeTwitterUrl) %} {% do seomatic.meta.twitterCard('summary_large_image') %} {% do seomatic.meta.seoImage(shareIamgeFacebookUrl) %} {% endif %} {% endif %} {% endif %} {# -- SEO & TITLE TAG -- #} {% include '_partials/header/_seo.html' %} {# -- FAV ICON -- #} {% include '_partials/header/_favicons.html' %} {% block siteHeader %}{% endblock %} {% minify html %} {# -- Preloader#} {% include '_atoms/preloader/_template.html' only %}