NextERP/design-themes
2
0
Fork 0
mirror of https://github.com/odoo/design-themes.git synced 2025-10-07 01:18:52 +07:00
Code Issues Packages Projects Releases Wiki Activity

[FIX] theme_*: fix svg previews readability on safari

Browse Source 
In Safari (14+) the CSS workaround to make block "readable" over any bg
is broken. By replacing the current CSS workaround by an appropriate
SVG filter in each themes svg, the problem will be fixed.
This commit will add the svg filter.

task-2667028

closes odoo/design-themes#538

X-original-commit: 545cf002ea
Related: odoo/odoo#81190
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit is contained in:
xlu-odoo
2021-10-14 14:09:40 +00:00
committed by qsm-odoo
parent 99a3c80a00
commit bcb74695ed
26 changed files with 1035 additions and 694 deletions
Download Patch File Download Diff File Expand all files Collapse all files
theme_buzzy/static/description/theme_buzzy.svg
+36 -24
View File
@@ -39,20 +39,32 @@
<stop offset="0" stop-color="#3AADAA" stop-opacity="0.102"/>
<stop offset="1" stop-color="#3AADAA" stop-opacity="0"/>
</linearGradient>
<filter id="filter_readability_buzzy">
<feColorMatrix in="SourceGraphic" type="saturate" values="0"/>
<feComponentTransfer>
<feFuncR type="table" tableValues="1 0"/>
<feFuncG type="table" tableValues="1 0"/>
<feFuncB type="table" tableValues="1 0"/>
</feComponentTransfer>
<feComponentTransfer>
<feFuncR type="linear" slope="10000" intercept="-4999.5"/>
<feFuncG type="linear" slope="10000" intercept="-4999.5"/>
<feFuncB type="linear" slope="10000" intercept="-4999.5"/>
</feComponentTransfer>
</filter>
</defs>
<g fill="none" fill-rule="evenodd" class="theme_buzzy">
<rect width="700" height="1850" fill="#F6F6F6"/>
<g class="svgc_menu">
<rect width="700" height="37" class="svgc_menu_bg" fill="#MENU_COLOR"/>
<path class="svgc_text" opacity="1" fill="#MENU_COLOR" fill-rule="nonzero" d="M76.345 23v-1.521h-3.741v-7.206h-1.845V23h5.586zm4.68.12c.77 0 1.463-.176 2.08-.527.619-.35 1.107-.86 1.467-1.528.36-.667.539-1.477.539-2.429 0-.951-.18-1.761-.54-2.429-.359-.667-.847-1.176-1.465-1.527-.618-.351-1.312-.527-2.082-.527-.775 0-1.471.176-2.088.527-.616.35-1.104.86-1.461 1.527-.358.668-.537 1.478-.537 2.43 0 .948.179 1.756.537 2.424a3.753 3.753 0 0 0 1.461 1.53c.617.352 1.313.528 2.088.528zm0-1.633a2.08 2.08 0 0 1-1.168-.328c-.333-.219-.59-.54-.774-.963-.183-.423-.275-.943-.275-1.56 0-.616.092-1.136.275-1.56.183-.423.441-.744.774-.962a2.075 2.075 0 0 1 1.167-.328c.446 0 .835.109 1.168.328.332.218.59.54.773.963.184.423.275.943.275 1.56 0 .616-.091 1.136-.275 1.559-.183.423-.44.744-.773.963a2.075 2.075 0 0 1-1.168.328zm9.277 1.632c.733 0 1.384-.148 1.952-.445a3.292 3.292 0 0 0 1.338-1.27c.324-.55.486-1.208.486-1.975v-1.1h-3.652v1.39h1.872l-.004.126c-.017.237-.07.452-.157.645l-.073.14a1.591 1.591 0 0 1-.682.633c-.296.15-.654.224-1.071.224-.46 0-.86-.111-1.198-.334-.338-.223-.6-.548-.784-.974-.184-.426-.277-.943-.277-1.551s.094-1.123.281-1.545c.188-.422.45-.744.787-.965a2.086 2.086 0 0 1 1.174-.332c.238 0 .456.03.654.089.197.06.373.146.528.258.155.112.286.248.394.409.108.16.192.344.252.552h1.875a3.19 3.19 0 0 0-.405-1.187 3.27 3.27 0 0 0-.812-.931 3.741 3.741 0 0 0-1.135-.607 4.3 4.3 0 0 0-1.381-.216 4.21 4.21 0 0 0-1.607.303 3.756 3.756 0 0 0-1.3.882 4.021 4.021 0 0 0-.867 1.413c-.206.555-.309 1.186-.309 1.894 0 .92.173 1.715.518 2.384a3.725 3.725 0 0 0 1.447 1.547c.62.362 1.338.543 2.156.543zm8.958 0c.77 0 1.463-.175 2.081-.526.618-.35 1.107-.86 1.466-1.528.36-.667.54-1.477.54-2.429 0-.951-.18-1.761-.54-2.429-.36-.667-.848-1.176-1.466-1.527s-1.311-.527-2.081-.527c-.776 0-1.472.176-2.088.527-.617.35-1.104.86-1.462 1.527-.358.668-.537 1.478-.537 2.43 0 .948.179 1.756.537 2.424.358.668.845 1.178 1.462 1.53.616.352 1.312.528 2.088.528zm0-1.632c-.446 0-.836-.11-1.168-.328-.332-.219-.59-.54-.773-.963-.184-.423-.275-.943-.275-1.56 0-.616.091-1.136.275-1.56.183-.423.44-.744.773-.962a2.075 2.075 0 0 1 1.168-.328c.446 0 .835.109 1.167.328.333.218.59.54.774.963.183.423.275.943.275 1.56 0 .616-.092 1.136-.275 1.559-.184.423-.441.744-.774.963a2.075 2.075 0 0 1-1.167.328z"/>
<path class="svgc_text" opacity="1" fill="#MENU_COLOR" fill-rule="nonzero" filter="url(#filter_readability_buzzy)" d="M76.345 23v-1.521h-3.741v-7.206h-1.845V23h5.586zm4.68.12c.77 0 1.463-.176 2.08-.527.619-.35 1.107-.86 1.467-1.528.36-.667.539-1.477.539-2.429 0-.951-.18-1.761-.54-2.429-.359-.667-.847-1.176-1.465-1.527-.618-.351-1.312-.527-2.082-.527-.775 0-1.471.176-2.088.527-.616.35-1.104.86-1.461 1.527-.358.668-.537 1.478-.537 2.43 0 .948.179 1.756.537 2.424a3.753 3.753 0 0 0 1.461 1.53c.617.352 1.313.528 2.088.528zm0-1.633a2.08 2.08 0 0 1-1.168-.328c-.333-.219-.59-.54-.774-.963-.183-.423-.275-.943-.275-1.56 0-.616.092-1.136.275-1.56.183-.423.441-.744.774-.962a2.075 2.075 0 0 1 1.167-.328c.446 0 .835.109 1.168.328.332.218.59.54.773.963.184.423.275.943.275 1.56 0 .616-.091 1.136-.275 1.559-.183.423-.44.744-.773.963a2.075 2.075 0 0 1-1.168.328zm9.277 1.632c.733 0 1.384-.148 1.952-.445a3.292 3.292 0 0 0 1.338-1.27c.324-.55.486-1.208.486-1.975v-1.1h-3.652v1.39h1.872l-.004.126c-.017.237-.07.452-.157.645l-.073.14a1.591 1.591 0 0 1-.682.633c-.296.15-.654.224-1.071.224-.46 0-.86-.111-1.198-.334-.338-.223-.6-.548-.784-.974-.184-.426-.277-.943-.277-1.551s.094-1.123.281-1.545c.188-.422.45-.744.787-.965a2.086 2.086 0 0 1 1.174-.332c.238 0 .456.03.654.089.197.06.373.146.528.258.155.112.286.248.394.409.108.16.192.344.252.552h1.875a3.19 3.19 0 0 0-.405-1.187 3.27 3.27 0 0 0-.812-.931 3.741 3.741 0 0 0-1.135-.607 4.3 4.3 0 0 0-1.381-.216 4.21 4.21 0 0 0-1.607.303 3.756 3.756 0 0 0-1.3.882 4.021 4.021 0 0 0-.867 1.413c-.206.555-.309 1.186-.309 1.894 0 .92.173 1.715.518 2.384a3.725 3.725 0 0 0 1.447 1.547c.62.362 1.338.543 2.156.543zm8.958 0c.77 0 1.463-.175 2.081-.526.618-.35 1.107-.86 1.466-1.528.36-.667.54-1.477.54-2.429 0-.951-.18-1.761-.54-2.429-.36-.667-.848-1.176-1.466-1.527s-1.311-.527-2.081-.527c-.776 0-1.472.176-2.088.527-.617.35-1.104.86-1.462 1.527-.358.668-.537 1.478-.537 2.43 0 .948.179 1.756.537 2.424.358.668.845 1.178 1.462 1.53.616.352 1.312.528 2.088.528zm0-1.632c-.446 0-.836-.11-1.168-.328-.332-.219-.59-.54-.773-.963-.184-.423-.275-.943-.275-1.56 0-.616.091-1.136.275-1.56.183-.423.44-.744.773-.962a2.075 2.075 0 0 1 1.168-.328c.446 0 .835.109 1.167.328.333.218.59.54.774.963.183.423.275.943.275 1.56 0 .616-.092 1.136-.275 1.559-.184.423-.441.744-.774.963a2.075 2.075 0 0 1-1.167.328z"/>
<g opacity=".6" transform="translate(145 15)">
<rect width="37" height="7" fill="#MENU_COLOR" class="svgc_text"/>
<rect width="37" height="7" x="58" fill="#MENU_COLOR" class="svgc_text"/>
<rect width="37" height="7" x="116" fill="#MENU_COLOR" class="svgc_text"/>
<rect width="37" height="7" x="174" fill="#MENU_COLOR" class="svgc_text"/>
<rect width="37" height="7" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_buzzy)"/>
<rect width="37" height="7" x="58" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_buzzy)"/>
<rect width="37" height="7" x="116" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_buzzy)"/>
<rect width="37" height="7" x="174" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_buzzy)"/>
</g>
<rect width="37" height="7" x="593" y="15" fill="#MENU_COLOR" opacity="1" class="svgc_text"/>
<rect width="37" height="7" x="593" y="15" fill="#MENU_COLOR" opacity="1" class="svgc_text" filter="url(#filter_readability_buzzy)"/>
</g>
<g class="s_banner">
<g clip-path="url(#theme_buzzy_clip-path_1)">
@@ -570,14 +582,14 @@
<path d="M695.1,999.739l-1.488-1.339-1.438,1.637c-.1,0-.2-.05-.3-.05a2.456,2.456,0,0,0-2.48,2.48c0,.2.05.4.05.546l-68.641,76.328a5.608,5.608,0,0,0-2.728-.744,5.328,5.328,0,0,0-4.067,1.835l-78.461-49.993a4.967,4.967,0,0,0,.347-1.934,5.505,5.505,0,1,0-10.068,3.075l-34.916,32.238a5.569,5.569,0,0,0-3.025-.893,5.383,5.383,0,0,0-2.678.694L474.5,1048.542a5.393,5.393,0,0,0,1.339-3.571,5.456,5.456,0,1,0-9.324,3.869L455.1,1063.47a5.2,5.2,0,0,0-2.331-.546,5.69,5.69,0,0,0-2.877.794l-31.146-37.1a5.469,5.469,0,1,0-9.622-3.521,5.4,5.4,0,0,0,1.24,3.472l-85.7,113.575a5.636,5.636,0,0,0-2.43-.546,5.488,5.488,0,0,0-4.811,2.827l-23.856-7.985a4.009,4.009,0,0,0,.05-.793,5.456,5.456,0,1,0-10.911,0,5.8,5.8,0,0,0,.546,2.43l-39.826,29.51a5.6,5.6,0,0,0-3.323-1.141,5.214,5.214,0,0,0-3.125.992l-67.848-59.069a5.293,5.293,0,0,0,.744-2.777,5.456,5.456,0,1,0-10.911,0,5.119,5.119,0,0,0,.744,2.728l-79.6,67a5.471,5.471,0,0,0-8.729,1.885l-18.6-5.307a5.48,5.48,0,1,0-10.564,2.083L28.677,1182a5.457,5.457,0,0,0-8.382,1.091L.01,1175.161c0-.1.05-.2.05-.3a2.456,2.456,0,0,0-2.48-2.48,2.456,2.456,0,0,0-2.48,2.48,2.456,2.456,0,0,0,2.48,2.48,2.217,2.217,0,0,0,1.389-.446l20.582,8.035a7.4,7.4,0,0,0-.1,1.042,5.456,5.456,0,1,0,10.911,0,5.8,5.8,0,0,0-.546-2.43l13.441-9.969a5.431,5.431,0,0,0,4.017,1.785,5.515,5.515,0,0,0,5.108-3.521l18.549,5.307v.2a5.456,5.456,0,1,0,10.911,0,5.232,5.232,0,0,0-.6-2.48l79.651-67.054a5.4,5.4,0,0,0,3.472,1.24,5.509,5.509,0,0,0,3.422-1.19l67.8,58.92a5.47,5.47,0,1,0,9.969,3.075,5.377,5.377,0,0,0-.794-2.827l39.677-29.361a5.564,5.564,0,0,0,3.72,1.488,5.488,5.488,0,0,0,4.811-2.827l23.856,7.985a3.756,3.756,0,0,0-.05.744,5.456,5.456,0,1,0,10.911,0,5.248,5.248,0,0,0-1.488-3.72l85.6-113.476a5.607,5.607,0,0,0,2.728.744,5.383,5.383,0,0,0,2.678-.694l31.2,37.148a5.6,5.6,0,0,0-1.141,3.323,5.456,5.456,0,1,0,10.911,0,5.409,5.409,0,0,0-1.537-3.769l11.457-14.68a5.644,5.644,0,0,0,2.232.5,5.518,5.518,0,0,0,2.579-.645l10.713,15.127a5.469,5.469,0,1,0,9.622,3.521,5.676,5.676,0,0,0-1.042-3.224l34.866-32.188a5.486,5.486,0,0,0,7.241-.843l78.411,50.043a4.968,4.968,0,0,0-.347,1.934,5.505,5.505,0,0,0,11.01,0,5.306,5.306,0,0,0-1.24-3.472l68.393-76.031a2.356,2.356,0,0,0,1.19.3,2.494,2.494,0,0,0,2.033-3.918Z" fill="#7C6576"/>
</g>
</g>
<path d="M7.392-22.4V0H5.76V-20.928H.288V-22.4ZM28-1.472V0H12.608V-1.152L22.08-10.56a13.179,13.179,0,0,0,2.512-3.184,6.109,6.109,0,0,0,.656-2.736,4.141,4.141,0,0,0-1.456-3.36,6.406,6.406,0,0,0-4.208-1.216,9.823,9.823,0,0,0-3.7.64,7.178,7.178,0,0,0-2.736,1.952L12-19.488a8.427,8.427,0,0,1,3.248-2.272,11.768,11.768,0,0,1,4.464-.8,8.028,8.028,0,0,1,5.248,1.6,5.294,5.294,0,0,1,1.952,4.32,7.4,7.4,0,0,1-.768,3.3A14.48,14.48,0,0,1,23.264-9.7L15.008-1.472Z" transform="translate(126 1315)" fill="#3AADAA" class="svgc_text"/>
<rect width="45" height="2" transform="translate(118 1327.018)" fill="#3AADAA" class="svgc_text" opacity="0.6"/>
<path d="M1.12-6.208h-4.7V0h-1.6V-6.208H-17.952V-7.392L-5.792-22.4h1.824L-15.9-7.648H-5.152V-13.12h1.568v5.472h4.7ZM8.7-13.024q4.9,0,7.1,1.712a5.777,5.777,0,0,1,2.208,4.848,6.567,6.567,0,0,1-.88,3.408A6.07,6.07,0,0,1,14.5-.7a9.744,9.744,0,0,1-4.32.864,12.411,12.411,0,0,1-4.56-.832A8.383,8.383,0,0,1,2.3-2.848L3.136-4.1A7.626,7.626,0,0,0,6.064-2.112a10.647,10.647,0,0,0,4.08.768A6.936,6.936,0,0,0,14.768-2.72,4.589,4.589,0,0,0,16.384-6.4a4.418,4.418,0,0,0-1.84-3.84q-1.84-1.312-6.192-1.312H3.808L4.992-22.4H16.864v1.472H6.368l-.864,7.9Z" transform="translate(281 1315)" fill="#3AADAA" class="svgc_text"/>
<rect width="75" height="2" transform="translate(243 1327.018)" fill="#3AADAA" class="svgc_text" opacity="0.6"/>
<path d="M3.648-11.712A6.96,6.96,0,0,1,7.216-9.664,5.148,5.148,0,0,1,8.48-6.144,5.435,5.435,0,0,1,6.208-1.52,10.3,10.3,0,0,1-.032.16,10.162,10.162,0,0,1-6.224-1.52,5.448,5.448,0,0,1-8.48-6.144,5.213,5.213,0,0,1-7.248-9.68a6.827,6.827,0,0,1,3.536-2.032,6.132,6.132,0,0,1-2.944-1.92A4.861,4.861,0,0,1-7.68-16.768a5.005,5.005,0,0,1,2.08-4.24A9.1,9.1,0,0,1-.032-22.56a9.174,9.174,0,0,1,5.6,1.568A4.991,4.991,0,0,1,7.68-16.768a4.829,4.829,0,0,1-1.04,3.12A6.181,6.181,0,0,1,3.648-11.712Zm-9.7-5.024a3.787,3.787,0,0,0,1.584,3.2A7.273,7.273,0,0,0-.032-12.352,7.5,7.5,0,0,0,4.432-13.52,3.721,3.721,0,0,0,6.048-16.7,3.81,3.81,0,0,0,4.4-19.952a7.376,7.376,0,0,0-4.432-1.2,7.3,7.3,0,0,0-4.4,1.184A3.793,3.793,0,0,0-6.048-16.736ZM-.032-1.248A8.527,8.527,0,0,0,5.024-2.56,4.181,4.181,0,0,0,6.848-6.144,4.151,4.151,0,0,0,5.024-9.7,8.527,8.527,0,0,0-.032-11.008,8.389,8.389,0,0,0-5.04-9.7,4.162,4.162,0,0,0-6.848-6.144,4.2,4.2,0,0,0-5.056-2.56,8.376,8.376,0,0,0-.032-1.248Z" transform="translate(421 1315)" fill="#3AADAA" class="svgc_text"/>
<rect width="75" height="2" transform="translate(383 1327.018)" fill="#3AADAA" class="svgc_text" opacity="0.6"/>
<path d="M-9.424-12.64a8.631,8.631,0,0,1,5.648,1.808A5.75,5.75,0,0,1-1.84-6.3a6.25,6.25,0,0,1-.9,3.344A6.036,6.036,0,0,1-5.408-.672,10.006,10.006,0,0,1-9.68.16a12.755,12.755,0,0,1-4.576-.816,8.069,8.069,0,0,1-3.328-2.192l.832-1.248a7.928,7.928,0,0,0,2.96,1.984,10.733,10.733,0,0,0,4.112.768A6.986,6.986,0,0,0-5.1-2.672,4.468,4.468,0,0,0-3.5-6.3,4.42,4.42,0,0,0-5.136-9.952a7.707,7.707,0,0,0-4.9-1.312H-11.44v-1.184l6.624-8.48H-16.752V-22.4H-2.7v1.152ZM16.56-22.4v1.152L6.928,0H5.136l9.536-20.928H2.1v4.288H.5V-22.4Z" transform="translate(561 1315)" fill="#3AADAA" class="svgc_text"/>
<rect width="75" height="2" transform="translate(523 1327.018)" fill="#3AADAA" class="svgc_text" opacity="0.6"/>
<path d="M7.392-22.4V0H5.76V-20.928H.288V-22.4ZM28-1.472V0H12.608V-1.152L22.08-10.56a13.179,13.179,0,0,0,2.512-3.184,6.109,6.109,0,0,0,.656-2.736,4.141,4.141,0,0,0-1.456-3.36,6.406,6.406,0,0,0-4.208-1.216,9.823,9.823,0,0,0-3.7.64,7.178,7.178,0,0,0-2.736,1.952L12-19.488a8.427,8.427,0,0,1,3.248-2.272,11.768,11.768,0,0,1,4.464-.8,8.028,8.028,0,0,1,5.248,1.6,5.294,5.294,0,0,1,1.952,4.32,7.4,7.4,0,0,1-.768,3.3A14.48,14.48,0,0,1,23.264-9.7L15.008-1.472Z" transform="translate(126 1315)" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_buzzy)"/>
<rect width="45" height="2" transform="translate(118 1327.018)" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_buzzy)" opacity="0.6"/>
<path d="M1.12-6.208h-4.7V0h-1.6V-6.208H-17.952V-7.392L-5.792-22.4h1.824L-15.9-7.648H-5.152V-13.12h1.568v5.472h4.7ZM8.7-13.024q4.9,0,7.1,1.712a5.777,5.777,0,0,1,2.208,4.848,6.567,6.567,0,0,1-.88,3.408A6.07,6.07,0,0,1,14.5-.7a9.744,9.744,0,0,1-4.32.864,12.411,12.411,0,0,1-4.56-.832A8.383,8.383,0,0,1,2.3-2.848L3.136-4.1A7.626,7.626,0,0,0,6.064-2.112a10.647,10.647,0,0,0,4.08.768A6.936,6.936,0,0,0,14.768-2.72,4.589,4.589,0,0,0,16.384-6.4a4.418,4.418,0,0,0-1.84-3.84q-1.84-1.312-6.192-1.312H3.808L4.992-22.4H16.864v1.472H6.368l-.864,7.9Z" transform="translate(281 1315)" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_buzzy)"/>
<rect width="75" height="2" transform="translate(243 1327.018)" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_buzzy)" opacity="0.6"/>
<path d="M3.648-11.712A6.96,6.96,0,0,1,7.216-9.664,5.148,5.148,0,0,1,8.48-6.144,5.435,5.435,0,0,1,6.208-1.52,10.3,10.3,0,0,1-.032.16,10.162,10.162,0,0,1-6.224-1.52,5.448,5.448,0,0,1-8.48-6.144,5.213,5.213,0,0,1-7.248-9.68a6.827,6.827,0,0,1,3.536-2.032,6.132,6.132,0,0,1-2.944-1.92A4.861,4.861,0,0,1-7.68-16.768a5.005,5.005,0,0,1,2.08-4.24A9.1,9.1,0,0,1-.032-22.56a9.174,9.174,0,0,1,5.6,1.568A4.991,4.991,0,0,1,7.68-16.768a4.829,4.829,0,0,1-1.04,3.12A6.181,6.181,0,0,1,3.648-11.712Zm-9.7-5.024a3.787,3.787,0,0,0,1.584,3.2A7.273,7.273,0,0,0-.032-12.352,7.5,7.5,0,0,0,4.432-13.52,3.721,3.721,0,0,0,6.048-16.7,3.81,3.81,0,0,0,4.4-19.952a7.376,7.376,0,0,0-4.432-1.2,7.3,7.3,0,0,0-4.4,1.184A3.793,3.793,0,0,0-6.048-16.736ZM-.032-1.248A8.527,8.527,0,0,0,5.024-2.56,4.181,4.181,0,0,0,6.848-6.144,4.151,4.151,0,0,0,5.024-9.7,8.527,8.527,0,0,0-.032-11.008,8.389,8.389,0,0,0-5.04-9.7,4.162,4.162,0,0,0-6.848-6.144,4.2,4.2,0,0,0-5.056-2.56,8.376,8.376,0,0,0-.032-1.248Z" transform="translate(421 1315)" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_buzzy)"/>
<rect width="75" height="2" transform="translate(383 1327.018)" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_buzzy)" opacity="0.6"/>
<path d="M-9.424-12.64a8.631,8.631,0,0,1,5.648,1.808A5.75,5.75,0,0,1-1.84-6.3a6.25,6.25,0,0,1-.9,3.344A6.036,6.036,0,0,1-5.408-.672,10.006,10.006,0,0,1-9.68.16a12.755,12.755,0,0,1-4.576-.816,8.069,8.069,0,0,1-3.328-2.192l.832-1.248a7.928,7.928,0,0,0,2.96,1.984,10.733,10.733,0,0,0,4.112.768A6.986,6.986,0,0,0-5.1-2.672,4.468,4.468,0,0,0-3.5-6.3,4.42,4.42,0,0,0-5.136-9.952a7.707,7.707,0,0,0-4.9-1.312H-11.44v-1.184l6.624-8.48H-16.752V-22.4H-2.7v1.152ZM16.56-22.4v1.152L6.928,0H5.136l9.536-20.928H2.1v4.288H.5V-22.4Z" transform="translate(561 1315)" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_buzzy)"/>
<rect width="75" height="2" transform="translate(523 1327.018)" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_buzzy)" opacity="0.6"/>
</g>
<g class="s_call_to_action" transform="translate(0 56)">
<rect width="700" height="250" transform="translate(0 1445)" fill="#383E45"/>
@@ -604,16 +616,16 @@
</g>
<g class="svgc_footer">
<rect width="700" height="100" transform="translate(0 1750)" class="svgc_footer_bg" fill="#FOOTER_COLOR"/>
<rect width="38" height="2" transform="translate(339 1800)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="38" height="2" transform="translate(296 1800)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="38" height="2" transform="translate(253 1800)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="38" height="2" transform="translate(210 1800)" fill="#FOOTER_COLOR" class="svgc_text"/>
<path d="M80.828,30.1V27.359H74.085V14.369H70.759V30.1Zm8.436.216a7.446,7.446,0,0,0,3.749-.95,6.758,6.758,0,0,0,2.644-2.754,9.11,9.11,0,0,0,.972-4.378,9.12,9.12,0,0,0-.973-4.378A6.768,6.768,0,0,0,93.015,15.1a7.91,7.91,0,0,0-7.517,0,6.741,6.741,0,0,0-2.634,2.753,9.165,9.165,0,0,0-.968,4.38,9.14,9.14,0,0,0,.968,4.369A6.765,6.765,0,0,0,85.5,29.363a7.459,7.459,0,0,0,3.764.952Zm0-2.944a3.749,3.749,0,0,1-2.105-.591,3.837,3.837,0,0,1-1.4-1.736,7.082,7.082,0,0,1-.5-2.812,7.094,7.094,0,0,1,.5-2.812,3.81,3.81,0,0,1,1.4-1.734,4.041,4.041,0,0,1,4.209,0,3.824,3.824,0,0,1,1.393,1.736,7.05,7.05,0,0,1,.5,2.812,7.047,7.047,0,0,1-.5,2.81,3.822,3.822,0,0,1-1.393,1.736,3.74,3.74,0,0,1-2.105.591Zm16.723,2.942a7.484,7.484,0,0,0,3.519-.8,5.934,5.934,0,0,0,2.412-2.289,6.891,6.891,0,0,0,.876-3.56V21.681H106.21v2.506h3.374l-.007.227a3.4,3.4,0,0,1-.283,1.163l-.132.252a2.868,2.868,0,0,1-1.229,1.141,4.235,4.235,0,0,1-1.931.4,3.833,3.833,0,0,1-2.159-.6,3.878,3.878,0,0,1-1.413-1.756,7.037,7.037,0,0,1-.5-2.8,6.86,6.86,0,0,1,.507-2.785,3.919,3.919,0,0,1,1.419-1.739,3.76,3.76,0,0,1,2.116-.6,4.116,4.116,0,0,1,1.179.16,3.205,3.205,0,0,1,.952.465,2.879,2.879,0,0,1,.71.737,3.5,3.5,0,0,1,.454,1h3.38a5.75,5.75,0,0,0-.73-2.14,5.894,5.894,0,0,0-1.464-1.678,6.743,6.743,0,0,0-2.046-1.094,7.751,7.751,0,0,0-2.489-.389,7.589,7.589,0,0,0-2.9.546,6.771,6.771,0,0,0-2.343,1.59,7.248,7.248,0,0,0-1.563,2.547,9.764,9.764,0,0,0-.557,3.414,9.267,9.267,0,0,0,.934,4.3,6.715,6.715,0,0,0,2.608,2.789,7.563,7.563,0,0,0,3.886.979Zm16.148,0a7.457,7.457,0,0,0,3.751-.948,6.755,6.755,0,0,0,2.643-2.754,9.11,9.11,0,0,0,.973-4.378,9.12,9.12,0,0,0-.973-4.378,6.783,6.783,0,0,0-2.643-2.753,7.906,7.906,0,0,0-7.515,0,6.745,6.745,0,0,0-2.635,2.753,9.165,9.165,0,0,0-.968,4.38,9.14,9.14,0,0,0,.968,4.369,6.77,6.77,0,0,0,2.635,2.758A7.45,7.45,0,0,0,122.134,30.315Zm0-2.942a3.752,3.752,0,0,1-2.105-.591,3.833,3.833,0,0,1-1.393-1.736,7.05,7.05,0,0,1-.5-2.812,7.062,7.062,0,0,1,.5-2.812,3.807,3.807,0,0,1,1.393-1.734,4.041,4.041,0,0,1,4.209,0,3.827,3.827,0,0,1,1.4,1.736,7.081,7.081,0,0,1,.5,2.812,7.078,7.078,0,0,1-.5,2.81,3.837,3.837,0,0,1-1.4,1.736A3.74,3.74,0,0,1,122.134,27.373Z" transform="translate(33.498 1777.847)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="103" height="29" rx="14.5" transform="translate(527 1786)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="38" height="2" transform="translate(339 1800)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_buzzy)"/>
<rect width="38" height="2" transform="translate(296 1800)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_buzzy)"/>
<rect width="38" height="2" transform="translate(253 1800)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_buzzy)"/>
<rect width="38" height="2" transform="translate(210 1800)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_buzzy)"/>
<path d="M80.828,30.1V27.359H74.085V14.369H70.759V30.1Zm8.436.216a7.446,7.446,0,0,0,3.749-.95,6.758,6.758,0,0,0,2.644-2.754,9.11,9.11,0,0,0,.972-4.378,9.12,9.12,0,0,0-.973-4.378A6.768,6.768,0,0,0,93.015,15.1a7.91,7.91,0,0,0-7.517,0,6.741,6.741,0,0,0-2.634,2.753,9.165,9.165,0,0,0-.968,4.38,9.14,9.14,0,0,0,.968,4.369A6.765,6.765,0,0,0,85.5,29.363a7.459,7.459,0,0,0,3.764.952Zm0-2.944a3.749,3.749,0,0,1-2.105-.591,3.837,3.837,0,0,1-1.4-1.736,7.082,7.082,0,0,1-.5-2.812,7.094,7.094,0,0,1,.5-2.812,3.81,3.81,0,0,1,1.4-1.734,4.041,4.041,0,0,1,4.209,0,3.824,3.824,0,0,1,1.393,1.736,7.05,7.05,0,0,1,.5,2.812,7.047,7.047,0,0,1-.5,2.81,3.822,3.822,0,0,1-1.393,1.736,3.74,3.74,0,0,1-2.105.591Zm16.723,2.942a7.484,7.484,0,0,0,3.519-.8,5.934,5.934,0,0,0,2.412-2.289,6.891,6.891,0,0,0,.876-3.56V21.681H106.21v2.506h3.374l-.007.227a3.4,3.4,0,0,1-.283,1.163l-.132.252a2.868,2.868,0,0,1-1.229,1.141,4.235,4.235,0,0,1-1.931.4,3.833,3.833,0,0,1-2.159-.6,3.878,3.878,0,0,1-1.413-1.756,7.037,7.037,0,0,1-.5-2.8,6.86,6.86,0,0,1,.507-2.785,3.919,3.919,0,0,1,1.419-1.739,3.76,3.76,0,0,1,2.116-.6,4.116,4.116,0,0,1,1.179.16,3.205,3.205,0,0,1,.952.465,2.879,2.879,0,0,1,.71.737,3.5,3.5,0,0,1,.454,1h3.38a5.75,5.75,0,0,0-.73-2.14,5.894,5.894,0,0,0-1.464-1.678,6.743,6.743,0,0,0-2.046-1.094,7.751,7.751,0,0,0-2.489-.389,7.589,7.589,0,0,0-2.9.546,6.771,6.771,0,0,0-2.343,1.59,7.248,7.248,0,0,0-1.563,2.547,9.764,9.764,0,0,0-.557,3.414,9.267,9.267,0,0,0,.934,4.3,6.715,6.715,0,0,0,2.608,2.789,7.563,7.563,0,0,0,3.886.979Zm16.148,0a7.457,7.457,0,0,0,3.751-.948,6.755,6.755,0,0,0,2.643-2.754,9.11,9.11,0,0,0,.973-4.378,9.12,9.12,0,0,0-.973-4.378,6.783,6.783,0,0,0-2.643-2.753,7.906,7.906,0,0,0-7.515,0,6.745,6.745,0,0,0-2.635,2.753,9.165,9.165,0,0,0-.968,4.38,9.14,9.14,0,0,0,.968,4.369,6.77,6.77,0,0,0,2.635,2.758A7.45,7.45,0,0,0,122.134,30.315Zm0-2.942a3.752,3.752,0,0,1-2.105-.591,3.833,3.833,0,0,1-1.393-1.736,7.05,7.05,0,0,1-.5-2.812,7.062,7.062,0,0,1,.5-2.812,3.807,3.807,0,0,1,1.393-1.734,4.041,4.041,0,0,1,4.209,0,3.827,3.827,0,0,1,1.4,1.736,7.081,7.081,0,0,1,.5,2.812,7.078,7.078,0,0,1-.5,2.81,3.837,3.837,0,0,1-1.4,1.736A3.74,3.74,0,0,1,122.134,27.373Z" transform="translate(33.498 1777.847)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_buzzy)"/>
<rect width="103" height="29" rx="14.5" transform="translate(527 1786)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_buzzy)"/>
<text transform="translate(547 1804)" fill="#FOOTER_COLOR" font-size="11" font-family="Arial-BoldMT, Arial" font-weight="700"><tspan x="0" y="0">Get in touch</tspan></text>
<circle cx="7" cy="7" r="7" transform="translate(499 1794)" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle cx="7" cy="7" r="7" transform="translate(480 1794)" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle cx="7" cy="7" r="7" transform="translate(461 1794)" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle cx="7" cy="7" r="7" transform="translate(499 1794)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_buzzy)"/>
<circle cx="7" cy="7" r="7" transform="translate(480 1794)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_buzzy)"/>
<circle cx="7" cy="7" r="7" transform="translate(461 1794)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_buzzy)"/>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 143 KiB

After

Width:  |  Height:  |  Size: 145 KiB