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_anelusia/static/description/theme_anelusia.svg
+45 -32
View File
@@ -78,28 +78,41 @@
<pattern id="theme_anelusia_s_reference_demo_image_6" preserveAspectRatio="xMidYMid slice" width="100%" height="100%" viewBox="0 0 24 24">
<image width="24" height="24" href="/web/image/website.s_reference_demo_image_2"/>
</pattern>
<filter id="filter_readability_anelusia">
<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_anelusia">
<rect width="700" height="1850" fill="#FFFFFF"/>
<g class="svgc_menu">
<rect class="svgc_menu_bg" fill="#MENU_COLOR" width="700" height="37"/>
<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_anelusia)" 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(245 15)">
<rect fill="#MENU_COLOR" class="svgc_text" width="37" height="7"/>
<rect fill="#MENU_COLOR" class="svgc_text" width="37" height="7" x="58"/>
<rect fill="#MENU_COLOR" class="svgc_text" width="37" height="7" x="116"/>
<rect fill="#MENU_COLOR" class="svgc_text" width="37" height="7" x="174"/>
<rect fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_anelusia)" width="37" height="7"/>
<rect fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_anelusia)" width="37" height="7" x="58"/>
<rect fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_anelusia)" width="37" height="7" x="116"/>
<rect fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_anelusia)" width="37" height="7" x="174"/>
</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_anelusia)"/>
</g>
<g class="s_banner" transform="translate(0 35.5)">
<rect width="234" height="310" transform="translate(0 1.5)" fill="#3AADAA"/>
<rect fill="url(#theme_anelusia_s_banner_default_image_id)" class="img_reference_s_banner_default_image" width="466" height="310" transform="translate(234 1.5)"/>
<g transform="translate(-32 -404.881)">
<text transform="translate(242 519.381)" fill="#3AADAA" class="svgc_text" font-size="30" font-family="Arial-BoldMT, Arial, sans-serif" font-weight="700"><tspan x="-131.162" y="0">Welcome</tspan><tspan x="-126.738" y="37">Message</tspan></text>
<text transform="translate(242 519.381)" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_anelusia)" font-size="30" font-family="Arial-BoldMT, Arial, sans-serif" font-weight="700"><tspan x="-131.162" y="0">Welcome</tspan><tspan x="-126.738" y="37">Message</tspan></text>
<g transform="translate(108.63 545)" opacity="0.4">
<rect width="131" height="2" transform="translate(1.37 32.025)" fill="#3AADAA" class="svgc_text"/>
<rect width="116" height="2" transform="translate(16.37 37.025)" fill="#3AADAA" class="svgc_text"/>
<rect width="131" height="2" transform="translate(1.37 32.025)" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_anelusia)"/>
<rect width="116" height="2" transform="translate(16.37 37.025)" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_anelusia)"/>
</g>
<g transform="translate(-56 -31)">
<rect width="94" height="28" rx="14" transform="translate(203 630)" fill="#383E45"/>
@@ -119,27 +132,27 @@
<g transform="translate(0 9)">
<rect width="234" height="200" transform="translate(-243 821)" fill="#7C6576"/>
<g transform="translate(-191 853.966)">
<text transform="translate(119 64.034)" fill="#7C6576" class="svgc_text" font-size="22" font-family="Arial-BoldMT, Arial, sans-serif" font-weight="700"><tspan x="-107.175" y="0">Entry Title</tspan></text>
<text transform="translate(119 64.034)" fill="#7C6576" class="svgc_text" filter="url(#filter_readability_anelusia)" font-size="22" font-family="Arial-BoldMT, Arial, sans-serif" font-weight="700"><tspan x="-107.175" y="0">Entry Title</tspan></text>
<g transform="translate(0 84.225)" opacity="0.4">
<rect width="131" height="2" fill="#7C6576" class="svgc_text"/>
<rect width="116" height="2" transform="translate(8 5)" fill="#7C6576" class="svgc_text"/>
<rect width="131" height="2" fill="#7C6576" class="svgc_text" filter="url(#filter_readability_anelusia)"/>
<rect width="116" height="2" transform="translate(8 5)" fill="#7C6576" class="svgc_text" filter="url(#filter_readability_anelusia)"/>
</g>
<rect width="94" height="28" rx="14" transform="translate(19 106.2)" fill="#3AADAA"/>
<text transform="translate(66 124.034)" fill="#FFFFFF" font-size="11" font-family="Arial-BoldMT, Arial, sans-serif" font-weight="700"><tspan x="-23.235" y="0">Discover</tspan></text>
<circle cx="14" cy="14" r="14" transform="translate(52)" fill="#7C6576" class="svgc_text"/>
<circle cx="14" cy="14" r="14" transform="translate(52)" fill="#7C6576" class="svgc_text" filter="url(#filter_readability_anelusia)"/>
</g>
</g>
<g transform="translate(234 9)">
<rect width="233" height="200" transform="translate(-243 821)" fill="#3AADAA"/>
<g transform="translate(-191 853.966)">
<text transform="translate(119 64.034)" fill="#3AADAA" class="svgc_text" font-size="22" font-family="Arial-BoldMT, Arial, sans-serif" font-weight="700"><tspan x="-107.175" y="0">Entry Title</tspan></text>
<text transform="translate(119 64.034)" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_anelusia)" font-size="22" font-family="Arial-BoldMT, Arial, sans-serif" font-weight="700"><tspan x="-107.175" y="0">Entry Title</tspan></text>
<g transform="translate(0 84.225)" opacity="0.4">
<rect width="131" height="2" fill="#3AADAA" class="svgc_text"/>
<rect width="116" height="2" transform="translate(8 5)" fill="#3AADAA" class="svgc_text"/>
<rect width="131" height="2" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_anelusia)"/>
<rect width="116" height="2" transform="translate(8 5)" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_anelusia)"/>
</g>
<rect width="94" height="28" rx="14" transform="translate(19 106.2)" fill="#383E45"/>
<text transform="translate(66 124.034)" fill="#FFFFFF" font-size="11" font-family="Arial-BoldMT, Arial, sans-serif" font-weight="700"><tspan x="-23.235" y="0">Discover</tspan></text>
<circle cx="14" cy="14" r="14" transform="translate(52)" fill="#3AADAA" class="svgc_text"/>
<circle cx="14" cy="14" r="14" transform="translate(52)" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_anelusia)"/>
</g>
</g>
<g transform="translate(467 9)">
@@ -290,10 +303,10 @@
<text transform="translate(273 648)" fill="#FFFFFF" font-size="11" font-family="Arial-BoldMT, Arial, sans-serif" font-weight="700"><tspan x="-46.471" y="0">Discover</tspan></text>
</g>
<g transform="translate(-193.37 2043.975)" opacity="0.4">
<rect width="131" height="2" transform="translate(1.37 32.025)" fill="#3AADAA" class="svgc_text"/>
<rect width="116" height="2" transform="translate(9.37 37.025)" fill="#3AADAA" class="svgc_text"/>
<rect width="131" height="2" transform="translate(1.37 32.025)" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_anelusia)"/>
<rect width="116" height="2" transform="translate(9.37 37.025)" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_anelusia)"/>
</g>
<text transform="translate(-62 2056)" fill="#3AADAA" class="svgc_text" font-size="22" font-family="Arial-BoldMT, Arial, sans-serif" font-weight="700"><tspan x="-130.399" y="0">Section Title</tspan></text>
<text transform="translate(-62 2056)" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_anelusia)" font-size="22" font-family="Arial-BoldMT, Arial, sans-serif" font-weight="700"><tspan x="-130.399" y="0">Section Title</tspan></text>
</g>
<g transform="translate(167.865 -314.98)">
<path d="M-114.633,401.411h0l-17.434-25.269-25.271-17.435,21.344-14.726h42.723l21.344,14.726L-97.2,376.141l-17.434,25.269Z" transform="translate(85 1835)" fill="url(#theme_anelusia_linear-gradient_2)"/>
@@ -323,29 +336,29 @@
<g transform="translate(0 14)">
<g>
<g transform="translate(-69 -23)">
<circle cy="7.5" r="7.5" transform="translate(559 100)" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle cy="7.5" r="7.5" transform="translate(587 100)" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle cy="7.5" r="7.5" transform="translate(615 100)" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle cy="7.5" r="7.5" transform="translate(559 100)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_anelusia)"/>
<circle cy="7.5" r="7.5" transform="translate(587 100)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_anelusia)"/>
<circle cy="7.5" r="7.5" transform="translate(615 100)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_anelusia)"/>
</g>
<g transform="translate(-265 -1692)">
<rect width="93" height="2" transform="translate(475 1773)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="78" height="2" transform="translate(475 1778)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="93" height="2" transform="translate(475 1773)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_anelusia)"/>
<rect width="78" height="2" transform="translate(475 1778)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_anelusia)"/>
</g>
<g transform="translate(-405 -1692)">
<rect width="47" height="2" transform="translate(475 1773)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="39" height="2" transform="translate(475 1778)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="47" height="2" transform="translate(475 1773)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_anelusia)"/>
<rect width="39" height="2" transform="translate(475 1778)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_anelusia)"/>
</g>
</g>
<g transform="translate(0 -18)">
<g transform="translate(210 60)" opacity="0.6">
<g>
<rect width="184" height="2" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="169" height="2" transform="translate(0 5)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="79" height="2" transform="translate(0 10)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="91" height="2" transform="translate(0 15)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="184" height="2" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_anelusia)"/>
<rect width="169" height="2" transform="translate(0 5)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_anelusia)"/>
<rect width="79" height="2" transform="translate(0 10)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_anelusia)"/>
<rect width="91" height="2" transform="translate(0 15)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_anelusia)"/>
</g>
</g>
<text transform="translate(158 75)" fill="#FOOTER_COLOR" class="svgc_text" font-size="18" font-family="Arial-BoldMT, Arial, sans-serif" font-weight="700"><tspan x="-87.688" y="0">Entry Title</tspan></text>
<text transform="translate(158 75)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_anelusia)" font-size="18" font-family="Arial-BoldMT, Arial, sans-serif" font-weight="700"><tspan x="-87.688" y="0">Entry Title</tspan></text>
</g>
</g>
</g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 36 KiB

theme_artists/static/description/theme_artists.svg
+25 -12
View File
@@ -36,17 +36,30 @@
<pattern width="1" height="1" id="theme_artists_library_image_16_id" patternunits="objectBoundingBox">
<image width="180" height="134" preserveAspectRatio="xMidYMid slice" href="#library_image_16_url"/>
</pattern>
<filter id="filter_readability_artists">
<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_artists">
<rect width="700" height="1850" fill="#383E45"/>
<g class="svgc_menu">
<rect width="700" height="37" class="svgc_menu_bg" fill="#MENU_COLOR"/>
<path d="M76.345,23V21.479H72.6V14.273H70.759V23Zm4.68.12a4.131,4.131,0,0,0,2.08-.527,3.749,3.749,0,0,0,1.467-1.528,5.054,5.054,0,0,0,.539-2.429,5.059,5.059,0,0,0-.54-2.429,3.755,3.755,0,0,0-1.465-1.527,4.388,4.388,0,0,0-4.17,0,3.739,3.739,0,0,0-1.461,1.527,5.084,5.084,0,0,0-.537,2.43,5.07,5.07,0,0,0,.537,2.424,3.753,3.753,0,0,0,1.461,1.53,4.138,4.138,0,0,0,2.088.528Zm0-1.633a2.08,2.08,0,0,1-1.168-.328,2.128,2.128,0,0,1-.774-.963,3.929,3.929,0,0,1-.275-1.56,3.935,3.935,0,0,1,.275-1.56,2.114,2.114,0,0,1,.774-.962,2.242,2.242,0,0,1,2.335,0,2.121,2.121,0,0,1,.773.963,3.911,3.911,0,0,1,.275,1.56,3.909,3.909,0,0,1-.275,1.559,2.12,2.12,0,0,1-.773.963,2.075,2.075,0,0,1-1.168.328ZM90.3,23.119a4.152,4.152,0,0,0,1.952-.445,3.292,3.292,0,0,0,1.338-1.27,3.823,3.823,0,0,0,.486-1.975v-1.1H90.426v1.39H92.3l0,.126a1.886,1.886,0,0,1-.157.645l-.073.14a1.591,1.591,0,0,1-.682.633,2.35,2.35,0,0,1-1.071.224,2.127,2.127,0,0,1-1.2-.334,2.151,2.151,0,0,1-.784-.974,3.9,3.9,0,0,1-.277-1.551,3.805,3.805,0,0,1,.281-1.545,2.174,2.174,0,0,1,.787-.965,2.086,2.086,0,0,1,1.174-.332,2.283,2.283,0,0,1,.654.089,1.778,1.778,0,0,1,.528.258,1.6,1.6,0,0,1,.394.409,1.94,1.94,0,0,1,.252.552H94a3.19,3.19,0,0,0-.4-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.3,3.756,3.756,0,0,0-1.3.882,4.021,4.021,0,0,0-.867,1.413,5.417,5.417,0,0,0-.309,1.894,5.141,5.141,0,0,0,.518,2.384,3.725,3.725,0,0,0,1.447,1.547,4.2,4.2,0,0,0,2.156.543Zm8.958,0a4.137,4.137,0,0,0,2.081-.526,3.747,3.747,0,0,0,1.466-1.528,5.054,5.054,0,0,0,.54-2.429,5.059,5.059,0,0,0-.54-2.429,3.763,3.763,0,0,0-1.466-1.527,4.386,4.386,0,0,0-4.169,0,3.742,3.742,0,0,0-1.462,1.527,5.084,5.084,0,0,0-.537,2.43,5.07,5.07,0,0,0,.537,2.424,3.756,3.756,0,0,0,1.462,1.53A4.133,4.133,0,0,0,99.26,23.119Zm0-1.632a2.081,2.081,0,0,1-1.168-.328,2.127,2.127,0,0,1-.773-.963,3.911,3.911,0,0,1-.275-1.56,3.918,3.918,0,0,1,.275-1.56,2.112,2.112,0,0,1,.773-.962,2.242,2.242,0,0,1,2.335,0,2.123,2.123,0,0,1,.774.963,3.929,3.929,0,0,1,.275,1.56A3.927,3.927,0,0,1,101.2,20.2a2.128,2.128,0,0,1-.774.963A2.075,2.075,0,0,1,99.26,21.487Z" transform="translate(263.24)" class="svgc_text" opacity="1" fill="#MENU_COLOR"/>
<rect width="37" height="7" transform="translate(593 15)" class="svgc_text" opacity="1" fill="#MENU_COLOR"/>
<path d="M76.345,23V21.479H72.6V14.273H70.759V23Zm4.68.12a4.131,4.131,0,0,0,2.08-.527,3.749,3.749,0,0,0,1.467-1.528,5.054,5.054,0,0,0,.539-2.429,5.059,5.059,0,0,0-.54-2.429,3.755,3.755,0,0,0-1.465-1.527,4.388,4.388,0,0,0-4.17,0,3.739,3.739,0,0,0-1.461,1.527,5.084,5.084,0,0,0-.537,2.43,5.07,5.07,0,0,0,.537,2.424,3.753,3.753,0,0,0,1.461,1.53,4.138,4.138,0,0,0,2.088.528Zm0-1.633a2.08,2.08,0,0,1-1.168-.328,2.128,2.128,0,0,1-.774-.963,3.929,3.929,0,0,1-.275-1.56,3.935,3.935,0,0,1,.275-1.56,2.114,2.114,0,0,1,.774-.962,2.242,2.242,0,0,1,2.335,0,2.121,2.121,0,0,1,.773.963,3.911,3.911,0,0,1,.275,1.56,3.909,3.909,0,0,1-.275,1.559,2.12,2.12,0,0,1-.773.963,2.075,2.075,0,0,1-1.168.328ZM90.3,23.119a4.152,4.152,0,0,0,1.952-.445,3.292,3.292,0,0,0,1.338-1.27,3.823,3.823,0,0,0,.486-1.975v-1.1H90.426v1.39H92.3l0,.126a1.886,1.886,0,0,1-.157.645l-.073.14a1.591,1.591,0,0,1-.682.633,2.35,2.35,0,0,1-1.071.224,2.127,2.127,0,0,1-1.2-.334,2.151,2.151,0,0,1-.784-.974,3.9,3.9,0,0,1-.277-1.551,3.805,3.805,0,0,1,.281-1.545,2.174,2.174,0,0,1,.787-.965,2.086,2.086,0,0,1,1.174-.332,2.283,2.283,0,0,1,.654.089,1.778,1.778,0,0,1,.528.258,1.6,1.6,0,0,1,.394.409,1.94,1.94,0,0,1,.252.552H94a3.19,3.19,0,0,0-.4-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.3,3.756,3.756,0,0,0-1.3.882,4.021,4.021,0,0,0-.867,1.413,5.417,5.417,0,0,0-.309,1.894,5.141,5.141,0,0,0,.518,2.384,3.725,3.725,0,0,0,1.447,1.547,4.2,4.2,0,0,0,2.156.543Zm8.958,0a4.137,4.137,0,0,0,2.081-.526,3.747,3.747,0,0,0,1.466-1.528,5.054,5.054,0,0,0,.54-2.429,5.059,5.059,0,0,0-.54-2.429,3.763,3.763,0,0,0-1.466-1.527,4.386,4.386,0,0,0-4.169,0,3.742,3.742,0,0,0-1.462,1.527,5.084,5.084,0,0,0-.537,2.43,5.07,5.07,0,0,0,.537,2.424,3.756,3.756,0,0,0,1.462,1.53A4.133,4.133,0,0,0,99.26,23.119Zm0-1.632a2.081,2.081,0,0,1-1.168-.328,2.127,2.127,0,0,1-.773-.963,3.911,3.911,0,0,1-.275-1.56,3.918,3.918,0,0,1,.275-1.56,2.112,2.112,0,0,1,.773-.962,2.242,2.242,0,0,1,2.335,0,2.123,2.123,0,0,1,.774.963,3.929,3.929,0,0,1,.275,1.56A3.927,3.927,0,0,1,101.2,20.2a2.128,2.128,0,0,1-.774.963A2.075,2.075,0,0,1,99.26,21.487Z" transform="translate(263.24)" class="svgc_text" opacity="1" fill="#MENU_COLOR" filter="url(#filter_readability_artists)"/>
<rect width="37" height="7" transform="translate(593 15)" class="svgc_text" opacity="1" fill="#MENU_COLOR" filter="url(#filter_readability_artists)"/>
<g transform="translate(68.424 -19.525)" opacity="0.4">
<rect width="12" height="2" transform="translate(1.575 32.025)" class="svgc_text" fill="#MENU_COLOR"/>
<rect width="12" height="2" transform="translate(1.575 37.025)" class="svgc_text" fill="#MENU_COLOR"/>
<rect width="12" height="2" transform="translate(1.575 42.025)" class="svgc_text" fill="#MENU_COLOR"/>
<rect width="12" height="2" transform="translate(1.575 32.025)" class="svgc_text" fill="#MENU_COLOR" filter="url(#filter_readability_artists)"/>
<rect width="12" height="2" transform="translate(1.575 37.025)" class="svgc_text" fill="#MENU_COLOR" filter="url(#filter_readability_artists)"/>
<rect width="12" height="2" transform="translate(1.575 42.025)" class="svgc_text" fill="#MENU_COLOR" filter="url(#filter_readability_artists)"/>
</g>
</g>
<g class="s_carousel" transform="translate(0 8)">
@@ -167,14 +180,14 @@
<g class="svgc_footer" transform="translate(0 1663)">
<rect width="700" height="287" transform="translate(0 -100)" fill="#FOOTER_COLOR" class="svgc_footer_bg"/>
<g transform="translate(284 81)" opacity="0.4">
<circle cx="38.5" cy="7.5" r="7.5" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle cx="66.5" cy="7.5" r="7.5" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle cx="94.5" cy="7.5" r="7.5" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle cx="38.5" cy="7.5" r="7.5" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_artists)"/>
<circle cx="66.5" cy="7.5" r="7.5" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_artists)"/>
<circle cx="94.5" cy="7.5" r="7.5" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_artists)"/>
<g opacity="0.4" transform="translate(0 30)">
<rect width="131" height="2" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="116" height="2" x="8" y="5" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="79" height="2" x="26" y="10" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="91" height="2" x="20" y="15" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="131" height="2" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_artists)"/>
<rect width="116" height="2" x="8" y="5" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_artists)"/>
<rect width="79" height="2" x="26" y="10" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_artists)"/>
<rect width="91" height="2" x="20" y="15" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_artists)"/>
</g>
</g>
</g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 68 KiB

After

Width:  |  Height:  |  Size: 69 KiB

theme_avantgarde/static/description/theme_avantgarde.svg
+35 -21
View File
@@ -34,6 +34,20 @@
<pattern width="1" height="1" patternunits="objectBoundingBox" id="theme_avantgarde_s_text_image_default_image_id">
<image preserveAspectRatio="xMidYMid slice" width="193.0843" height="192.9226" href="#s_text_image_default_image_url"/>
</pattern>
<!-- Filter -->
<filter id="filter_readability_avantgarde">
<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 class="theme_avantgarde">
@@ -43,16 +57,16 @@
<!-- Menu Background -->
<rect width="700" height="37" fill="#MENU_COLOR" class="svgc_menu_bg"/>
<!-- Logo -->
<path class="svgc_text" opacity="1" d="M76.35,23V21.48H72.6V14.27H70.76V23Zm4.68.12a4.18,4.18,0,0,0,2.08-.53,3.82,3.82,0,0,0,1.46-1.52,5.07,5.07,0,0,0,.54-2.43,5.07,5.07,0,0,0-.54-2.43,3.78,3.78,0,0,0-1.46-1.53A4.19,4.19,0,0,0,81,14.15a4.12,4.12,0,0,0-2.08.53,3.66,3.66,0,0,0-1.46,1.53,5.07,5.07,0,0,0-.54,2.43,5,5,0,0,0,.54,2.42,3.71,3.71,0,0,0,1.46,1.53,4.12,4.12,0,0,0,2.08.53Zm0-1.63a2.09,2.09,0,0,1-1.17-.33,2.15,2.15,0,0,1-.78-1,4,4,0,0,1-.27-1.56,4,4,0,0,1,.27-1.56,2.12,2.12,0,0,1,.78-1A2.05,2.05,0,0,1,81,15.79a2.14,2.14,0,0,1,1.17.32,2.19,2.19,0,0,1,.78,1,4,4,0,0,1,.27,1.56A4,4,0,0,1,83,20.2a2.15,2.15,0,0,1-.78,1,2.09,2.09,0,0,1-1.17.33Zm9.27,1.63a4.07,4.07,0,0,0,2-.45,3.16,3.16,0,0,0,1.34-1.27,3.74,3.74,0,0,0,.49-2v-1.1H90.43v1.39H92.3v.13a1.88,1.88,0,0,1-.15.64l-.08.14a1.59,1.59,0,0,1-.68.63,2.32,2.32,0,0,1-1.07.23,2.09,2.09,0,0,1-1.2-.34,2.12,2.12,0,0,1-.78-1,4.43,4.43,0,0,1,0-3.1,2.16,2.16,0,0,1,.79-1,2,2,0,0,1,1.17-.33,2.29,2.29,0,0,1,.66.09,1.85,1.85,0,0,1,.53.25,1.9,1.9,0,0,1,.39.41,2,2,0,0,1,.25.55H94a3.32,3.32,0,0,0-.41-1.18,3.15,3.15,0,0,0-.81-.93,3.54,3.54,0,0,0-1.13-.61,4.39,4.39,0,0,0-1.39-.22,4.18,4.18,0,0,0-1.6.31,3.74,3.74,0,0,0-1.3.88,3.88,3.88,0,0,0-.87,1.41,5.37,5.37,0,0,0-.31,1.9A5.07,5.07,0,0,0,86.7,21a3.73,3.73,0,0,0,1.45,1.55,4.19,4.19,0,0,0,2.15.54Zm9,0a4.15,4.15,0,0,0,2.08-.53,3.78,3.78,0,0,0,1.47-1.52,5.07,5.07,0,0,0,.54-2.43,5.07,5.07,0,0,0-.54-2.43,3.74,3.74,0,0,0-1.47-1.53,4.37,4.37,0,0,0-4.17,0,3.78,3.78,0,0,0-1.46,1.53,5.07,5.07,0,0,0-.54,2.43,5,5,0,0,0,.54,2.42,3.78,3.78,0,0,0,1.46,1.53A4.16,4.16,0,0,0,99.26,23.12Zm0-1.63a2.06,2.06,0,0,1-1.17-.33,2.13,2.13,0,0,1-.77-1A4,4,0,0,1,97,18.64a4,4,0,0,1,.28-1.56,2,2,0,0,1,1.94-1.29,2.14,2.14,0,0,1,1.17.32,2.1,2.1,0,0,1,.77,1,4,4,0,0,1,.28,1.56,4,4,0,0,1-.28,1.56,2,2,0,0,1-1.94,1.29Z" fill="#MENU_COLOR"/>
<path class="svgc_text" opacity="1" d="M76.35,23V21.48H72.6V14.27H70.76V23Zm4.68.12a4.18,4.18,0,0,0,2.08-.53,3.82,3.82,0,0,0,1.46-1.52,5.07,5.07,0,0,0,.54-2.43,5.07,5.07,0,0,0-.54-2.43,3.78,3.78,0,0,0-1.46-1.53A4.19,4.19,0,0,0,81,14.15a4.12,4.12,0,0,0-2.08.53,3.66,3.66,0,0,0-1.46,1.53,5.07,5.07,0,0,0-.54,2.43,5,5,0,0,0,.54,2.42,3.71,3.71,0,0,0,1.46,1.53,4.12,4.12,0,0,0,2.08.53Zm0-1.63a2.09,2.09,0,0,1-1.17-.33,2.15,2.15,0,0,1-.78-1,4,4,0,0,1-.27-1.56,4,4,0,0,1,.27-1.56,2.12,2.12,0,0,1,.78-1A2.05,2.05,0,0,1,81,15.79a2.14,2.14,0,0,1,1.17.32,2.19,2.19,0,0,1,.78,1,4,4,0,0,1,.27,1.56A4,4,0,0,1,83,20.2a2.15,2.15,0,0,1-.78,1,2.09,2.09,0,0,1-1.17.33Zm9.27,1.63a4.07,4.07,0,0,0,2-.45,3.16,3.16,0,0,0,1.34-1.27,3.74,3.74,0,0,0,.49-2v-1.1H90.43v1.39H92.3v.13a1.88,1.88,0,0,1-.15.64l-.08.14a1.59,1.59,0,0,1-.68.63,2.32,2.32,0,0,1-1.07.23,2.09,2.09,0,0,1-1.2-.34,2.12,2.12,0,0,1-.78-1,4.43,4.43,0,0,1,0-3.1,2.16,2.16,0,0,1,.79-1,2,2,0,0,1,1.17-.33,2.29,2.29,0,0,1,.66.09,1.85,1.85,0,0,1,.53.25,1.9,1.9,0,0,1,.39.41,2,2,0,0,1,.25.55H94a3.32,3.32,0,0,0-.41-1.18,3.15,3.15,0,0,0-.81-.93,3.54,3.54,0,0,0-1.13-.61,4.39,4.39,0,0,0-1.39-.22,4.18,4.18,0,0,0-1.6.31,3.74,3.74,0,0,0-1.3.88,3.88,3.88,0,0,0-.87,1.41,5.37,5.37,0,0,0-.31,1.9A5.07,5.07,0,0,0,86.7,21a3.73,3.73,0,0,0,1.45,1.55,4.19,4.19,0,0,0,2.15.54Zm9,0a4.15,4.15,0,0,0,2.08-.53,3.78,3.78,0,0,0,1.47-1.52,5.07,5.07,0,0,0,.54-2.43,5.07,5.07,0,0,0-.54-2.43,3.74,3.74,0,0,0-1.47-1.53,4.37,4.37,0,0,0-4.17,0,3.78,3.78,0,0,0-1.46,1.53,5.07,5.07,0,0,0-.54,2.43,5,5,0,0,0,.54,2.42,3.78,3.78,0,0,0,1.46,1.53A4.16,4.16,0,0,0,99.26,23.12Zm0-1.63a2.06,2.06,0,0,1-1.17-.33,2.13,2.13,0,0,1-.77-1A4,4,0,0,1,97,18.64a4,4,0,0,1,.28-1.56,2,2,0,0,1,1.94-1.29,2.14,2.14,0,0,1,1.17.32,2.1,2.1,0,0,1,.77,1,4,4,0,0,1,.28,1.56,4,4,0,0,1-.28,1.56,2,2,0,0,1-1.94,1.29Z" fill="#MENU_COLOR" filter="url(#filter_readability_avantgarde)"/>
<!-- Contents -->
<g opacity="0.574000000953674">
<rect x="538.91" y="13.75" width="15.52" height="1.36" fill="#MENU_COLOR" class="svgc_text"/>
<rect x="538.91" y="17.82" width="15.52" height="1.36" fill="#MENU_COLOR" class="svgc_text"/>
<rect x="538.91" y="21.89" width="15.52" height="1.36" fill="#MENU_COLOR" class="svgc_text"/>
<rect x="513.63" y="13.47" width="10.62" height="10.34" rx="5.17" fill="#MENU_COLOR" class="svgc_text"/>
<rect x="538.91" y="13.75" width="15.52" height="1.36" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_avantgarde)"/>
<rect x="538.91" y="17.82" width="15.52" height="1.36" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_avantgarde)"/>
<rect x="538.91" y="21.89" width="15.52" height="1.36" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_avantgarde)"/>
<rect x="513.63" y="13.47" width="10.62" height="10.34" rx="5.17" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_avantgarde)"/>
</g>
<!-- Menu Button -->
<path class="svgc_text" opacity="1" d="M571.42,8.73h57.51a1.35,1.35,0,0,1,1.28,1.41V27a1.35,1.35,0,0,1-1.28,1.41H571.42A1.35,1.35,0,0,1,570.15,27V10.14A1.35,1.35,0,0,1,571.42,8.73Z" style="fill:none;stroke:#MENU_COLOR;stroke-miterlimit:10;stroke-width:2px;fill-rule:evenodd"/>
<path class="svgc_text" opacity="1" d="M571.42,8.73h57.51a1.35,1.35,0,0,1,1.28,1.41V27a1.35,1.35,0,0,1-1.28,1.41H571.42A1.35,1.35,0,0,1,570.15,27V10.14A1.35,1.35,0,0,1,571.42,8.73Z" style="fill:none;stroke:#MENU_COLOR;stroke-miterlimit:10;stroke-width:2px;fill-rule:evenodd" filter="url(#filter_readability_avantgarde)"/>
</g>
<!-- Cover -->
@@ -187,21 +201,21 @@
<rect class="svgc_footer_bg" y="1713" width="700" height="137" fill="#FOOTER_COLOR"/>
<!-- Contents -->
<g opacity="0.55">
<circle cx="561.35" cy="1802.49" r="7.5" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle cx="581.35" cy="1802.49" r="7.5" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle cx="601.35" cy="1802.49" r="7.5" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect x="337.12" y="1779.26" width="173.79" height="2" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect x="337.12" y="1784.26" width="153.89" height="2" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect x="337.12" y="1789.26" width="104.8" height="2" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect x="337.12" y="1794.26" width="120.72" height="2" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle cx="621.35" cy="1802.49" r="7.5" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect x="70.61" y="1779.26" width="205.45" height="2" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect x="70.61" y="1753.01" width="155.02" height="2" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect x="70.61" y="1784.26" width="181.92" height="2" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect x="70.61" y="1789.26" width="197.08" height="2" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect x="70.61" y="1794.26" width="123.76" height="2" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect x="553.85" y="1779.26" width="65.58" height="2" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect x="553.85" y="1784.26" width="75.54" height="2" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle cx="561.35" cy="1802.49" r="7.5" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_avantgarde)"/>
<circle cx="581.35" cy="1802.49" r="7.5" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_avantgarde)"/>
<circle cx="601.35" cy="1802.49" r="7.5" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_avantgarde)"/>
<rect x="337.12" y="1779.26" width="173.79" height="2" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_avantgarde)"/>
<rect x="337.12" y="1784.26" width="153.89" height="2" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_avantgarde)"/>
<rect x="337.12" y="1789.26" width="104.8" height="2" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_avantgarde)"/>
<rect x="337.12" y="1794.26" width="120.72" height="2" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_avantgarde)"/>
<circle cx="621.35" cy="1802.49" r="7.5" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_avantgarde)"/>
<rect x="70.61" y="1779.26" width="205.45" height="2" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_avantgarde)"/>
<rect x="70.61" y="1753.01" width="155.02" height="2" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_avantgarde)"/>
<rect x="70.61" y="1784.26" width="181.92" height="2" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_avantgarde)"/>
<rect x="70.61" y="1789.26" width="197.08" height="2" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_avantgarde)"/>
<rect x="70.61" y="1794.26" width="123.76" height="2" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_avantgarde)"/>
<rect x="553.85" y="1779.26" width="65.58" height="2" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_avantgarde)"/>
<rect x="553.85" y="1784.26" width="75.54" height="2" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_avantgarde)"/>
</g>
</g>
</g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 18 KiB

