[IMP] theme_kiddo: redesign of the theme

This commit introduces a redesign of the Kiddo theme.
It also moves 6 svg icons from the "static/src/img/snippets/" to
"static/shapes" to allow the use of the dynamic colors in the Web
Editor.

task-2687297

closes odoo/design-themes#529

Related: odoo/odoo#80658
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit is contained in:
Brieuc-brd
2021-11-26 09:01:06 +00:00
parent 0fc0d85c2c
commit ae199ad589
51 changed files with 816 additions and 551 deletions
+13 -10
View File
@@ -4,24 +4,27 @@
<template id="s_call_to_action" inherit_id="website.s_call_to_action">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_half_screen_height pt0 pb176" remove="pt48 pb24" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/22"}</attribute>
<attribute name="class" add="o_cc2 pt152 pb152 o_colored_level" remove="pt48 pb24 o_cc3" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/14"}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Wavy_22 o_we_flip_X"/>
<div class="o_we_shape o_web_editor_Floats_14"/>
</xpath>
<!-- Paragraph -->
<xpath expr="//div[hasclass('col-lg-9')]" position="replace">
<div class="col-lg-9 pb16">
<h3><b>2,000 parents</b> brought their kid to our nursery.</h3>
<p>Entrust us with your children and go to work with peace of mind.</p>
<div class="col-lg-10 offset-lg-1 pt48 pb24">
<h3 style="text-align: center;">2,000 parents<br/> brought their kid to our nursery.</h3>
<p style="text-align: center;">Entrust us with your children and go to work with peace of mind</p>
<p><br/></p>
<p style="text-align: center;"><a t-att-href="cta_btn_href" class="btn btn-primary btn-lg mb-2"><t t-esc="cta_btn_text">Contact us</t></a></p>
</div>
</xpath>
<!-- Button -->
<xpath expr="//a" position="attributes">
<attribute name="class" add="btn-secondary" remove="btn-primary" separator=" "/>
</xpath>
<!-- Remove last column with button -->
<xpath expr="//div[hasclass('col-lg-3')]" position="replace"/>
</template>
</odoo>