[IMP] theme_enark: revamp the theme

task-4178071
Part of task-4177978

closes odoo/design-themes#932

Signed-off-by: Benjamin Vray (bvr) <bvr@odoo.com>
This commit is contained in:
Brieuc-brd
2024-09-23 11:53:04 +02:00
parent c31b3c7c83
commit ff95793399
15 changed files with 396 additions and 174 deletions
+6
View File
@@ -2,9 +2,14 @@
<odoo>
<template id="s_cta_box" inherit_id="website.s_cta_box">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc2 pt0" remove="pt80" separator=" "/>
</xpath>
<!-- Card -->
<xpath expr="//div[hasclass('card')]" position="attributes">
<attribute name="class" add="o_cc5" remove="o_cc4" separator=" "/>
<attribute name="style" add="border-radius: 0px !important;" separator=" "/>
</xpath>
<!-- Title -->
<xpath expr="//h2" position="replace" mode="inner">
@@ -17,6 +22,7 @@
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="src">/theme_enark/static/src/img/snippets/library_image_02.jpg</attribute>
<attribute name="class" remove="rounded-end" separator=" "/>
</xpath>
<!-- Button -->
<xpath expr="//a[hasclass('btn')]" position="replace" mode="inner">
+52 -7
View File
@@ -2,25 +2,70 @@
<odoo>
<template id="s_features_wall" inherit_id="website.s_features_wall">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data">{'shape':'web_editor/Airy/10','flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
</xpath>
<xpath expr="//div[hasclass('o_we_shape')]" position="replace">
<div class="o_we_shape o_web_editor_Airy_10"/>
</xpath>
<xpath expr="//div[hasclass('o_grid_mode')]" position="attributes">
<attribute name="style">gap: 0px 16px;</attribute>
</xpath>
<!-- Intro -->
<xpath expr="//div[hasclass('o_grid_item')]" position="attributes">
<attribute name="style">z-index: 1; --grid-item-padding-y: 0px; --grid-item-padding-x: 0px; grid-area: 1 / 8 / 22 / 13;</attribute>
</xpath>
<xpath expr="//h2" position="attributes">
<attribute name="class"/>
<attribute name="style">text-align: right;</attribute>
</xpath>
<xpath expr="//p[hasclass('lead')]" position="attributes">
<attribute name="style">text-align: right;</attribute>
</xpath>
<xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
Discover our latest collection: sustainable, innovative designs that blend modern elegance with timeless architectural beauty.
</xpath>
<!-- Card 1 -->
<xpath expr="//div[hasclass('g-col-lg-3')]//h3" position="replace" mode="inner">
<xpath expr="//div[hasclass('o_grid_item_image')]" position="attributes">
<attribute name="class" add="g-height-8" remove="g-height-6" separator=" "/>
<attribute name="style">z-index: 2; --grid-item-padding-y: 0px; --grid-item-padding-x: 0px; grid-area: 2 / 1 / 10 / 4;</attribute>
</xpath>
<xpath expr="(//div[hasclass('o_grid_item')])[3]" position="attributes">
<attribute name="style">z-index: 3; --grid-item-padding-y: 12px; --grid-item-padding-x: 0px; grid-area: 10 / 1 / 14 / 4;</attribute>
</xpath>
<xpath expr="(//div[hasclass('o_grid_item')])[3]//h3" position="replace" mode="inner">
Innovative Design Solutions
</xpath>
<xpath expr="//div[hasclass('g-col-lg-3')]//p" position="replace" mode="inner">
<xpath expr="(//div[hasclass('o_grid_item')])[3]//p" position="replace" mode="inner">
Transform your vision into reality with cutting-edge architectural designs tailored to your unique needs and aesthetic preferences.
</xpath>
<!-- Card 2 -->
<xpath expr="//div[hasclass('g-col-lg-3')][4]//h3" position="replace" mode="inner">
<xpath expr="(//div[hasclass('o_grid_item_image')])[2]" position="attributes">
<attribute name="class" add="g-height-3" remove="g-height-6" separator=" "/>
<attribute name="style">z-index: 4; --grid-item-padding-y: 0px; --grid-item-padding-x: 0px; grid-area: 1 / 4 / 4 / 7;</attribute>
</xpath>
<xpath expr="(//div[hasclass('o_grid_item')])[5]" position="attributes">
<attribute name="style">z-index: 5; --grid-item-padding-y: 12px; --grid-item-padding-x: 0px; grid-area: 4 / 4 / 8 / 7;</attribute>
</xpath>
<xpath expr="(//div[hasclass('o_grid_item')])[5]//h3" position="replace" mode="inner">
Sustainable Building Practices
</xpath>
<xpath expr="//div[hasclass('g-col-lg-3')][4]//p" position="replace" mode="inner">
Embrace eco-friendly architecture with sustainable design solutions that enhance efficiency and reduce environmental impact.
<xpath expr="(//div[hasclass('o_grid_item')])[5]//p" position="replace" mode="inner">
Embrace eco-friendly architecture with sustainable design solutions that reduce environmental impact.
</xpath>
<!-- Card 3 -->
<xpath expr="//div[hasclass('g-col-lg-3')][6]//h3" position="replace" mode="inner">
<xpath expr="(//div[hasclass('o_grid_item_image')])[3]" position="attributes">
<attribute name="class" add="g-height-4" remove="g-height-6" separator=" "/>
<attribute name="style">z-index: 6; --grid-item-padding-y: 0px; --grid-item-padding-x: 0px; grid-area: 8 / 4 / 12 / 7;</attribute>
</xpath>
<xpath expr="(//div[hasclass('o_grid_item')])[7]" position="attributes">
<attribute name="style">z-index: 7; --grid-item-padding-y: 12px; --grid-item-padding-x: 0px; grid-area: 12 / 4 / 16 / 7;</attribute>
</xpath>
<xpath expr="//div[hasclass('o_grid_item')][7]//h3" position="replace" mode="inner">
Detailed Project Management
</xpath>
<xpath expr="//div[hasclass('g-col-lg-3')][6]//p" position="replace" mode="inner">
<xpath expr="//div[hasclass('o_grid_item')][7]//p" position="replace" mode="inner">
Experience seamless project execution with meticulous planning, budgeting, and oversight from concept to completion.
</xpath>
</template>
+23 -2
View File
@@ -2,9 +2,30 @@
<odoo>
<template id="s_freegrid" inherit_id="website.s_freegrid">
<!-- Layout -->
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data">{'shape':'web_editor/Origins/04_001','colors':{'c3':'o-color-5'},'flip':[],'showOnMobile':true,'shapeAnimationSpeed':'0'}</attribute>
<attribute name="class" add="pt128" remove="pt64" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('o_grid_mode')]" position="attributes">
<attribute name="data-row-count">17</attribute>
</xpath>
<xpath expr="//div[hasclass('container-fluid')]" position="before">
<div class="o_we_shape o_web_editor_Origins_04_001 o_shape_show_mobile" style="background-image: url('/web_editor/shape/web_editor/Origins/04_001.svg?c3=o-color-5');"/>
</xpath>
<xpath expr="//div[hasclass('container-fluid')]" position="attributes">
<attribute name="class" add="container" remove="container-fluid" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('o_grid_item')])[7]" position="attributes">
<attribute name="class" add="g-height-6" remove="g-height-5" separator=" "/>
<attribute name="style">z-index: 7; grid-area: 12 / 1 / 18 / 8; --grid-item-padding-y: 16px; --grid-item-padding-x: 0px;</attribute>
</xpath>
<xpath expr="(//div[hasclass('o_grid_item')])[8]" position="attributes">
<attribute name="style">z-index: 8; grid-area: 12 / 10 / 14 / 13; --grid-item-padding-y: 16px; --grid-item-padding-x: 0px;"</attribute>
</xpath>
<!-- Title -->
<xpath expr="//h2" position="replace" mode="inner">
Architectural Excellence for Corporate Success
<xpath expr="//h2" position="replace">
<h1 class="display-4">Architectural Excellence for Corporate Success</h1>
</xpath>
<!-- Paragraph -->
<xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
@@ -6,17 +6,6 @@
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc1" remove="o_cc2" separator=" "/>
</xpath>
<!-- Row 1 - Layout -->
<xpath expr="(//div[hasclass('row')])[2]" position="attributes">
<attribute name="class" add="border rounded" separator=" "/>
<attribute name="style" add="border-width: 1px !important; border-color: rgb(70, 77, 83) !important; border-radius: 4px !important;" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('col-lg-4')]" position="attributes">
<attribute name="class" add="col-lg-6" remove="col-lg-4" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('col-lg-8')]" position="attributes">
<attribute name="class" add="col-lg-6" remove="col-lg-8" separator=" "/>
</xpath>
<!-- Row #1 - Title & paragraph -->
<xpath expr="//div[hasclass('s_media_list_body')]//h3" position="replace" mode="inner">
Construction site
@@ -24,11 +13,6 @@
<xpath expr="//div[hasclass('s_media_list_body')]//p" position="replace" mode="inner">
Our mastery of construction techniques has been built up over time through our close collaboration with the workers and our sustained presence on the construction sites.
</xpath>
<!-- Row 2 - Layout -->
<xpath expr="(//div[hasclass('row')])[3]" position="attributes">
<attribute name="class" add="border rounded" separator=" "/>
<attribute name="style" add="border-width: 1px !important; border-color: rgb(70, 77, 83) !important; border-radius: 4px !important;" separator=" "/>
</xpath>
<!-- Row #2 - Title & paragraph -->
<xpath expr="(//div[hasclass('s_media_list_body')])[2]//h3" position="replace" mode="inner">
Nature friendly
@@ -36,11 +20,6 @@
<xpath expr="(//div[hasclass('s_media_list_body')])[2]//p" position="replace" mode="inner">
Our creations integrate and are in perfect harmony with their environment.
</xpath>
<!-- Row 3 - Layout -->
<xpath expr="(//div[hasclass('row')])[4]" position="attributes">
<attribute name="class" add="o_cc o_cc5 flex-row-reverse border rounded" remove="o_cc o_cc1" separator=" "/>
<attribute name="style" add="border-width: 1px !important; border-color: rgb(70, 77, 83) !important; border-radius: 4px !important;" separator=" "/>
</xpath>
<!-- Row #3 - Title & paragraph -->
<xpath expr="(//div[hasclass('s_media_list_body')])[3]//h3" position="replace" mode="inner">
Know our clients.
@@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_numbers_list" inherit_id="website.s_numbers_list">
<xpath expr="//div[hasclass('col-lg-5')]//p" position="after">
<p><br/></p>
<p><a href="#" class="btn btn-secondary">More details</a></p>
</xpath>
</template>
</odoo>
@@ -0,0 +1,10 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_references" inherit_id="website.s_references">
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc2" remove="o_cc1" separator=" "/>
</xpath>
</template>
</odoo>
+14
View File
@@ -0,0 +1,14 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_title" inherit_id="website.s_title">
<xpath expr="//h2" position="attributes">
<attribute name="class"/>
<attribute name="style">text-align: left;</attribute>
</xpath>
<xpath expr="//h2" position="replace" mode="inner">
Innovative architecture <br/>and sustainable design solutions
</xpath>
</template>
</odoo>