theme_aviato/static/description/theme_aviato.svg
+38 -24
View File
File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 266 KiB

After

Width:  |  Height:  |  Size: 268 KiB

theme_beauty/static/description/theme_beauty.svg
+45 -31
View File
File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 76 KiB

After

Width:  |  Height:  |  Size: 78 KiB

theme_bewise/static/description/theme_bewise.svg
+46 -32
View File
File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 34 KiB

theme_bistro/static/description/theme_bistro.svg
+34 -21
View File
@@ -21,6 +21,19 @@
<pattern width="1" height="1" id="theme_bistro_s_quotes_carousel_demo_image_2_id" patternunits="objectBoundingBox">
<image width="30" height="30" preserveAspectRatio="xMidYMid slice" href="/web/image/website.s_quotes_carousel_demo_image_3"/>
</pattern>
<filter id="filter_readability_bistro">
<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>
<!-- Layout -->
@@ -28,15 +41,15 @@
<g data-name="Header" class="svgc_menu">
<rect width="700" height="70" fill="#MENU_COLOR" class="svgc_menu_bg"/>
<circle cx="75" cy="16" r="8" fill="#MENU_COLOR" class="svgc_text" opacity="0.8"/>
<circle cx="100" cy="16" r="8" fill="#MENU_COLOR" class="svgc_text" opacity="0.8"/>
<circle cx="125" cy="16" r="8" fill="#MENU_COLOR" class="svgc_text" opacity="0.8"/>
<text x="333" y="22" fill="#MENU_COLOR" class="svgc_text" font-size="14" font-family="Poppins, sans-serif" font-weight="500">LOGO</text>
<rect width="50" height="8" x="580" y="12" rx="2" fill="#MENU_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="560" height="1" x="70" y="35" fill="#MENU_COLOR" class="svgc_text" opacity="0.5"/>
<rect width="40" height="8" x="280" y="48" rx="2" fill="#MENU_COLOR" class="svgc_text" opacity="0.5"/>
<rect width="40" height="8" x="330" y="48" rx="2" fill="#MENU_COLOR" class="svgc_text" opacity="0.5"/>
<rect width="40" height="8" x="380" y="48" rx="2" fill="#MENU_COLOR" class="svgc_text" opacity="0.5"/>
<circle cx="75" cy="16" r="8" fill="#MENU_COLOR" class="svgc_text" opacity="0.8" filter="url(#filter_readability_bistro)"/>
<circle cx="100" cy="16" r="8" fill="#MENU_COLOR" class="svgc_text" opacity="0.8" filter="url(#filter_readability_bistro)"/>
<circle cx="125" cy="16" r="8" fill="#MENU_COLOR" class="svgc_text" opacity="0.8" filter="url(#filter_readability_bistro)"/>
<text x="333" y="22" fill="#MENU_COLOR" class="svgc_text" font-size="14" font-family="Poppins, sans-serif" font-weight="500" filter="url(#filter_readability_bistro)">LOGO</text>
<rect width="50" height="8" x="580" y="12" rx="2" fill="#MENU_COLOR" class="svgc_text" opacity="0.8" filter="url(#filter_readability_bistro)"/>
<rect width="560" height="1" x="70" y="35" fill="#MENU_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_bistro)"/>
<rect width="40" height="8" x="280" y="48" rx="2" fill="#MENU_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_bistro)"/>
<rect width="40" height="8" x="330" y="48" rx="2" fill="#MENU_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_bistro)"/>
<rect width="40" height="8" x="380" y="48" rx="2" fill="#MENU_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_bistro)"/>
</g>
<g data-name="Cover">
@@ -48,7 +61,7 @@
<rect width="120" height="7" x="290" y="245" rx="2" fill="#FFFFFD" opacity="0.8"/>
<g class="svgc_btn_group">
<rect width="80" height="24" rx="12" x="310" y="305" fill="#3AADAA"/>
<text x="324" y="322" fill="#3AADAA" class="svgc_text" font-size="12" font-family="Poppins, sans-serif" font-weight="500">Discover</text>
<text x="324" y="322" fill="#3AADAA" class="svgc_text" font-size="12" font-family="Poppins, sans-serif" font-weight="500" filter="url(#filter_readability_bistro)">Discover</text>
</g>
<path d="M-329.166,20V12.1c7.291,0,7.291-12.1,14.583-12.1S-307.291,12.1-300,12.1V20Zm-29.167,0V12.1c7.292,0,7.292-12.1,14.584-12.1s7.291,12.1,14.584,12.1V20ZM-387.5,20V12.1c7.291,0,7.291-12.1,14.584-12.1s7.291,12.1,14.583,12.1V20Zm-29.166,0V12.1c7.291,0,7.291-12.1,14.583-12.1s7.292,12.1,14.584,12.1V20Zm-29.167,0V12.1c7.292,0,7.292-12.1,14.584-12.1s7.291,12.1,14.584,12.1V20ZM-475,20V12.1c7.291,0,7.291-12.1,14.584-12.1s7.291,12.1,14.583,12.1V20Zm-29.166,0V12.1c7.291,0,7.291-12.1,14.583-12.1S-482.291,12.1-475,12.1V20Zm-29.167,0V12.1c7.292,0,7.292-12.1,14.584-12.1s7.291,12.1,14.584,12.1V20ZM-562.5,20V12.1c7.291,0,7.291-12.1,14.584-12.1s7.291,12.1,14.583,12.1V20Zm-29.166,0V12.1c7.291,0,7.291-12.1,14.583-12.1s7.292,12.1,14.584,12.1V20Zm-29.167,0V12.1c7.292,0,7.292-12.1,14.584-12.1s7.291,12.1,14.584,12.1V20ZM-650,20V12.1c7.291,0,7.291-12.1,14.584-12.1s7.291,12.1,14.583,12.1V20Zm-29.166,0V12.1c7.291,0,7.291-12.1,14.583-12.1S-657.291,12.1-650,12.1V20Zm-29.167,0V12.1c7.292,0,7.292-12.1,14.584-12.1s7.291,12.1,14.584,12.1V20ZM-737.5,20V12.1c7.291,0,7.291-12.1,14.584-12.1s7.291,12.1,14.583,12.1V20Zm-29.166,0V12.1c7.291,0,7.291-12.1,14.583-12.1s7.292,12.1,14.584,12.1V20Zm-29.167,0V12.1c7.292,0,7.292-12.1,14.584-12.1s7.291,12.1,14.584,12.1V20ZM-825,20V12.1c7.291,0,7.291-12.1,14.584-12.1s7.291,12.1,14.583,12.1V20Zm-29.166,0V12.1c7.291,0,7.291-12.1,14.583-12.1S-832.291,12.1-825,12.1V20Zm-29.167,0V12.1c7.292,0,7.292-12.1,14.584-12.1s7.291,12.1,14.584,12.1V20ZM-912.5,20V12.1c7.291,0,7.291-12.1,14.584-12.1s7.291,12.1,14.583,12.1V20Zm-29.166,0V12.1c7.291,0,7.291-12.1,14.583-12.1s7.292,12.1,14.584,12.1V20Zm-29.167,0V12.1c7.292,0,7.292-12.1,14.584-12.1s7.291,12.1,14.584,12.1V20ZM-1000,20V12.1c7.291,0,7.291-12.1,14.584-12.1s7.291,12.1,14.583,12.1V20Z" transform="translate(1000 381)" fill="#FFFFFD"/>
</g>
@@ -78,11 +91,11 @@
<g data-name="Picture">
<rect width="700" height="160" x="0" y="590" fill="#383E45"/>
<rect width="700" height="260" x="0" y="750" fill="#3AADAA"/>
<text x="278" y="645" fill="#383E45" class="svgc_text" font-size="24" font-family="Poppins, sans-serif" font-weight="500">Section Title</text>
<rect width="140" height="6" rx="2" x="280" y="667" fill="#383E45" class="svgc_text"/>
<text x="278" y="645" fill="#383E45" class="svgc_text" font-size="24" font-family="Poppins, sans-serif" font-weight="500" filter="url(#filter_readability_bistro)">Section Title</text>
<rect width="140" height="6" rx="2" x="280" y="667" fill="#383E45" class="svgc_text" filter="url(#filter_readability_bistro)"/>
<rect width="370" height="250" rx="4" x="165" y="700" fill="#FFFFFF"/>
<rect width="350" height="230" rx="4" x="175" y="710" fill="url(#theme_bistro_s_picture_default_image_id)" class="img_reference_s_picture_default_image"/>
<rect width="140" height="6" rx="2" x="280" y="972" fill="#3AADAA" class="svgc_text" opacity=".5"/>
<rect width="140" height="6" rx="2" x="280" y="972" fill="#3AADAA" class="svgc_text" opacity=".5" filter="url(#filter_readability_bistro)"/>
</g>
<g data-name="Pricelist">
@@ -138,19 +151,19 @@
<g data-name="Footer" class="svgc_footer">
<rect width="700" height="155" x="0" y="1660" fill="#FOOTER_COLOR" class="svgc_footer_bg"/>
<circle cx="320" cy="1700" r="12" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<circle cx="350" cy="1700" r="12" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<circle cx="380" cy="1700" r="12" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="287" height="6" rx="2" x="207" y="1730" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5"/>
<rect width="129" height="6" rx="2" x="344" y="1747" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5"/>
<rect width="65" height="6" rx="2" x="242" y="1747" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5"/>
<text x="330" y="1785" fill="#FOOTER_COLOR" class="svgc_text" font-size="14" font-family="Poppins, sans-serif" font-weight="500">LOGO</text>
<circle cx="320" cy="1700" r="12" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8" filter="url(#filter_readability_bistro)"/>
<circle cx="350" cy="1700" r="12" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8" filter="url(#filter_readability_bistro)"/>
<circle cx="380" cy="1700" r="12" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8" filter="url(#filter_readability_bistro)"/>
<rect width="287" height="6" rx="2" x="207" y="1730" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_bistro)"/>
<rect width="129" height="6" rx="2" x="344" y="1747" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_bistro)"/>
<rect width="65" height="6" rx="2" x="242" y="1747" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_bistro)"/>
<text x="330" y="1785" fill="#FOOTER_COLOR" class="svgc_text" font-size="14" font-family="Poppins, sans-serif" font-weight="500" filter="url(#filter_readability_bistro)">LOGO</text>
</g>
<g data-name="Copyright">
<rect width="700" height="35" x="0" y="1815" fill="#3AADAA"/>
<circle cx="615" cy="1815" r="15" fill="#FOOTER_COLOR"/>
<rect width="120" height="6" rx="2" x="70" y="1830" fill="#3AADAA" class="svgc_text"/>
<rect width="120" height="6" rx="2" x="70" y="1830" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_bistro)"/>
</g>
</g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 16 KiB

theme_bookstore/static/description/theme_bookstore.svg
+51 -38
View File
@@ -43,19 +43,32 @@
<pattern width="1" height="1" id="theme_bookstore_s_product_list_default_image_6_id" patternunits="objectBoundingBox">
<image width="158" height="158" preserveAspectRatio="xMidYMid slice" href="#s_product_list_default_image_6_url"/>
</pattern>
<filter id="filter_readability_bookstore">
<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_bookstore">
<rect width="700" height="1850" fill="#FFFFFF"/>
<g class="svgc_menu" transform="translate(-1428 -220)">
<rect width="700" height="37" transform="translate(1428 247)" class="svgc_menu_bg" fill="#MENU_COLOR"/>
<path d="M76.345,23V21.479H72.6V14.273H70.759V23Zm4.68.12a4.131,4.131,0,0,0,2.08-.527,3.749,3.749,0,0,0,1.467-1.528,5.054,5.054,0,0,0,.539-2.429,5.059,5.059,0,0,0-.54-2.429,3.755,3.755,0,0,0-1.465-1.527,4.388,4.388,0,0,0-4.17,0,3.739,3.739,0,0,0-1.461,1.527,5.084,5.084,0,0,0-.537,2.43,5.07,5.07,0,0,0,.537,2.424,3.753,3.753,0,0,0,1.461,1.53,4.138,4.138,0,0,0,2.088.528Zm0-1.633a2.08,2.08,0,0,1-1.168-.328,2.128,2.128,0,0,1-.774-.963,3.929,3.929,0,0,1-.275-1.56,3.935,3.935,0,0,1,.275-1.56,2.114,2.114,0,0,1,.774-.962,2.242,2.242,0,0,1,2.335,0,2.121,2.121,0,0,1,.773.963,3.911,3.911,0,0,1,.275,1.56,3.909,3.909,0,0,1-.275,1.559,2.12,2.12,0,0,1-.773.963,2.075,2.075,0,0,1-1.168.328ZM90.3,23.119a4.152,4.152,0,0,0,1.952-.445,3.292,3.292,0,0,0,1.338-1.27,3.823,3.823,0,0,0,.486-1.975v-1.1H90.426v1.39H92.3l0,.126a1.886,1.886,0,0,1-.157.645l-.073.14a1.591,1.591,0,0,1-.682.633,2.35,2.35,0,0,1-1.071.224,2.127,2.127,0,0,1-1.2-.334,2.151,2.151,0,0,1-.784-.974,3.9,3.9,0,0,1-.277-1.551,3.805,3.805,0,0,1,.281-1.545,2.174,2.174,0,0,1,.787-.965,2.086,2.086,0,0,1,1.174-.332,2.283,2.283,0,0,1,.654.089,1.778,1.778,0,0,1,.528.258,1.6,1.6,0,0,1,.394.409,1.94,1.94,0,0,1,.252.552H94a3.19,3.19,0,0,0-.4-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.3,3.756,3.756,0,0,0-1.3.882,4.021,4.021,0,0,0-.867,1.413,5.417,5.417,0,0,0-.309,1.894,5.141,5.141,0,0,0,.518,2.384,3.725,3.725,0,0,0,1.447,1.547,4.2,4.2,0,0,0,2.156.543Zm8.958,0a4.137,4.137,0,0,0,2.081-.526,3.747,3.747,0,0,0,1.466-1.528,5.054,5.054,0,0,0,.54-2.429,5.059,5.059,0,0,0-.54-2.429,3.763,3.763,0,0,0-1.466-1.527,4.386,4.386,0,0,0-4.169,0,3.742,3.742,0,0,0-1.462,1.527,5.084,5.084,0,0,0-.537,2.43,5.07,5.07,0,0,0,.537,2.424,3.756,3.756,0,0,0,1.462,1.53A4.133,4.133,0,0,0,99.26,23.119Zm0-1.632a2.081,2.081,0,0,1-1.168-.328,2.127,2.127,0,0,1-.773-.963,3.911,3.911,0,0,1-.275-1.56,3.918,3.918,0,0,1,.275-1.56,2.112,2.112,0,0,1,.773-.962,2.242,2.242,0,0,1,2.335,0,2.123,2.123,0,0,1,.774.963,3.929,3.929,0,0,1,.275,1.56A3.927,3.927,0,0,1,101.2,20.2a2.128,2.128,0,0,1-.774.963A2.075,2.075,0,0,1,99.26,21.487Z" transform="translate(1428 247)" class="svgc_text" opacity="1" fill="#MENU_COLOR"/>
<path d="M76.345,23V21.479H72.6V14.273H70.759V23Zm4.68.12a4.131,4.131,0,0,0,2.08-.527,3.749,3.749,0,0,0,1.467-1.528,5.054,5.054,0,0,0,.539-2.429,5.059,5.059,0,0,0-.54-2.429,3.755,3.755,0,0,0-1.465-1.527,4.388,4.388,0,0,0-4.17,0,3.739,3.739,0,0,0-1.461,1.527,5.084,5.084,0,0,0-.537,2.43,5.07,5.07,0,0,0,.537,2.424,3.753,3.753,0,0,0,1.461,1.53,4.138,4.138,0,0,0,2.088.528Zm0-1.633a2.08,2.08,0,0,1-1.168-.328,2.128,2.128,0,0,1-.774-.963,3.929,3.929,0,0,1-.275-1.56,3.935,3.935,0,0,1,.275-1.56,2.114,2.114,0,0,1,.774-.962,2.242,2.242,0,0,1,2.335,0,2.121,2.121,0,0,1,.773.963,3.911,3.911,0,0,1,.275,1.56,3.909,3.909,0,0,1-.275,1.559,2.12,2.12,0,0,1-.773.963,2.075,2.075,0,0,1-1.168.328ZM90.3,23.119a4.152,4.152,0,0,0,1.952-.445,3.292,3.292,0,0,0,1.338-1.27,3.823,3.823,0,0,0,.486-1.975v-1.1H90.426v1.39H92.3l0,.126a1.886,1.886,0,0,1-.157.645l-.073.14a1.591,1.591,0,0,1-.682.633,2.35,2.35,0,0,1-1.071.224,2.127,2.127,0,0,1-1.2-.334,2.151,2.151,0,0,1-.784-.974,3.9,3.9,0,0,1-.277-1.551,3.805,3.805,0,0,1,.281-1.545,2.174,2.174,0,0,1,.787-.965,2.086,2.086,0,0,1,1.174-.332,2.283,2.283,0,0,1,.654.089,1.778,1.778,0,0,1,.528.258,1.6,1.6,0,0,1,.394.409,1.94,1.94,0,0,1,.252.552H94a3.19,3.19,0,0,0-.4-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.3,3.756,3.756,0,0,0-1.3.882,4.021,4.021,0,0,0-.867,1.413,5.417,5.417,0,0,0-.309,1.894,5.141,5.141,0,0,0,.518,2.384,3.725,3.725,0,0,0,1.447,1.547,4.2,4.2,0,0,0,2.156.543Zm8.958,0a4.137,4.137,0,0,0,2.081-.526,3.747,3.747,0,0,0,1.466-1.528,5.054,5.054,0,0,0,.54-2.429,5.059,5.059,0,0,0-.54-2.429,3.763,3.763,0,0,0-1.466-1.527,4.386,4.386,0,0,0-4.169,0,3.742,3.742,0,0,0-1.462,1.527,5.084,5.084,0,0,0-.537,2.43,5.07,5.07,0,0,0,.537,2.424,3.756,3.756,0,0,0,1.462,1.53A4.133,4.133,0,0,0,99.26,23.119Zm0-1.632a2.081,2.081,0,0,1-1.168-.328,2.127,2.127,0,0,1-.773-.963,3.911,3.911,0,0,1-.275-1.56,3.918,3.918,0,0,1,.275-1.56,2.112,2.112,0,0,1,.773-.962,2.242,2.242,0,0,1,2.335,0,2.123,2.123,0,0,1,.774.963,3.929,3.929,0,0,1,.275,1.56A3.927,3.927,0,0,1,101.2,20.2a2.128,2.128,0,0,1-.774.963A2.075,2.075,0,0,1,99.26,21.487Z" transform="translate(1428 247)" class="svgc_text" opacity="1" fill="#MENU_COLOR" filter="url(#filter_readability_bookstore)"/>
<g transform="translate(1587 262)" opacity="0.4">
<rect width="37" height="7" fill="#MENU_COLOR" class="svgc_text"/>
<rect width="37" height="7" transform="translate(58)" fill="#MENU_COLOR" class="svgc_text"/>
<rect width="37" height="7" transform="translate(116)" fill="#MENU_COLOR" class="svgc_text"/>
<rect width="37" height="7" transform="translate(174)" fill="#MENU_COLOR" class="svgc_text"/>
<rect width="37" height="7" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_bookstore)"/>
<rect width="37" height="7" transform="translate(58)" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_bookstore)"/>
<rect width="37" height="7" transform="translate(116)" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_bookstore)"/>
<rect width="37" height="7" transform="translate(174)" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_bookstore)"/>
</g>
<rect width="37" height="7" transform="translate(2021 262)" fill="#MENU_COLOR" opacity="1" class="svgc_text"/>
<rect width="37" height="7" transform="translate(2021 262)" fill="#MENU_COLOR" opacity="1" class="svgc_text" filter="url(#filter_readability_bookstore)"/>
<rect width="700" height="28" transform="translate(1428 220)" fill="#F6F6F6"/>
<circle cx="5" cy="5" r="5" transform="translate(2048 229.908)" fill="#3AADAA"/>
<circle cx="5" cy="5" r="5" transform="translate(2036 229.908)" fill="#3AADAA"/>
@@ -135,10 +148,10 @@
<rect width="175" height="98" transform="translate(525 374)" fill="#7C6576"/>
<path d="M175,37.613,87.186,1.893,0,37.393V36.171L87.186.672,175,36.391v1.221Zm0-3.238L90.744,0h1L175,33.967v.407ZM0,34.119H0v-.407L82.778,0h1Zm175-2.611L97.784,0h1L175,31.1v.407ZM0,31.252H0v-.407L75.676,0h1Zm175-2.61L104.887,0h1L175,28.234v.407ZM0,28.385H0v-.407L68.6,0h1L0,28.385Zm175-2.61L111.865,0h1L175,25.368v.407ZM0,25.519H0v-.407L61.546,0h1ZM175,22.9,118.88,0h1L175,22.489V22.9ZM0,22.652H0v-.407L54.506,0h1Zm175-2.623L125.983,0h1L175,19.622v.407ZM0,19.785H0v-.407L47.466,0h1Zm175-2.622L132.8,0h1L175,16.756v.407ZM0,16.919H0v-.407L40.426,0h1ZM175,14.3,140.1,0h.995L175,13.888V14.3ZM0,14.052H0v-.407L33.387,0h1Zm175-2.623L147.166,0h.993L175,11.021v.408ZM0,11.185H0v-.407L26.347,0h1ZM175,8.563,153.968,0h1L175,8.156v.407ZM0,8.319H0V7.911L19.345,0h1L0,8.319ZM175,5.7,161.209,0h.988L175,5.288V5.7ZM0,5.451H0V5.043L12.283,0h.993ZM175,2.83,168.036,0h1L175,2.423V2.83ZM0,2.582H0V2.174L5.261,0h.988Z" transform="translate(525 374)" fill="#3AADAA"/>
<g transform="translate(565.953 406)">
<text transform="translate(49.047 14)" fill="#7C6576" class="svgc_text" font-size="20" font-family="DMSerifDisplay-Regular, DM Serif Display"><tspan x="-49.59" y="0">Entry Title</tspan></text>
<text transform="translate(49.047 14)" fill="#7C6576" class="svgc_text" filter="url(#filter_readability_bookstore)" font-size="20" font-family="DMSerifDisplay-Regular, DM Serif Display"><tspan x="-49.59" y="0">Entry Title</tspan></text>
<g transform="translate(3 26.877)" opacity="0.4">
<rect width="86.811" height="2" fill="#7C6576" class="svgc_text"/>
<rect width="71.811" height="2" transform="translate(8 5)" fill="#7C6576" class="svgc_text"/>
<rect width="86.811" height="2" fill="#7C6576" class="svgc_text" filter="url(#filter_readability_bookstore)"/>
<rect width="71.811" height="2" transform="translate(8 5)" fill="#7C6576" class="svgc_text" filter="url(#filter_readability_bookstore)"/>
</g>
</g>
</g>
@@ -318,37 +331,37 @@
</g>
<g class="svgc_footer">
<rect width="700" height="112" transform="translate(0 1738)" class="svgc_footer_bg" fill="#FOOTER_COLOR"/>
<rect width="47" height="2" transform="translate(70 1808)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="39" height="2" transform="translate(70 1813)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="47" height="2" transform="translate(163 1808)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="39" height="2" transform="translate(163 1813)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="47" height="2" transform="translate(256 1808)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="39" height="2" transform="translate(256 1813)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="47" height="2" transform="translate(70 1797)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="39" height="2" transform="translate(70 1802)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="47" height="2" transform="translate(163 1797)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="39" height="2" transform="translate(163 1802)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="47" height="2" transform="translate(256 1797)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="39" height="2" transform="translate(256 1802)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="47" height="2" transform="translate(70 1786)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="39" height="2" transform="translate(70 1791)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="47" height="2" transform="translate(163 1786)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="39" height="2" transform="translate(163 1791)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="47" height="2" transform="translate(256 1786)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="39" height="2" transform="translate(256 1791)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="72" height="2" transform="translate(350 1786)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="60" height="2" transform="translate(350 1791)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="47" height="2" transform="translate(70 1808)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_bookstore)"/>
<rect width="39" height="2" transform="translate(70 1813)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_bookstore)"/>
<rect width="47" height="2" transform="translate(163 1808)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_bookstore)"/>
<rect width="39" height="2" transform="translate(163 1813)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_bookstore)"/>
<rect width="47" height="2" transform="translate(256 1808)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_bookstore)"/>
<rect width="39" height="2" transform="translate(256 1813)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_bookstore)"/>
<rect width="47" height="2" transform="translate(70 1797)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_bookstore)"/>
<rect width="39" height="2" transform="translate(70 1802)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_bookstore)"/>
<rect width="47" height="2" transform="translate(163 1797)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_bookstore)"/>
<rect width="39" height="2" transform="translate(163 1802)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_bookstore)"/>
<rect width="47" height="2" transform="translate(256 1797)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_bookstore)"/>
<rect width="39" height="2" transform="translate(256 1802)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_bookstore)"/>
<rect width="47" height="2" transform="translate(70 1786)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_bookstore)"/>
<rect width="39" height="2" transform="translate(70 1791)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_bookstore)"/>
<rect width="47" height="2" transform="translate(163 1786)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_bookstore)"/>
<rect width="39" height="2" transform="translate(163 1791)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_bookstore)"/>
<rect width="47" height="2" transform="translate(256 1786)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_bookstore)"/>
<rect width="39" height="2" transform="translate(256 1791)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_bookstore)"/>
<rect width="72" height="2" transform="translate(350 1786)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_bookstore)"/>
<rect width="60" height="2" transform="translate(350 1791)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_bookstore)"/>
<g transform="translate(490 1786)" opacity="0.4">
<rect width="140" height="2" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="125" height="2" transform="translate(0 5)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="79" height="2" transform="translate(0 10)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="91" height="2" transform="translate(0 15)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="140" height="2" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_bookstore)"/>
<rect width="125" height="2" transform="translate(0 5)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_bookstore)"/>
<rect width="79" height="2" transform="translate(0 10)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_bookstore)"/>
<rect width="91" height="2" transform="translate(0 15)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_bookstore)"/>
</g>
<rect width="47" height="4" transform="translate(70 1772)" fill="#FOOTER_COLOR" class="svgc_text" opacity="1"/>
<rect width="47" height="4" transform="translate(163 1772)" fill="#FOOTER_COLOR" class="svgc_text" opacity="1"/>
<rect width="47" height="4" transform="translate(256 1772)" fill="#FOOTER_COLOR" class="svgc_text" opacity="1"/>
<rect width="47" height="4" transform="translate(350 1772)" fill="#FOOTER_COLOR" class="svgc_text" opacity="1"/>
<rect width="47" height="4" transform="translate(490 1772)" fill="#FOOTER_COLOR" class="svgc_text" opacity="1"/>
<rect width="47" height="4" transform="translate(70 1772)" fill="#FOOTER_COLOR" class="svgc_text" opacity="1" filter="url(#filter_readability_bookstore)"/>
<rect width="47" height="4" transform="translate(163 1772)" fill="#FOOTER_COLOR" class="svgc_text" opacity="1" filter="url(#filter_readability_bookstore)"/>
<rect width="47" height="4" transform="translate(256 1772)" fill="#FOOTER_COLOR" class="svgc_text" opacity="1" filter="url(#filter_readability_bookstore)"/>
<rect width="47" height="4" transform="translate(350 1772)" fill="#FOOTER_COLOR" class="svgc_text" opacity="1" filter="url(#filter_readability_bookstore)"/>
<rect width="47" height="4" transform="translate(490 1772)" fill="#FOOTER_COLOR" class="svgc_text" opacity="1" filter="url(#filter_readability_bookstore)"/>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 77 KiB

