mirror of
https://github.com/odoo/design-themes.git
synced 2025-10-07 01:18:52 +07:00
[FIX] theme_*: move svg preview from iap to design-themes repo
closes odoo/design-themes#503
X-original-commit: f2453983a7
Related: odoo/odoo#77199
Signed-off-by: Jérémy Kersten (jke) <jke@openerp.com>
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit is contained in:
Design
@@ -0,0 +1,208 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 700 1850">
|
||||
<defs>
|
||||
<!-- Font -->
|
||||
<style type="text/css">
|
||||
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@700&display=swap');
|
||||
</style>
|
||||
<!-- Gradient -->
|
||||
<linearGradient id="theme_avantgarde_gradient" x1="24.6" y1="259.05" x2="1203.01" y2="-64.98" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0" stop-color="#7C6576"/>
|
||||
<stop offset="1" stop-color="#F6F6F6"/>
|
||||
</linearGradient>
|
||||
<!-- Cover -->
|
||||
<pattern width="1" height="1" patternunits="objectBoundingBox" id="theme_avantgarde_s_cover_default_image_id">
|
||||
<image preserveAspectRatio="xMidYMid slice" width="700" height="265.15" href="#s_cover_default_image_url"/>
|
||||
</pattern>
|
||||
<!-- Picture -->
|
||||
<pattern width="1" height="1" patternunits="objectBoundingBox" id="theme_avantgarde_s_picture_default_image_id">
|
||||
<image preserveAspectRatio="xMidYMid slice" width="194.229" height="277.7082" href="#s_picture_default_image_url"/>
|
||||
</pattern>
|
||||
<!-- Columns 1 -->
|
||||
<pattern width="1" height="1" patternunits="objectBoundingBox" id="theme_avantgarde_s_three_columns_default_image_1_id">
|
||||
<image preserveAspectRatio="xMidYMid slice" width="147.6" height="160.04" href="#s_three_columns_default_image_1_url"/>
|
||||
</pattern>
|
||||
<!-- Columns 2 -->
|
||||
<pattern width="1" height="1" patternunits="objectBoundingBox" id="theme_avantgarde_s_three_columns_default_image_2_id">
|
||||
<image preserveAspectRatio="xMidYMid slice" width="147.6" height="160.04" href="#s_three_columns_default_image_2_url"/>
|
||||
</pattern>
|
||||
<!-- Columns 3 -->
|
||||
<pattern width="1" height="1" patternunits="objectBoundingBox" id="theme_avantgarde_s_three_columns_default_image_3_id">
|
||||
<image preserveAspectRatio="xMidYMid slice" width="147.6" height="160.04" href="#s_three_columns_default_image_3_url"/>
|
||||
</pattern>
|
||||
<!-- Text - Image -->
|
||||
<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>
|
||||
</defs>
|
||||
|
||||
<g class="theme_avantgarde">
|
||||
|
||||
<!-- Menu -->
|
||||
<g class="svgc_menu">
|
||||
<!-- 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"/>
|
||||
<!-- 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"/>
|
||||
</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"/>
|
||||
</g>
|
||||
|
||||
<!-- Cover -->
|
||||
<g class="s_cover">
|
||||
<!-- Gradient -->
|
||||
<rect y="37" width="700" height="265.15" style="opacity:1;fill:url(#theme_avantgarde_gradient)"/>
|
||||
<!-- Overlay -->
|
||||
<rect y="37" width="700" height="265.15" style="fill:#000;opacity:0.3"/>
|
||||
<!-- Cover Image -->
|
||||
<rect y="37" width="700" height="265.15" class="img_reference_s_cover_default_image" fill="url(#theme_avantgarde_s_cover_default_image_id)" opacity=".15"/>
|
||||
<g opacity="0.549000024795532">
|
||||
<rect x="184.31" y="168.53" width="341.79" height="2" fill="#FFFFFF"/>
|
||||
<rect x="180.96" y="173.53" width="346.79" height="2" fill="#FFFFFF"/>
|
||||
</g>
|
||||
<rect x="316.9" y="189.89" width="66.21" height="19.72" rx="1.41" style="fill:none;stroke:#FFFDFF;stroke-miterlimit:10;stroke-width:2px"/>
|
||||
<text x="160" y="144.8023" style="font-size:36px;fill:#FFFDFF;font-family:'Syne';font-weight:bold;">We are Avantgarde.</text>
|
||||
</g>
|
||||
|
||||
<!-- Picture -->
|
||||
<g class="s_picture">
|
||||
<rect y="302.15" width="700" height="460" fill="#F6F6F6"/>
|
||||
<!-- Overlay -->
|
||||
<rect y="302.15" width="700" height="460" style="fill:#FFF;opacity:0.5"/>
|
||||
<!-- Text -->
|
||||
<text x="71" y="383" style="font-size:33.8px;fill:#7C6576;font-family:'Syne';font-weight:bold;">A Section Title</text>
|
||||
<g opacity="0.549000024795532">
|
||||
<rect x="70.58" y="392.29" width="143.03" height="2" fill="#383E45"/>
|
||||
<rect x="70.75" y="397.29" width="206.93" height="2" fill="#383E45"/>
|
||||
<rect x="327.15" y="713.94" width="143.03" height="2" fill="#383E45"/>
|
||||
</g>
|
||||
<path d="M383.58,466.83c140.49,202.94,52.7,252-46,210.44-39.29-16.55-40.84-36.73-71.77-89.54C194.16,465.34,309.14,359.31,383.58,466.83Z" style="fill:none;stroke:#7C6576;stroke-miterlimit:10;stroke-width:7px"/>
|
||||
<!-- Picture Image -->
|
||||
<path width="194.229" height="277.7082" class="img_reference_s_picture_default_image" fill="url(#theme_avantgarde_s_picture_default_image_id)" d="M256.9,592.49l19.64-114c4.73-27.45,26-49.94,54.73-57.79h0c41.13-11.24,84.28,10.62,96.38,48.83a68,68,0,0,1,2.35,10l19.35,124.07c5,31.81-13.34,62.83-44.88,76.06l-22.4,9.39c-32.47,13.63-70.77,5-92.85-21l-16.6-19.47A68.48,68.48,0,0,1,256.9,592.49Z"/>
|
||||
</g>
|
||||
|
||||
<!-- Columns -->
|
||||
<g class="s_three_columns">
|
||||
<rect y="757.19" width="700" height="452.29" fill="#F6F6F6"/>
|
||||
<!-- Overlay -->
|
||||
<rect y="757.19" width="700" height="452.29" style="fill:#FFF;opacity:0.5"/>
|
||||
<!-- Column 1 -->
|
||||
<rect x="89.67" y="830.12" width="147.6" height="237.6" rx="2.32" fill="#7C6576"/>
|
||||
<!-- Image -->
|
||||
<rect x="107.67" y="848.12" width="147.6" height="160.04" class="img_reference_s_three_columns_default_image_1" fill="url(#theme_avantgarde_s_three_columns_default_image_1_id)"/>
|
||||
<rect x="107.67" y="1008.16" width="147.6" height="77.56" fill="#FFFFFF"/>
|
||||
<g opacity="0.393999993801117">
|
||||
<rect x="120.27" y="1047.02" width="75.6" height="1.8" fill="#383E45"/>
|
||||
<rect x="120.27" y="1051.52" width="66.94" height="1.8" fill="#383E45"/>
|
||||
<rect x="120.27" y="1056.02" width="45.59" height="1.8" fill="#383E45"/>
|
||||
<rect x="120.27" y="1060.52" width="52.52" height="1.8" fill="#383E45"/>
|
||||
</g>
|
||||
<rect x="107.67" y="848.12" width="147.6" height="237.6" rx="2.32" style="fill:none;stroke:#7C6576;stroke-miterlimit:10;stroke-width:4px"/>
|
||||
<!-- Text -->
|
||||
<text x="120" y="1035" style="font-size:16.9px;fill:#7C6576;font-family:'Syne';font-weight:bold;">Entry Title</text>
|
||||
<!-- Column 2 -->
|
||||
<!-- Shadow -->
|
||||
<rect width="147.6" height="237.6" transform="translate(285 848.5)" filter="drop-shadow(0 0 25px rgba(0,0,0,.5))"/>
|
||||
<!-- Image -->
|
||||
<rect x="284.39" y="848.12" width="147.6" height="160.04" class="img_reference_s_three_columns_default_image_2" fill="url(#theme_avantgarde_s_three_columns_default_image_2_id)"/>
|
||||
<rect x="284.39" y="1008.16" width="147.6" height="77.56" fill="#FFFFFF"/>
|
||||
<g opacity="0.393999993801117">
|
||||
<rect x="296.99" y="1047.02" width="75.6" height="1.8" fill="#383E45"/>
|
||||
<rect x="296.99" y="1051.52" width="66.94" height="1.8" fill="#383E45"/>
|
||||
<rect x="296.99" y="1056.02" width="45.59" height="1.8" fill="#383E45"/>
|
||||
<rect x="296.99" y="1060.52" width="52.52" height="1.8" fill="#383E45"/>
|
||||
</g>
|
||||
<rect x="284.39" y="848.12" width="147.6" height="237.6" rx="2.32" style="fill:none;stroke:#FFFFFF;stroke-miterlimit:10;stroke-width:4px"/>
|
||||
<!-- Text -->
|
||||
<text x="296.75" y="1035" style="font-size:16.9px;fill:#7C6576;font-family:'Syne';font-weight:bold;">Entry Title</text>
|
||||
<!-- Column 3 -->
|
||||
<rect x="478.09" y="870.12" width="147.6" height="237.6" rx="2.32" fill="#3AADAA"/>
|
||||
<!-- Image -->
|
||||
<rect x="456.09" y="848.12" width="147.6" height="160.04" class="img_reference_s_three_columns_default_image_3" fill="url(#theme_avantgarde_s_three_columns_default_image_3_id)"/>
|
||||
<rect x="456.09" y="1008.16" width="147.6" height="77.56" fill="#FFFFFF"/>
|
||||
<g opacity="0.393999993801117">
|
||||
<rect x="468.69" y="1047.02" width="75.6" height="1.8" fill="#383E45"/>
|
||||
<rect x="468.69" y="1051.52" width="66.94" height="1.8" fill="#383E45"/>
|
||||
<rect x="468.69" y="1056.02" width="45.59" height="1.8" fill="#383E45"/>
|
||||
<rect x="468.69" y="1060.52" width="52.52" height="1.8" fill="#383E45"/>
|
||||
</g>
|
||||
<rect x="456.09" y="848.12" width="147.6" height="237.6" rx="2.32" style="fill:none;stroke:#3AADAA;stroke-miterlimit:10;stroke-width:4px"/>
|
||||
<!-- Text -->
|
||||
<text x="468.75" y="1035" style="font-size:16.9px;fill:#7C6576;font-family:'Syne';font-weight:bold;">Entry Title</text>
|
||||
<!-- Shape -->
|
||||
<path d="M700,1210.12H0v-12.06c134.4,8.89,268.5,17.63,340.8,1.33,6.1-1.39,12.3-2.56,18.55-3.69,170-30.06,211.4-6.18,340.7,2.36v12.06Z" fill="#7C6576"/>
|
||||
<!-- Shape Overlay-->
|
||||
<path d="M700,1210.12H0v-12.06c134.4,8.89,268.5,17.63,340.8,1.33,6.1-1.39,12.3-2.56,18.55-3.69,170-30.06,211.4-6.18,340.7,2.36v12.06Z" style="fill:#000;opacity:0.3"/>
|
||||
</g>
|
||||
|
||||
<!-- Text - Image -->
|
||||
<g class="s_text_image">
|
||||
<rect y="1207.61" width="700.05" height="332.89" fill="#7C6576"/>
|
||||
<!-- Overlay -->
|
||||
<rect y="1207.61" width="700.05" height="332.89" style="fill:#000;opacity:0.3"/>
|
||||
<path d="M537.44,1352.75l-51.91-41.27-52.4-41.1a16.33,16.33,0,0,0-9.86-3.69c-11-.19-20,11.51-20.11,26.13l-.67,81-.68,80.89a33.34,33.34,0,0,0,2.67,13.59c5.48,12.61,17.59,16.9,27,9.59l52.9-39.62,53-39.63a24.2,24.2,0,0,0,7.29-9.72C550.21,1376.23,546.94,1360,537.44,1352.75Z" style="fill:none;stroke:#3AADAA;stroke-miterlimit:10;stroke-width:6px;isolation:isolate"/>
|
||||
<!-- Image -->
|
||||
<path width="193.0843" height="192.9226" class="img_reference_s_text_image_default_image" fill="url(#theme_avantgarde_s_text_image_default_image_id)" d="M498.73,1284.89c21.95,9.59,42.41,42.28,44.07,77.7,1.5,34.55-16.47,71.93-43,92.7s-61.49,25.79-89.54,12-49.85-46.31-57.43-80c-7.45-32.85-.67-66.93,14.47-81s39.43-7.35,62.83-11.55C454.22,1290.42,476.87,1276.14,498.73,1284.89Z"/>
|
||||
<!-- Content -->
|
||||
<g opacity="0.393999993801117">
|
||||
<rect x="150.31" y="1373.16" width="127.97" height="2" fill="#FFFFFF"/>
|
||||
<rect x="150.31" y="1378.16" width="135.86" height="2" fill="#FFFFFF"/>
|
||||
<rect x="150.31" y="1383.16" width="138.89" height="2" fill="#FFFFFF"/>
|
||||
<rect x="150.31" y="1388.16" width="118.5" height="2" fill="#FFFFFF"/>
|
||||
<rect x="150.31" y="1404.03" width="138.89" height="2" fill="#FFFFFF"/>
|
||||
<rect x="150.31" y="1409.03" width="122.98" height="2" fill="#FFFFFF"/>
|
||||
<rect x="150.31" y="1414.03" width="83.76" height="2" fill="#FFFFFF"/>
|
||||
</g>
|
||||
<!-- Text -->
|
||||
<text x="150.5" y="1319.5" style="font-size:33.8px;fill:#F6F6F6;font-family:'Syne';font-weight:bold;">Section
|
||||
<tspan x="150.5" y="1350.5">Title</tspan>
|
||||
</text>
|
||||
<rect x="151.31" y="1436.89" width="66.21" height="19.72" rx="1.41" style="fill:none;stroke:#3AADAA;stroke-miterlimit:10;stroke-width:2px"/>
|
||||
</g>
|
||||
|
||||
<!-- Call to Action -->
|
||||
<g class="s_call_to_action">
|
||||
<rect y="1538" width="700" height="175" fill="#7C6576"/>
|
||||
<!-- Overlay -->
|
||||
<rect y="1538" width="700" height="175" style="fill:#000;opacity:0.3"/>
|
||||
<!-- Shape -->
|
||||
<path d="M0,1691.19V1714H700v-22.85C457.85,1711.59,224,1712.79,0,1691.19Z" fill="#FOOTER_COLOR"/>
|
||||
<rect x="455.38" y="1616.16" width="66.21" height="19.72" rx="1.41" style="fill:none;stroke:#3AADAA;stroke-miterlimit:10;stroke-width:2px"/>
|
||||
<g opacity="0.393999993801117">
|
||||
<rect x="160.7" y="1622.52" width="282.56" height="2" fill="#FFFFFF"/>
|
||||
<rect x="193.06" y="1627.52" width="250.2" height="2" fill="#FFFFFF"/>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<!-- Footer -->
|
||||
<g class="svgc_footer">
|
||||
<!-- Footer Background -->
|
||||
<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"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 17 KiB |
Reference in New Issue
Block a user