Files
design-themes/theme_bewise/static/description/theme_bewise.svg
T
Mehdi Outagant (MOU) c903e24716 [FIX] theme_bewise: fix theme SVG content centering
task-4178020

closes odoo/design-themes#974

X-original-commit: a4e9722bbb
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
Signed-off-by: Outagant Mehdi (mou) <mou@odoo.com>
2024-10-01 08:28:21 +00:00

213 lines
19 KiB
XML

<svg width="700" height="1884" viewBox="0 0 700 1884" fill="none" xmlns="http://www.w3.org/2000/svg" data-vsvg="002" class="theme_bewise_svg_preview">
<defs>
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=Darker+Grotesque&amp;display=swap');
</style>
<pattern id="theme_bewise_s_company_team_image_1_id" width="1" height="1" patternunits="objectBoundingBox">
<image preserveAspectRatio="xMidYMid slice" width="109" height="109" href="/web/image/website.s_company_team_image_1"/>
</pattern>
<pattern id="theme_bewise_s_company_team_image_4_id" width="1" height="1" patternunits="objectBoundingBox">
<image preserveAspectRatio="xMidYMid slice" width="109" height="109" href="/web/image/website.s_company_team_image_4"/>
</pattern>
<pattern id="theme_bewise_s_company_team_image_5_id" width="1" height="1" patternunits="objectBoundingBox">
<image preserveAspectRatio="xMidYMid slice" width="109" height="109" href="/web/image/website.s_company_team_image_5"/>
</pattern>
<pattern id="theme_bewise_s_company_team_image_2_id" width="1" height="1" patternunits="objectBoundingBox">
<image preserveAspectRatio="xMidYMid slice" width="109" height="109" href="/web/image/website.s_company_team_image_2"/>
</pattern>
<pattern id="theme_bewise_s_company_team_image_3_id" width="1" height="1" patternunits="objectBoundingBox">
<image preserveAspectRatio="xMidYMid slice" width="109" height="109" href="/web/image/website.s_company_team_image_3"/>
</pattern>
<pattern id="theme_bewise_s_company_team_image_6_id" width="1" height="1" patternunits="objectBoundingBox">
<image preserveAspectRatio="xMidYMid slice" width="109" height="109" href="/web/image/website.s_company_team_image_6"/>
</pattern>
<pattern id="theme_bewise_s_masonry_block_default_image_1_id" width="1" height="1" patternunits="objectBoundingBox">
<image preserveAspectRatio="xMidYMid slice" width="209" height="265" href="#s_masonry_block_default_image_1_url"/>
</pattern>
<pattern id="theme_bewise_s_media_list_default_image_2_id" width="1" height="1" patternunits="objectBoundingBox">
<image preserveAspectRatio="xMidYMid slice" width="349.501" height="235" href="#s_media_list_default_image_2_url"/>
</pattern>
<pattern id="theme_bewise_s_media_list_default_image_1_id" width="1" height="1" patternunits="objectBoundingBox">
<image preserveAspectRatio="xMidYMid slice" width="348.502" height="235" href="#s_media_list_default_image_1_url"/>
</pattern>
<pattern id="theme_bewise_s_picture_default_image_id" width="1" height="1" patternunits="objectBoundingBox">
<image preserveAspectRatio="xMidYMid slice" width="443" height="278" href="#s_picture_default_image_url"/>
</pattern>
<filter id="filter_readability_theme_bewise">
<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>
<clipPath id="clip0_220_5">
<rect width="700" height="1884" fill="#FFFFFF"/>
</clipPath>
<clipPath id="clip1_220_5">
<rect width="8" height="8" fill="#FFFFFF" transform="translate(638 1032)"/>
</clipPath>
<clipPath id="clip2_220_5">
<rect width="8" height="8" fill="#FFFFFF" transform="translate(638 1060)"/>
</clipPath>
</defs>
<rect width="700" height="1884" fill="#ACACAC"/>
<g clip-path="url(#clip0_220_5)" class="theme_bewise">
<rect width="700" height="1884" fill="#FFFFFF"/>
<g class="svgc_footer">
<path d="M700 1784H0V1884H700V1784Z" fill="#FOOTER_COLOR" class="svgc_footer_bg"/>
<path d="M355 1850H222V1852H355V1850Z" fill="#FOOTER_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_bewise)"/>
<path d="M317 1844H222V1846H317V1844Z" fill="#FOOTER_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_bewise)"/>
<path d="M468 1813H223V1815H468V1813Z" fill="#FOOTER_COLOR" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_bewise)"/>
<path d="M434 1819H223V1821H434V1819Z" fill="#FOOTER_COLOR" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_bewise)"/>
<path d="M108 1845H70V1847H108V1845Z" fill="#FOOTER_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_bewise)"/>
<path d="M115 1851H70V1853H115V1851Z" fill="#FOOTER_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_bewise)"/>
<path d="M623 1851C626.866 1851 630 1847.87 630 1844C630 1840.13 626.866 1837 623 1837C619.134 1837 616 1840.13 616 1844C616 1847.87 619.134 1851 623 1851Z" fill="#FOOTER_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_bewise)"/>
<path d="M604 1851C607.866 1851 611 1847.87 611 1844C611 1840.13 607.866 1837 604 1837C600.134 1837 597 1840.13 597 1844C597 1847.87 600.134 1851 604 1851Z" fill="#FOOTER_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_bewise)"/>
<path d="M585 1851C588.866 1851 592 1847.87 592 1844C592 1840.13 588.866 1837 585 1837C581.134 1837 578 1840.13 578 1844C578 1847.87 581.134 1851 585 1851Z" fill="#FOOTER_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_bewise)"/>
<path d="M139.397 1807H70.2V1817H139.397V1807Z" fill="#FOOTER_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_bewise)"/>
<path d="M160.457 1820H70.2V1830H160.457V1820Z" fill="#FOOTER_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_bewise)"/>
</g>
<g class="s_company_team_shapes">
<rect x="2" y="1402" width="699" height="382" fill="#F6F6F6"/>
<path d="M361.21 1551L700 1401H2L361.21 1551Z" fill="#FFFFFF"/>
<rect x="171" y="1479.02" width="109" height="109" rx="11" fill="url(#theme_bewise_s_company_team_image_1_id)" class="img_reference_s_company_team_image_1"/>
<rect x="171" y="1625.02" width="109" height="109" rx="11" fill="url(#theme_bewise_s_company_team_image_4_id)" class="img_reference_s_company_team_image_4"/>
<path d="M351.5 1619.02C406 1619.02 406 1679.52 406 1679.52C406 1679.52 406 1679.52 406 1679.52V1723.02C406 1729.09 401.075 1734.02 395 1734.02H308C301.925 1734.02 297 1729.09 297 1723.02V1679.52C297 1679.52 297 1679.52 297 1679.52C297 1679.52 297 1619.02 351.5 1619.02Z" fill="url(#theme_bewise_s_company_team_image_5_id)" class="img_reference_s_company_team_image_5"/>
<rect x="297" y="1479.02" width="109" height="109" rx="7" fill="url(#theme_bewise_s_company_team_image_2_id)" class="img_reference_s_company_team_image_2"/>
<path d="M419 1485.7C419 1481.96 421.925 1478.94 425.654 1479.23C439.122 1480.25 470.697 1485.72 498.5 1513.52C526.424 1541.44 528.888 1570.24 528.504 1582.24C528.396 1585.61 525.549 1588.02 522.172 1588.02H426C422.134 1588.02 419 1584.89 419 1581.02V1485.7Z" fill="url(#theme_bewise_s_company_team_image_3_id)" class="img_reference_s_company_team_image_3"/>
<circle cx="475.5" cy="1680.52" r="55.5" fill="url(#theme_bewise_s_company_team_image_6_id)" class="img_reference_s_company_team_image_6"></circle>
<text xmlns="http://www.w3.org/2000/svg" fill="black" xml:space="preserve" style="white-space: pre" font-family="Darker Grotesque" font-size="22" font-weight="600" letter-spacing="0em" y="1447.4" x="50%" text-anchor="middle">Section Title</text>
</g>
<g class="s_masonry_block">
<rect x="2" y="1114" width="700" height="240.804" fill="#FFFFFF"/>
<g>
<rect x="68" y="1114" width="209" height="265" fill="url(#theme_bewise_s_masonry_block_default_image_1_id)" class="img_reference_s_masonry_block_default_image_1"/>
</g>
<g>
<rect x="285" y="1114" width="146" height="127.891" fill="#F6F6F6"/>
<rect x="295" y="1207.33" width="71" height="11.5217" fill="#F6F6F6" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_bewise)"/>
<rect x="295" y="1224.61" width="54" height="5.76087" fill="#F6F6F6" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_bewise)"/>
</g>
<g>
<rect x="439" y="1114" width="197" height="127.891" rx="4" fill="#7C6576"/>
<rect x="449" y="1207.33" width="71" height="11.5217" fill="#7C6576" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_bewise)"/>
<rect x="449" y="1224.61" width="54" height="5.76087" fill="#7C6576" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_bewise)"/>
</g>
<g>
<rect x="285" y="1251.11" width="197" height="127.891" rx="4" fill="#3AADAA"/>
<rect x="295" y="1344.43" width="71" height="11.5217" fill="#3AADAA" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_bewise)"/>
<rect x="295" y="1361.72" width="54" height="5.76087" fill="#3AADAA" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_bewise)"/>
</g>
<g>
<rect x="490" y="1251.11" width="146" height="127.891" rx="4" fill="#F6F6F6"/>
<rect x="500" y="1344.43" width="71" height="11.5217" fill="#F6F6F6" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_bewise)"/>
<rect x="500" y="1361.72" width="54" height="5.76087" fill="#F6F6F6" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_bewise)"/>
</g>
</g>
<g class="s_faq_collapse">
<text fill="#FFFFFF" xml:space="preserve" style="white-space: pre" font-family="Darker Grotesque" font-size="24" font-weight="600" letter-spacing="0em" class="svgc_invert" filter="url(#filter_readability_theme_bewise)">
<tspan x="71.7949" y="966.668">Section title</tspan>
</text>
<g>
<rect x="311" y="947" width="202" height="4" fill="#FFFFFF" class="svgc_invert" filter="url(#filter_readability_theme_bewise)"/>
<rect x="311" y="974" width="323" height="2" fill="#FFFFFF" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_bewise)"/>
<rect x="311" y="986" width="332" height="2" fill="#FFFFFF" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_bewise)"/>
<rect x="311" y="998" width="112" height="2" fill="#FFFFFF" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_bewise)"/>
<g>
<path d="M642 945.714L646 949.724L645.44 950.286L642 946.837L638.56 950.286L638 949.724L642 945.714Z" fill="black"/>
</g>
<path d="M658 1021H311" stroke="black" stroke-opacity="0.4"/>
</g>
<g>
<rect x="311" y="1033" width="132" height="4" fill="#FFFFFF" class="svgc_invert" filter="url(#filter_readability_theme_bewise)"/>
<g clip-path="url(#clip1_220_5)">
<path d="M642 1038.29L638 1034.28L638.56 1033.71L642 1037.16L645.44 1033.71L646 1034.28L642 1038.29Z" fill="black"/>
</g>
<path d="M658 1049H311" stroke="black" stroke-opacity="0.4"/>
</g>
<g>
<g clip-path="url(#clip2_220_5)">
<path d="M642 1066.29L638 1062.28L638.56 1061.71L642 1065.16L645.44 1061.71L646 1062.28L642 1066.29Z" fill="black"/>
</g>
<g>
<rect x="311" y="1061" width="94" height="4" fill="#FFFFFF" class="svgc_invert" filter="url(#filter_readability_theme_bewise)"/>
</g>
</g>
</g>
<g class="s_color_blocks_2">
<g>
<rect x="349.501" y="671" width="349.501" height="235" fill="url(#theme_bewise_s_media_list_default_image_2_id)" class="img_reference_s_media_list_default_image_2"/>
<rect x="349.501" y="671" width="350.499" height="235" fill="black" fill-opacity="0.34"/>
<g>
<rect x="555.207" y="784.066" width="98.8588" height="1.47799" fill="#FDFDFD" fill-opacity="0.4"/>
<rect x="555.207" y="791.456" width="80.3852" height="1.47799" fill="#FDFDFD" fill-opacity="0.4"/>
<rect x="555.207" y="798.846" width="97.8602" height="1.47799" fill="#FDFDFD" fill-opacity="0.4"/>
<rect x="555.207" y="807.714" width="54.9215" height="1.47799" fill="#FDFDFD" fill-opacity="0.4"/>
</g>
<g>
<rect x="421.897" y="769.286" width="86.8759" height="1.47799" fill="#F7F7F7" fill-opacity="0.4"/>
<rect x="421.897" y="776.676" width="96.8616" height="1.47799" fill="#F7F7F7" fill-opacity="0.4"/>
<rect x="421.897" y="784.066" width="92.8673" height="1.47799" fill="#F7F7F7" fill-opacity="0.4"/>
<rect x="421.897" y="791.456" width="96.8616" height="1.47799" fill="#F7F7F7" fill-opacity="0.4"/>
<rect x="421.897" y="798.846" width="80.8845" height="1.47799" fill="#F7F7F7" fill-opacity="0.4"/>
<rect x="421.897" y="806.236" width="93.3666" height="1.47799" fill="#F7F7F7" fill-opacity="0.4"/>
<rect x="421.897" y="813.626" width="68.9016" height="1.47799" fill="#F7F7F7" fill-opacity="0.4"/>
</g>
<text fill="#FFFFFF" xml:space="preserve" style="white-space: pre" font-family="Darker Grotesque" font-size="20" font-weight="600" letter-spacing="0em">
<tspan x="422.397" y="748.821">Entry Title</tspan>
</text>
</g>
<g>
<rect x="0.998535" y="671" width="348.502" height="235" fill="url(#theme_bewise_s_media_list_default_image_1_id)" class="img_reference_s_media_list_default_image_1"/>
<rect y="671" width="349.501" height="235" fill="black" fill-opacity="0.34"/>
<g>
<rect x="204.708" y="784.066" width="98.8588" height="1.47799" fill="#FDFDFD" fill-opacity="0.4"/>
<rect x="204.708" y="791.456" width="80.3852" height="1.47799" fill="#FDFDFD" fill-opacity="0.4"/>
<rect x="204.708" y="798.846" width="97.8602" height="1.47799" fill="#FDFDFD" fill-opacity="0.4"/>
<rect x="204.708" y="807.714" width="54.9215" height="1.47799" fill="#FDFDFD" fill-opacity="0.4"/>
</g>
<g>
<rect x="71.3979" y="769.286" width="86.8759" height="1.47799" fill="#FEFEFE" fill-opacity="0.4"/>
<rect x="71.3979" y="776.676" width="96.8616" height="1.47799" fill="#FEFEFE" fill-opacity="0.4"/>
<rect x="71.3979" y="784.066" width="92.8673" height="1.47799" fill="#FEFEFE" fill-opacity="0.4"/>
<rect x="71.3979" y="791.456" width="96.8616" height="1.47799" fill="#FEFEFE" fill-opacity="0.4"/>
<rect x="71.3979" y="798.846" width="80.8845" height="1.47799" fill="#FEFEFE" fill-opacity="0.4"/>
<rect x="71.3979" y="806.236" width="93.3666" height="1.47799" fill="#FEFEFE" fill-opacity="0.4"/>
<rect x="71.3979" y="813.626" width="68.9016" height="1.47799" fill="#FEFEFE" fill-opacity="0.4"/>
</g>
<text fill="#383E45" xml:space="preserve" style="white-space: pre" font-family="Darker Grotesque" font-size="20" font-weight="600" letter-spacing="0em" class="svgc_invert" filter="url(#filter_readability_theme_bewise)">
<tspan x="70.8987" y="748.821">Entry Title</tspan>
</text>
</g>
</g>
<g class="s_title">
<text xmlns="http://www.w3.org/2000/svg" fill="#F6F6F6" xml:space="preserve" style="white-space: pre" font-family="Darker Grotesque" font-size="25" font-weight="600" letter-spacing="0em" class="svgc_invert" filter="url(#filter_readability_theme_bewise)" y="639.55" x="50%" text-anchor="middle">Section Title</text>
</g>
<g class="s_striped_center_top">
<rect y="37" width="700" height="366" fill="#7C6576"/>
<rect x="312" y="168" width="76" height="26" rx="4" fill="#3AADAA"/>
<rect x="210" y="126" width="280" height="2" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_bewise)"/>
<rect x="257.5" y="142" width="185" height="2" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_bewise)"/>
<rect x="257.5" y="531" width="185" height="2" fill="#FFFFFF" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_bewise)"/>
<rect x="129" y="243" width="443" height="278" fill="url(#theme_bewise_s_picture_default_image_id)" class="img_reference_s_picture_default_image"/>
<text xmlns="http://www.w3.org/2000/svg" fill="#383E45" xml:space="preserve" style="white-space: pre" font-family="Darker Grotesque" font-size="28" font-weight="bold" letter-spacing="0em" class="svgc_invert" filter="url(#filter_readability_theme_bewise)" y="98.696" x="50%" text-anchor="middle">Welcome message</text>
</g>
<g class="svgc_menu">
<rect width="700" height="37" fill="#MENU_COLOR" class="svgc_menu_bg"/>
<rect opacity="0.3" x="103" y="14" width="36" height="9.86667" fill="#MENU_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_bewise)"/>
<rect opacity="0.3" x="146" y="14" width="36" height="9.86667" fill="#MENU_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_bewise)"/>
<rect opacity="0.3" x="189" y="14" width="36" height="9.86667" fill="#MENU_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_bewise)"/>
<rect opacity="0.3" x="631" y="13.5667" width="36" height="9.86667" fill="#MENU_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_bewise)"/>
<rect opacity="0.3" x="586" y="13.5667" width="36" height="9.86667" fill="#MENU_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_bewise)"/>
<text fill="#MENU_COLOR" xml:space="preserve" style="white-space: pre" font-family="Arial" font-size="20" font-weight="bold" letter-spacing="0em" class="svgc_invert" filter="url(#filter_readability_theme_bewise)">
<tspan x="31" y="26.4336">LOGO</tspan>
</text>
</g>
</g>
</svg>