After

Width:  |  Height:  |  Size: 79 KiB

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

theme_clean/static/description/theme_clean.svg
+42 -29
View File
File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 111 KiB

After

Width:  |  Height:  |  Size: 113 KiB

theme_cobalt/static/description/theme_cobalt.svg
+40 -27
View File
File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 146 KiB

After

Width:  |  Height:  |  Size: 148 KiB

theme_enark/static/description/theme_enark.svg
+36 -23
View File
File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 50 KiB

After

Width:  |  Height:  |  Size: 52 KiB

theme_graphene/static/description/theme_graphene.svg
+57 -44
View File
File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 41 KiB

After

Width:  |  Height:  |  Size: 43 KiB

theme_kea/static/description/theme_kea.svg
+28 -15
View File
@@ -105,6 +105,19 @@
<clipPath id="clip0">
<rect width="700" height="1850" fill="#FFFFFF"/>
</clipPath>
<filter id="filter_readability_kea">
<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_kea">
<rect width="700" height="1850" fill="#FFFFFF"/>
@@ -112,16 +125,16 @@
<!-- Menu Background -->
<rect class="svgc_menu_bg" fill="#MENU_COLOR" width="700" height="38"></rect>
<!-- Logo -->
<path d="M72.0813 13.236V22.994H76.7393L76.4673 25H69.5823V13.236H72.0813ZM82.1423 12.964C83.2189 12.964 84.1483 13.2077 84.9303 13.695C85.7123 14.171 86.3129 14.868 86.7323 15.786C87.1516 16.704 87.3613 17.8147 87.3613 19.118C87.3613 20.3987 87.1516 21.5037 86.7323 22.433C86.3129 23.351 85.7123 24.0537 84.9303 24.541C84.1483 25.0283 83.2189 25.272 82.1423 25.272C81.0656 25.272 80.1306 25.034 79.3373 24.558C78.5553 24.0707 77.9546 23.368 77.5353 22.45C77.1159 21.5207 76.9063 20.41 76.9063 19.118C76.9063 17.8487 77.1159 16.755 77.5353 15.837C77.9659 14.9077 78.5723 14.1993 79.3543 13.712C80.1476 13.2133 81.0769 12.964 82.1423 12.964ZM82.1423 14.834C81.2809 14.834 80.6293 15.174 80.1873 15.854C79.7566 16.534 79.5413 17.622 79.5413 19.118C79.5413 20.614 79.7623 21.702 80.2043 22.382C80.6463 23.062 81.2923 23.402 82.1423 23.402C83.0036 23.402 83.6496 23.0677 84.0803 22.399C84.5109 21.719 84.7263 20.6253 84.7263 19.118C84.7263 17.6107 84.5109 16.5227 84.0803 15.854C83.6496 15.174 83.0036 14.834 82.1423 14.834ZM94.1682 12.964C94.9615 12.964 95.6642 13.0887 96.2762 13.338C96.8995 13.576 97.4775 13.9217 98.0102 14.375L96.7012 15.735C96.2818 15.4177 95.8852 15.1853 95.5112 15.038C95.1485 14.8907 94.7348 14.817 94.2702 14.817C93.3748 14.817 92.6495 15.174 92.0942 15.888C91.5502 16.5907 91.2782 17.6673 91.2782 19.118C91.2782 20.648 91.4878 21.7473 91.9072 22.416C92.3378 23.0733 93.0008 23.402 93.8962 23.402C94.5422 23.402 95.1258 23.2603 95.6472 22.977V20.104H93.9982L93.7432 18.285H98.0782V24.082C97.4662 24.456 96.8032 24.7507 96.0892 24.966C95.3865 25.17 94.6725 25.272 93.9472 25.272C92.2132 25.272 90.8985 24.7507 90.0032 23.708C89.1078 22.6653 88.6602 21.1297 88.6602 19.101C88.6602 17.8203 88.9038 16.7153 89.3912 15.786C89.8785 14.8567 90.5358 14.154 91.3632 13.678C92.2018 13.202 93.1368 12.964 94.1682 12.964ZM104.787 12.964C105.863 12.964 106.793 13.2077 107.575 13.695C108.357 14.171 108.957 14.868 109.377 15.786C109.796 16.704 110.006 17.8147 110.006 19.118C110.006 20.3987 109.796 21.5037 109.377 22.433C108.957 23.351 108.357 24.0537 107.575 24.541C106.793 25.0283 105.863 25.272 104.787 25.272C103.71 25.272 102.775 25.034 101.982 24.558C101.2 24.0707 100.599 23.368 100.18 22.45C99.7605 21.5207 99.5508 20.41 99.5508 19.118C99.5508 17.8487 99.7605 16.755 100.18 15.837C100.61 14.9077 101.217 14.1993 101.999 13.712C102.792 13.2133 103.721 12.964 104.787 12.964ZM104.787 14.834C103.925 14.834 103.274 15.174 102.832 15.854C102.401 16.534 102.186 17.622 102.186 19.118C102.186 20.614 102.407 21.702 102.849 22.382C103.291 23.062 103.937 23.402 104.787 23.402C105.648 23.402 106.294 23.0677 106.725 22.399C107.155 21.719 107.371 20.6253 107.371 19.118C107.371 17.6107 107.155 16.5227 106.725 15.854C106.294 15.174 105.648 14.834 104.787 14.834Z" opacity="1" fill="#MENU_COLOR" class="svgc_text" />
<path d="M72.0813 13.236V22.994H76.7393L76.4673 25H69.5823V13.236H72.0813ZM82.1423 12.964C83.2189 12.964 84.1483 13.2077 84.9303 13.695C85.7123 14.171 86.3129 14.868 86.7323 15.786C87.1516 16.704 87.3613 17.8147 87.3613 19.118C87.3613 20.3987 87.1516 21.5037 86.7323 22.433C86.3129 23.351 85.7123 24.0537 84.9303 24.541C84.1483 25.0283 83.2189 25.272 82.1423 25.272C81.0656 25.272 80.1306 25.034 79.3373 24.558C78.5553 24.0707 77.9546 23.368 77.5353 22.45C77.1159 21.5207 76.9063 20.41 76.9063 19.118C76.9063 17.8487 77.1159 16.755 77.5353 15.837C77.9659 14.9077 78.5723 14.1993 79.3543 13.712C80.1476 13.2133 81.0769 12.964 82.1423 12.964ZM82.1423 14.834C81.2809 14.834 80.6293 15.174 80.1873 15.854C79.7566 16.534 79.5413 17.622 79.5413 19.118C79.5413 20.614 79.7623 21.702 80.2043 22.382C80.6463 23.062 81.2923 23.402 82.1423 23.402C83.0036 23.402 83.6496 23.0677 84.0803 22.399C84.5109 21.719 84.7263 20.6253 84.7263 19.118C84.7263 17.6107 84.5109 16.5227 84.0803 15.854C83.6496 15.174 83.0036 14.834 82.1423 14.834ZM94.1682 12.964C94.9615 12.964 95.6642 13.0887 96.2762 13.338C96.8995 13.576 97.4775 13.9217 98.0102 14.375L96.7012 15.735C96.2818 15.4177 95.8852 15.1853 95.5112 15.038C95.1485 14.8907 94.7348 14.817 94.2702 14.817C93.3748 14.817 92.6495 15.174 92.0942 15.888C91.5502 16.5907 91.2782 17.6673 91.2782 19.118C91.2782 20.648 91.4878 21.7473 91.9072 22.416C92.3378 23.0733 93.0008 23.402 93.8962 23.402C94.5422 23.402 95.1258 23.2603 95.6472 22.977V20.104H93.9982L93.7432 18.285H98.0782V24.082C97.4662 24.456 96.8032 24.7507 96.0892 24.966C95.3865 25.17 94.6725 25.272 93.9472 25.272C92.2132 25.272 90.8985 24.7507 90.0032 23.708C89.1078 22.6653 88.6602 21.1297 88.6602 19.101C88.6602 17.8203 88.9038 16.7153 89.3912 15.786C89.8785 14.8567 90.5358 14.154 91.3632 13.678C92.2018 13.202 93.1368 12.964 94.1682 12.964ZM104.787 12.964C105.863 12.964 106.793 13.2077 107.575 13.695C108.357 14.171 108.957 14.868 109.377 15.786C109.796 16.704 110.006 17.8147 110.006 19.118C110.006 20.3987 109.796 21.5037 109.377 22.433C108.957 23.351 108.357 24.0537 107.575 24.541C106.793 25.0283 105.863 25.272 104.787 25.272C103.71 25.272 102.775 25.034 101.982 24.558C101.2 24.0707 100.599 23.368 100.18 22.45C99.7605 21.5207 99.5508 20.41 99.5508 19.118C99.5508 17.8487 99.7605 16.755 100.18 15.837C100.61 14.9077 101.217 14.1993 101.999 13.712C102.792 13.2133 103.721 12.964 104.787 12.964ZM104.787 14.834C103.925 14.834 103.274 15.174 102.832 15.854C102.401 16.534 102.186 17.622 102.186 19.118C102.186 20.614 102.407 21.702 102.849 22.382C103.291 23.062 103.937 23.402 104.787 23.402C105.648 23.402 106.294 23.0677 106.725 22.399C107.155 21.719 107.371 20.6253 107.371 19.118C107.371 17.6107 107.155 16.5227 106.725 15.854C106.294 15.174 105.648 14.834 104.787 14.834Z" opacity="1" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_kea)"/>
<!-- Menu Links -->
<g opacity=".5">
<rect x="138" y="15" width="40" height="10" fill="#MENU_COLOR" class="svgc_text"/>
<rect x="190" y="15" width="40" height="10" fill="#MENU_COLOR" class="svgc_text"/>
<rect x="242" y="15" width="40" height="10" fill="#MENU_COLOR" class="svgc_text"/>
<rect x="294" y="15" width="40" height="10" fill="#MENU_COLOR" class="svgc_text"/>
<rect x="138" y="15" width="40" height="10" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_kea)"/>
<rect x="190" y="15" width="40" height="10" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_kea)"/>
<rect x="242" y="15" width="40" height="10" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_kea)"/>
<rect x="294" y="15" width="40" height="10" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_kea)"/>
</g>
<!-- Menu Button -->
<rect x="592" y="14" width="40" height="12" rx="6" opacity="1" fill="#MENU_COLOR" class="svgc_text"/>
<rect x="592" y="14" width="40" height="12" rx="6" opacity="1" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_kea)"/>
</g>
<g class="s_cover">
<!-- Background Image -->
@@ -555,22 +568,22 @@
<!-- Menu Background -->
<rect y="1805" width="700" height="45" class="svgc_footer_bg" fill="#FOOTER_COLOR"/>
<!-- Logo -->
<path opacity="1" fill="#FOOTER_COLOR" class="svgc_text" d="M71.74 1821.24V1830.99H76.398L76.126 1833H69.241V1821.24H71.74ZM81.8009 1820.96C82.8776 1820.96 83.8069 1821.21 84.5889 1821.69C85.3709 1822.17 85.9716 1822.87 86.3909 1823.79C86.8103 1824.7 87.0199 1825.81 87.0199 1827.12C87.0199 1828.4 86.8103 1829.5 86.3909 1830.43C85.9716 1831.35 85.3709 1832.05 84.5889 1832.54C83.8069 1833.03 82.8776 1833.27 81.8009 1833.27C80.7243 1833.27 79.7893 1833.03 78.9959 1832.56C78.2139 1832.07 77.6133 1831.37 77.1939 1830.45C76.7746 1829.52 76.5649 1828.41 76.5649 1827.12C76.5649 1825.85 76.7746 1824.75 77.1939 1823.84C77.6246 1822.91 78.2309 1822.2 79.0129 1821.71C79.8063 1821.21 80.7356 1820.96 81.8009 1820.96ZM81.8009 1822.83C80.9396 1822.83 80.2879 1823.17 79.8459 1823.85C79.4153 1824.53 79.1999 1825.62 79.1999 1827.12C79.1999 1828.61 79.4209 1829.7 79.8629 1830.38C80.3049 1831.06 80.9509 1831.4 81.8009 1831.4C82.6623 1831.4 83.3083 1831.07 83.7389 1830.4C84.1696 1829.72 84.3849 1828.63 84.3849 1827.12C84.3849 1825.61 84.1696 1824.52 83.7389 1823.85C83.3083 1823.17 82.6623 1822.83 81.8009 1822.83ZM93.8269 1820.96C94.6202 1820.96 95.3229 1821.09 95.9349 1821.34C96.5582 1821.58 97.1362 1821.92 97.6689 1822.38L96.3599 1823.73C95.9405 1823.42 95.5439 1823.19 95.1699 1823.04C94.8072 1822.89 94.3935 1822.82 93.9289 1822.82C93.0335 1822.82 92.3082 1823.17 91.7529 1823.89C91.2089 1824.59 90.9369 1825.67 90.9369 1827.12C90.9369 1828.65 91.1465 1829.75 91.5659 1830.42C91.9965 1831.07 92.6595 1831.4 93.5549 1831.4C94.2009 1831.4 94.7845 1831.26 95.3059 1830.98V1828.1H93.6569L93.4019 1826.28H97.7369V1832.08C97.1249 1832.46 96.4619 1832.75 95.7479 1832.97C95.0452 1833.17 94.3312 1833.27 93.6059 1833.27C91.8719 1833.27 90.5572 1832.75 89.6619 1831.71C88.7665 1830.67 88.3189 1829.13 88.3189 1827.1C88.3189 1825.82 88.5625 1824.72 89.0499 1823.79C89.5372 1822.86 90.1945 1822.15 91.0219 1821.68C91.8605 1821.2 92.7955 1820.96 93.8269 1820.96ZM104.445 1820.96C105.522 1820.96 106.451 1821.21 107.233 1821.69C108.015 1822.17 108.616 1822.87 109.035 1823.79C109.455 1824.7 109.664 1825.81 109.664 1827.12C109.664 1828.4 109.455 1829.5 109.035 1830.43C108.616 1831.35 108.015 1832.05 107.233 1832.54C106.451 1833.03 105.522 1833.27 104.445 1833.27C103.369 1833.27 102.434 1833.03 101.64 1832.56C100.858 1832.07 100.258 1831.37 99.8385 1830.45C99.4191 1829.52 99.2095 1828.41 99.2095 1827.12C99.2095 1825.85 99.4191 1824.75 99.8385 1823.84C100.269 1822.91 100.875 1822.2 101.657 1821.71C102.451 1821.21 103.38 1820.96 104.445 1820.96ZM104.445 1822.83C103.584 1822.83 102.932 1823.17 102.49 1823.85C102.06 1824.53 101.844 1825.62 101.844 1827.12C101.844 1828.61 102.065 1829.7 102.507 1830.38C102.949 1831.06 103.595 1831.4 104.445 1831.4C105.307 1831.4 105.953 1831.07 106.383 1830.4C106.814 1829.72 107.029 1828.63 107.029 1827.12C107.029 1825.61 106.814 1824.52 106.383 1823.85C105.953 1823.17 105.307 1822.83 104.445 1822.83Z" />
<path opacity="1" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_kea)" d="M71.74 1821.24V1830.99H76.398L76.126 1833H69.241V1821.24H71.74ZM81.8009 1820.96C82.8776 1820.96 83.8069 1821.21 84.5889 1821.69C85.3709 1822.17 85.9716 1822.87 86.3909 1823.79C86.8103 1824.7 87.0199 1825.81 87.0199 1827.12C87.0199 1828.4 86.8103 1829.5 86.3909 1830.43C85.9716 1831.35 85.3709 1832.05 84.5889 1832.54C83.8069 1833.03 82.8776 1833.27 81.8009 1833.27C80.7243 1833.27 79.7893 1833.03 78.9959 1832.56C78.2139 1832.07 77.6133 1831.37 77.1939 1830.45C76.7746 1829.52 76.5649 1828.41 76.5649 1827.12C76.5649 1825.85 76.7746 1824.75 77.1939 1823.84C77.6246 1822.91 78.2309 1822.2 79.0129 1821.71C79.8063 1821.21 80.7356 1820.96 81.8009 1820.96ZM81.8009 1822.83C80.9396 1822.83 80.2879 1823.17 79.8459 1823.85C79.4153 1824.53 79.1999 1825.62 79.1999 1827.12C79.1999 1828.61 79.4209 1829.7 79.8629 1830.38C80.3049 1831.06 80.9509 1831.4 81.8009 1831.4C82.6623 1831.4 83.3083 1831.07 83.7389 1830.4C84.1696 1829.72 84.3849 1828.63 84.3849 1827.12C84.3849 1825.61 84.1696 1824.52 83.7389 1823.85C83.3083 1823.17 82.6623 1822.83 81.8009 1822.83ZM93.8269 1820.96C94.6202 1820.96 95.3229 1821.09 95.9349 1821.34C96.5582 1821.58 97.1362 1821.92 97.6689 1822.38L96.3599 1823.73C95.9405 1823.42 95.5439 1823.19 95.1699 1823.04C94.8072 1822.89 94.3935 1822.82 93.9289 1822.82C93.0335 1822.82 92.3082 1823.17 91.7529 1823.89C91.2089 1824.59 90.9369 1825.67 90.9369 1827.12C90.9369 1828.65 91.1465 1829.75 91.5659 1830.42C91.9965 1831.07 92.6595 1831.4 93.5549 1831.4C94.2009 1831.4 94.7845 1831.26 95.3059 1830.98V1828.1H93.6569L93.4019 1826.28H97.7369V1832.08C97.1249 1832.46 96.4619 1832.75 95.7479 1832.97C95.0452 1833.17 94.3312 1833.27 93.6059 1833.27C91.8719 1833.27 90.5572 1832.75 89.6619 1831.71C88.7665 1830.67 88.3189 1829.13 88.3189 1827.1C88.3189 1825.82 88.5625 1824.72 89.0499 1823.79C89.5372 1822.86 90.1945 1822.15 91.0219 1821.68C91.8605 1821.2 92.7955 1820.96 93.8269 1820.96ZM104.445 1820.96C105.522 1820.96 106.451 1821.21 107.233 1821.69C108.015 1822.17 108.616 1822.87 109.035 1823.79C109.455 1824.7 109.664 1825.81 109.664 1827.12C109.664 1828.4 109.455 1829.5 109.035 1830.43C108.616 1831.35 108.015 1832.05 107.233 1832.54C106.451 1833.03 105.522 1833.27 104.445 1833.27C103.369 1833.27 102.434 1833.03 101.64 1832.56C100.858 1832.07 100.258 1831.37 99.8385 1830.45C99.4191 1829.52 99.2095 1828.41 99.2095 1827.12C99.2095 1825.85 99.4191 1824.75 99.8385 1823.84C100.269 1822.91 100.875 1822.2 101.657 1821.71C102.451 1821.21 103.38 1820.96 104.445 1820.96ZM104.445 1822.83C103.584 1822.83 102.932 1823.17 102.49 1823.85C102.06 1824.53 101.844 1825.62 101.844 1827.12C101.844 1828.61 102.065 1829.7 102.507 1830.38C102.949 1831.06 103.595 1831.4 104.445 1831.4C105.307 1831.4 105.953 1831.07 106.383 1830.4C106.814 1829.72 107.029 1828.63 107.029 1827.12C107.029 1825.61 106.814 1824.52 106.383 1823.85C105.953 1823.17 105.307 1822.83 104.445 1822.83Z" />
<!-- Links -->
<g opacity=".5">
<rect x="138" y="1823.04" width="40" height="10" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect x="190" y="1823.04" width="40" height="10" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect x="242" y="1823.04" width="40" height="10" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect x="294" y="1823.04" width="40" height="10" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect x="138" y="1823.04" width="40" height="10" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_kea)"/>
<rect x="190" y="1823.04" width="40" height="10" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_kea)"/>
<rect x="242" y="1823.04" width="40" height="10" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_kea)"/>
<rect x="294" y="1823.04" width="40" height="10" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_kea)"/>
</g>
<!-- Social -->
<g opacity=".5">
<circle cx="567" cy="1827.04" r="6" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle cx="545" cy="1827.04" r="6" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle cx="523" cy="1827.04" r="6" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle cx="567" cy="1827.04" r="6" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_kea)"/>
<circle cx="545" cy="1827.04" r="6" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_kea)"/>
<circle cx="523" cy="1827.04" r="6" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_kea)"/>
</g>
<!-- Button -->
<rect x="588" y="1821.04" width="40" height="12" rx="6" opacity="1" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect x="588" y="1821.04" width="40" height="12" rx="6" opacity="1" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_kea)"/>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 168 KiB

After

Width:  |  Height:  |  Size: 169 KiB

