mirror of
https://github.com/odoo/design-themes.git
synced 2025-10-07 01:18:52 +07:00
[IMP] theme_treehouse: revamp the theme
task-4178089 Part of task-4177975 Part-of: odoo/design-themes#919 Related: odoo/odoo#180736 Signed-off-by: Serge Bayet (seba) <seba@odoo.com> Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit is contained in:
Brieuc-brd
@@ -29,10 +29,13 @@
|
||||
'views/snippets/s_key_images.xml',
|
||||
'views/snippets/s_images_mosaic.xml',
|
||||
'views/snippets/s_media_list.xml',
|
||||
'views/snippets/s_numbers_list.xml',
|
||||
'views/snippets/s_picture.xml',
|
||||
'views/snippets/s_freegrid.xml',
|
||||
'views/snippets/s_quotes_carousel.xml',
|
||||
'views/snippets/s_quotes_carousel_minimal.xml',
|
||||
'views/snippets/s_references.xml',
|
||||
'views/snippets/s_sidegrid.xml',
|
||||
'views/snippets/s_tabs.xml',
|
||||
'views/snippets/s_text_block.xml',
|
||||
'views/snippets/s_text_image.xml',
|
||||
@@ -57,15 +60,20 @@
|
||||
'static/description/treehouse_screenshot.jpg',
|
||||
],
|
||||
'images_preview_theme': {
|
||||
'website.s_cover_default_image': '/theme_treehouse/static/src/img/content/cover.jpg',
|
||||
'website.s_sidegrid_default_image_1': '/theme_treehouse/static/src/img/content/s_sidegrid_default_image_1.jpg',
|
||||
'website.s_sidegrid_default_image_2': '/theme_treehouse/static/src/img/content/s_sidegrid_default_image_2.jpg',
|
||||
'website.s_sidegrid_default_image_3': '/theme_treehouse/static/src/img/content/s_sidegrid_default_image_3.jpg',
|
||||
'website.s_sidegrid_default_image_4': '/theme_treehouse/static/src/img/content/s_sidegrid_default_image_4.jpg',
|
||||
'website.s_text_image_default_image': '/theme_treehouse/static/src/img/content/text_image.jpg',
|
||||
'website.s_parallax_default_image': '/website/static/src/img/snippets_demo/s_parallax.jpg',
|
||||
'website.s_three_columns_default_image_1': '/theme_treehouse/static/src/img/content/three_columns_01.jpg',
|
||||
'website.s_three_columns_default_image_2': '/theme_treehouse/static/src/img/content/three_columns_02.jpg',
|
||||
'website.s_three_columns_default_image_3': '/theme_treehouse/static/src/img/content/three_columns_03.jpg',
|
||||
'website.library_image_03': '/theme_treehouse/static/src/img/backgrounds/05.jpg',
|
||||
'website.library_image_13': '/theme_treehouse/static/src/img/content/s_freegrid_default_image_2.jpg',
|
||||
'website.library_image_10': '/theme_treehouse/static/src/img/content/s_freegrid_default_image_3.jpg',
|
||||
'website.library_image_05': '/theme_treehouse/static/src/img/content/s_freegrid_default_image_4.jpg',
|
||||
'website.library_image_14': '/theme_treehouse/static/src/img/content/s_freegrid_default_image_5.jpg',
|
||||
'website.library_image_16': '/theme_treehouse/static/src/img/content/s_freegrid_default_image_6.jpg',
|
||||
},
|
||||
'configurator_snippets': {
|
||||
'homepage': ['s_cover', 's_text_image', 's_title', 's_three_columns', 's_call_to_action'],
|
||||
'homepage': ['s_sidegrid', 's_numbers_list', 's_color_blocks_2', 's_references', 's_freegrid'],
|
||||
},
|
||||
'new_page_templates': {
|
||||
'about': {
|
||||
|
||||
@@ -7,10 +7,10 @@ class ThemeTreehouse(models.AbstractModel):
|
||||
def _theme_treehouse_post_copy(self, mod):
|
||||
self.disable_view('website.header_visibility_standard')
|
||||
self.enable_view('website.header_visibility_fixed')
|
||||
self.enable_view('website.template_header_vertical')
|
||||
|
||||
self.enable_view('website.template_footer_contact')
|
||||
self.enable_view('website.template_footer_descriptive')
|
||||
self.enable_view('website.template_footer_slideout')
|
||||
self.enable_view('website.option_footer_scrolltop')
|
||||
|
||||
self.enable_asset("website.ripple_effect_scss")
|
||||
self.enable_asset("website.ripple_effect_js")
|
||||
|
||||
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 63 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 196 KiB After Width: | Height: | Size: 95 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 92 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
@@ -4,34 +4,34 @@ import * as wTourUtils from '@website/js/tours/tour_utils';
|
||||
|
||||
const snippets = [
|
||||
{
|
||||
id: 's_cover',
|
||||
name: 'Cover',
|
||||
id: 's_sidegrid',
|
||||
name: 'Side grid',
|
||||
groupName: "Intro",
|
||||
},
|
||||
{
|
||||
id: 's_text_image',
|
||||
name: 'Text - Image',
|
||||
id: 's_numbers_list',
|
||||
name: 'Numbers list',
|
||||
groupName: "Content",
|
||||
},
|
||||
{
|
||||
id: 's_title',
|
||||
name: 'Title',
|
||||
groupName: "Text",
|
||||
id: 's_color_blocks_2',
|
||||
name: 'Big Boxes',
|
||||
groupName: "Content",
|
||||
},
|
||||
{
|
||||
id: 's_three_columns',
|
||||
name: 'Columns',
|
||||
id: 's_references',
|
||||
name: 'References',
|
||||
groupName: "People",
|
||||
},
|
||||
{
|
||||
id: 's_freegrid',
|
||||
name: 'Free grid',
|
||||
groupName: "Columns",
|
||||
},
|
||||
{
|
||||
id: 's_call_to_action',
|
||||
name: 'Call to Action',
|
||||
groupName: "Content",
|
||||
},
|
||||
];
|
||||
|
||||
wTourUtils.registerThemeHomepageTour("treehouse_tour", () => [
|
||||
wTourUtils.assertCssVariable('--color-palettes-name', '"treehouse-1"'),
|
||||
wTourUtils.assertCssVariable('--color-palettes-name', '"default-28"'),
|
||||
...wTourUtils.dragNDrop(snippets[0]),
|
||||
...wTourUtils.clickOnText(snippets[0], 'h1', 'top'),
|
||||
wTourUtils.goBackToBlocks(),
|
||||
|
||||
@@ -69,6 +69,7 @@ $btn-box-shadow: none !default;
|
||||
|
||||
$input-color: o-color('o-cc1-text') !default;
|
||||
$input-placeholder-color: o-color('500') !default;
|
||||
$input-box-shadow: none !default;
|
||||
|
||||
// Cards
|
||||
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
|
||||
$o-website-values-palettes: (
|
||||
(
|
||||
'color-palettes-name': 'treehouse-1',
|
||||
'color-palettes-name': 'default-28',
|
||||
|
||||
// Header
|
||||
'logo-height': 2.75rem,
|
||||
@@ -159,7 +159,7 @@ $o-theme-color-palettes: map-merge($o-theme-color-palettes,
|
||||
)
|
||||
);
|
||||
|
||||
$o-selected-color-palettes-names: append($o-selected-color-palettes-names, 'treehouse-1');
|
||||
$o-selected-color-palettes-names: append($o-selected-color-palettes-names, 'default-28');
|
||||
|
||||
$o-color-palettes-compatibility-indexes: (
|
||||
1: 'treehouse-1',
|
||||
|
||||
@@ -479,5 +479,80 @@
|
||||
<field name="name">website.s_text_cover_default_image</field>
|
||||
<field name="url">/theme_treehouse/static/src/img/content/treehouse_cover.jpg</field>
|
||||
</record>
|
||||
<record id="s_sidegrid_default_image_1" model="theme.ir.attachment">
|
||||
<field name="key">website.s_sidegrid_default_image_1</field>
|
||||
<field name="name">website.s_sidegrid_default_image_1</field>
|
||||
<field name="url">/theme_treehouse/static/src/img/content/s_sidegrid_default_image_1.jpg</field>
|
||||
</record>
|
||||
<record id="s_sidegrid_default_image_2" model="theme.ir.attachment">
|
||||
<field name="key">website.s_sidegrid_default_image_2</field>
|
||||
<field name="name">website.s_sidegrid_default_image_2</field>
|
||||
<field name="url">/theme_treehouse/static/src/img/content/s_sidegrid_default_image_2.jpg</field>
|
||||
</record>
|
||||
<record id="s_sidegrid_default_image_3" model="theme.ir.attachment">
|
||||
<field name="key">website.s_sidegrid_default_image_3</field>
|
||||
<field name="name">website.s_sidegrid_default_image_3</field>
|
||||
<field name="url">/theme_treehouse/static/src/img/content/s_sidegrid_default_image_3.jpg</field>
|
||||
</record>
|
||||
<record id="s_sidegrid_default_image_4" model="theme.ir.attachment">
|
||||
<field name="key">website.s_sidegrid_default_image_4</field>
|
||||
<field name="name">website.s_sidegrid_default_image_4</field>
|
||||
<field name="url">/theme_treehouse/static/src/img/content/s_sidegrid_default_image_4.jpg</field>
|
||||
</record>
|
||||
<record id="library_image_13" model="theme.ir.attachment">
|
||||
<field name="key">website.library_image_13</field>
|
||||
<field name="name">website.library_image_13</field>
|
||||
<field name="url">/theme_treehouse/static/src/img/content/s_freegrid_default_image_2.jpg</field>
|
||||
</record>
|
||||
<record id="library_image_10" model="theme.ir.attachment">
|
||||
<field name="key">website.library_image_10</field>
|
||||
<field name="name">website.library_image_10</field>
|
||||
<field name="url">/theme_treehouse/static/src/img/content/s_freegrid_default_image_3.jpg</field>
|
||||
</record>
|
||||
<record id="library_image_05" model="theme.ir.attachment">
|
||||
<field name="key">website.library_image_05</field>
|
||||
<field name="name">website.library_image_05</field>
|
||||
<field name="url">/theme_treehouse/static/src/img/content/s_freegrid_default_image_4.jpg</field>
|
||||
</record>
|
||||
<record id="library_image_14" model="theme.ir.attachment">
|
||||
<field name="key">website.library_image_14</field>
|
||||
<field name="name">website.library_image_14</field>
|
||||
<field name="url">/theme_treehouse/static/src/img/content/s_freegrid_default_image_5.jpg</field>
|
||||
</record>
|
||||
<record id="library_image_16" model="theme.ir.attachment">
|
||||
<field name="key">website.library_image_16</field>
|
||||
<field name="name">website.library_image_16</field>
|
||||
<field name="url">/theme_treehouse/static/src/img/content/s_freegrid_default_image_6.jpg</field>
|
||||
</record>
|
||||
<record id="s_text_cover_default_image" model="theme.ir.attachment">
|
||||
<field name="key">website.s_text_cover_default_image</field>
|
||||
<field name="name">website.s_text_cover_default_image</field>
|
||||
<field name="url">/theme_treehouse/static/src/img/backgrounds/17.jpg</field>
|
||||
</record>
|
||||
<record id="s_striped_top_default_image" model="theme.ir.attachment">
|
||||
<field name="key">website.s_striped_top_default_image</field>
|
||||
<field name="name">website.s_striped_top_default_image</field>
|
||||
<field name="url">/theme_treehouse/static/src/img/content/three_columns_01.jpg</field>
|
||||
</record>
|
||||
<record id="s_image_hexagonal_default_image" model="theme.ir.attachment">
|
||||
<field name="key">website.s_image_hexagonal_default_image</field>
|
||||
<field name="name">website.s_image_hexagonal_default_image</field>
|
||||
<field name="url">/theme_treehouse/static/src/img/backgrounds/05.jpg</field>
|
||||
</record>
|
||||
<record id="s_image_hexagonal_default_image_1" model="theme.ir.attachment">
|
||||
<field name="key">website.s_image_hexagonal_default_image_1</field>
|
||||
<field name="name">website.s_image_hexagonal_default_image_1</field>
|
||||
<field name="url">/theme_treehouse/static/src/img/backgrounds/07.jpg</field>
|
||||
</record>
|
||||
<record id="s_showcase_default_image" model="theme.ir.attachment">
|
||||
<field name="key">website.s_showcase_default_image</field>
|
||||
<field name="name">website.s_showcase_default_image</field>
|
||||
<field name="url">/theme_treehouse/static/src/img/content/three_columns_02.jpg</field>
|
||||
</record>
|
||||
<record id="s_faq_horizontal_default_image_1" model="theme.ir.attachment">
|
||||
<field name="key">website.s_faq_horizontal_default_image_1</field>
|
||||
<field name="name">website.s_faq_horizontal_default_image_1</field>
|
||||
<field name="url">/theme_treehouse/static/src/img/backgrounds/15.jpg</field>
|
||||
</record>
|
||||
|
||||
</odoo>
|
||||
|
||||
@@ -4,12 +4,17 @@
|
||||
<template id="s_color_blocks_2" inherit_id="website.s_color_blocks_2">
|
||||
<!-- Column #01 -->
|
||||
<xpath expr="//h2" position="replace" mode="inner">
|
||||
Sky is the limit.
|
||||
A Call for Environmental Protection
|
||||
</xpath>
|
||||
<xpath expr="//p" position="replace" mode="inner">
|
||||
<br/>
|
||||
Environmental protection is the practice of safeguarding the natural world from harmful human activities and preserving ecosystems for future generations. It involves efforts to reduce pollution, conserve biodiversity, and sustainably manage natural resources such as air, water, and soil.
|
||||
<br/>
|
||||
</xpath>
|
||||
<!-- Column #02 -->
|
||||
<xpath expr="//div[hasclass('row')]/*[2]" position="replace">
|
||||
<div class="col-lg-6 p-0">
|
||||
<img src="/theme_treehouse/static/src/img/backgrounds/06.jpg" class="w-100 h-100" style="object-fit: cover;" alt=""/>
|
||||
<img src="/web/image/website.s_text_image_default_image" class="w-100 h-100" style="object-fit: cover;" alt=""/>
|
||||
</div>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
@@ -14,6 +14,25 @@
|
||||
<xpath expr="//a" position="replace" mode="inner">
|
||||
Be Part of the Change
|
||||
</xpath>
|
||||
<!-- Images -->
|
||||
<xpath expr="//img" position="attributes">
|
||||
<attribute name="class" add="rounded" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="(//img)[2]" position="attributes">
|
||||
<attribute name="class" add="rounded" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="(//img)[3]" position="attributes">
|
||||
<attribute name="class" add="rounded" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="(//img)[4]" position="attributes">
|
||||
<attribute name="class" add="rounded" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="(//img)[5]" position="attributes">
|
||||
<attribute name="class" add="rounded" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="(//img)[6]" position="attributes">
|
||||
<attribute name="class" add="rounded" separator=" "/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
|
||||
@@ -0,0 +1,57 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_numbers_list" inherit_id="website.s_numbers_list">
|
||||
<!-- Layout -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc3" remove="o_cc1" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Title -->
|
||||
<xpath expr="//h3" position="replace" mode="inner">
|
||||
Key milestones in our environmental impact
|
||||
</xpath>
|
||||
<!-- Paragraph -->
|
||||
<xpath expr="//p" position="replace" mode="inner">
|
||||
<br/>
|
||||
From carbon footprint reduction to renewable energy adoption and biodiversity preservation, our key milestones reflect our commitment to creating a sustainable future for all.
|
||||
</xpath>
|
||||
<!-- Numbers -->
|
||||
<xpath expr="//span[hasclass('h2-fs')]" position="replace" mode="inner">
|
||||
45%
|
||||
</xpath>
|
||||
<xpath expr="(//p)[2]" position="replace" mode="inner">
|
||||
Reduction in carbon emissions
|
||||
</xpath>
|
||||
<xpath expr="(//span[hasclass('h2-fs')])[2]" position="replace" mode="inner">
|
||||
2 Million
|
||||
</xpath>
|
||||
<xpath expr="(//p)[3]" position="replace" mode="inner">
|
||||
Trees Planted
|
||||
</xpath>
|
||||
<xpath expr="(//span[hasclass('h2-fs')])[3]" position="replace" mode="inner">
|
||||
85%
|
||||
</xpath>
|
||||
<xpath expr="(//p)[4]" position="replace" mode="inner">
|
||||
Waste diversion rate
|
||||
</xpath>
|
||||
<xpath expr="(//span[hasclass('h2-fs')])[4]" position="replace" mode="inner">
|
||||
1.2 Billion
|
||||
</xpath>
|
||||
<xpath expr="(//p)[5]" position="replace" mode="inner">
|
||||
Liters of water saved
|
||||
</xpath>
|
||||
<xpath expr="(//span[hasclass('h2-fs')])[5]" position="replace" mode="inner">
|
||||
60%
|
||||
</xpath>
|
||||
<xpath expr="(//p)[6]" position="replace" mode="inner">
|
||||
Renewable Energy usage
|
||||
</xpath>
|
||||
<xpath expr="(//span[hasclass('h2-fs')])[6]" position="replace" mode="inner">
|
||||
500,000
|
||||
</xpath>
|
||||
<xpath expr="(//p)[7]" position="replace" mode="inner">
|
||||
Tons of materials recycled
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
@@ -0,0 +1,15 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_references" inherit_id="website.s_references">
|
||||
<!-- Paragraph -->
|
||||
<xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
|
||||
Together, we collaborate with leading organizations committed to protecting the environment and building a greener future.
|
||||
</xpath>
|
||||
<!-- Link -->
|
||||
<xpath expr="//a" position="replace" mode="inner">
|
||||
More details <i class="fa fa-long-arrow-right ms-2"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
@@ -0,0 +1,23 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_sidegrid" inherit_id="website.s_sidegrid">
|
||||
<!-- Layout -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="data-oe-shape-data">{'shape':'web_editor/Wavy/22','colors':{'c3':'o-color-2'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Wavy_22" style="background-image: url('/web_editor/shape/web_editor/Wavy/22.svg?c3=o-color-2');"/>
|
||||
</xpath>
|
||||
<!-- Title -->
|
||||
<xpath expr="//h1" position="replace" mode="inner">
|
||||
Protect <br/>the planet <br/>for future generations
|
||||
</xpath>
|
||||
<!-- Paragraph -->
|
||||
<xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
|
||||
<br/>
|
||||
Every step we take towards sustainability is a commitment to preserving nature's beauty and resources, for today and tomorrow.
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
Reference in New Issue
Block a user