[IMP] theme_odoo_experts: fine tune the theme with device shapes

This commit improves the global layout of theme_odoo_experts to give
more variety with the others corporate themes (buzzy, graphene, clean,
etc.).
The purpose is to have a theme that can be used to present an
application and to promote the new category of device shapes.

task-2666049

closes odoo/design-themes#525

Related: odoo/odoo#79068
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit is contained in:
Brieuc-brd
2021-10-14 12:52:02 +00:00
committed by qsm-odoo
parent dc2f511202
commit f3f495d29f
19 changed files with 433 additions and 362 deletions
@@ -4,24 +4,32 @@
<template id="s_image_text" inherit_id="website.s_image_text">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="pt184 pb64" remove="pt32 pb32" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/08","flip":[]}</attribute>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/01","flip":[]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Origins_08"/>
<div class="o_we_shape o_web_editor_Bold_01"/>
</xpath>
<!-- Column #1 -->
<xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
<attribute name="class" add="col-lg-8" remove="col-lg-6" separator=" "/>
<attribute name="class" add="col-lg-5" remove="col-lg-6" separator=" "/>
</xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_image_text_device_perspective/web_editor/devices/iphone_3d_portrait_01.svg?c5=o-color-5</attribute>
<attribute name="data-shape">web_editor/devices/iphone_3d_portrait_01</attribute>
<attribute name="data-original-mimetype">image/jpg</attribute>
<attribute name="data-file-name">s_image_text_device_perspective.svg</attribute>
<attribute name="data-shape-colors">;;;;o-color-5</attribute>
<attribute name="style">padding: 48px !important;</attribute>
</xpath>
<!-- Column #2 -->
<xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
<attribute name="class" add="col-lg-4" remove="col-lg-6" separator=" "/>
<attribute name="class" add="offset-lg-1" separator=" "/>
</xpath>
<!-- Column #2 - Title -->
<xpath expr="//h2" position="replace" mode="inner">
Our vision
A solution for <br/>every need
</xpath>
<!-- Column #2 - Paragraphs -->
<xpath expr="//p" position="replace" mode="inner">
@@ -30,16 +38,6 @@
<xpath expr="//p[2]" position="replace" mode="inner">
We see our role as that of a legal partner responsible for constantly finding practical and pragmatic solutions that are adapted to our clients' needs.
</xpath>
<!-- Column #2 - Button -->
<xpath expr="//a[hasclass('btn')]" position="attributes">
<attribute name="class" add="flat" separator=" "/>
</xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="style">padding: 32px !important;</attribute>
<!-- Enable SVG dynamic color functionality -->
<attribute name="src">/web_editor/shape/theme_odoo_experts/s_image_text.svg?c1=o-color-1</attribute>
</xpath>
</template>
</odoo>