theme_loftspace/static/description/theme_loftspace.svg
+45 -32
View File
@@ -33,19 +33,32 @@
<pattern width="1" height="1" id="theme_loftspace_library_image_13_id" patternunits="objectBoundingBox">
<image width="180" height="134" preserveAspectRatio="xMidYMid slice" href="#library_image_13_url"/>
</pattern>
<filter id="filter_readability_loftspace">
<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_loftspace">
<rect width="700" height="1850" fill="#FFFFFF"/>
<g class="svgc_menu">
<rect width="700" height="37" class="svgc_menu_bg" fill="#MENU_COLOR"/>
<path d="M76.345,23V21.479H72.6V14.273H70.759V23Zm4.68.12a4.131,4.131,0,0,0,2.08-.527,3.749,3.749,0,0,0,1.467-1.528,5.054,5.054,0,0,0,.539-2.429,5.059,5.059,0,0,0-.54-2.429,3.755,3.755,0,0,0-1.465-1.527,4.388,4.388,0,0,0-4.17,0,3.739,3.739,0,0,0-1.461,1.527,5.084,5.084,0,0,0-.537,2.43,5.07,5.07,0,0,0,.537,2.424,3.753,3.753,0,0,0,1.461,1.53,4.138,4.138,0,0,0,2.088.528Zm0-1.633a2.08,2.08,0,0,1-1.168-.328,2.128,2.128,0,0,1-.774-.963,3.929,3.929,0,0,1-.275-1.56,3.935,3.935,0,0,1,.275-1.56,2.114,2.114,0,0,1,.774-.962,2.242,2.242,0,0,1,2.335,0,2.121,2.121,0,0,1,.773.963,3.911,3.911,0,0,1,.275,1.56,3.909,3.909,0,0,1-.275,1.559,2.12,2.12,0,0,1-.773.963,2.075,2.075,0,0,1-1.168.328ZM90.3,23.119a4.152,4.152,0,0,0,1.952-.445,3.292,3.292,0,0,0,1.338-1.27,3.823,3.823,0,0,0,.486-1.975v-1.1H90.426v1.39H92.3l0,.126a1.886,1.886,0,0,1-.157.645l-.073.14a1.591,1.591,0,0,1-.682.633,2.35,2.35,0,0,1-1.071.224,2.127,2.127,0,0,1-1.2-.334,2.151,2.151,0,0,1-.784-.974,3.9,3.9,0,0,1-.277-1.551,3.805,3.805,0,0,1,.281-1.545,2.174,2.174,0,0,1,.787-.965,2.086,2.086,0,0,1,1.174-.332,2.283,2.283,0,0,1,.654.089,1.778,1.778,0,0,1,.528.258,1.6,1.6,0,0,1,.394.409,1.94,1.94,0,0,1,.252.552H94a3.19,3.19,0,0,0-.4-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.3,3.756,3.756,0,0,0-1.3.882,4.021,4.021,0,0,0-.867,1.413,5.417,5.417,0,0,0-.309,1.894,5.141,5.141,0,0,0,.518,2.384,3.725,3.725,0,0,0,1.447,1.547,4.2,4.2,0,0,0,2.156.543Zm8.958,0a4.137,4.137,0,0,0,2.081-.526,3.747,3.747,0,0,0,1.466-1.528,5.054,5.054,0,0,0,.54-2.429,5.059,5.059,0,0,0-.54-2.429,3.763,3.763,0,0,0-1.466-1.527,4.386,4.386,0,0,0-4.169,0,3.742,3.742,0,0,0-1.462,1.527,5.084,5.084,0,0,0-.537,2.43,5.07,5.07,0,0,0,.537,2.424,3.756,3.756,0,0,0,1.462,1.53A4.133,4.133,0,0,0,99.26,23.119Zm0-1.632a2.081,2.081,0,0,1-1.168-.328,2.127,2.127,0,0,1-.773-.963,3.911,3.911,0,0,1-.275-1.56,3.918,3.918,0,0,1,.275-1.56,2.112,2.112,0,0,1,.773-.962,2.242,2.242,0,0,1,2.335,0,2.123,2.123,0,0,1,.774.963,3.929,3.929,0,0,1,.275,1.56A3.927,3.927,0,0,1,101.2,20.2a2.128,2.128,0,0,1-.774.963A2.075,2.075,0,0,1,99.26,21.487Z" transform="translate(263.24)" class="svgc_text" opacity="1" fill="#MENU_COLOR"/>
<path d="M76.345,23V21.479H72.6V14.273H70.759V23Zm4.68.12a4.131,4.131,0,0,0,2.08-.527,3.749,3.749,0,0,0,1.467-1.528,5.054,5.054,0,0,0,.539-2.429,5.059,5.059,0,0,0-.54-2.429,3.755,3.755,0,0,0-1.465-1.527,4.388,4.388,0,0,0-4.17,0,3.739,3.739,0,0,0-1.461,1.527,5.084,5.084,0,0,0-.537,2.43,5.07,5.07,0,0,0,.537,2.424,3.753,3.753,0,0,0,1.461,1.53,4.138,4.138,0,0,0,2.088.528Zm0-1.633a2.08,2.08,0,0,1-1.168-.328,2.128,2.128,0,0,1-.774-.963,3.929,3.929,0,0,1-.275-1.56,3.935,3.935,0,0,1,.275-1.56,2.114,2.114,0,0,1,.774-.962,2.242,2.242,0,0,1,2.335,0,2.121,2.121,0,0,1,.773.963,3.911,3.911,0,0,1,.275,1.56,3.909,3.909,0,0,1-.275,1.559,2.12,2.12,0,0,1-.773.963,2.075,2.075,0,0,1-1.168.328ZM90.3,23.119a4.152,4.152,0,0,0,1.952-.445,3.292,3.292,0,0,0,1.338-1.27,3.823,3.823,0,0,0,.486-1.975v-1.1H90.426v1.39H92.3l0,.126a1.886,1.886,0,0,1-.157.645l-.073.14a1.591,1.591,0,0,1-.682.633,2.35,2.35,0,0,1-1.071.224,2.127,2.127,0,0,1-1.2-.334,2.151,2.151,0,0,1-.784-.974,3.9,3.9,0,0,1-.277-1.551,3.805,3.805,0,0,1,.281-1.545,2.174,2.174,0,0,1,.787-.965,2.086,2.086,0,0,1,1.174-.332,2.283,2.283,0,0,1,.654.089,1.778,1.778,0,0,1,.528.258,1.6,1.6,0,0,1,.394.409,1.94,1.94,0,0,1,.252.552H94a3.19,3.19,0,0,0-.4-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.3,3.756,3.756,0,0,0-1.3.882,4.021,4.021,0,0,0-.867,1.413,5.417,5.417,0,0,0-.309,1.894,5.141,5.141,0,0,0,.518,2.384,3.725,3.725,0,0,0,1.447,1.547,4.2,4.2,0,0,0,2.156.543Zm8.958,0a4.137,4.137,0,0,0,2.081-.526,3.747,3.747,0,0,0,1.466-1.528,5.054,5.054,0,0,0,.54-2.429,5.059,5.059,0,0,0-.54-2.429,3.763,3.763,0,0,0-1.466-1.527,4.386,4.386,0,0,0-4.169,0,3.742,3.742,0,0,0-1.462,1.527,5.084,5.084,0,0,0-.537,2.43,5.07,5.07,0,0,0,.537,2.424,3.756,3.756,0,0,0,1.462,1.53A4.133,4.133,0,0,0,99.26,23.119Zm0-1.632a2.081,2.081,0,0,1-1.168-.328,2.127,2.127,0,0,1-.773-.963,3.911,3.911,0,0,1-.275-1.56,3.918,3.918,0,0,1,.275-1.56,2.112,2.112,0,0,1,.773-.962,2.242,2.242,0,0,1,2.335,0,2.123,2.123,0,0,1,.774.963,3.929,3.929,0,0,1,.275,1.56A3.927,3.927,0,0,1,101.2,20.2a2.128,2.128,0,0,1-.774.963A2.075,2.075,0,0,1,99.26,21.487Z" transform="translate(263.24)" class="svgc_text" opacity="1" fill="#MENU_COLOR" filter="url(#filter_readability_loftspace)"/>
<g transform="translate(70 15)" opacity="0.6">
<rect width="37" height="7" fill="#MENU_COLOR" class="svgc_text"/>
<rect width="37" height="7" transform="translate(58)" fill="#MENU_COLOR" class="svgc_text"/>
<rect width="37" height="7" transform="translate(116)" fill="#MENU_COLOR" class="svgc_text"/>
<rect width="37" height="7" transform="translate(174)" fill="#MENU_COLOR" class="svgc_text"/>
<rect width="37" height="7" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_loftspace)"/>
<rect width="37" height="7" transform="translate(58)" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_loftspace)"/>
<rect width="37" height="7" transform="translate(116)" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_loftspace)"/>
<rect width="37" height="7" transform="translate(174)" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_loftspace)"/>
</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_loftspace)"/>
</g>
<g class="s_cover">
<rect class="img_reference_s_cover_default_image" fill="url(#theme_loftspace_s_cover_default_image_id)" width="700" height="310" transform="translate(0 36)"/>
@@ -134,43 +147,43 @@
<path d="M0,220.843c14.3,11.7,31.2,21,57.9,21,72.895,0,72.845-82.394,145.74-82.394s72.995,85.644,145.89,85.644S422.52,120,495.415,120s72.845,97.493,145.74,97.493c27.2,0,44.3-20,58.746-45.1" transform="translate(0 -56.604)" fill="none" stroke="#383E45" stroke-width="0.75" opacity="0.25"/>
<path d="M0,149.29c14.3,19.049,31.2,34.148,57.9,34.148,72.945,0,72.945-121.941,145.84-121.941s72.895,127.191,145.79,127.191S422.42,6.8,495.315,6.8,568.209,143.79,641.1,143.79c27.3,0,44.247-26.6,58.746-59.9" transform="translate(0 0)" fill="none" stroke="#383E45" stroke-width="0.75" opacity="0.25"/>
</g>
<path d="M-87.632.224A9.96,9.96,0,0,1-91.664-.56,6.617,6.617,0,0,1-94.48-2.784,5.648,5.648,0,0,1-95.5-6.144h3.9a3.525,3.525,0,0,0,1.136,2.368,4.027,4.027,0,0,0,2.832.928,4.361,4.361,0,0,0,2.944-.912,2.965,2.965,0,0,0,1.056-2.352,2.569,2.569,0,0,0-.656-1.824A4.388,4.388,0,0,0-85.92-9.024a24.611,24.611,0,0,0-2.7-.832,25.335,25.335,0,0,1-3.536-1.168,5.843,5.843,0,0,1-2.32-1.84,5.318,5.318,0,0,1-.96-3.328,5.915,5.915,0,0,1,.96-3.36,6.132,6.132,0,0,1,2.688-2.208,9.767,9.767,0,0,1,4-.768,8.336,8.336,0,0,1,5.3,1.616,5.962,5.962,0,0,1,2.288,4.432H-84.24a2.921,2.921,0,0,0-1.152-2.08,4.259,4.259,0,0,0-2.784-.864,3.95,3.95,0,0,0-2.56.8,2.788,2.788,0,0,0-.992,2.3,2.339,2.339,0,0,0,.624,1.68A4.406,4.406,0,0,0-89.52-13.6a24.591,24.591,0,0,0,2.624.832,27.394,27.394,0,0,1,3.6,1.216A5.992,5.992,0,0,1-80.928-9.68,5.381,5.381,0,0,1-79.952-6.3a6.07,6.07,0,0,1-.912,3.2A6.579,6.579,0,0,1-83.52-.688,8.758,8.758,0,0,1-87.632.224Zm28.16-9.472A11.406,11.406,0,0,1-59.6-7.456H-73.072A4.893,4.893,0,0,0-71.5-4.064a4.95,4.95,0,0,0,3.456,1.28,4.269,4.269,0,0,0,4.16-2.464h3.936a7.942,7.942,0,0,1-2.9,3.984,8.5,8.5,0,0,1-5.2,1.552A9,9,0,0,1-72.576-.848a8.082,8.082,0,0,1-3.136-3.2,9.762,9.762,0,0,1-1.136-4.784,9.991,9.991,0,0,1,1.1-4.784,7.764,7.764,0,0,1,3.1-3.184,9.238,9.238,0,0,1,4.592-1.12A8.98,8.98,0,0,1-63.6-16.832a7.688,7.688,0,0,1,3.04,3.056A9.2,9.2,0,0,1-59.472-9.248ZM-63.28-10.4a4.151,4.151,0,0,0-1.44-3.232,5.148,5.148,0,0,0-3.488-1.216,4.685,4.685,0,0,0-3.232,1.2,5.015,5.015,0,0,0-1.6,3.248ZM-57.1-8.832A9.991,9.991,0,0,1-56-13.616,7.853,7.853,0,0,1-52.944-16.8a8.84,8.84,0,0,1,4.48-1.12,8.79,8.79,0,0,1,5.3,1.52,7.483,7.483,0,0,1,2.832,4.336h-3.936a4.162,4.162,0,0,0-1.536-2.048,4.536,4.536,0,0,0-2.656-.736,4.417,4.417,0,0,0-3.568,1.584A6.7,6.7,0,0,0-53.36-8.832a6.768,6.768,0,0,0,1.328,4.448,4.4,4.4,0,0,0,3.568,1.6,4.049,4.049,0,0,0,4.192-2.784h3.936A7.88,7.88,0,0,1-43.216-1.3,8.5,8.5,0,0,1-48.464.288a8.742,8.742,0,0,1-4.48-1.136A7.962,7.962,0,0,1-56-4.048,9.991,9.991,0,0,1-57.1-8.832Zm24.672-5.824V-4.9a1.873,1.873,0,0,0,.464,1.424,2.307,2.307,0,0,0,1.584.432h2.24V0h-2.88A5.551,5.551,0,0,1-34.8-1.152,4.748,4.748,0,0,1-36.112-4.9v-9.76h-2.08v-2.976h2.08v-4.384h3.68v4.384h4.288v2.976Zm9.5-5.312a2.26,2.26,0,0,1-1.664-.672,2.26,2.26,0,0,1-.672-1.664,2.26,2.26,0,0,1,.672-1.664,2.26,2.26,0,0,1,1.664-.672,2.222,2.222,0,0,1,1.632.672,2.26,2.26,0,0,1,.672,1.664A2.26,2.26,0,0,1-21.3-20.64,2.222,2.222,0,0,1-22.928-19.968Zm1.792,2.336V0h-3.648V-17.632ZM-8.688.288A9.03,9.03,0,0,1-13.2-.848a8.16,8.16,0,0,1-3.168-3.2A9.653,9.653,0,0,1-17.52-8.832,9.468,9.468,0,0,1-16.336-13.6,8.178,8.178,0,0,1-13.1-16.8a9.378,9.378,0,0,1,4.576-1.12A9.378,9.378,0,0,1-3.952-16.8,8.178,8.178,0,0,1-.72-13.6,9.468,9.468,0,0,1,.464-8.832,9.271,9.271,0,0,1-.752-4.064,8.42,8.42,0,0,1-4.064-.848,9.546,9.546,0,0,1-8.688.288Zm0-3.168a5.429,5.429,0,0,0,2.64-.672,5.12,5.12,0,0,0,2-2.016A6.482,6.482,0,0,0-3.28-8.832a6.616,6.616,0,0,0-.736-3.248,4.969,4.969,0,0,0-1.952-2,5.338,5.338,0,0,0-2.624-.672,5.249,5.249,0,0,0-2.608.672,4.8,4.8,0,0,0-1.9,2,6.863,6.863,0,0,0-.7,3.248,6.187,6.187,0,0,0,1.456,4.4A4.811,4.811,0,0,0-8.688-2.88ZM12.976-17.92a7.907,7.907,0,0,1,3.728.864A6.144,6.144,0,0,1,19.28-14.5a8.421,8.421,0,0,1,.928,4.1V0H16.592V-9.856a5.118,5.118,0,0,0-1.184-3.632,4.214,4.214,0,0,0-3.232-1.264,4.266,4.266,0,0,0-3.248,1.264,5.074,5.074,0,0,0-1.2,3.632V0H4.08V-17.632H7.728v2.016a6.039,6.039,0,0,1,2.288-1.7A7.314,7.314,0,0,1,12.976-17.92Zm34.56-4.32v2.976h-5.92V0H37.968V-19.264H32.016V-22.24Zm5.536,2.272a2.26,2.26,0,0,1-1.664-.672,2.26,2.26,0,0,1-.672-1.664,2.26,2.26,0,0,1,.672-1.664,2.26,2.26,0,0,1,1.664-.672,2.222,2.222,0,0,1,1.632.672,2.26,2.26,0,0,1,.672,1.664A2.26,2.26,0,0,1,54.7-20.64,2.222,2.222,0,0,1,53.072-19.968Zm1.792,2.336V0H51.216V-17.632Zm9.056,2.976V-4.9a1.873,1.873,0,0,0,.464,1.424,2.307,2.307,0,0,0,1.584.432h2.24V0h-2.88a5.551,5.551,0,0,1-3.776-1.152A4.748,4.748,0,0,1,60.24-4.9v-9.76H58.16v-2.976h2.08v-4.384h3.68v4.384h4.288v2.976Zm11.3-9.024V0H71.568V-23.68ZM96.176-9.248a11.405,11.405,0,0,1-.128,1.792H82.576a4.893,4.893,0,0,0,1.568,3.392A4.95,4.95,0,0,0,87.6-2.784a4.269,4.269,0,0,0,4.16-2.464H95.7a7.942,7.942,0,0,1-2.9,3.984A8.5,8.5,0,0,1,87.6.288,9,9,0,0,1,83.072-.848a8.082,8.082,0,0,1-3.136-3.2A9.762,9.762,0,0,1,78.8-8.832a9.991,9.991,0,0,1,1.1-4.784,7.764,7.764,0,0,1,3.1-3.184A9.238,9.238,0,0,1,87.6-17.92a8.98,8.98,0,0,1,4.448,1.088,7.688,7.688,0,0,1,3.04,3.056A9.2,9.2,0,0,1,96.176-9.248ZM92.368-10.4a4.151,4.151,0,0,0-1.44-3.232,5.148,5.148,0,0,0-3.488-1.216,4.685,4.685,0,0,0-3.232,1.2,5.015,5.015,0,0,0-1.6,3.248Z" transform="translate(350 1457)" fill="#3AADAA" class="svgc_text"/>
<path d="M-87.632.224A9.96,9.96,0,0,1-91.664-.56,6.617,6.617,0,0,1-94.48-2.784,5.648,5.648,0,0,1-95.5-6.144h3.9a3.525,3.525,0,0,0,1.136,2.368,4.027,4.027,0,0,0,2.832.928,4.361,4.361,0,0,0,2.944-.912,2.965,2.965,0,0,0,1.056-2.352,2.569,2.569,0,0,0-.656-1.824A4.388,4.388,0,0,0-85.92-9.024a24.611,24.611,0,0,0-2.7-.832,25.335,25.335,0,0,1-3.536-1.168,5.843,5.843,0,0,1-2.32-1.84,5.318,5.318,0,0,1-.96-3.328,5.915,5.915,0,0,1,.96-3.36,6.132,6.132,0,0,1,2.688-2.208,9.767,9.767,0,0,1,4-.768,8.336,8.336,0,0,1,5.3,1.616,5.962,5.962,0,0,1,2.288,4.432H-84.24a2.921,2.921,0,0,0-1.152-2.08,4.259,4.259,0,0,0-2.784-.864,3.95,3.95,0,0,0-2.56.8,2.788,2.788,0,0,0-.992,2.3,2.339,2.339,0,0,0,.624,1.68A4.406,4.406,0,0,0-89.52-13.6a24.591,24.591,0,0,0,2.624.832,27.394,27.394,0,0,1,3.6,1.216A5.992,5.992,0,0,1-80.928-9.68,5.381,5.381,0,0,1-79.952-6.3a6.07,6.07,0,0,1-.912,3.2A6.579,6.579,0,0,1-83.52-.688,8.758,8.758,0,0,1-87.632.224Zm28.16-9.472A11.406,11.406,0,0,1-59.6-7.456H-73.072A4.893,4.893,0,0,0-71.5-4.064a4.95,4.95,0,0,0,3.456,1.28,4.269,4.269,0,0,0,4.16-2.464h3.936a7.942,7.942,0,0,1-2.9,3.984,8.5,8.5,0,0,1-5.2,1.552A9,9,0,0,1-72.576-.848a8.082,8.082,0,0,1-3.136-3.2,9.762,9.762,0,0,1-1.136-4.784,9.991,9.991,0,0,1,1.1-4.784,7.764,7.764,0,0,1,3.1-3.184,9.238,9.238,0,0,1,4.592-1.12A8.98,8.98,0,0,1-63.6-16.832a7.688,7.688,0,0,1,3.04,3.056A9.2,9.2,0,0,1-59.472-9.248ZM-63.28-10.4a4.151,4.151,0,0,0-1.44-3.232,5.148,5.148,0,0,0-3.488-1.216,4.685,4.685,0,0,0-3.232,1.2,5.015,5.015,0,0,0-1.6,3.248ZM-57.1-8.832A9.991,9.991,0,0,1-56-13.616,7.853,7.853,0,0,1-52.944-16.8a8.84,8.84,0,0,1,4.48-1.12,8.79,8.79,0,0,1,5.3,1.52,7.483,7.483,0,0,1,2.832,4.336h-3.936a4.162,4.162,0,0,0-1.536-2.048,4.536,4.536,0,0,0-2.656-.736,4.417,4.417,0,0,0-3.568,1.584A6.7,6.7,0,0,0-53.36-8.832a6.768,6.768,0,0,0,1.328,4.448,4.4,4.4,0,0,0,3.568,1.6,4.049,4.049,0,0,0,4.192-2.784h3.936A7.88,7.88,0,0,1-43.216-1.3,8.5,8.5,0,0,1-48.464.288a8.742,8.742,0,0,1-4.48-1.136A7.962,7.962,0,0,1-56-4.048,9.991,9.991,0,0,1-57.1-8.832Zm24.672-5.824V-4.9a1.873,1.873,0,0,0,.464,1.424,2.307,2.307,0,0,0,1.584.432h2.24V0h-2.88A5.551,5.551,0,0,1-34.8-1.152,4.748,4.748,0,0,1-36.112-4.9v-9.76h-2.08v-2.976h2.08v-4.384h3.68v4.384h4.288v2.976Zm9.5-5.312a2.26,2.26,0,0,1-1.664-.672,2.26,2.26,0,0,1-.672-1.664,2.26,2.26,0,0,1,.672-1.664,2.26,2.26,0,0,1,1.664-.672,2.222,2.222,0,0,1,1.632.672,2.26,2.26,0,0,1,.672,1.664A2.26,2.26,0,0,1-21.3-20.64,2.222,2.222,0,0,1-22.928-19.968Zm1.792,2.336V0h-3.648V-17.632ZM-8.688.288A9.03,9.03,0,0,1-13.2-.848a8.16,8.16,0,0,1-3.168-3.2A9.653,9.653,0,0,1-17.52-8.832,9.468,9.468,0,0,1-16.336-13.6,8.178,8.178,0,0,1-13.1-16.8a9.378,9.378,0,0,1,4.576-1.12A9.378,9.378,0,0,1-3.952-16.8,8.178,8.178,0,0,1-.72-13.6,9.468,9.468,0,0,1,.464-8.832,9.271,9.271,0,0,1-.752-4.064,8.42,8.42,0,0,1-4.064-.848,9.546,9.546,0,0,1-8.688.288Zm0-3.168a5.429,5.429,0,0,0,2.64-.672,5.12,5.12,0,0,0,2-2.016A6.482,6.482,0,0,0-3.28-8.832a6.616,6.616,0,0,0-.736-3.248,4.969,4.969,0,0,0-1.952-2,5.338,5.338,0,0,0-2.624-.672,5.249,5.249,0,0,0-2.608.672,4.8,4.8,0,0,0-1.9,2,6.863,6.863,0,0,0-.7,3.248,6.187,6.187,0,0,0,1.456,4.4A4.811,4.811,0,0,0-8.688-2.88ZM12.976-17.92a7.907,7.907,0,0,1,3.728.864A6.144,6.144,0,0,1,19.28-14.5a8.421,8.421,0,0,1,.928,4.1V0H16.592V-9.856a5.118,5.118,0,0,0-1.184-3.632,4.214,4.214,0,0,0-3.232-1.264,4.266,4.266,0,0,0-3.248,1.264,5.074,5.074,0,0,0-1.2,3.632V0H4.08V-17.632H7.728v2.016a6.039,6.039,0,0,1,2.288-1.7A7.314,7.314,0,0,1,12.976-17.92Zm34.56-4.32v2.976h-5.92V0H37.968V-19.264H32.016V-22.24Zm5.536,2.272a2.26,2.26,0,0,1-1.664-.672,2.26,2.26,0,0,1-.672-1.664,2.26,2.26,0,0,1,.672-1.664,2.26,2.26,0,0,1,1.664-.672,2.222,2.222,0,0,1,1.632.672,2.26,2.26,0,0,1,.672,1.664A2.26,2.26,0,0,1,54.7-20.64,2.222,2.222,0,0,1,53.072-19.968Zm1.792,2.336V0H51.216V-17.632Zm9.056,2.976V-4.9a1.873,1.873,0,0,0,.464,1.424,2.307,2.307,0,0,0,1.584.432h2.24V0h-2.88a5.551,5.551,0,0,1-3.776-1.152A4.748,4.748,0,0,1,60.24-4.9v-9.76H58.16v-2.976h2.08v-4.384h3.68v4.384h4.288v2.976Zm11.3-9.024V0H71.568V-23.68ZM96.176-9.248a11.405,11.405,0,0,1-.128,1.792H82.576a4.893,4.893,0,0,0,1.568,3.392A4.95,4.95,0,0,0,87.6-2.784a4.269,4.269,0,0,0,4.16-2.464H95.7a7.942,7.942,0,0,1-2.9,3.984A8.5,8.5,0,0,1,87.6.288,9,9,0,0,1,83.072-.848a8.082,8.082,0,0,1-3.136-3.2A9.762,9.762,0,0,1,78.8-8.832a9.991,9.991,0,0,1,1.1-4.784,7.764,7.764,0,0,1,3.1-3.184A9.238,9.238,0,0,1,87.6-17.92a8.98,8.98,0,0,1,4.448,1.088,7.688,7.688,0,0,1,3.04,3.056A9.2,9.2,0,0,1,96.176-9.248ZM92.368-10.4a4.151,4.151,0,0,0-1.44-3.232,5.148,5.148,0,0,0-3.488-1.216,4.685,4.685,0,0,0-3.232,1.2,5.015,5.015,0,0,0-1.6,3.248Z" transform="translate(350 1457)" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_loftspace)"/>
<rect width="94" height="29" rx="3" transform="translate(251 1481.832)" fill="#FFFFFF"/>
<path d="M38.434,83.9c1.137,0,1.137,0,1.791.481s.654.48.764,1.309l-1.524.094-.025-.1a.535.535,0,0,0-.143-.258.621.621,0,0,0-.337-.254.81.81,0,0,0-.5-.1.838.838,0,0,0-.652.162c-.265.162-.265.162-.265.431,0,.215,0,.215.171.364s.172.148.59.238l1.086.219.212.048c.717.181.717.181,1.093.53.43.4.43.4.43,1.047a1.131,1.131,0,0,1-.346,1.035,1.537,1.537,0,0,1-.945.693,2.417,2.417,0,0,1-1.381.248c-1.192,0-1.192,0-1.9-.5s-.705-.5-.826-1.357l1.637-.086.03.116c.091.279.091.279.33.437.284.189.284.189.73.189s.437,0,.705-.17.267-.17.271-.44c0-.226,0-.226-.191-.372s-.188-.147-.578-.225l-1.04-.207-.212-.048c-.72-.182-.72-.182-1.094-.561-.428-.434-.428-.434-.428-1.106a1.107,1.107,0,0,1,.315-1c.314-.418.314-.418.886-.645a2.448,2.448,0,0,1,1.342-.226Zm6.495,0a2.107,2.107,0,0,1,1.375.286,1.563,1.563,0,0,1,.933.8,1.609,1.609,0,0,1,.38,1.212H46.046l-.028-.145a.809.809,0,0,0-.322-.58c-.283-.275-.283-.275-.74-.275a.766.766,0,0,0-.674.209c-.287.209-.287.209-.447.607a1.739,1.739,0,0,0-.16.965,1.8,1.8,0,0,0,.158.977c.158.4.158.4.447.613a.772.772,0,0,0,.676.21.76.76,0,0,0,.514-.116.691.691,0,0,0,.379-.342.884.884,0,0,0,.2-.541h1.57L47.595,88a1.622,1.622,0,0,1-.352.985,1.552,1.552,0,0,1-.92.814,2.072,2.072,0,0,1-1.386.293,2.077,2.077,0,0,1-1.584-.392,1.785,1.785,0,0,1-1.016-1.092,3.839,3.839,0,0,1,0-3.229,1.807,1.807,0,0,1,1.017-1.09,2.054,2.054,0,0,1,1.57-.392Zm6.515,0a2.069,2.069,0,0,1,1.572.39,1.791,1.791,0,0,1,1.021,1.086,3.839,3.839,0,0,1,0,3.246,1.8,1.8,0,0,1-1.021,1.086,2.077,2.077,0,0,1-1.572.388,2.081,2.081,0,0,1-1.573-.388,1.8,1.8,0,0,1-1.021-1.086,3.839,3.839,0,0,1,0-3.246,1.8,1.8,0,0,1,1.021-1.086,2.07,2.07,0,0,1,1.573-.39Zm12.847,0a2.134,2.134,0,0,1,1.108.19,1.694,1.694,0,0,1,.9.569,1.751,1.751,0,0,1,.6.95,2.551,2.551,0,0,1,.215,1.339V87.4H63.025v0l.007.173a1.055,1.055,0,0,0,.16.6.815.815,0,0,0,.47.5.966.966,0,0,0,.723.176,1.061,1.061,0,0,0,.508-.078.713.713,0,0,0,.394-.234.7.7,0,0,0,.25-.383l1.54.1-.046.181a1.4,1.4,0,0,1-.433.786,1.624,1.624,0,0,1-.93.64,2.334,2.334,0,0,1-1.31.23,2.155,2.155,0,0,1-1.592-.378,1.745,1.745,0,0,1-1.025-1.07,3.888,3.888,0,0,1,0-3.268,1.813,1.813,0,0,1,1.013-1.09,2.007,2.007,0,0,1,1.537-.39ZM27.8,81.98l.3.008a2.761,2.761,0,0,1,1.781.47,2.245,2.245,0,0,1,1.342,1.374,3.074,3.074,0,0,1,.47,2.14,3.1,3.1,0,0,1-.47,2.149A2.235,2.235,0,0,1,29.87,89.5a2.916,2.916,0,0,1-2.095.48H24.939v-8H27.8Zm6.821,2v6H32.955v-6Zm21.993,0,1.246,4.293h.063l1.242-4.293h1.762l-2.1,6H56.952l-2.1-6Zm14.751-.086a1.646,1.646,0,0,1,.27.016,1.19,1.19,0,0,1,.254.043v1.476l-.088-.022a1.821,1.821,0,0,0-.237-.04,1.89,1.89,0,0,0-.378-.028.9.9,0,0,0-.655.159.8.8,0,0,0-.453.44.849.849,0,0,0-.166.648V89.98H68.246v-6h1.613v1.047h.063l.051-.154c.168-.446.168-.446.5-.692a1,1,0,0,1,.89-.287ZM51.451,85.17c-.418,0-.418,0-.7.239a.981.981,0,0,0-.427.648,3.139,3.139,0,0,0,0,1.867.979.979,0,0,0,.426.647c.283.236.283.236.7.236s.414,0,.692-.236a.989.989,0,0,0,.42-.647,3.139,3.139,0,0,0,0-1.867,1,1,0,0,0-.42-.648C51.865,85.17,51.865,85.17,51.451,85.17ZM27.708,83.428H26.63v5.1H27.7a1.83,1.83,0,0,0,1.264-.268c.514-.267.514-.267.774-.832a4.2,4.2,0,0,0,0-2.908c-.26-.562-.26-.562-.772-.828A1.832,1.832,0,0,0,27.708,83.428Zm36.61,1.715a.875.875,0,0,0-.67.174.851.851,0,0,0-.454.465.866.866,0,0,0-.16.507l-.006.085h2.517l-.006-.14a.829.829,0,0,0-.15-.5.778.778,0,0,0-.432-.436.856.856,0,0,0-.638-.158ZM33.791,81.522c.375,0,.375,0,.639.248s.263.248.263.592,0,.348-.263.6-.264.248-.635.248a.629.629,0,0,1-.637-.248c-.265-.248-.265-.248-.265-.6s0-.344.265-.592A.626.626,0,0,1,33.791,81.522Z" transform="translate(250.061 1410.51)" fill="#FFFFFF" class="svgc_text" fill-rule="evenodd"/>
<path d="M38.434,83.9c1.137,0,1.137,0,1.791.481s.654.48.764,1.309l-1.524.094-.025-.1a.535.535,0,0,0-.143-.258.621.621,0,0,0-.337-.254.81.81,0,0,0-.5-.1.838.838,0,0,0-.652.162c-.265.162-.265.162-.265.431,0,.215,0,.215.171.364s.172.148.59.238l1.086.219.212.048c.717.181.717.181,1.093.53.43.4.43.4.43,1.047a1.131,1.131,0,0,1-.346,1.035,1.537,1.537,0,0,1-.945.693,2.417,2.417,0,0,1-1.381.248c-1.192,0-1.192,0-1.9-.5s-.705-.5-.826-1.357l1.637-.086.03.116c.091.279.091.279.33.437.284.189.284.189.73.189s.437,0,.705-.17.267-.17.271-.44c0-.226,0-.226-.191-.372s-.188-.147-.578-.225l-1.04-.207-.212-.048c-.72-.182-.72-.182-1.094-.561-.428-.434-.428-.434-.428-1.106a1.107,1.107,0,0,1,.315-1c.314-.418.314-.418.886-.645a2.448,2.448,0,0,1,1.342-.226Zm6.495,0a2.107,2.107,0,0,1,1.375.286,1.563,1.563,0,0,1,.933.8,1.609,1.609,0,0,1,.38,1.212H46.046l-.028-.145a.809.809,0,0,0-.322-.58c-.283-.275-.283-.275-.74-.275a.766.766,0,0,0-.674.209c-.287.209-.287.209-.447.607a1.739,1.739,0,0,0-.16.965,1.8,1.8,0,0,0,.158.977c.158.4.158.4.447.613a.772.772,0,0,0,.676.21.76.76,0,0,0,.514-.116.691.691,0,0,0,.379-.342.884.884,0,0,0,.2-.541h1.57L47.595,88a1.622,1.622,0,0,1-.352.985,1.552,1.552,0,0,1-.92.814,2.072,2.072,0,0,1-1.386.293,2.077,2.077,0,0,1-1.584-.392,1.785,1.785,0,0,1-1.016-1.092,3.839,3.839,0,0,1,0-3.229,1.807,1.807,0,0,1,1.017-1.09,2.054,2.054,0,0,1,1.57-.392Zm6.515,0a2.069,2.069,0,0,1,1.572.39,1.791,1.791,0,0,1,1.021,1.086,3.839,3.839,0,0,1,0,3.246,1.8,1.8,0,0,1-1.021,1.086,2.077,2.077,0,0,1-1.572.388,2.081,2.081,0,0,1-1.573-.388,1.8,1.8,0,0,1-1.021-1.086,3.839,3.839,0,0,1,0-3.246,1.8,1.8,0,0,1,1.021-1.086,2.07,2.07,0,0,1,1.573-.39Zm12.847,0a2.134,2.134,0,0,1,1.108.19,1.694,1.694,0,0,1,.9.569,1.751,1.751,0,0,1,.6.95,2.551,2.551,0,0,1,.215,1.339V87.4H63.025v0l.007.173a1.055,1.055,0,0,0,.16.6.815.815,0,0,0,.47.5.966.966,0,0,0,.723.176,1.061,1.061,0,0,0,.508-.078.713.713,0,0,0,.394-.234.7.7,0,0,0,.25-.383l1.54.1-.046.181a1.4,1.4,0,0,1-.433.786,1.624,1.624,0,0,1-.93.64,2.334,2.334,0,0,1-1.31.23,2.155,2.155,0,0,1-1.592-.378,1.745,1.745,0,0,1-1.025-1.07,3.888,3.888,0,0,1,0-3.268,1.813,1.813,0,0,1,1.013-1.09,2.007,2.007,0,0,1,1.537-.39ZM27.8,81.98l.3.008a2.761,2.761,0,0,1,1.781.47,2.245,2.245,0,0,1,1.342,1.374,3.074,3.074,0,0,1,.47,2.14,3.1,3.1,0,0,1-.47,2.149A2.235,2.235,0,0,1,29.87,89.5a2.916,2.916,0,0,1-2.095.48H24.939v-8H27.8Zm6.821,2v6H32.955v-6Zm21.993,0,1.246,4.293h.063l1.242-4.293h1.762l-2.1,6H56.952l-2.1-6Zm14.751-.086a1.646,1.646,0,0,1,.27.016,1.19,1.19,0,0,1,.254.043v1.476l-.088-.022a1.821,1.821,0,0,0-.237-.04,1.89,1.89,0,0,0-.378-.028.9.9,0,0,0-.655.159.8.8,0,0,0-.453.44.849.849,0,0,0-.166.648V89.98H68.246v-6h1.613v1.047h.063l.051-.154c.168-.446.168-.446.5-.692a1,1,0,0,1,.89-.287ZM51.451,85.17c-.418,0-.418,0-.7.239a.981.981,0,0,0-.427.648,3.139,3.139,0,0,0,0,1.867.979.979,0,0,0,.426.647c.283.236.283.236.7.236s.414,0,.692-.236a.989.989,0,0,0,.42-.647,3.139,3.139,0,0,0,0-1.867,1,1,0,0,0-.42-.648C51.865,85.17,51.865,85.17,51.451,85.17ZM27.708,83.428H26.63v5.1H27.7a1.83,1.83,0,0,0,1.264-.268c.514-.267.514-.267.774-.832a4.2,4.2,0,0,0,0-2.908c-.26-.562-.26-.562-.772-.828A1.832,1.832,0,0,0,27.708,83.428Zm36.61,1.715a.875.875,0,0,0-.67.174.851.851,0,0,0-.454.465.866.866,0,0,0-.16.507l-.006.085h2.517l-.006-.14a.829.829,0,0,0-.15-.5.778.778,0,0,0-.432-.436.856.856,0,0,0-.638-.158ZM33.791,81.522c.375,0,.375,0,.639.248s.263.248.263.592,0,.348-.263.6-.264.248-.635.248a.629.629,0,0,1-.637-.248c-.265-.248-.265-.248-.265-.6s0-.344.265-.592A.626.626,0,0,1,33.791,81.522Z" transform="translate(250.061 1410.51)" fill="#FFFFFF" class="svgc_text" fill-rule="evenodd" filter="url(#filter_readability_loftspace)"/>
<rect width="94" height="29" rx="3" transform="translate(356 1482)" fill="#383E45"/>
<path d="M-51-2.9l1.542.489A3.457,3.457,0,0,1-50.636-.491a3.363,3.363,0,0,1-2.092.626A3.387,3.387,0,0,1-55.306-.937a4.1,4.1,0,0,1-1.01-2.93A4.3,4.3,0,0,1-55.3-6.921a3.481,3.481,0,0,1,2.669-1.088,3.275,3.275,0,0,1,2.347.854,3.106,3.106,0,0,1,.806,1.45l-1.574.376a1.669,1.669,0,0,0-.583-.967,1.67,1.67,0,0,0-1.077-.354,1.792,1.792,0,0,0-1.421.628,3.08,3.08,0,0,0-.545,2.036,3.3,3.3,0,0,0,.537,2.127,1.744,1.744,0,0,0,1.4.634,1.593,1.593,0,0,0,1.09-.4A2.34,2.34,0,0,0-51-2.9Zm2.546-.038a3.086,3.086,0,0,1,.371-1.456,2.544,2.544,0,0,1,1.05-1.074,3.116,3.116,0,0,1,1.517-.371,2.848,2.848,0,0,1,2.122.841,2.9,2.9,0,0,1,.827,2.124A2.939,2.939,0,0,1-43.4-.722a2.823,2.823,0,0,1-2.1.851A3.312,3.312,0,0,1-47-.226a2.432,2.432,0,0,1-1.082-1.039A3.463,3.463,0,0,1-48.453-2.933Zm1.547.081a1.89,1.89,0,0,0,.4,1.3,1.28,1.28,0,0,0,.994.451,1.272,1.272,0,0,0,.991-.451,1.916,1.916,0,0,0,.4-1.311,1.881,1.881,0,0,0-.4-1.289,1.272,1.272,0,0,0-.991-.451,1.28,1.28,0,0,0-.994.451A1.89,1.89,0,0,0-46.906-2.852ZM-36.2,0h-1.509V-2.911a4.5,4.5,0,0,0-.1-1.2.838.838,0,0,0-.314-.422.9.9,0,0,0-.524-.15,1.21,1.21,0,0,0-.7.215,1.082,1.082,0,0,0-.427.569,4.921,4.921,0,0,0-.115,1.311V0H-41.4V-5.7h1.4v.838a2.284,2.284,0,0,1,1.88-.967,2.265,2.265,0,0,1,.913.18,1.53,1.53,0,0,1,.626.459,1.664,1.664,0,0,1,.3.634A4.714,4.714,0,0,1-36.2-3.545Zm4.146-5.7v1.2h-1.031v2.3a5.717,5.717,0,0,0,.03.814.332.332,0,0,0,.134.191.426.426,0,0,0,.255.075,1.952,1.952,0,0,0,.607-.145L-31.926-.1a3,3,0,0,1-1.192.226,1.891,1.891,0,0,1-.736-.137,1.074,1.074,0,0,1-.481-.354,1.4,1.4,0,0,1-.212-.588A7.316,7.316,0,0,1-34.6-2.014V-4.5h-.693V-5.7h.693V-6.837l1.515-.881V-5.7Zm2.175,1.74-1.37-.247a2.133,2.133,0,0,1,.795-1.225,2.909,2.909,0,0,1,1.676-.4,3.612,3.612,0,0,1,1.5.239,1.5,1.5,0,0,1,.7.607,3.112,3.112,0,0,1,.2,1.351l-.016,1.762a6.116,6.116,0,0,0,.073,1.109A3.237,3.237,0,0,0-26.044,0h-1.493q-.059-.15-.145-.446-.038-.134-.054-.177a2.721,2.721,0,0,1-.827.564,2.369,2.369,0,0,1-.94.188,1.944,1.944,0,0,1-1.388-.478A1.589,1.589,0,0,1-31.4-1.558a1.622,1.622,0,0,1,.231-.862A1.509,1.509,0,0,1-30.521-3a5.058,5.058,0,0,1,1.2-.352,8.223,8.223,0,0,0,1.466-.371v-.15a.781.781,0,0,0-.215-.62,1.287,1.287,0,0,0-.811-.185,1.08,1.08,0,0,0-.628.158A1.1,1.1,0,0,0-29.874-3.964Zm2.02,1.225a9.434,9.434,0,0,1-.918.231,2.767,2.767,0,0,0-.822.263.629.629,0,0,0-.3.532.74.74,0,0,0,.236.548.825.825,0,0,0,.6.231,1.307,1.307,0,0,0,.779-.269.945.945,0,0,0,.36-.5,2.98,2.98,0,0,0,.059-.736Zm7.944-1.278-1.488.269a1.08,1.08,0,0,0-.341-.671,1.03,1.03,0,0,0-.69-.226,1.128,1.128,0,0,0-.9.389,2,2,0,0,0-.336,1.3,2.308,2.308,0,0,0,.341,1.434,1.12,1.12,0,0,0,.916.419,1.017,1.017,0,0,0,.7-.244,1.47,1.47,0,0,0,.387-.841l1.482.252a2.631,2.631,0,0,1-.886,1.542,2.743,2.743,0,0,1-1.756.521,2.611,2.611,0,0,1-2-.79,3.061,3.061,0,0,1-.744-2.186,3.068,3.068,0,0,1,.747-2.2,2.652,2.652,0,0,1,2.02-.787,2.755,2.755,0,0,1,1.657.448A2.485,2.485,0,0,1-19.911-4.018Zm3.76-1.687v1.2h-1.031v2.3a5.718,5.718,0,0,0,.03.814.332.332,0,0,0,.134.191.426.426,0,0,0,.255.075,1.952,1.952,0,0,0,.607-.145L-16.027-.1A3,3,0,0,1-17.22.129a1.891,1.891,0,0,1-.736-.137,1.074,1.074,0,0,1-.481-.354,1.4,1.4,0,0,1-.212-.588A7.316,7.316,0,0,1-18.7-2.014V-4.5h-.693V-5.7h.693V-6.837l1.515-.881V-5.7ZM-8.293,0V-.854a2.2,2.2,0,0,1-.819.72,2.3,2.3,0,0,1-1.072.263,2.1,2.1,0,0,1-1.031-.252,1.49,1.49,0,0,1-.661-.709,3.164,3.164,0,0,1-.2-1.262V-5.7h1.509v2.621a7.269,7.269,0,0,0,.083,1.474.8.8,0,0,0,.3.43.933.933,0,0,0,.559.158,1.188,1.188,0,0,0,.693-.212,1.079,1.079,0,0,0,.419-.526A6.11,6.11,0,0,0-8.4-3.3V-5.7h1.509V0ZM-5.86-1.627l1.515-.231a1.11,1.11,0,0,0,.392.669,1.325,1.325,0,0,0,.827.228,1.493,1.493,0,0,0,.881-.215.48.48,0,0,0,.2-.4.4.4,0,0,0-.107-.285,1.2,1.2,0,0,0-.5-.2A8.142,8.142,0,0,1-4.974-2.8,1.47,1.47,0,0,1-5.65-4.082a1.582,1.582,0,0,1,.585-1.246,2.734,2.734,0,0,1,1.815-.5,3.167,3.167,0,0,1,1.74.381A1.949,1.949,0,0,1-.725-4.324l-1.423.263a.88.88,0,0,0-.346-.51,1.267,1.267,0,0,0-.728-.177,1.64,1.64,0,0,0-.854.167.358.358,0,0,0-.172.306A.334.334,0,0,0-4.1-4a5.663,5.663,0,0,0,1.41.424A4.2,4.2,0,0,1-1-2.906,1.4,1.4,0,0,1-.532-1.783,1.723,1.723,0,0,1-1.187-.435,2.9,2.9,0,0,1-3.126.129,3.182,3.182,0,0,1-4.971-.344,2.178,2.178,0,0,1-5.86-1.627Z" transform="translate(431.316 1500.008)" fill="#383E45" class="svgc_text"/>
<path d="M-51-2.9l1.542.489A3.457,3.457,0,0,1-50.636-.491a3.363,3.363,0,0,1-2.092.626A3.387,3.387,0,0,1-55.306-.937a4.1,4.1,0,0,1-1.01-2.93A4.3,4.3,0,0,1-55.3-6.921a3.481,3.481,0,0,1,2.669-1.088,3.275,3.275,0,0,1,2.347.854,3.106,3.106,0,0,1,.806,1.45l-1.574.376a1.669,1.669,0,0,0-.583-.967,1.67,1.67,0,0,0-1.077-.354,1.792,1.792,0,0,0-1.421.628,3.08,3.08,0,0,0-.545,2.036,3.3,3.3,0,0,0,.537,2.127,1.744,1.744,0,0,0,1.4.634,1.593,1.593,0,0,0,1.09-.4A2.34,2.34,0,0,0-51-2.9Zm2.546-.038a3.086,3.086,0,0,1,.371-1.456,2.544,2.544,0,0,1,1.05-1.074,3.116,3.116,0,0,1,1.517-.371,2.848,2.848,0,0,1,2.122.841,2.9,2.9,0,0,1,.827,2.124A2.939,2.939,0,0,1-43.4-.722a2.823,2.823,0,0,1-2.1.851A3.312,3.312,0,0,1-47-.226a2.432,2.432,0,0,1-1.082-1.039A3.463,3.463,0,0,1-48.453-2.933Zm1.547.081a1.89,1.89,0,0,0,.4,1.3,1.28,1.28,0,0,0,.994.451,1.272,1.272,0,0,0,.991-.451,1.916,1.916,0,0,0,.4-1.311,1.881,1.881,0,0,0-.4-1.289,1.272,1.272,0,0,0-.991-.451,1.28,1.28,0,0,0-.994.451A1.89,1.89,0,0,0-46.906-2.852ZM-36.2,0h-1.509V-2.911a4.5,4.5,0,0,0-.1-1.2.838.838,0,0,0-.314-.422.9.9,0,0,0-.524-.15,1.21,1.21,0,0,0-.7.215,1.082,1.082,0,0,0-.427.569,4.921,4.921,0,0,0-.115,1.311V0H-41.4V-5.7h1.4v.838a2.284,2.284,0,0,1,1.88-.967,2.265,2.265,0,0,1,.913.18,1.53,1.53,0,0,1,.626.459,1.664,1.664,0,0,1,.3.634A4.714,4.714,0,0,1-36.2-3.545Zm4.146-5.7v1.2h-1.031v2.3a5.717,5.717,0,0,0,.03.814.332.332,0,0,0,.134.191.426.426,0,0,0,.255.075,1.952,1.952,0,0,0,.607-.145L-31.926-.1a3,3,0,0,1-1.192.226,1.891,1.891,0,0,1-.736-.137,1.074,1.074,0,0,1-.481-.354,1.4,1.4,0,0,1-.212-.588A7.316,7.316,0,0,1-34.6-2.014V-4.5h-.693V-5.7h.693V-6.837l1.515-.881V-5.7Zm2.175,1.74-1.37-.247a2.133,2.133,0,0,1,.795-1.225,2.909,2.909,0,0,1,1.676-.4,3.612,3.612,0,0,1,1.5.239,1.5,1.5,0,0,1,.7.607,3.112,3.112,0,0,1,.2,1.351l-.016,1.762a6.116,6.116,0,0,0,.073,1.109A3.237,3.237,0,0,0-26.044,0h-1.493q-.059-.15-.145-.446-.038-.134-.054-.177a2.721,2.721,0,0,1-.827.564,2.369,2.369,0,0,1-.94.188,1.944,1.944,0,0,1-1.388-.478A1.589,1.589,0,0,1-31.4-1.558a1.622,1.622,0,0,1,.231-.862A1.509,1.509,0,0,1-30.521-3a5.058,5.058,0,0,1,1.2-.352,8.223,8.223,0,0,0,1.466-.371v-.15a.781.781,0,0,0-.215-.62,1.287,1.287,0,0,0-.811-.185,1.08,1.08,0,0,0-.628.158A1.1,1.1,0,0,0-29.874-3.964Zm2.02,1.225a9.434,9.434,0,0,1-.918.231,2.767,2.767,0,0,0-.822.263.629.629,0,0,0-.3.532.74.74,0,0,0,.236.548.825.825,0,0,0,.6.231,1.307,1.307,0,0,0,.779-.269.945.945,0,0,0,.36-.5,2.98,2.98,0,0,0,.059-.736Zm7.944-1.278-1.488.269a1.08,1.08,0,0,0-.341-.671,1.03,1.03,0,0,0-.69-.226,1.128,1.128,0,0,0-.9.389,2,2,0,0,0-.336,1.3,2.308,2.308,0,0,0,.341,1.434,1.12,1.12,0,0,0,.916.419,1.017,1.017,0,0,0,.7-.244,1.47,1.47,0,0,0,.387-.841l1.482.252a2.631,2.631,0,0,1-.886,1.542,2.743,2.743,0,0,1-1.756.521,2.611,2.611,0,0,1-2-.79,3.061,3.061,0,0,1-.744-2.186,3.068,3.068,0,0,1,.747-2.2,2.652,2.652,0,0,1,2.02-.787,2.755,2.755,0,0,1,1.657.448A2.485,2.485,0,0,1-19.911-4.018Zm3.76-1.687v1.2h-1.031v2.3a5.718,5.718,0,0,0,.03.814.332.332,0,0,0,.134.191.426.426,0,0,0,.255.075,1.952,1.952,0,0,0,.607-.145L-16.027-.1A3,3,0,0,1-17.22.129a1.891,1.891,0,0,1-.736-.137,1.074,1.074,0,0,1-.481-.354,1.4,1.4,0,0,1-.212-.588A7.316,7.316,0,0,1-18.7-2.014V-4.5h-.693V-5.7h.693V-6.837l1.515-.881V-5.7ZM-8.293,0V-.854a2.2,2.2,0,0,1-.819.72,2.3,2.3,0,0,1-1.072.263,2.1,2.1,0,0,1-1.031-.252,1.49,1.49,0,0,1-.661-.709,3.164,3.164,0,0,1-.2-1.262V-5.7h1.509v2.621a7.269,7.269,0,0,0,.083,1.474.8.8,0,0,0,.3.43.933.933,0,0,0,.559.158,1.188,1.188,0,0,0,.693-.212,1.079,1.079,0,0,0,.419-.526A6.11,6.11,0,0,0-8.4-3.3V-5.7h1.509V0ZM-5.86-1.627l1.515-.231a1.11,1.11,0,0,0,.392.669,1.325,1.325,0,0,0,.827.228,1.493,1.493,0,0,0,.881-.215.48.48,0,0,0,.2-.4.4.4,0,0,0-.107-.285,1.2,1.2,0,0,0-.5-.2A8.142,8.142,0,0,1-4.974-2.8,1.47,1.47,0,0,1-5.65-4.082a1.582,1.582,0,0,1,.585-1.246,2.734,2.734,0,0,1,1.815-.5,3.167,3.167,0,0,1,1.74.381A1.949,1.949,0,0,1-.725-4.324l-1.423.263a.88.88,0,0,0-.346-.51,1.267,1.267,0,0,0-.728-.177,1.64,1.64,0,0,0-.854.167.358.358,0,0,0-.172.306A.334.334,0,0,0-4.1-4a5.663,5.663,0,0,0,1.41.424A4.2,4.2,0,0,1-1-2.906,1.4,1.4,0,0,1-.532-1.783,1.723,1.723,0,0,1-1.187-.435,2.9,2.9,0,0,1-3.126.129,3.182,3.182,0,0,1-4.971-.344,2.178,2.178,0,0,1-5.86-1.627Z" transform="translate(431.316 1500.008)" fill="#383E45" class="svgc_text" filter="url(#filter_readability_loftspace)"/>
</g>
<g class="svgc_footer" transform="translate(0 41)">
<rect width="700" height="151" transform="translate(0 1658)" class="svgc_footer_bg" fill="#FOOTER_COLOR"/>
<g opacity="0.6">
<rect width="47" height="2" transform="translate(70 1740)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="39" height="2" transform="translate(70 1745)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="47" height="2" transform="translate(70 1729)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="39" height="2" transform="translate(70 1734)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="47" height="2" transform="translate(70 1718)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="39" height="2" transform="translate(70 1723)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="72" height="2" transform="translate(490 1718)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="60" height="2" transform="translate(490 1723)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="47" height="2" transform="translate(70 1740)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_loftspace)"/>
<rect width="39" height="2" transform="translate(70 1745)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_loftspace)"/>
<rect width="47" height="2" transform="translate(70 1729)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_loftspace)"/>
<rect width="39" height="2" transform="translate(70 1734)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_loftspace)"/>
<rect width="47" height="2" transform="translate(70 1718)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_loftspace)"/>
<rect width="39" height="2" transform="translate(70 1723)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_loftspace)"/>
<rect width="72" height="2" transform="translate(490 1718)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_loftspace)"/>
<rect width="60" height="2" transform="translate(490 1723)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_loftspace)"/>
</g>
<g transform="translate(163 1718)" opacity="0.4">
<rect width="140" height="2" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="125" height="2" transform="translate(0 5)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="79" height="2" transform="translate(0 10)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="91" height="2" transform="translate(0 15)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="140" height="2" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_loftspace)"/>
<rect width="125" height="2" transform="translate(0 5)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_loftspace)"/>
<rect width="79" height="2" transform="translate(0 10)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_loftspace)"/>
<rect width="91" height="2" transform="translate(0 15)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_loftspace)"/>
</g>
<g transform="translate(163 1745)" opacity="0.4">
<rect width="140" height="2" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="125" height="2" transform="translate(0 5)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="79" height="2" transform="translate(0 10)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="91" height="2" transform="translate(0 15)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="140" height="2" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_loftspace)"/>
<rect width="125" height="2" transform="translate(0 5)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_loftspace)"/>
<rect width="79" height="2" transform="translate(0 10)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_loftspace)"/>
<rect width="91" height="2" transform="translate(0 15)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_loftspace)"/>
</g>
<rect width="47" height="4" transform="translate(70 1704)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="47" height="4" transform="translate(163 1704)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="47" height="4" transform="translate(490 1704)" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle icx="12.5" cy="12.5" r="12.5" transform="translate(502 1740)" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle icx="12.5" cy="12.5" r="12.5" transform="translate(531 1740)" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle cx="12.5" cy="12.5" r="12.5" transform="translate(550 1740)" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle cx="12.5" cy="12.5" r="12.5" transform="translate(605 1740)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="47" height="4" transform="translate(70 1704)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_loftspace)"/>
<rect width="47" height="4" transform="translate(163 1704)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_loftspace)"/>
<rect width="47" height="4" transform="translate(490 1704)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_loftspace)"/>
<circle icx="12.5" cy="12.5" r="12.5" transform="translate(502 1740)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_loftspace)"/>
<circle icx="12.5" cy="12.5" r="12.5" transform="translate(531 1740)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_loftspace)"/>
<circle cx="12.5" cy="12.5" r="12.5" transform="translate(550 1740)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_loftspace)"/>
<circle cx="12.5" cy="12.5" r="12.5" transform="translate(605 1740)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_loftspace)"/>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 49 KiB

After

Width:  |  Height:  |  Size: 51 KiB

theme_monglia/static/description/theme_monglia.svg
+38 -25
View File
File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 34 KiB

theme_nano/static/description/theme_nano.svg
+49 -36
View File
@@ -30,6 +30,19 @@
<pattern width="1" height="1" id="theme_nano_s_parallax_default_image_id" patternunits="objectBoundingBox">
<image width="560" height="240" preserveAspectRatio="xMidYMid slice" href="#s_parallax_default_image_url"/>
</pattern>
<filter id="filter_readability_nano">
<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>
<!-- Layout -->
@@ -39,12 +52,12 @@
<g data-name="Header" class="svgc_menu">
<rect width="560" height="50" x="70" y="0" fill="#MENU_COLOR" class="svgc_menu_bg"/>
<rect width="30" height="8" x="600" y="20" fill="#MENU_COLOR" class="svgc_text" opacity="0.5"/>
<text x="330" y="30" font-size="14" font-family="Nunito" font-weight="600" fill="#MENU_COLOR" class="svgc_text">LOGO</text>
<rect width="40" height="8" x="70" y="20" fill="#MENU_COLOR" class="svgc_text" opacity="0.5"/>
<rect width="40" height="8" x="120" y="20" fill="#MENU_COLOR" class="svgc_text" opacity="0.5"/>
<rect width="40" height="8" x="170" y="20" fill="#MENU_COLOR" class="svgc_text" opacity="0.5"/>
<circle cx="582" cy="25" r="8" fill="#MENU_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="30" height="8" x="600" y="20" fill="#MENU_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_nano)"/>
<text x="330" y="30" font-size="14" font-family="Nunito" font-weight="600" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_nano)">LOGO</text>
<rect width="40" height="8" x="70" y="20" fill="#MENU_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_nano)"/>
<rect width="40" height="8" x="120" y="20" fill="#MENU_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_nano)"/>
<rect width="40" height="8" x="170" y="20" fill="#MENU_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_nano)"/>
<circle cx="582" cy="25" r="8" fill="#MENU_COLOR" class="svgc_text" opacity="0.8" filter="url(#filter_readability_nano)"/>
</g>
<g data-name="Cover">
@@ -58,7 +71,7 @@
<rect width="120" height="8" rx="2" x="290" y="204" fill="#FFFFFD" opacity="0.8"/>
<g class="svgc_btn_group">
<rect width="80" height="26" rx="4" x="308" y="267" fill="#3AADAA"/>
<text x="324" y="284" fill="#3AADAA" class="svgc_text" font-size="10" font-family="Nunito" font-weight="600">Contact us</text>
<text x="324" y="284" fill="#3AADAA" class="svgc_text" font-size="10" font-family="Nunito" font-weight="600" filter="url(#filter_readability_nano)">Contact us</text>
</g>
</g>
@@ -66,21 +79,21 @@
<rect width="560" height="230" x="70" y="390" fill="#383E45"/>
<g data-name="Feature_1">
<rect width="50" height="50" rx="4" x="137" y="445" fill="#3AADAA"/>
<text x="115" y="528" fill="#383E45" class="svgc_text" font-size="18" font-family="Nunito" font-weight="600">Feature #01</text>
<rect width="90" height="6" rx="2" x="117" y="545" fill="#383E45" class="svgc_text"/>
<rect width="50" height="6" rx="2" x="137" y="559" fill="#383E45" class="svgc_text"/>
<text x="115" y="528" fill="#383E45" class="svgc_text" filter="url(#filter_readability_nano)" font-size="18" font-family="Nunito" font-weight="600">Feature #01</text>
<rect width="90" height="6" rx="2" x="117" y="545" fill="#383E45" class="svgc_text" filter="url(#filter_readability_nano)"/>
<rect width="50" height="6" rx="2" x="137" y="559" fill="#383E45" class="svgc_text" filter="url(#filter_readability_nano)"/>
</g>
<g data-name="Feature_2">
<rect width="50" height="50" rx="4" x="324" y="445" fill="#FFFFFF"/>
<text x="300" y="528" fill="#383E45" class="svgc_text" font-size="18" font-family="Nunito" font-weight="600">Feature #02</text>
<rect width="90" height="6" rx="2" x="304" y="545" fill="#383E45" class="svgc_text"/>
<rect width="50" height="6" rx="2" x="324" y="559" fill="#383E45" class="svgc_text"/>
<text x="300" y="528" fill="#383E45" class="svgc_text" filter="url(#filter_readability_nano)" font-size="18" font-family="Nunito" font-weight="600">Feature #02</text>
<rect width="90" height="6" rx="2" x="304" y="545" fill="#383E45" class="svgc_text" filter="url(#filter_readability_nano)"/>
<rect width="50" height="6" rx="2" x="324" y="559" fill="#383E45" class="svgc_text" filter="url(#filter_readability_nano)"/>
</g>
<g data-name="Feature_3">
<rect width="50" height="50" rx="4" x="512" y="445" fill="#7C6576"/>
<text x="488" y="528" fill="#383E45" class="svgc_text" font-size="18" font-family="Nunito" font-weight="600">Feature #03</text>
<rect width="90" height="6" rx="2" x="492" y="545" fill="#383E45" class="svgc_text"/>
<rect width="50" height="6" rx="2" x="512" y="559" fill="#383E45" class="svgc_text"/>
<text x="488" y="528" fill="#383E45" class="svgc_text" filter="url(#filter_readability_nano)" font-size="18" font-family="Nunito" font-weight="600">Feature #03</text>
<rect width="90" height="6" rx="2" x="492" y="545" fill="#383E45" class="svgc_text" filter="url(#filter_readability_nano)"/>
<rect width="50" height="6" rx="2" x="512" y="559" fill="#383E45" class="svgc_text" filter="url(#filter_readability_nano)"/>
</g>
</g>
@@ -118,41 +131,41 @@
<rect width="89" height="60" x="447" y="1550" fill="#FFFFFD"/>
<rect width="89" height="60" x="258" y="1550" fill="#FFFFFD"/>
<rect width="89" height="60" x="541" y="1550" fill="#FFFFFD"/>
<rect width="140" height="6" rx="2" x="280" y="1520" fill="#383E45" class="svgc_text"/>
<text x="300" y="1500" fill="#383E45" class="svgc_text" font-size="18" font-family="Nunito" font-weight="600">Section Title</text>
<rect width="140" height="6" rx="2" x="280" y="1520" fill="#383E45" class="svgc_text" filter="url(#filter_readability_nano)"/>
<text x="300" y="1500" fill="#383E45" class="svgc_text" font-size="18" font-family="Nunito" font-weight="600" filter="url(#filter_readability_nano)">Section Title</text>
</g>
<g data-name="Footer" class="svgc_footer">
<rect width="560" height="150" x="70" y="1650" fill="#FOOTER_COLOR" class="svgc_footer_bg"/>
<g data-name="Column_1">
<text x="90" y="1700" font-size="16" font-family="Nunito" font-weight="600" fill="#FOOTER_COLOR" class="svgc_text">Section Title</text>
<rect width="240" height="6" rx="2" x="90" y="1720" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5"/>
<rect width="240" height="6" rx="2" x="90" y="1744" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5"/>
<rect width="240" height="6" rx="2" x="90" y="1732" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5"/>
<rect width="147" height="6" rx="2" x="90" y="1756" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5"/>
<text x="90" y="1700" font-size="16" font-family="Nunito" font-weight="600" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_nano)">Section Title</text>
<rect width="240" height="6" rx="2" x="90" y="1720" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_nano)"/>
<rect width="240" height="6" rx="2" x="90" y="1744" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_nano)"/>
<rect width="240" height="6" rx="2" x="90" y="1732" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_nano)"/>
<rect width="147" height="6" rx="2" x="90" y="1756" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_nano)"/>
</g>
<g data-name="Column_2">
<text x="390" y="1704" font-size="12" font-family="Nunito" font-weight="600" fill="#FOOTER_COLOR" class="svgc_text">Entry Title</text>
<rect width="90" height="6" rx="2" x="390" y="1732" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5"/>
<rect width="90" height="6" rx="2" x="390" y="1720" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5"/>
<rect width="90" height="6" rx="2" x="390" y="1744" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5"/>
<rect width="50" height="6" rx="2" x="390" y="1756" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5"/>
<text x="390" y="1704" font-size="12" font-family="Nunito" font-weight="600" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_nano)">Entry Title</text>
<rect width="90" height="6" rx="2" x="390" y="1732" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_nano)"/>
<rect width="90" height="6" rx="2" x="390" y="1720" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_nano)"/>
<rect width="90" height="6" rx="2" x="390" y="1744" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_nano)"/>
<rect width="50" height="6" rx="2" x="390" y="1756" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_nano)"/>
</g>
<g data-name="Column_3">
<text x="520" y="1704" font-size="12" font-family="Nunito" font-weight="600" fill="#FOOTER_COLOR" class="svgc_text">Entry Title</text>
<rect width="90" height="6" rx="2" x="520" y="1720" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5"/>
<rect width="90" height="6" rx="2" x="520" y="1732" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5"/>
<circle cx="529" cy="1758" r="8" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<circle cx="550" cy="1758" r="8" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<circle cx="571" cy="1758" r="8" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<circle cx="592" cy="1758" r="8" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<text x="520" y="1704" font-size="12" font-family="Nunito" font-weight="600" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_nano)">Entry Title</text>
<rect width="90" height="6" rx="2" x="520" y="1720" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_nano)"/>
<rect width="90" height="6" rx="2" x="520" y="1732" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_nano)"/>
<circle cx="529" cy="1758" r="8" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8" filter="url(#filter_readability_nano)"/>
<circle cx="550" cy="1758" r="8" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8" filter="url(#filter_readability_nano)"/>
<circle cx="571" cy="1758" r="8" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8" filter="url(#filter_readability_nano)"/>
<circle cx="592" cy="1758" r="8" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8" filter="url(#filter_readability_nano)"/>
</g>
</g>
<g data-name="Copyright">
<rect width="560" height="50" x="70" y="1800" fill="#383E45"/>
<circle cx="350" cy="1800" r="15" fill="#383E45"/>
<rect width="120" height="6" rx="2" x="71" y="1822" fill="#383E45" class="svgc_text"/>
<rect width="120" height="6" rx="2" x="71" y="1822" fill="#383E45" class="svgc_text" filter="url(#filter_readability_nano)"/>
</g>
</g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 13 KiB

theme_notes/static/description/theme_notes.svg
+39 -26
View File
@@ -45,19 +45,32 @@
<pattern width="1" height="1" id="theme_notes_s_media_list_default_image_3_id" patternunits="objectBoundingBox">
<image width="280" height="141" preserveAspectRatio="xMidYMid slice" href="#s_media_list_default_image_3_url"/>
</pattern>
<filter id="filter_readability_notes">
<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_notes">
<rect width="700" height="1850" fill="#FFFFFF"/>
<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_notes)" 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_notes)"/>
<rect width="37" height="7" x="58" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_notes)"/>
<rect width="37" height="7" x="116" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_notes)"/>
<rect width="37" height="7" x="174" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_notes)"/>
</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_notes)"/>
</g>
<g class="s_masonry_block" transform="translate(-1407 -241)">
<rect fill="url(#theme_notes_s_masonry_block_default_image_1_id)" class="img_reference_s_masonry_block_default_image_1" width="350" height="196" transform="translate(1407 588)"/>
@@ -70,15 +83,15 @@
<rect width="86.811" height="2" fill="#212529"/>
<rect width="71.811" height="2" transform="translate(8 5)" fill="#212529"/>
</g>
<text transform="translate(1796 733)" fill="#3AADAA" class="svgc_text" font-size="18" font-family="Arial-BoldMT, Arial, sans-serif" font-weight="700"><tspan x="0" y="0">Entry Title</tspan></text>
<text transform="translate(1796 733)" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_notes)" font-size="18" font-family="Arial-BoldMT, Arial, sans-serif" font-weight="700"><tspan x="0" y="0">Entry Title</tspan></text>
<g transform="translate(1801 744.324)" opacity="0.4">
<rect width="86.811" height="2" fill="#3AADAA" class="svgc_text"/>
<rect width="71.811" height="2" transform="translate(8 5)" fill="#3AADAA" class="svgc_text"/>
<rect width="86.811" height="2" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_notes)"/>
<rect width="71.811" height="2" transform="translate(8 5)" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_notes)"/>
</g>
<text transform="translate(1970 634)" fill="#7C6576" class="svgc_text" font-size="18" font-family="Arial-BoldMT, Arial, sans-serif" font-weight="700"><tspan x="0" y="0">Entry Title</tspan></text>
<text transform="translate(1970 634)" fill="#7C6576" class="svgc_text" filter="url(#filter_readability_notes)" font-size="18" font-family="Arial-BoldMT, Arial, sans-serif" font-weight="700"><tspan x="0" y="0">Entry Title</tspan></text>
<g transform="translate(1976 646.125)" opacity="0.4">
<rect width="86.811" height="2" fill="#7C6576" class="svgc_text"/>
<rect width="71.811" height="2" transform="translate(8 5)" fill="#7C6576" class="svgc_text"/>
<rect width="86.811" height="2" fill="#7C6576" class="svgc_text" filter="url(#filter_readability_notes)"/>
<rect width="71.811" height="2" transform="translate(8 5)" fill="#7C6576" class="svgc_text" filter="url(#filter_readability_notes)"/>
</g>
<text transform="translate(1970 733)" fill="#3AADAA" font-size="18" font-family="Arial-BoldMT, Arial, sans-serif" font-weight="700"><tspan x="0" y="0">Entry Title</tspan></text>
<g transform="translate(1976 744.324)" opacity="0.4">
@@ -246,27 +259,27 @@
<g transform="translate(0 1713)" class="svgc_footer">
<rect width="700" height="147" transform="translate(0 -10)" class="svgc_footer_bg" fill="#FOOTER_COLOR"/>
<g transform="translate(0 -31)">
<circle cx="7.5" cy="7.5" r="7.5" transform="translate(559 100)" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle cx="7.5" cy="7.5" r="7.5" transform="translate(587 100)" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle cx="7.5" cy="7.5" r="7.5" transform="translate(615 100)" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle cx="7.5" cy="7.5" r="7.5" transform="translate(559 100)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_notes)"/>
<circle cx="7.5" cy="7.5" r="7.5" transform="translate(587 100)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_notes)"/>
<circle cx="7.5" cy="7.5" r="7.5" transform="translate(615 100)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_notes)"/>
</g>
<g transform="translate(84 -1717)">
<rect width="71" height="2" transform="translate(475 1773)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="59" height="2" transform="translate(475 1778)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="71" height="2" transform="translate(475 1773)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_notes)"/>
<rect width="59" height="2" transform="translate(475 1778)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_notes)"/>
</g>
<g transform="translate(401.371 56)" opacity="0.4">
<rect width="111" height="2" transform="translate(-4.372)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="72" height="2" transform="translate(-4.372 5)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="103" height="2" transform="translate(-4.372 10)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="115" height="2" transform="translate(-4.372 15)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="111" height="2" transform="translate(-4.372)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_notes)"/>
<rect width="72" height="2" transform="translate(-4.372 5)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_notes)"/>
<rect width="103" height="2" transform="translate(-4.372 10)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_notes)"/>
<rect width="115" height="2" transform="translate(-4.372 15)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_notes)"/>
</g>
<g transform="translate(70 56)" opacity="0.4">
<rect width="233" height="2" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="218" height="2" transform="translate(0 5)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="233" height="2" transform="translate(0 10)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="218" height="2" transform="translate(0 15)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="233" height="2" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_notes)"/>
<rect width="218" height="2" transform="translate(0 5)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_notes)"/>
<rect width="233" height="2" transform="translate(0 10)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_notes)"/>
<rect width="218" height="2" transform="translate(0 15)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_notes)"/>
</g>
<text transform="translate(69 42)" fill="#FOOTER_COLOR" opacity="1" class="svgc_text" font-size="16" font-family="Arial-BoldMT, Arial, sans-serif" font-weight="700"><tspan x="0" y="0">Entry Title</tspan></text>
<text transform="translate(69 42)" fill="#FOOTER_COLOR" opacity="1" class="svgc_text" filter="url(#filter_readability_notes)" font-size="16" font-family="Arial-BoldMT, Arial, sans-serif" font-weight="700"><tspan x="0" y="0">Entry Title</tspan></text>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 30 KiB

After

Width:  |  Height:  |  Size: 31 KiB

theme_odoo_experts/static/description/theme_odoo_experts.svg
+39 -26
View File
@@ -49,19 +49,32 @@
<stop offset="0" stop-color="#7C6576" stop-opacity="0"/>
<stop offset="1" stop-color="#7C6576"/>
</linearGradient>
<filter id="filter_readability_odoo_experts">
<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_odoo_experts">
<rect width="700" height="1850" fill="#FFFFFF"/>
<g class="svgc_menu" transform="translate(-1428 -220)">
<rect width="700" height="37" transform="translate(1428 247)" class="svgc_menu_bg" fill="#MENU_COLOR"/>
<path d="M76.345,23V21.479H72.6V14.273H70.759V23Zm4.68.12a4.131,4.131,0,0,0,2.08-.527,3.749,3.749,0,0,0,1.467-1.528,5.054,5.054,0,0,0,.539-2.429,5.059,5.059,0,0,0-.54-2.429,3.755,3.755,0,0,0-1.465-1.527,4.388,4.388,0,0,0-4.17,0,3.739,3.739,0,0,0-1.461,1.527,5.084,5.084,0,0,0-.537,2.43,5.07,5.07,0,0,0,.537,2.424,3.753,3.753,0,0,0,1.461,1.53,4.138,4.138,0,0,0,2.088.528Zm0-1.633a2.08,2.08,0,0,1-1.168-.328,2.128,2.128,0,0,1-.774-.963,3.929,3.929,0,0,1-.275-1.56,3.935,3.935,0,0,1,.275-1.56,2.114,2.114,0,0,1,.774-.962,2.242,2.242,0,0,1,2.335,0,2.121,2.121,0,0,1,.773.963,3.911,3.911,0,0,1,.275,1.56,3.909,3.909,0,0,1-.275,1.559,2.12,2.12,0,0,1-.773.963,2.075,2.075,0,0,1-1.168.328ZM90.3,23.119a4.152,4.152,0,0,0,1.952-.445,3.292,3.292,0,0,0,1.338-1.27,3.823,3.823,0,0,0,.486-1.975v-1.1H90.426v1.39H92.3l0,.126a1.886,1.886,0,0,1-.157.645l-.073.14a1.591,1.591,0,0,1-.682.633,2.35,2.35,0,0,1-1.071.224,2.127,2.127,0,0,1-1.2-.334,2.151,2.151,0,0,1-.784-.974,3.9,3.9,0,0,1-.277-1.551,3.805,3.805,0,0,1,.281-1.545,2.174,2.174,0,0,1,.787-.965,2.086,2.086,0,0,1,1.174-.332,2.283,2.283,0,0,1,.654.089,1.778,1.778,0,0,1,.528.258,1.6,1.6,0,0,1,.394.409,1.94,1.94,0,0,1,.252.552H94a3.19,3.19,0,0,0-.4-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.3,3.756,3.756,0,0,0-1.3.882,4.021,4.021,0,0,0-.867,1.413,5.417,5.417,0,0,0-.309,1.894,5.141,5.141,0,0,0,.518,2.384,3.725,3.725,0,0,0,1.447,1.547,4.2,4.2,0,0,0,2.156.543Zm8.958,0a4.137,4.137,0,0,0,2.081-.526,3.747,3.747,0,0,0,1.466-1.528,5.054,5.054,0,0,0,.54-2.429,5.059,5.059,0,0,0-.54-2.429,3.763,3.763,0,0,0-1.466-1.527,4.386,4.386,0,0,0-4.169,0,3.742,3.742,0,0,0-1.462,1.527,5.084,5.084,0,0,0-.537,2.43,5.07,5.07,0,0,0,.537,2.424,3.756,3.756,0,0,0,1.462,1.53A4.133,4.133,0,0,0,99.26,23.119Zm0-1.632a2.081,2.081,0,0,1-1.168-.328,2.127,2.127,0,0,1-.773-.963,3.911,3.911,0,0,1-.275-1.56,3.918,3.918,0,0,1,.275-1.56,2.112,2.112,0,0,1,.773-.962,2.242,2.242,0,0,1,2.335,0,2.123,2.123,0,0,1,.774.963,3.929,3.929,0,0,1,.275,1.56A3.927,3.927,0,0,1,101.2,20.2a2.128,2.128,0,0,1-.774.963A2.075,2.075,0,0,1,99.26,21.487Z" transform="translate(1428 247)" class="svgc_text" opacity="1" fill="#MENU_COLOR"/>
<path d="M76.345,23V21.479H72.6V14.273H70.759V23Zm4.68.12a4.131,4.131,0,0,0,2.08-.527,3.749,3.749,0,0,0,1.467-1.528,5.054,5.054,0,0,0,.539-2.429,5.059,5.059,0,0,0-.54-2.429,3.755,3.755,0,0,0-1.465-1.527,4.388,4.388,0,0,0-4.17,0,3.739,3.739,0,0,0-1.461,1.527,5.084,5.084,0,0,0-.537,2.43,5.07,5.07,0,0,0,.537,2.424,3.753,3.753,0,0,0,1.461,1.53,4.138,4.138,0,0,0,2.088.528Zm0-1.633a2.08,2.08,0,0,1-1.168-.328,2.128,2.128,0,0,1-.774-.963,3.929,3.929,0,0,1-.275-1.56,3.935,3.935,0,0,1,.275-1.56,2.114,2.114,0,0,1,.774-.962,2.242,2.242,0,0,1,2.335,0,2.121,2.121,0,0,1,.773.963,3.911,3.911,0,0,1,.275,1.56,3.909,3.909,0,0,1-.275,1.559,2.12,2.12,0,0,1-.773.963,2.075,2.075,0,0,1-1.168.328ZM90.3,23.119a4.152,4.152,0,0,0,1.952-.445,3.292,3.292,0,0,0,1.338-1.27,3.823,3.823,0,0,0,.486-1.975v-1.1H90.426v1.39H92.3l0,.126a1.886,1.886,0,0,1-.157.645l-.073.14a1.591,1.591,0,0,1-.682.633,2.35,2.35,0,0,1-1.071.224,2.127,2.127,0,0,1-1.2-.334,2.151,2.151,0,0,1-.784-.974,3.9,3.9,0,0,1-.277-1.551,3.805,3.805,0,0,1,.281-1.545,2.174,2.174,0,0,1,.787-.965,2.086,2.086,0,0,1,1.174-.332,2.283,2.283,0,0,1,.654.089,1.778,1.778,0,0,1,.528.258,1.6,1.6,0,0,1,.394.409,1.94,1.94,0,0,1,.252.552H94a3.19,3.19,0,0,0-.4-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.3,3.756,3.756,0,0,0-1.3.882,4.021,4.021,0,0,0-.867,1.413,5.417,5.417,0,0,0-.309,1.894,5.141,5.141,0,0,0,.518,2.384,3.725,3.725,0,0,0,1.447,1.547,4.2,4.2,0,0,0,2.156.543Zm8.958,0a4.137,4.137,0,0,0,2.081-.526,3.747,3.747,0,0,0,1.466-1.528,5.054,5.054,0,0,0,.54-2.429,5.059,5.059,0,0,0-.54-2.429,3.763,3.763,0,0,0-1.466-1.527,4.386,4.386,0,0,0-4.169,0,3.742,3.742,0,0,0-1.462,1.527,5.084,5.084,0,0,0-.537,2.43,5.07,5.07,0,0,0,.537,2.424,3.756,3.756,0,0,0,1.462,1.53A4.133,4.133,0,0,0,99.26,23.119Zm0-1.632a2.081,2.081,0,0,1-1.168-.328,2.127,2.127,0,0,1-.773-.963,3.911,3.911,0,0,1-.275-1.56,3.918,3.918,0,0,1,.275-1.56,2.112,2.112,0,0,1,.773-.962,2.242,2.242,0,0,1,2.335,0,2.123,2.123,0,0,1,.774.963,3.929,3.929,0,0,1,.275,1.56A3.927,3.927,0,0,1,101.2,20.2a2.128,2.128,0,0,1-.774.963A2.075,2.075,0,0,1,99.26,21.487Z" transform="translate(1428 247)" class="svgc_text" opacity="1" fill="#MENU_COLOR" filter="url(#filter_readability_odoo_experts)"/>
<g transform="translate(1587 262)" opacity="0.6">
<rect width="37" height="7" fill="#MENU_COLOR" class="svgc_text"/>
<rect width="37" height="7" transform="translate(58)" fill="#MENU_COLOR" class="svgc_text"/>
<rect width="37" height="7" transform="translate(116)" fill="#MENU_COLOR" class="svgc_text"/>
<rect width="37" height="7" transform="translate(174)" fill="#MENU_COLOR" class="svgc_text"/>
<rect width="37" height="7" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
<rect width="37" height="7" transform="translate(58)" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
<rect width="37" height="7" transform="translate(116)" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
<rect width="37" height="7" transform="translate(174)" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
</g>
<rect width="37" height="7" transform="translate(2021 262)" fill="#MENU_COLOR" class="svgc_text"/>
<rect width="37" height="7" transform="translate(2021 262)" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
<rect width="700" height="28" transform="translate(1428 220)" fill="#F6F6F6"/>
<circle cx="5" cy="5" r="5" transform="translate(2048 229.908)" fill="#3AADAA"/>
<circle cx="5" cy="5" r="5" transform="translate(2036 229.908)" fill="#3AADAA"/>
@@ -260,7 +273,7 @@
<g class="s_references">
<rect width="700" height="240" transform="translate(0 1347)" fill="#F6F6F6"/>
<text transform="translate(350 1387)" fill="#3AADAA" font-size="24" font-family="Arial-BoldMT, Arial" font-weight="700"><tspan x="-71.127" y="0">Section Title</tspan></text>
<rect width="94" height="2" transform="translate(304 1405.065)" fill="#F6F6F6" class="svgc_text" opacity="0.4"/>
<rect width="94" height="2" transform="translate(304 1405.065)" fill="#F6F6F6" class="svgc_text" opacity="0.4" filter="url(#filter_readability_odoo_experts)"/>
<path d="M0,1016.1l700-123v123Z" transform="translate(0 570.9)" fill="#3AADAA"/>
<rect width="60" height="20" transform="translate(243 1432)" fill="url(#theme_odoo_experts_s_reference_demo_image_1)"/>
<rect width="60" height="20" transform="translate(243 1470)" fill="url(#theme_odoo_experts_s_reference_demo_image_2)"/>
@@ -273,11 +286,11 @@
<rect width="700" height="125" transform="translate(0 1587)" fill="#3AADAA"/>
<g transform="translate(68.425 1599.508)" opacity="0.4">
<rect width="131" height="2" transform="translate(1.575 32.025)" fill="#3AADAA" class="svgc_text"/>
<rect width="116" height="2" transform="translate(1.575 37.025)" fill="#3AADAA" class="svgc_text"/>
<rect width="131" height="2" transform="translate(1.575 32.025)" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
<rect width="116" height="2" transform="translate(1.575 37.025)" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
</g>
<rect width="94" height="28" transform="translate(537 1597.468)" fill="#383E45"/>
<text transform="translate(141 1615)" fill="#3AADAA" class="svgc_text" font-size="24" font-family="Arial-BoldMT, Arial" font-weight="700"><tspan x="-71.127" y="0">Section Title</tspan></text>
<text transform="translate(141 1615)" fill="#3AADAA" class="svgc_text" font-size="24" font-family="Arial-BoldMT, Arial" font-weight="700" filter="url(#filter_readability_odoo_experts)"><tspan x="-71.127" y="0">Section Title</tspan></text>
<text transform="translate(584 1616)" fill="#FFFFFF" font-size="11" font-family="Arial-BoldMT, Arial" font-weight="700"><tspan x="-23.235" y="0">Discover</tspan></text>
<g transform="translate(537 1602.954)">
<path d="M589.667,0,562.5,27.167h27.167Z" transform="translate(-426.667)" fill="#383E45"/>
@@ -297,25 +310,25 @@
<g class="svgc_footer">
<rect width="700" height="139" transform="translate(0 1711)" class="svgc_footer_bg" fill="#FOOTER_COLOR"/>
<g transform="translate(9 -17)" opacity="0.4">
<rect width="28" height="2" transform="translate(593 1823)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="28" height="2" transform="translate(560 1823)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="28" height="2" transform="translate(527 1823)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="28" height="2" transform="translate(494 1823)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="28" height="2" transform="translate(593 1823)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
<rect width="28" height="2" transform="translate(560 1823)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
<rect width="28" height="2" transform="translate(527 1823)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
<rect width="28" height="2" transform="translate(494 1823)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
</g>
<path d="M76.345,23V21.479H72.6V14.273H70.759V23Zm4.68.12a4.131,4.131,0,0,0,2.08-.527,3.749,3.749,0,0,0,1.467-1.528,5.054,5.054,0,0,0,.539-2.429,5.059,5.059,0,0,0-.54-2.429,3.755,3.755,0,0,0-1.465-1.527,4.388,4.388,0,0,0-4.17,0,3.739,3.739,0,0,0-1.461,1.527,5.084,5.084,0,0,0-.537,2.43,5.07,5.07,0,0,0,.537,2.424,3.753,3.753,0,0,0,1.461,1.53,4.138,4.138,0,0,0,2.088.528Zm0-1.633a2.08,2.08,0,0,1-1.168-.328,2.128,2.128,0,0,1-.774-.963,3.929,3.929,0,0,1-.275-1.56,3.935,3.935,0,0,1,.275-1.56,2.114,2.114,0,0,1,.774-.962,2.242,2.242,0,0,1,2.335,0,2.121,2.121,0,0,1,.773.963,3.911,3.911,0,0,1,.275,1.56,3.909,3.909,0,0,1-.275,1.559,2.12,2.12,0,0,1-.773.963,2.075,2.075,0,0,1-1.168.328ZM90.3,23.119a4.152,4.152,0,0,0,1.952-.445,3.292,3.292,0,0,0,1.338-1.27,3.823,3.823,0,0,0,.486-1.975v-1.1H90.426v1.39H92.3l0,.126a1.886,1.886,0,0,1-.157.645l-.073.14a1.591,1.591,0,0,1-.682.633,2.35,2.35,0,0,1-1.071.224,2.127,2.127,0,0,1-1.2-.334,2.151,2.151,0,0,1-.784-.974,3.9,3.9,0,0,1-.277-1.551,3.805,3.805,0,0,1,.281-1.545,2.174,2.174,0,0,1,.787-.965,2.086,2.086,0,0,1,1.174-.332,2.283,2.283,0,0,1,.654.089,1.778,1.778,0,0,1,.528.258,1.6,1.6,0,0,1,.394.409,1.94,1.94,0,0,1,.252.552H94a3.19,3.19,0,0,0-.4-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.3,3.756,3.756,0,0,0-1.3.882,4.021,4.021,0,0,0-.867,1.413,5.417,5.417,0,0,0-.309,1.894,5.141,5.141,0,0,0,.518,2.384,3.725,3.725,0,0,0,1.447,1.547,4.2,4.2,0,0,0,2.156.543Zm8.958,0a4.137,4.137,0,0,0,2.081-.526,3.747,3.747,0,0,0,1.466-1.528,5.054,5.054,0,0,0,.54-2.429,5.059,5.059,0,0,0-.54-2.429,3.763,3.763,0,0,0-1.466-1.527,4.386,4.386,0,0,0-4.169,0,3.742,3.742,0,0,0-1.462,1.527,5.084,5.084,0,0,0-.537,2.43,5.07,5.07,0,0,0,.537,2.424,3.756,3.756,0,0,0,1.462,1.53A4.133,4.133,0,0,0,99.26,23.119Zm0-1.632a2.081,2.081,0,0,1-1.168-.328,2.127,2.127,0,0,1-.773-.963,3.911,3.911,0,0,1-.275-1.56,3.918,3.918,0,0,1,.275-1.56,2.112,2.112,0,0,1,.773-.962,2.242,2.242,0,0,1,2.335,0,2.123,2.123,0,0,1,.774.963,3.929,3.929,0,0,1,.275,1.56A3.927,3.927,0,0,1,101.2,20.2a2.128,2.128,0,0,1-.774.963A2.075,2.075,0,0,1,99.26,21.487Z" transform="translate(-0.759 1787.847)" fill="#FOOTER_COLOR" class="svgc_text" opacity="1"/>
<line x2="560" transform="translate(70.5 1787)" stroke="#FOOTER_COLOR" class="svgc_text" opacity="0.4" stroke-width="1"/>
<path d="M76.345,23V21.479H72.6V14.273H70.759V23Zm4.68.12a4.131,4.131,0,0,0,2.08-.527,3.749,3.749,0,0,0,1.467-1.528,5.054,5.054,0,0,0,.539-2.429,5.059,5.059,0,0,0-.54-2.429,3.755,3.755,0,0,0-1.465-1.527,4.388,4.388,0,0,0-4.17,0,3.739,3.739,0,0,0-1.461,1.527,5.084,5.084,0,0,0-.537,2.43,5.07,5.07,0,0,0,.537,2.424,3.753,3.753,0,0,0,1.461,1.53,4.138,4.138,0,0,0,2.088.528Zm0-1.633a2.08,2.08,0,0,1-1.168-.328,2.128,2.128,0,0,1-.774-.963,3.929,3.929,0,0,1-.275-1.56,3.935,3.935,0,0,1,.275-1.56,2.114,2.114,0,0,1,.774-.962,2.242,2.242,0,0,1,2.335,0,2.121,2.121,0,0,1,.773.963,3.911,3.911,0,0,1,.275,1.56,3.909,3.909,0,0,1-.275,1.559,2.12,2.12,0,0,1-.773.963,2.075,2.075,0,0,1-1.168.328ZM90.3,23.119a4.152,4.152,0,0,0,1.952-.445,3.292,3.292,0,0,0,1.338-1.27,3.823,3.823,0,0,0,.486-1.975v-1.1H90.426v1.39H92.3l0,.126a1.886,1.886,0,0,1-.157.645l-.073.14a1.591,1.591,0,0,1-.682.633,2.35,2.35,0,0,1-1.071.224,2.127,2.127,0,0,1-1.2-.334,2.151,2.151,0,0,1-.784-.974,3.9,3.9,0,0,1-.277-1.551,3.805,3.805,0,0,1,.281-1.545,2.174,2.174,0,0,1,.787-.965,2.086,2.086,0,0,1,1.174-.332,2.283,2.283,0,0,1,.654.089,1.778,1.778,0,0,1,.528.258,1.6,1.6,0,0,1,.394.409,1.94,1.94,0,0,1,.252.552H94a3.19,3.19,0,0,0-.4-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.3,3.756,3.756,0,0,0-1.3.882,4.021,4.021,0,0,0-.867,1.413,5.417,5.417,0,0,0-.309,1.894,5.141,5.141,0,0,0,.518,2.384,3.725,3.725,0,0,0,1.447,1.547,4.2,4.2,0,0,0,2.156.543Zm8.958,0a4.137,4.137,0,0,0,2.081-.526,3.747,3.747,0,0,0,1.466-1.528,5.054,5.054,0,0,0,.54-2.429,5.059,5.059,0,0,0-.54-2.429,3.763,3.763,0,0,0-1.466-1.527,4.386,4.386,0,0,0-4.169,0,3.742,3.742,0,0,0-1.462,1.527,5.084,5.084,0,0,0-.537,2.43,5.07,5.07,0,0,0,.537,2.424,3.756,3.756,0,0,0,1.462,1.53A4.133,4.133,0,0,0,99.26,23.119Zm0-1.632a2.081,2.081,0,0,1-1.168-.328,2.127,2.127,0,0,1-.773-.963,3.911,3.911,0,0,1-.275-1.56,3.918,3.918,0,0,1,.275-1.56,2.112,2.112,0,0,1,.773-.962,2.242,2.242,0,0,1,2.335,0,2.123,2.123,0,0,1,.774.963,3.929,3.929,0,0,1,.275,1.56A3.927,3.927,0,0,1,101.2,20.2a2.128,2.128,0,0,1-.774.963A2.075,2.075,0,0,1,99.26,21.487Z" transform="translate(-0.759 1787.847)" fill="#FOOTER_COLOR" class="svgc_text" opacity="1" filter="url(#filter_readability_odoo_experts)"/>
<line x2="560" transform="translate(70.5 1787)" stroke="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)" opacity="0.4" stroke-width="1"/>
<g transform="translate(0 -19)" opacity="0.4">
<circle cx="5" cy="5" r="5" transform="translate(583 1781)" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle cx="5" cy="5" r="5" transform="translate(602 1781)" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle cx="5" cy="5" r="5" transform="translate(620 1781)" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle cx="5" cy="5" r="5" transform="translate(583 1781)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
<circle cx="5" cy="5" r="5" transform="translate(602 1781)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
<circle cx="5" cy="5" r="5" transform="translate(620 1781)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
</g>
<rect width="93" height="7" transform="translate(70 1765)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="93" height="7" transform="translate(210 1765)" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.4"/>
<rect width="93" height="7" transform="translate(350 1765)" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.4"/>
<rect width="46" height="4" transform="translate(210 1752)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="47" height="4" transform="translate(350 1752)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="47" height="4" transform="translate(583 1752)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="47" height="4" transform="translate(70 1752)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="93" height="7" transform="translate(70 1765)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
<rect width="93" height="7" transform="translate(210 1765)" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.4" filter="url(#filter_readability_odoo_experts)"/>
<rect width="93" height="7" transform="translate(350 1765)" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.4" filter="url(#filter_readability_odoo_experts)"/>
<rect width="46" height="4" transform="translate(210 1752)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
<rect width="47" height="4" transform="translate(350 1752)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
<rect width="47" height="4" transform="translate(583 1752)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
<rect width="47" height="4" transform="translate(70 1752)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 50 KiB

After

Width:  |  Height:  |  Size: 52 KiB

theme_orchid/static/description/theme_orchid.svg
+38 -25
View File
File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 92 KiB

After

Width:  |  Height:  |  Size: 94 KiB

theme_paptic/static/description/theme_paptic.svg
+35 -22
View File
File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 113 KiB

After

Width:  |  Height:  |  Size: 115 KiB

theme_real_estate/static/description/theme_real_estate.svg
+28 -15
View File
@@ -31,6 +31,19 @@
<stop stop-color="#7C6576" stop-opacity="0"/>
<stop offset="1" stop-color="#7C6576" stop-opacity="0.66"/>
</linearGradient>
<filter id="filter_readability_real_estate">
<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_real_estate">
<rect width="700" height="1850" fill="#FFFFFF"/>
@@ -38,16 +51,16 @@
<!-- Menu Background -->
<rect class="svgc_menu_bg" fill="#MENU_COLOR" width="700" height="38"></rect>
<!-- Logo -->
<path d="M72.0813 13.236V22.994H76.7393L76.4673 25H69.5823V13.236H72.0813ZM82.1423 12.964C83.2189 12.964 84.1483 13.2077 84.9303 13.695C85.7123 14.171 86.3129 14.868 86.7323 15.786C87.1516 16.704 87.3613 17.8147 87.3613 19.118C87.3613 20.3987 87.1516 21.5037 86.7323 22.433C86.3129 23.351 85.7123 24.0537 84.9303 24.541C84.1483 25.0283 83.2189 25.272 82.1423 25.272C81.0656 25.272 80.1306 25.034 79.3373 24.558C78.5553 24.0707 77.9546 23.368 77.5353 22.45C77.1159 21.5207 76.9063 20.41 76.9063 19.118C76.9063 17.8487 77.1159 16.755 77.5353 15.837C77.9659 14.9077 78.5723 14.1993 79.3543 13.712C80.1476 13.2133 81.0769 12.964 82.1423 12.964ZM82.1423 14.834C81.2809 14.834 80.6293 15.174 80.1873 15.854C79.7566 16.534 79.5413 17.622 79.5413 19.118C79.5413 20.614 79.7623 21.702 80.2043 22.382C80.6463 23.062 81.2923 23.402 82.1423 23.402C83.0036 23.402 83.6496 23.0677 84.0803 22.399C84.5109 21.719 84.7263 20.6253 84.7263 19.118C84.7263 17.6107 84.5109 16.5227 84.0803 15.854C83.6496 15.174 83.0036 14.834 82.1423 14.834ZM94.1682 12.964C94.9615 12.964 95.6642 13.0887 96.2762 13.338C96.8995 13.576 97.4775 13.9217 98.0102 14.375L96.7012 15.735C96.2818 15.4177 95.8852 15.1853 95.5112 15.038C95.1485 14.8907 94.7348 14.817 94.2702 14.817C93.3748 14.817 92.6495 15.174 92.0942 15.888C91.5502 16.5907 91.2782 17.6673 91.2782 19.118C91.2782 20.648 91.4878 21.7473 91.9072 22.416C92.3378 23.0733 93.0008 23.402 93.8962 23.402C94.5422 23.402 95.1258 23.2603 95.6472 22.977V20.104H93.9982L93.7432 18.285H98.0782V24.082C97.4662 24.456 96.8032 24.7507 96.0892 24.966C95.3865 25.17 94.6725 25.272 93.9472 25.272C92.2132 25.272 90.8985 24.7507 90.0032 23.708C89.1078 22.6653 88.6602 21.1297 88.6602 19.101C88.6602 17.8203 88.9038 16.7153 89.3912 15.786C89.8785 14.8567 90.5358 14.154 91.3632 13.678C92.2018 13.202 93.1368 12.964 94.1682 12.964ZM104.787 12.964C105.863 12.964 106.793 13.2077 107.575 13.695C108.357 14.171 108.957 14.868 109.377 15.786C109.796 16.704 110.006 17.8147 110.006 19.118C110.006 20.3987 109.796 21.5037 109.377 22.433C108.957 23.351 108.357 24.0537 107.575 24.541C106.793 25.0283 105.863 25.272 104.787 25.272C103.71 25.272 102.775 25.034 101.982 24.558C101.2 24.0707 100.599 23.368 100.18 22.45C99.7605 21.5207 99.5508 20.41 99.5508 19.118C99.5508 17.8487 99.7605 16.755 100.18 15.837C100.61 14.9077 101.217 14.1993 101.999 13.712C102.792 13.2133 103.721 12.964 104.787 12.964ZM104.787 14.834C103.925 14.834 103.274 15.174 102.832 15.854C102.401 16.534 102.186 17.622 102.186 19.118C102.186 20.614 102.407 21.702 102.849 22.382C103.291 23.062 103.937 23.402 104.787 23.402C105.648 23.402 106.294 23.0677 106.725 22.399C107.155 21.719 107.371 20.6253 107.371 19.118C107.371 17.6107 107.155 16.5227 106.725 15.854C106.294 15.174 105.648 14.834 104.787 14.834Z" opacity="1" fill="#MENU_COLOR" class="svgc_text" />
<path d="M72.0813 13.236V22.994H76.7393L76.4673 25H69.5823V13.236H72.0813ZM82.1423 12.964C83.2189 12.964 84.1483 13.2077 84.9303 13.695C85.7123 14.171 86.3129 14.868 86.7323 15.786C87.1516 16.704 87.3613 17.8147 87.3613 19.118C87.3613 20.3987 87.1516 21.5037 86.7323 22.433C86.3129 23.351 85.7123 24.0537 84.9303 24.541C84.1483 25.0283 83.2189 25.272 82.1423 25.272C81.0656 25.272 80.1306 25.034 79.3373 24.558C78.5553 24.0707 77.9546 23.368 77.5353 22.45C77.1159 21.5207 76.9063 20.41 76.9063 19.118C76.9063 17.8487 77.1159 16.755 77.5353 15.837C77.9659 14.9077 78.5723 14.1993 79.3543 13.712C80.1476 13.2133 81.0769 12.964 82.1423 12.964ZM82.1423 14.834C81.2809 14.834 80.6293 15.174 80.1873 15.854C79.7566 16.534 79.5413 17.622 79.5413 19.118C79.5413 20.614 79.7623 21.702 80.2043 22.382C80.6463 23.062 81.2923 23.402 82.1423 23.402C83.0036 23.402 83.6496 23.0677 84.0803 22.399C84.5109 21.719 84.7263 20.6253 84.7263 19.118C84.7263 17.6107 84.5109 16.5227 84.0803 15.854C83.6496 15.174 83.0036 14.834 82.1423 14.834ZM94.1682 12.964C94.9615 12.964 95.6642 13.0887 96.2762 13.338C96.8995 13.576 97.4775 13.9217 98.0102 14.375L96.7012 15.735C96.2818 15.4177 95.8852 15.1853 95.5112 15.038C95.1485 14.8907 94.7348 14.817 94.2702 14.817C93.3748 14.817 92.6495 15.174 92.0942 15.888C91.5502 16.5907 91.2782 17.6673 91.2782 19.118C91.2782 20.648 91.4878 21.7473 91.9072 22.416C92.3378 23.0733 93.0008 23.402 93.8962 23.402C94.5422 23.402 95.1258 23.2603 95.6472 22.977V20.104H93.9982L93.7432 18.285H98.0782V24.082C97.4662 24.456 96.8032 24.7507 96.0892 24.966C95.3865 25.17 94.6725 25.272 93.9472 25.272C92.2132 25.272 90.8985 24.7507 90.0032 23.708C89.1078 22.6653 88.6602 21.1297 88.6602 19.101C88.6602 17.8203 88.9038 16.7153 89.3912 15.786C89.8785 14.8567 90.5358 14.154 91.3632 13.678C92.2018 13.202 93.1368 12.964 94.1682 12.964ZM104.787 12.964C105.863 12.964 106.793 13.2077 107.575 13.695C108.357 14.171 108.957 14.868 109.377 15.786C109.796 16.704 110.006 17.8147 110.006 19.118C110.006 20.3987 109.796 21.5037 109.377 22.433C108.957 23.351 108.357 24.0537 107.575 24.541C106.793 25.0283 105.863 25.272 104.787 25.272C103.71 25.272 102.775 25.034 101.982 24.558C101.2 24.0707 100.599 23.368 100.18 22.45C99.7605 21.5207 99.5508 20.41 99.5508 19.118C99.5508 17.8487 99.7605 16.755 100.18 15.837C100.61 14.9077 101.217 14.1993 101.999 13.712C102.792 13.2133 103.721 12.964 104.787 12.964ZM104.787 14.834C103.925 14.834 103.274 15.174 102.832 15.854C102.401 16.534 102.186 17.622 102.186 19.118C102.186 20.614 102.407 21.702 102.849 22.382C103.291 23.062 103.937 23.402 104.787 23.402C105.648 23.402 106.294 23.0677 106.725 22.399C107.155 21.719 107.371 20.6253 107.371 19.118C107.371 17.6107 107.155 16.5227 106.725 15.854C106.294 15.174 105.648 14.834 104.787 14.834Z" opacity="1" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_real_estate)"/>
<!-- Menu Links -->
<g opacity=".5">
<rect x="138" y="15" width="40" height="10" fill="#MENU_COLOR" class="svgc_text"/>
<rect x="190" y="15" width="40" height="10" fill="#MENU_COLOR" class="svgc_text"/>
<rect x="242" y="15" width="40" height="10" fill="#MENU_COLOR" class="svgc_text"/>
<rect x="294" y="15" width="40" height="10" fill="#MENU_COLOR" class="svgc_text"/>
<rect x="138" y="15" width="40" height="10" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_real_estate)"/>
<rect x="190" y="15" width="40" height="10" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_real_estate)"/>
<rect x="242" y="15" width="40" height="10" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_real_estate)"/>
<rect x="294" y="15" width="40" height="10" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_real_estate)"/>
</g>
<!-- Menu Button -->
<rect x="592" y="14" width="40" height="12" opacity="1" fill="#MENU_COLOR" class="svgc_text"/>
<rect x="592" y="14" width="40" height="12" opacity="1" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_real_estate)"/>
</g>
<g class="s_cover">
<!-- Background Image -->
@@ -257,22 +270,22 @@
<!-- Menu Background -->
<rect y="1805" width="700" height="45" class="svgc_footer_bg" fill="#FOOTER_COLOR"/>
<!-- Logo -->
<path opacity="1" fill="#FOOTER_COLOR" class="svgc_text" d="M71.74 1821.24V1830.99H76.398L76.126 1833H69.241V1821.24H71.74ZM81.8009 1820.96C82.8776 1820.96 83.8069 1821.21 84.5889 1821.69C85.3709 1822.17 85.9716 1822.87 86.3909 1823.79C86.8103 1824.7 87.0199 1825.81 87.0199 1827.12C87.0199 1828.4 86.8103 1829.5 86.3909 1830.43C85.9716 1831.35 85.3709 1832.05 84.5889 1832.54C83.8069 1833.03 82.8776 1833.27 81.8009 1833.27C80.7243 1833.27 79.7893 1833.03 78.9959 1832.56C78.2139 1832.07 77.6133 1831.37 77.1939 1830.45C76.7746 1829.52 76.5649 1828.41 76.5649 1827.12C76.5649 1825.85 76.7746 1824.75 77.1939 1823.84C77.6246 1822.91 78.2309 1822.2 79.0129 1821.71C79.8063 1821.21 80.7356 1820.96 81.8009 1820.96ZM81.8009 1822.83C80.9396 1822.83 80.2879 1823.17 79.8459 1823.85C79.4153 1824.53 79.1999 1825.62 79.1999 1827.12C79.1999 1828.61 79.4209 1829.7 79.8629 1830.38C80.3049 1831.06 80.9509 1831.4 81.8009 1831.4C82.6623 1831.4 83.3083 1831.07 83.7389 1830.4C84.1696 1829.72 84.3849 1828.63 84.3849 1827.12C84.3849 1825.61 84.1696 1824.52 83.7389 1823.85C83.3083 1823.17 82.6623 1822.83 81.8009 1822.83ZM93.8269 1820.96C94.6202 1820.96 95.3229 1821.09 95.9349 1821.34C96.5582 1821.58 97.1362 1821.92 97.6689 1822.38L96.3599 1823.73C95.9405 1823.42 95.5439 1823.19 95.1699 1823.04C94.8072 1822.89 94.3935 1822.82 93.9289 1822.82C93.0335 1822.82 92.3082 1823.17 91.7529 1823.89C91.2089 1824.59 90.9369 1825.67 90.9369 1827.12C90.9369 1828.65 91.1465 1829.75 91.5659 1830.42C91.9965 1831.07 92.6595 1831.4 93.5549 1831.4C94.2009 1831.4 94.7845 1831.26 95.3059 1830.98V1828.1H93.6569L93.4019 1826.28H97.7369V1832.08C97.1249 1832.46 96.4619 1832.75 95.7479 1832.97C95.0452 1833.17 94.3312 1833.27 93.6059 1833.27C91.8719 1833.27 90.5572 1832.75 89.6619 1831.71C88.7665 1830.67 88.3189 1829.13 88.3189 1827.1C88.3189 1825.82 88.5625 1824.72 89.0499 1823.79C89.5372 1822.86 90.1945 1822.15 91.0219 1821.68C91.8605 1821.2 92.7955 1820.96 93.8269 1820.96ZM104.445 1820.96C105.522 1820.96 106.451 1821.21 107.233 1821.69C108.015 1822.17 108.616 1822.87 109.035 1823.79C109.455 1824.7 109.664 1825.81 109.664 1827.12C109.664 1828.4 109.455 1829.5 109.035 1830.43C108.616 1831.35 108.015 1832.05 107.233 1832.54C106.451 1833.03 105.522 1833.27 104.445 1833.27C103.369 1833.27 102.434 1833.03 101.64 1832.56C100.858 1832.07 100.258 1831.37 99.8385 1830.45C99.4191 1829.52 99.2095 1828.41 99.2095 1827.12C99.2095 1825.85 99.4191 1824.75 99.8385 1823.84C100.269 1822.91 100.875 1822.2 101.657 1821.71C102.451 1821.21 103.38 1820.96 104.445 1820.96ZM104.445 1822.83C103.584 1822.83 102.932 1823.17 102.49 1823.85C102.06 1824.53 101.844 1825.62 101.844 1827.12C101.844 1828.61 102.065 1829.7 102.507 1830.38C102.949 1831.06 103.595 1831.4 104.445 1831.4C105.307 1831.4 105.953 1831.07 106.383 1830.4C106.814 1829.72 107.029 1828.63 107.029 1827.12C107.029 1825.61 106.814 1824.52 106.383 1823.85C105.953 1823.17 105.307 1822.83 104.445 1822.83Z" />
<path opacity="1" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_real_estate)" d="M71.74 1821.24V1830.99H76.398L76.126 1833H69.241V1821.24H71.74ZM81.8009 1820.96C82.8776 1820.96 83.8069 1821.21 84.5889 1821.69C85.3709 1822.17 85.9716 1822.87 86.3909 1823.79C86.8103 1824.7 87.0199 1825.81 87.0199 1827.12C87.0199 1828.4 86.8103 1829.5 86.3909 1830.43C85.9716 1831.35 85.3709 1832.05 84.5889 1832.54C83.8069 1833.03 82.8776 1833.27 81.8009 1833.27C80.7243 1833.27 79.7893 1833.03 78.9959 1832.56C78.2139 1832.07 77.6133 1831.37 77.1939 1830.45C76.7746 1829.52 76.5649 1828.41 76.5649 1827.12C76.5649 1825.85 76.7746 1824.75 77.1939 1823.84C77.6246 1822.91 78.2309 1822.2 79.0129 1821.71C79.8063 1821.21 80.7356 1820.96 81.8009 1820.96ZM81.8009 1822.83C80.9396 1822.83 80.2879 1823.17 79.8459 1823.85C79.4153 1824.53 79.1999 1825.62 79.1999 1827.12C79.1999 1828.61 79.4209 1829.7 79.8629 1830.38C80.3049 1831.06 80.9509 1831.4 81.8009 1831.4C82.6623 1831.4 83.3083 1831.07 83.7389 1830.4C84.1696 1829.72 84.3849 1828.63 84.3849 1827.12C84.3849 1825.61 84.1696 1824.52 83.7389 1823.85C83.3083 1823.17 82.6623 1822.83 81.8009 1822.83ZM93.8269 1820.96C94.6202 1820.96 95.3229 1821.09 95.9349 1821.34C96.5582 1821.58 97.1362 1821.92 97.6689 1822.38L96.3599 1823.73C95.9405 1823.42 95.5439 1823.19 95.1699 1823.04C94.8072 1822.89 94.3935 1822.82 93.9289 1822.82C93.0335 1822.82 92.3082 1823.17 91.7529 1823.89C91.2089 1824.59 90.9369 1825.67 90.9369 1827.12C90.9369 1828.65 91.1465 1829.75 91.5659 1830.42C91.9965 1831.07 92.6595 1831.4 93.5549 1831.4C94.2009 1831.4 94.7845 1831.26 95.3059 1830.98V1828.1H93.6569L93.4019 1826.28H97.7369V1832.08C97.1249 1832.46 96.4619 1832.75 95.7479 1832.97C95.0452 1833.17 94.3312 1833.27 93.6059 1833.27C91.8719 1833.27 90.5572 1832.75 89.6619 1831.71C88.7665 1830.67 88.3189 1829.13 88.3189 1827.1C88.3189 1825.82 88.5625 1824.72 89.0499 1823.79C89.5372 1822.86 90.1945 1822.15 91.0219 1821.68C91.8605 1821.2 92.7955 1820.96 93.8269 1820.96ZM104.445 1820.96C105.522 1820.96 106.451 1821.21 107.233 1821.69C108.015 1822.17 108.616 1822.87 109.035 1823.79C109.455 1824.7 109.664 1825.81 109.664 1827.12C109.664 1828.4 109.455 1829.5 109.035 1830.43C108.616 1831.35 108.015 1832.05 107.233 1832.54C106.451 1833.03 105.522 1833.27 104.445 1833.27C103.369 1833.27 102.434 1833.03 101.64 1832.56C100.858 1832.07 100.258 1831.37 99.8385 1830.45C99.4191 1829.52 99.2095 1828.41 99.2095 1827.12C99.2095 1825.85 99.4191 1824.75 99.8385 1823.84C100.269 1822.91 100.875 1822.2 101.657 1821.71C102.451 1821.21 103.38 1820.96 104.445 1820.96ZM104.445 1822.83C103.584 1822.83 102.932 1823.17 102.49 1823.85C102.06 1824.53 101.844 1825.62 101.844 1827.12C101.844 1828.61 102.065 1829.7 102.507 1830.38C102.949 1831.06 103.595 1831.4 104.445 1831.4C105.307 1831.4 105.953 1831.07 106.383 1830.4C106.814 1829.72 107.029 1828.63 107.029 1827.12C107.029 1825.61 106.814 1824.52 106.383 1823.85C105.953 1823.17 105.307 1822.83 104.445 1822.83Z" />
<!-- Links -->
<g opacity=".5">
<rect x="138" y="1823.04" width="40" height="10" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect x="190" y="1823.04" width="40" height="10" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect x="242" y="1823.04" width="40" height="10" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect x="294" y="1823.04" width="40" height="10" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect x="138" y="1823.04" width="40" height="10" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_real_estate)"/>
<rect x="190" y="1823.04" width="40" height="10" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_real_estate)"/>
<rect x="242" y="1823.04" width="40" height="10" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_real_estate)"/>
<rect x="294" y="1823.04" width="40" height="10" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_real_estate)"/>
</g>
<!-- Social -->
<g opacity=".5">
<circle cx="567" cy="1827.04" r="6" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle cx="545" cy="1827.04" r="6" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle cx="523" cy="1827.04" r="6" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle cx="567" cy="1827.04" r="6" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_real_estate)"/>
<circle cx="545" cy="1827.04" r="6" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_real_estate)"/>
<circle cx="523" cy="1827.04" r="6" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_real_estate)"/>
</g>
<!-- Button -->
<rect x="588" y="1821.04" width="40" height="12" opacity="1" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect x="588" y="1821.04" width="40" height="12" opacity="1" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_real_estate)"/>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 99 KiB

After

Width:  |  Height:  |  Size: 100 KiB

theme_treehouse/static/description/theme_treehouse.svg
+39 -26
View File
@@ -24,6 +24,19 @@
<pattern width="1" height="1" id="theme_treehouse_s_three_columns_default_image_3_id" patternunits="objectBoundingBox">
<image width="175" height="178" preserveAspectRatio="xMidYMid slice" href="#s_three_columns_default_image_3_url"/>
</pattern>
<filter id="filter_readability_treehouse">
<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>
<!-- Layout -->
@@ -31,14 +44,14 @@
<g data-name="Header" class="svgc_menu">
<rect width="700" height="50" x="0" y="0" fill="#MENU_COLOR" class="svgc_menu_bg"/>
<text x="70" y="29" fill="#MENU_COLOR" class="svgc_text" font-size="14" font-family="Poppins, sans-serif" font-weight="500">LOGO</text>
<rect width="40" height="8" x="130" y="20" fill="#MENU_COLOR" class="svgc_text" opacity="0.5"/>
<rect width="40" height="8" x="180" y="20" fill="#MENU_COLOR" class="svgc_text" opacity="0.5"/>
<rect width="40" height="8" x="230" y="20" fill="#MENU_COLOR" class="svgc_text" opacity="0.5"/>
<rect width="40" height="8" x="490" y="20" fill="#MENU_COLOR" class="svgc_text" opacity="0.5"/>
<text x="70" y="29" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_treehouse)" font-size="14" font-family="Poppins, sans-serif" font-weight="500">LOGO</text>
<rect width="40" height="8" x="130" y="20" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_treehouse)" opacity="0.5"/>
<rect width="40" height="8" x="180" y="20" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_treehouse)" opacity="0.5"/>
<rect width="40" height="8" x="230" y="20" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_treehouse)" opacity="0.5"/>
<rect width="40" height="8" x="490" y="20" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_treehouse)" opacity="0.5"/>
<g class="svgc_btn_group">
<rect width="80" height="24" x="550" y="12" rx="12" fill="#3AADAA"/>
<text x="564" y="28" fill="#3AADAA" class="svgc_text" font-size="12" font-family="Poppins, sans-serif" font-weight="500">Contact</text>
<text x="564" y="28" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_treehouse)" font-size="12" font-family="Poppins, sans-serif" font-weight="500">Contact</text>
</g>
</g>
@@ -52,7 +65,7 @@
<rect width="200" height="8" x="250" y="280" fill="#FFFFFD" rx="2" opacity=".8"/>
<g class="svgc_btn_group">
<rect width="90" height="26" x="305" y="330" fill="#3AADAA" rx="13"/>
<text x="324" y="347" fill="#3AADAA" class="svgc_text" font-size="12" font-family="Poppins, sans-serif" font-weight="500">Discover</text>
<text x="324" y="347" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_treehouse)" font-size="12" font-family="Poppins, sans-serif" font-weight="500">Discover</text>
</g>
</g>
@@ -66,7 +79,7 @@
<rect width="120" height="6" x="70" y="614" rx="2" fill="#888"/>
<g class="svgc_btn_group">
<rect width="80" height="26" x="70" y="655" fill="#3AADAA" rx="13"/>
<text x="89" y="673" fill="#3AADAA" class="svgc_text" font-size="12" font-family="Poppins, sans-serif" font-weight="500">Details</text>
<text x="89" y="673" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_treehouse)" font-size="12" font-family="Poppins, sans-serif" font-weight="500">Details</text>
</g>
</g>
@@ -119,33 +132,33 @@
<rect width="120" height="6" x="290" y="1550" fill="#FFFFFD"/>
<g class="svgc_btn_group">
<rect width="90" height="24" rx="12" x="305" y="1578" fill="#3AADAA"/>
<text x="324" y="1594" fill="#3AADAA" class="svgc_text" font-size="12" font-family="Poppins, sans-serif" font-weight="500">Contact</text>
<text x="324" y="1594" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_treehouse)" font-size="12" font-family="Poppins, sans-serif" font-weight="500">Contact</text>
</g>
</g>
<g data-name="Footer" class="svgc_footer">
<rect width="700" height="170" x="0" y="1645" fill="#FOOTER_COLOR" class="svgc_footer_bg"/>
<circle cx="573" cy="1708" r="8" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5"/>
<circle cx="598" cy="1708" r="8" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5"/>
<circle cx="623" cy="1708" r="8" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5"/>
<rect width="560" height="1" x="70" y="1750" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="40" height="8" x="590" y="1778" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="40" height="8" x="590" y="1683" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="80" height="8" x="70" y="1683" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="120" height="8" x="70" y="1704" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="40" height="8" x="243" y="1683" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="40" height="8" x="385" y="1683" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="40" height="8" x="540" y="1778" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="40" height="8" x="490" y="1778" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="40" height="8" x="440" y="1778" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="70" height="8" x="243" y="1704" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="70" height="8" x="385" y="1704" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<text x="70" y="1786" fill="#FOOTER_COLOR" class="svgc_text" font-size="14" font-family="Poppins, sans-serif" font-weight="500">LOGO</text>
<circle cx="573" cy="1708" r="8" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_treehouse)" opacity="0.5"/>
<circle cx="598" cy="1708" r="8" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_treehouse)" opacity="0.5"/>
<circle cx="623" cy="1708" r="8" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_treehouse)" opacity="0.5"/>
<rect width="560" height="1" x="70" y="1750" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_treehouse)" opacity="0.8"/>
<rect width="40" height="8" x="590" y="1778" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_treehouse)" opacity="0.8"/>
<rect width="40" height="8" x="590" y="1683" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_treehouse)" opacity="0.8"/>
<rect width="80" height="8" x="70" y="1683" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_treehouse)" opacity="0.8"/>
<rect width="120" height="8" x="70" y="1704" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_treehouse)" opacity="0.8"/>
<rect width="40" height="8" x="243" y="1683" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_treehouse)" opacity="0.8"/>
<rect width="40" height="8" x="385" y="1683" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_treehouse)" opacity="0.8"/>
<rect width="40" height="8" x="540" y="1778" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_treehouse)" opacity="0.8"/>
<rect width="40" height="8" x="490" y="1778" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_treehouse)" opacity="0.8"/>
<rect width="40" height="8" x="440" y="1778" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_treehouse)" opacity="0.8"/>
<rect width="70" height="8" x="243" y="1704" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_treehouse)" opacity="0.8"/>
<rect width="70" height="8" x="385" y="1704" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_treehouse)" opacity="0.8"/>
<text x="70" y="1786" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_treehouse)" font-size="14" font-family="Poppins, sans-serif" font-weight="500">LOGO</text>
</g>
<g data-name="Copyright">
<rect width="700" height="40" x="0" y="1810" fill="#3AADAA"/>
<rect width="100" height="6" x="70" y="1828" rx="2" fill="#3AADAA" class="svgc_text"/>
<rect width="100" height="6" x="70" y="1828" rx="2" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_treehouse)"/>
<circle cx="350" cy="1810" r="20" fill="#3AADAA"/>
</g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 13 KiB

theme_vehicle/static/description/theme_vehicle.svg
+28 -15
View File
@@ -25,6 +25,19 @@
<clipPath id="clip1">
<rect width="250" height="154" fill="#FFFFFF" transform="translate(450 1651)"/>
</clipPath>
<filter id="filter_readability_vehicle">
<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_vehicle">
<rect width="700" height="1850" fill="#FFFFFF"/>
@@ -32,16 +45,16 @@
<!-- Menu Background -->
<rect class="svgc_menu_bg" fill="#MENU_COLOR" width="700" height="38"></rect>
<!-- Logo -->
<path d="M72.0813 13.236V22.994H76.7393L76.4673 25H69.5823V13.236H72.0813ZM82.1423 12.964C83.2189 12.964 84.1483 13.2077 84.9303 13.695C85.7123 14.171 86.3129 14.868 86.7323 15.786C87.1516 16.704 87.3613 17.8147 87.3613 19.118C87.3613 20.3987 87.1516 21.5037 86.7323 22.433C86.3129 23.351 85.7123 24.0537 84.9303 24.541C84.1483 25.0283 83.2189 25.272 82.1423 25.272C81.0656 25.272 80.1306 25.034 79.3373 24.558C78.5553 24.0707 77.9546 23.368 77.5353 22.45C77.1159 21.5207 76.9063 20.41 76.9063 19.118C76.9063 17.8487 77.1159 16.755 77.5353 15.837C77.9659 14.9077 78.5723 14.1993 79.3543 13.712C80.1476 13.2133 81.0769 12.964 82.1423 12.964ZM82.1423 14.834C81.2809 14.834 80.6293 15.174 80.1873 15.854C79.7566 16.534 79.5413 17.622 79.5413 19.118C79.5413 20.614 79.7623 21.702 80.2043 22.382C80.6463 23.062 81.2923 23.402 82.1423 23.402C83.0036 23.402 83.6496 23.0677 84.0803 22.399C84.5109 21.719 84.7263 20.6253 84.7263 19.118C84.7263 17.6107 84.5109 16.5227 84.0803 15.854C83.6496 15.174 83.0036 14.834 82.1423 14.834ZM94.1682 12.964C94.9615 12.964 95.6642 13.0887 96.2762 13.338C96.8995 13.576 97.4775 13.9217 98.0102 14.375L96.7012 15.735C96.2818 15.4177 95.8852 15.1853 95.5112 15.038C95.1485 14.8907 94.7348 14.817 94.2702 14.817C93.3748 14.817 92.6495 15.174 92.0942 15.888C91.5502 16.5907 91.2782 17.6673 91.2782 19.118C91.2782 20.648 91.4878 21.7473 91.9072 22.416C92.3378 23.0733 93.0008 23.402 93.8962 23.402C94.5422 23.402 95.1258 23.2603 95.6472 22.977V20.104H93.9982L93.7432 18.285H98.0782V24.082C97.4662 24.456 96.8032 24.7507 96.0892 24.966C95.3865 25.17 94.6725 25.272 93.9472 25.272C92.2132 25.272 90.8985 24.7507 90.0032 23.708C89.1078 22.6653 88.6602 21.1297 88.6602 19.101C88.6602 17.8203 88.9038 16.7153 89.3912 15.786C89.8785 14.8567 90.5358 14.154 91.3632 13.678C92.2018 13.202 93.1368 12.964 94.1682 12.964ZM104.787 12.964C105.863 12.964 106.793 13.2077 107.575 13.695C108.357 14.171 108.957 14.868 109.377 15.786C109.796 16.704 110.006 17.8147 110.006 19.118C110.006 20.3987 109.796 21.5037 109.377 22.433C108.957 23.351 108.357 24.0537 107.575 24.541C106.793 25.0283 105.863 25.272 104.787 25.272C103.71 25.272 102.775 25.034 101.982 24.558C101.2 24.0707 100.599 23.368 100.18 22.45C99.7605 21.5207 99.5508 20.41 99.5508 19.118C99.5508 17.8487 99.7605 16.755 100.18 15.837C100.61 14.9077 101.217 14.1993 101.999 13.712C102.792 13.2133 103.721 12.964 104.787 12.964ZM104.787 14.834C103.925 14.834 103.274 15.174 102.832 15.854C102.401 16.534 102.186 17.622 102.186 19.118C102.186 20.614 102.407 21.702 102.849 22.382C103.291 23.062 103.937 23.402 104.787 23.402C105.648 23.402 106.294 23.0677 106.725 22.399C107.155 21.719 107.371 20.6253 107.371 19.118C107.371 17.6107 107.155 16.5227 106.725 15.854C106.294 15.174 105.648 14.834 104.787 14.834Z" opacity="1" fill="#MENU_COLOR" class="svgc_text" />
<path d="M72.0813 13.236V22.994H76.7393L76.4673 25H69.5823V13.236H72.0813ZM82.1423 12.964C83.2189 12.964 84.1483 13.2077 84.9303 13.695C85.7123 14.171 86.3129 14.868 86.7323 15.786C87.1516 16.704 87.3613 17.8147 87.3613 19.118C87.3613 20.3987 87.1516 21.5037 86.7323 22.433C86.3129 23.351 85.7123 24.0537 84.9303 24.541C84.1483 25.0283 83.2189 25.272 82.1423 25.272C81.0656 25.272 80.1306 25.034 79.3373 24.558C78.5553 24.0707 77.9546 23.368 77.5353 22.45C77.1159 21.5207 76.9063 20.41 76.9063 19.118C76.9063 17.8487 77.1159 16.755 77.5353 15.837C77.9659 14.9077 78.5723 14.1993 79.3543 13.712C80.1476 13.2133 81.0769 12.964 82.1423 12.964ZM82.1423 14.834C81.2809 14.834 80.6293 15.174 80.1873 15.854C79.7566 16.534 79.5413 17.622 79.5413 19.118C79.5413 20.614 79.7623 21.702 80.2043 22.382C80.6463 23.062 81.2923 23.402 82.1423 23.402C83.0036 23.402 83.6496 23.0677 84.0803 22.399C84.5109 21.719 84.7263 20.6253 84.7263 19.118C84.7263 17.6107 84.5109 16.5227 84.0803 15.854C83.6496 15.174 83.0036 14.834 82.1423 14.834ZM94.1682 12.964C94.9615 12.964 95.6642 13.0887 96.2762 13.338C96.8995 13.576 97.4775 13.9217 98.0102 14.375L96.7012 15.735C96.2818 15.4177 95.8852 15.1853 95.5112 15.038C95.1485 14.8907 94.7348 14.817 94.2702 14.817C93.3748 14.817 92.6495 15.174 92.0942 15.888C91.5502 16.5907 91.2782 17.6673 91.2782 19.118C91.2782 20.648 91.4878 21.7473 91.9072 22.416C92.3378 23.0733 93.0008 23.402 93.8962 23.402C94.5422 23.402 95.1258 23.2603 95.6472 22.977V20.104H93.9982L93.7432 18.285H98.0782V24.082C97.4662 24.456 96.8032 24.7507 96.0892 24.966C95.3865 25.17 94.6725 25.272 93.9472 25.272C92.2132 25.272 90.8985 24.7507 90.0032 23.708C89.1078 22.6653 88.6602 21.1297 88.6602 19.101C88.6602 17.8203 88.9038 16.7153 89.3912 15.786C89.8785 14.8567 90.5358 14.154 91.3632 13.678C92.2018 13.202 93.1368 12.964 94.1682 12.964ZM104.787 12.964C105.863 12.964 106.793 13.2077 107.575 13.695C108.357 14.171 108.957 14.868 109.377 15.786C109.796 16.704 110.006 17.8147 110.006 19.118C110.006 20.3987 109.796 21.5037 109.377 22.433C108.957 23.351 108.357 24.0537 107.575 24.541C106.793 25.0283 105.863 25.272 104.787 25.272C103.71 25.272 102.775 25.034 101.982 24.558C101.2 24.0707 100.599 23.368 100.18 22.45C99.7605 21.5207 99.5508 20.41 99.5508 19.118C99.5508 17.8487 99.7605 16.755 100.18 15.837C100.61 14.9077 101.217 14.1993 101.999 13.712C102.792 13.2133 103.721 12.964 104.787 12.964ZM104.787 14.834C103.925 14.834 103.274 15.174 102.832 15.854C102.401 16.534 102.186 17.622 102.186 19.118C102.186 20.614 102.407 21.702 102.849 22.382C103.291 23.062 103.937 23.402 104.787 23.402C105.648 23.402 106.294 23.0677 106.725 22.399C107.155 21.719 107.371 20.6253 107.371 19.118C107.371 17.6107 107.155 16.5227 106.725 15.854C106.294 15.174 105.648 14.834 104.787 14.834Z" opacity="1" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_vehicle)"/>
<!-- Menu Links -->
<g opacity=".5">
<rect x="138" y="15" width="40" height="10" fill="#MENU_COLOR" class="svgc_text"/>
<rect x="190" y="15" width="40" height="10" fill="#MENU_COLOR" class="svgc_text"/>
<rect x="242" y="15" width="40" height="10" fill="#MENU_COLOR" class="svgc_text"/>
<rect x="294" y="15" width="40" height="10" fill="#MENU_COLOR" class="svgc_text"/>
<rect x="138" y="15" width="40" height="10" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_vehicle)"/>
<rect x="190" y="15" width="40" height="10" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_vehicle)"/>
<rect x="242" y="15" width="40" height="10" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_vehicle)"/>
<rect x="294" y="15" width="40" height="10" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_vehicle)"/>
</g>
<!-- Menu Button -->
<rect x="592" y="14" width="40" height="12" opacity="1" fill="#MENU_COLOR" class="svgc_text"/>
<rect x="592" y="14" width="40" height="12" opacity="1" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_vehicle)"/>
</g>
<g class="s_cover">
<!-- Background Image -->
@@ -169,22 +182,22 @@
<!-- Menu Background -->
<rect y="1805" width="700" height="45" class="svgc_footer_bg" fill="#FOOTER_COLOR"/>
<!-- Logo -->
<path opacity="1" fill="#FOOTER_COLOR" class="svgc_text" d="M71.74 1821.24V1830.99H76.398L76.126 1833H69.241V1821.24H71.74ZM81.8009 1820.96C82.8776 1820.96 83.8069 1821.21 84.5889 1821.69C85.3709 1822.17 85.9716 1822.87 86.3909 1823.79C86.8103 1824.7 87.0199 1825.81 87.0199 1827.12C87.0199 1828.4 86.8103 1829.5 86.3909 1830.43C85.9716 1831.35 85.3709 1832.05 84.5889 1832.54C83.8069 1833.03 82.8776 1833.27 81.8009 1833.27C80.7243 1833.27 79.7893 1833.03 78.9959 1832.56C78.2139 1832.07 77.6133 1831.37 77.1939 1830.45C76.7746 1829.52 76.5649 1828.41 76.5649 1827.12C76.5649 1825.85 76.7746 1824.75 77.1939 1823.84C77.6246 1822.91 78.2309 1822.2 79.0129 1821.71C79.8063 1821.21 80.7356 1820.96 81.8009 1820.96ZM81.8009 1822.83C80.9396 1822.83 80.2879 1823.17 79.8459 1823.85C79.4153 1824.53 79.1999 1825.62 79.1999 1827.12C79.1999 1828.61 79.4209 1829.7 79.8629 1830.38C80.3049 1831.06 80.9509 1831.4 81.8009 1831.4C82.6623 1831.4 83.3083 1831.07 83.7389 1830.4C84.1696 1829.72 84.3849 1828.63 84.3849 1827.12C84.3849 1825.61 84.1696 1824.52 83.7389 1823.85C83.3083 1823.17 82.6623 1822.83 81.8009 1822.83ZM93.8269 1820.96C94.6202 1820.96 95.3229 1821.09 95.9349 1821.34C96.5582 1821.58 97.1362 1821.92 97.6689 1822.38L96.3599 1823.73C95.9405 1823.42 95.5439 1823.19 95.1699 1823.04C94.8072 1822.89 94.3935 1822.82 93.9289 1822.82C93.0335 1822.82 92.3082 1823.17 91.7529 1823.89C91.2089 1824.59 90.9369 1825.67 90.9369 1827.12C90.9369 1828.65 91.1465 1829.75 91.5659 1830.42C91.9965 1831.07 92.6595 1831.4 93.5549 1831.4C94.2009 1831.4 94.7845 1831.26 95.3059 1830.98V1828.1H93.6569L93.4019 1826.28H97.7369V1832.08C97.1249 1832.46 96.4619 1832.75 95.7479 1832.97C95.0452 1833.17 94.3312 1833.27 93.6059 1833.27C91.8719 1833.27 90.5572 1832.75 89.6619 1831.71C88.7665 1830.67 88.3189 1829.13 88.3189 1827.1C88.3189 1825.82 88.5625 1824.72 89.0499 1823.79C89.5372 1822.86 90.1945 1822.15 91.0219 1821.68C91.8605 1821.2 92.7955 1820.96 93.8269 1820.96ZM104.445 1820.96C105.522 1820.96 106.451 1821.21 107.233 1821.69C108.015 1822.17 108.616 1822.87 109.035 1823.79C109.455 1824.7 109.664 1825.81 109.664 1827.12C109.664 1828.4 109.455 1829.5 109.035 1830.43C108.616 1831.35 108.015 1832.05 107.233 1832.54C106.451 1833.03 105.522 1833.27 104.445 1833.27C103.369 1833.27 102.434 1833.03 101.64 1832.56C100.858 1832.07 100.258 1831.37 99.8385 1830.45C99.4191 1829.52 99.2095 1828.41 99.2095 1827.12C99.2095 1825.85 99.4191 1824.75 99.8385 1823.84C100.269 1822.91 100.875 1822.2 101.657 1821.71C102.451 1821.21 103.38 1820.96 104.445 1820.96ZM104.445 1822.83C103.584 1822.83 102.932 1823.17 102.49 1823.85C102.06 1824.53 101.844 1825.62 101.844 1827.12C101.844 1828.61 102.065 1829.7 102.507 1830.38C102.949 1831.06 103.595 1831.4 104.445 1831.4C105.307 1831.4 105.953 1831.07 106.383 1830.4C106.814 1829.72 107.029 1828.63 107.029 1827.12C107.029 1825.61 106.814 1824.52 106.383 1823.85C105.953 1823.17 105.307 1822.83 104.445 1822.83Z" />
<path opacity="1" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_vehicle)" d="M71.74 1821.24V1830.99H76.398L76.126 1833H69.241V1821.24H71.74ZM81.8009 1820.96C82.8776 1820.96 83.8069 1821.21 84.5889 1821.69C85.3709 1822.17 85.9716 1822.87 86.3909 1823.79C86.8103 1824.7 87.0199 1825.81 87.0199 1827.12C87.0199 1828.4 86.8103 1829.5 86.3909 1830.43C85.9716 1831.35 85.3709 1832.05 84.5889 1832.54C83.8069 1833.03 82.8776 1833.27 81.8009 1833.27C80.7243 1833.27 79.7893 1833.03 78.9959 1832.56C78.2139 1832.07 77.6133 1831.37 77.1939 1830.45C76.7746 1829.52 76.5649 1828.41 76.5649 1827.12C76.5649 1825.85 76.7746 1824.75 77.1939 1823.84C77.6246 1822.91 78.2309 1822.2 79.0129 1821.71C79.8063 1821.21 80.7356 1820.96 81.8009 1820.96ZM81.8009 1822.83C80.9396 1822.83 80.2879 1823.17 79.8459 1823.85C79.4153 1824.53 79.1999 1825.62 79.1999 1827.12C79.1999 1828.61 79.4209 1829.7 79.8629 1830.38C80.3049 1831.06 80.9509 1831.4 81.8009 1831.4C82.6623 1831.4 83.3083 1831.07 83.7389 1830.4C84.1696 1829.72 84.3849 1828.63 84.3849 1827.12C84.3849 1825.61 84.1696 1824.52 83.7389 1823.85C83.3083 1823.17 82.6623 1822.83 81.8009 1822.83ZM93.8269 1820.96C94.6202 1820.96 95.3229 1821.09 95.9349 1821.34C96.5582 1821.58 97.1362 1821.92 97.6689 1822.38L96.3599 1823.73C95.9405 1823.42 95.5439 1823.19 95.1699 1823.04C94.8072 1822.89 94.3935 1822.82 93.9289 1822.82C93.0335 1822.82 92.3082 1823.17 91.7529 1823.89C91.2089 1824.59 90.9369 1825.67 90.9369 1827.12C90.9369 1828.65 91.1465 1829.75 91.5659 1830.42C91.9965 1831.07 92.6595 1831.4 93.5549 1831.4C94.2009 1831.4 94.7845 1831.26 95.3059 1830.98V1828.1H93.6569L93.4019 1826.28H97.7369V1832.08C97.1249 1832.46 96.4619 1832.75 95.7479 1832.97C95.0452 1833.17 94.3312 1833.27 93.6059 1833.27C91.8719 1833.27 90.5572 1832.75 89.6619 1831.71C88.7665 1830.67 88.3189 1829.13 88.3189 1827.1C88.3189 1825.82 88.5625 1824.72 89.0499 1823.79C89.5372 1822.86 90.1945 1822.15 91.0219 1821.68C91.8605 1821.2 92.7955 1820.96 93.8269 1820.96ZM104.445 1820.96C105.522 1820.96 106.451 1821.21 107.233 1821.69C108.015 1822.17 108.616 1822.87 109.035 1823.79C109.455 1824.7 109.664 1825.81 109.664 1827.12C109.664 1828.4 109.455 1829.5 109.035 1830.43C108.616 1831.35 108.015 1832.05 107.233 1832.54C106.451 1833.03 105.522 1833.27 104.445 1833.27C103.369 1833.27 102.434 1833.03 101.64 1832.56C100.858 1832.07 100.258 1831.37 99.8385 1830.45C99.4191 1829.52 99.2095 1828.41 99.2095 1827.12C99.2095 1825.85 99.4191 1824.75 99.8385 1823.84C100.269 1822.91 100.875 1822.2 101.657 1821.71C102.451 1821.21 103.38 1820.96 104.445 1820.96ZM104.445 1822.83C103.584 1822.83 102.932 1823.17 102.49 1823.85C102.06 1824.53 101.844 1825.62 101.844 1827.12C101.844 1828.61 102.065 1829.7 102.507 1830.38C102.949 1831.06 103.595 1831.4 104.445 1831.4C105.307 1831.4 105.953 1831.07 106.383 1830.4C106.814 1829.72 107.029 1828.63 107.029 1827.12C107.029 1825.61 106.814 1824.52 106.383 1823.85C105.953 1823.17 105.307 1822.83 104.445 1822.83Z" />
<!-- Links -->
<g opacity=".5">
<rect x="138" y="1823.04" width="40" height="10" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect x="190" y="1823.04" width="40" height="10" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect x="242" y="1823.04" width="40" height="10" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect x="294" y="1823.04" width="40" height="10" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect x="138" y="1823.04" width="40" height="10" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_vehicle)"/>
<rect x="190" y="1823.04" width="40" height="10" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_vehicle)"/>
<rect x="242" y="1823.04" width="40" height="10" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_vehicle)"/>
<rect x="294" y="1823.04" width="40" height="10" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_vehicle)"/>
</g>
<!-- Social -->
<g opacity=".5">
<circle cx="567" cy="1827.04" r="6" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle cx="545" cy="1827.04" r="6" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle cx="523" cy="1827.04" r="6" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle cx="567" cy="1827.04" r="6" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_vehicle)"/>
<circle cx="545" cy="1827.04" r="6" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_vehicle)"/>
<circle cx="523" cy="1827.04" r="6" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_vehicle)"/>
</g>
<!-- Button -->
<rect x="588" y="1821.04" width="40" height="12" opacity="1" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect x="588" y="1821.04" width="40" height="12" opacity="1" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_vehicle)"/>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 74 KiB

After

Width:  |  Height:  |  Size: 75 KiB

theme_yes/static/description/theme_yes.svg
+40 -27
View File
@@ -55,21 +55,34 @@
<pattern width="1" height="1" id="theme_yes_library_image_02_id" patternunits="objectBoundingBox">
<image width="178" height="260" preserveAspectRatio="xMidYMid slice" href="#library_image_02_url"/>
</pattern>
<filter id="filter_readability_yes">
<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 id="theme_yes_preview">
<g data-name="Header" class="svgc_menu">
<rect width="700" height="40" fill="#MENU_COLOR"/>
<rect width="40" height="8" rx="2" x="140" y="16" fill="#MENU_COLOR" class="svgc_text" opacity="0.5"/>
<rect width="40" height="8" rx="2" x="190" y="16" fill="#MENU_COLOR" class="svgc_text" opacity="0.5"/>
<rect width="40" height="8" rx="2" x="240" y="16" fill="#MENU_COLOR" class="svgc_text" opacity="0.5"/>
<rect width="50" height="8" rx="2" x="491" y="16" fill="#MENU_COLOR" class="svgc_text" opacity="0.5"/>
<rect width="40" height="8" rx="2" x="140" y="16" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_yes)" opacity="0.5"/>
<rect width="40" height="8" rx="2" x="190" y="16" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_yes)" opacity="0.5"/>
<rect width="40" height="8" rx="2" x="240" y="16" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_yes)" opacity="0.5"/>
<rect width="50" height="8" rx="2" x="491" y="16" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_yes)" opacity="0.5"/>
<g class="svgc_btn_group">
<rect width="70" height="20" rx="10" x="560" y="10" fill="#3AADAA"/>
<text x="574" y="24" fill="#3AADAA" class="svgc_text" font-size="12" font-family="Trebuchet MS, sans-serif" font-weight="400">Contact</text>
<text x="574" y="24" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_yes)" font-size="12" font-family="Trebuchet MS, sans-serif" font-weight="400">Contact</text>
</g>
<text x="70" y="24" fill="#MENU_COLOR" class="svgc_text" font-size="14" font-family="Trebuchet MS, sans-serif" font-weight="700">LOGO</text>
<text x="70" y="24" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_yes)" font-size="14" font-family="Trebuchet MS, sans-serif" font-weight="700">LOGO</text>
</g>
<g data-name="Cover">
@@ -79,7 +92,7 @@
<rect width="180" height="8" rx="3" x="260" y="240" fill="#FFFFFD" opacity="0.8"/>
<g class="svgc_btn_group">
<rect width="70" height="20" rx="10" x="315" y="275" fill="#3AADAA"/>
<text x="330" y="290" fill="#3AADAA" class="svgc_text" font-size="12" font-family="Trebuchet MS, sans-serif" font-weight="400">Details</text>
<text x="330" y="290" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_yes)" font-size="12" font-family="Trebuchet MS, sans-serif" font-weight="400">Details</text>
</g>
<path d="M700,232.305c-72.558,10.2-202.176,16.993-350,16.993S72.558,242.505,0,232.305v32H700Z" transform="translate(0 160)" fill="#F6F6F6"/>
</g>
@@ -126,8 +139,8 @@
</g>
<rect width="80" height="110" x="445" y="790" fill="url(#theme_yes_s_media_list_default_image_2_id)"/>
<text x="185" y="823" fill="#fff" font-size="18" font-family="Playfair Display, serif" font-weight="500">Entry Title</text>
<rect width="150" height="6" rx="2" x="185" y="850" fill="#383E45" class="svgc_text" opacity="0.8"/>
<rect width="200" height="6" rx="2" x="185" y="838" fill="#383E45" class="svgc_text" opacity="0.8"/>
<rect width="150" height="6" rx="2" x="185" y="850" fill="#383E45" class="svgc_text" filter="url(#filter_readability_yes)" opacity="0.8"/>
<rect width="200" height="6" rx="2" x="185" y="838" fill="#383E45" class="svgc_text" filter="url(#filter_readability_yes)" opacity="0.8"/>
<g class="svgc_btn_group">
<rect width="70" height="20" rx="10" x="185" y="866" fill="#3AADAA"/>
</g>
@@ -171,28 +184,28 @@
<g data-name="Footer" class="svgc_footer">
<rect width="700" height="135" x="0" y="1680" fill="#FOOTER_COLOR" class="svgc_footer_bg"/>
<text x="70" y="1726" fill="#FOOTER_COLOR" class="svgc_text" font-size="16" font-family="Trebuchet MS, sans-serif" font-weight="500">Section Title</text>
<rect width="240" height="6" rx="2" x="70" y="1740" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="240" height="6" rx="2" x="70" y="1764" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="240" height="6" rx="2" x="70" y="1752" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="147" height="6" rx="2" x="70" y="1776" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="90" height="6" rx="2" x="392" y="1752" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="90" height="6" rx="2" x="392" y="1740" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="90" height="6" rx="2" x="392" y="1764" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="50" height="6" rx="2" x="392" y="1776" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<text x="392" y="1724" fill="#FOOTER_COLOR" class="svgc_text" font-size="12" font-family="Trebuchet MS, sans-serif" font-weight="500">Entry Title</text>
<rect width="90" height="6" rx="2" x="540" y="1740" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="90" height="6" rx="2" x="540" y="1752" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<text x="540" y="1724" fill="#FOOTER_COLOR" class="svgc_text" font-size="12" font-family="Trebuchet MS, sans-serif" font-weight="500">Entry Title</text>
<circle r="8" cx="548" cy="1775" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5"/>
<circle r="8" cx="570" cy="1775" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5"/>
<circle r="8" cx="591" cy="1775" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5"/>
<circle r="8" cx="612" cy="1775" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5"/>
<text x="70" y="1726" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_yes)" font-size="16" font-family="Trebuchet MS, sans-serif" font-weight="500">Section Title</text>
<rect width="240" height="6" rx="2" x="70" y="1740" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_yes)" opacity="0.8"/>
<rect width="240" height="6" rx="2" x="70" y="1764" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_yes)" opacity="0.8"/>
<rect width="240" height="6" rx="2" x="70" y="1752" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_yes)" opacity="0.8"/>
<rect width="147" height="6" rx="2" x="70" y="1776" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_yes)" opacity="0.8"/>
<rect width="90" height="6" rx="2" x="392" y="1752" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_yes)" opacity="0.8"/>
<rect width="90" height="6" rx="2" x="392" y="1740" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_yes)" opacity="0.8"/>
<rect width="90" height="6" rx="2" x="392" y="1764" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_yes)" opacity="0.8"/>
<rect width="50" height="6" rx="2" x="392" y="1776" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_yes)" opacity="0.8"/>
<text x="392" y="1724" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_yes)" font-size="12" font-family="Trebuchet MS, sans-serif" font-weight="500">Entry Title</text>
<rect width="90" height="6" rx="2" x="540" y="1740" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_yes)" opacity="0.8"/>
<rect width="90" height="6" rx="2" x="540" y="1752" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_yes)" opacity="0.8"/>
<text x="540" y="1724" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_yes)" font-size="12" font-family="Trebuchet MS, sans-serif" font-weight="500">Entry Title</text>
<circle r="8" cx="548" cy="1775" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_yes)" opacity="0.5"/>
<circle r="8" cx="570" cy="1775" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_yes)" opacity="0.5"/>
<circle r="8" cx="591" cy="1775" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_yes)" opacity="0.5"/>
<circle r="8" cx="612" cy="1775" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_yes)" opacity="0.5"/>
</g>
<g data-name="Copyright">
<rect width="700" height="35" x="0" y="1815" fill="#3AADAA"/>
<rect width="120" height="6" rx="2" x="70" y="1830" fill="#3AADAA" class="svgc_text"/>
<rect width="120" height="6" rx="2" x="70" y="1830" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_yes)"/>
</g>
</g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 17 KiB

theme_zap/static/description/theme_zap.svg
+59 -46
View File
@@ -50,6 +50,19 @@
<pattern width="1" height="1" id="theme_zap_s_references_5_id" patternunits="objectBoundingBox">
<image width="120" height="60" preserveAspectRatio="xMidYMid slice" href="/web/image/website.s_reference_demo_image_5"/>
</pattern>
<filter id="filter_readability_zap">
<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>
<!-- Layout -->
@@ -57,14 +70,14 @@
<g data-name="Header" class="svgc_menu">
<rect width="700" height="50" fill="#MENU_COLOR" class="svgc_menu_bg"/>
<rect width="20" height="2" x="70" y="18" fill="#MENU_COLOR" class="svgc_text"/>
<rect width="20" height="2" x="70" y="24" fill="#MENU_COLOR" class="svgc_text"/>
<rect width="20" height="2" x="70" y="30" fill="#MENU_COLOR" class="svgc_text"/>
<text x="295" y="30" fill="#MENU_COLOR" class="svgc_text" font-size="14" font-family="Lato, sans-serif" font-weight="bold">LOGO</text>
<rect width="30" height="6" rx="2" x="510" y="22" fill="#MENU_COLOR" class="svgc_text" opacity="0.5"/>
<rect width="20" height="2" x="70" y="18" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_zap)"/>
<rect width="20" height="2" x="70" y="24" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_zap)"/>
<rect width="20" height="2" x="70" y="30" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_zap)"/>
<text x="295" y="30" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" font-size="14" font-family="Lato, sans-serif" font-weight="bold">LOGO</text>
<rect width="30" height="6" rx="2" x="510" y="22" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.5"/>
<g class="svgc_btn_group">
<rect width="70" height="30" rx="3" x="560" y="10" fill="#3AADAA"/>
<text x="573" y="29" fill="#3AADAA" class="svgc_text" font-size="12" font-family="Lato, sans-serif" font-weight="700">Contact</text>
<text x="573" y="29" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_zap)" font-size="12" font-family="Lato, sans-serif" font-weight="700">Contact</text>
</g>
</g>
@@ -77,7 +90,7 @@
<rect width="200" height="8" rx="2" x="105" y="265" fill="#888"/>
<g class="svgc_btn_group">
<rect width="70" height="30" rx="3" x="105" y="295" fill="#3AADAA"/>
<text x="116" y="315" fill="#3AADAA" class="svgc_text" font-size="12" font-family="Lato, sans-serif" font-weight="700">Discover</text>
<text x="116" y="315" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_zap)" font-size="12" font-family="Lato, sans-serif" font-weight="700">Discover</text>
</g>
</g>
@@ -111,13 +124,13 @@
<g data-name="Color Blocks">
<rect width="350" height="280" x="0" y="710" fill="#3AADAA"/>
<circle cx="90" cy="770" r="20" fill="#3AADAA" class="svgc_text"/>
<text x="70" y="830" fill="#3AADAA" class="svgc_text" font-size="24" font-family="Lato, sans-serif" font-weight="400">Section Title</text>
<rect width="100" height="6" rx="2" x="70" y="852" fill="#3AADAA" class="svgc_text" opacity="0.8"/>
<rect width="210" height="6" rx="2" x="70" y="864" fill="#3AADAA" class="svgc_text" opacity="0.8"/>
<rect width="140" height="6" rx="2" x="70" y="876" fill="#3AADAA" class="svgc_text" opacity="0.8"/>
<circle cx="90" cy="770" r="20" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_zap)"/>
<text x="70" y="830" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_zap)" font-size="24" font-family="Lato, sans-serif" font-weight="400">Section Title</text>
<rect width="100" height="6" rx="2" x="70" y="852" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<rect width="210" height="6" rx="2" x="70" y="864" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<rect width="140" height="6" rx="2" x="70" y="876" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<g class="svgc_btn_group">
<rect width="70" height="30" rx="3" x="70" y="910" fill="#3AADAA" class="svgc_text"/>
<rect width="70" height="30" rx="3" x="70" y="910" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_zap)"/>
<text x="85" y="930" fill="#000000" opacity="0.5" font-size="12" font-family="Lato, sans-serif" font-weight="700">Details</text>
</g>
<rect width="350" height="280" x="350" y="710" fill="url(#theme_zap_library_image_02_id)" class="img_reference_library_image_02"/>
@@ -155,11 +168,11 @@
<rect width="140" height="6" rx="2" x="367" y="1287" fill="#888"/>
<rect width="70" height="6" rx="2" x="402" y="1299" fill="#888"/>
<rect width="175" height="120" x="525" y="1230" fill="#7C6576"/>
<circle cx="612" cy="1275" r="20" fill="#7C6576" class="svgc_text"/>
<text x="571" y="1324" fill="#7C6576" class="svgc_text" font-size="16" font-family="Lato, sans-serif" font-weight="400">Subtitle #01</text>
<circle cx="612" cy="1275" r="20" fill="#7C6576" class="svgc_text" filter="url(#filter_readability_zap)"/>
<text x="571" y="1324" fill="#7C6576" class="svgc_text" filter="url(#filter_readability_zap)" font-size="16" font-family="Lato, sans-serif" font-weight="400">Subtitle #01</text>
<rect width="175" height="120" x="350" y="1350" fill="#3AADAA"/>
<circle cx="438" cy="1395" r="20" fill="#3AADAA" class="svgc_text"/>
<text x="397" y="1444" fill="#3AADAA" class="svgc_text" font-size="16" font-family="Lato, sans-serif" font-weight="400">Subtitle #02</text>
<circle cx="438" cy="1395" r="20" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_zap)"/>
<text x="397" y="1444" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_zap)" font-size="16" font-family="Lato, sans-serif" font-weight="400">Subtitle #02</text>
<rect width="175" height="120" x="525" y="1350" fill="url(#theme_zap_library_image_08_id)" class="img_reference_library_image_08"/>
</g>
@@ -176,39 +189,39 @@
<g data-name="Footer" class="svgc_footer">
<rect width="700" height="130" x="0" y="1685" fill="#FOOTER_COLOR" class="svgc_footer_bg"/>
<rect width="80" height="6" rx="2" x="372" y="1730" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="30" height="6" rx="2" x="70" y="1730" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="30" height="6" rx="2" x="167" y="1730" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="30" height="6" rx="2" x="280" y="1730" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="50" height="6" rx="2" x="70" y="1746" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="50" height="6" rx="2" x="167" y="1746" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="50" height="6" rx="2" x="280" y="1746" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="40" height="6" rx="2" x="70" y="1762" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="40" height="6" rx="2" x="167" y="1762" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="40" height="6" rx="2" x="280" y="1762" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="50" height="6" rx="2" x="70" y="1778" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="50" height="6" rx="2" x="167" y="1778" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="50" height="6" rx="2" x="280" y="1778" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="65" height="6" rx="2" x="372" y="1747" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<circle cx="270" cy="1733" r="5" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5"/>
<circle cx="362" cy="1733" r="5" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5"/>
<circle cx="270" cy="1749" r="5" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5"/>
<circle cx="362" cy="1749" r="5" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5"/>
<circle cx="270" cy="1765" r="5" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5"/>
<circle cx="270" cy="1781" r="5" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5"/>
<rect width="120" height="6" rx="2" x="501" y="1728" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="80" height="6" rx="2" x="501" y="1740" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<rect width="50" height="6" rx="2" x="501" y="1752" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8"/>
<text x="70" y="1716" font-size="12" fill="#FOOTER_COLOR" class="svgc_text" font-family="Lato, sans-serif" font-weight="700">Entry Title</text>
<text x="167" y="1716" font-size="12" fill="#FOOTER_COLOR" class="svgc_text" font-family="Lato, sans-serif" font-weight="700">Entry Title</text>
<text x="264" y="1716" font-size="12" fill="#FOOTER_COLOR" class="svgc_text" font-family="Lato, sans-serif" font-weight="700">Entry Title</text>
<text x="357" y="1716" font-size="12" fill="#FOOTER_COLOR" class="svgc_text" font-family="Lato, sans-serif" font-weight="700">Entry Title</text>
<text x="498" y="1716" font-size="12" fill="#FOOTER_COLOR" class="svgc_text" font-family="Lato, sans-serif" font-weight="700">Entry Title</text>
<rect width="80" height="6" rx="2" x="372" y="1730" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<rect width="30" height="6" rx="2" x="70" y="1730" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<rect width="30" height="6" rx="2" x="167" y="1730" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<rect width="30" height="6" rx="2" x="280" y="1730" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<rect width="50" height="6" rx="2" x="70" y="1746" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<rect width="50" height="6" rx="2" x="167" y="1746" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<rect width="50" height="6" rx="2" x="280" y="1746" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<rect width="40" height="6" rx="2" x="70" y="1762" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<rect width="40" height="6" rx="2" x="167" y="1762" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<rect width="40" height="6" rx="2" x="280" y="1762" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<rect width="50" height="6" rx="2" x="70" y="1778" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<rect width="50" height="6" rx="2" x="167" y="1778" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<rect width="50" height="6" rx="2" x="280" y="1778" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<rect width="65" height="6" rx="2" x="372" y="1747" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<circle cx="270" cy="1733" r="5" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.5"/>
<circle cx="362" cy="1733" r="5" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.5"/>
<circle cx="270" cy="1749" r="5" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.5"/>
<circle cx="362" cy="1749" r="5" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.5"/>
<circle cx="270" cy="1765" r="5" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.5"/>
<circle cx="270" cy="1781" r="5" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.5"/>
<rect width="120" height="6" rx="2" x="501" y="1728" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<rect width="80" height="6" rx="2" x="501" y="1740" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<rect width="50" height="6" rx="2" x="501" y="1752" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<text x="70" y="1716" font-size="12" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" font-family="Lato, sans-serif" font-weight="700">Entry Title</text>
<text x="167" y="1716" font-size="12" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" font-family="Lato, sans-serif" font-weight="700">Entry Title</text>
<text x="264" y="1716" font-size="12" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" font-family="Lato, sans-serif" font-weight="700">Entry Title</text>
<text x="357" y="1716" font-size="12" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" font-family="Lato, sans-serif" font-weight="700">Entry Title</text>
<text x="498" y="1716" font-size="12" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" font-family="Lato, sans-serif" font-weight="700">Entry Title</text>
</g>
<g data-name="Copyright">
<rect width="700" height="35" x="0" y="1815" fill="#3AADAA"/>
<rect width="120" height="6" rx="2" x="70" y="1830" fill="#3AADAA" class="svgc_text" opacity="0.5"/>
<rect width="120" height="6" rx="2" x="70" y="1830" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.5"/>
</g>
</g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 19 KiB