NextERP/design-themes
2
0
Fork 0
mirror of https://github.com/odoo/design-themes.git synced 2025-10-07 01:18:52 +07:00
Code Issues Packages Projects Releases Wiki Activity

[IMP] theme_buzzy: revamp the theme

Browse Source 
task-4178061
Part of task-4177975

closes odoo/design-themes#907

Signed-off-by: Benoit Socias (bso) <bso@odoo.com>
This commit is contained in:
Brieuc-brd
2024-09-12 17:47:23 +02:00
parent ff95793399
commit 73d4c9ae26
29 changed files with 928 additions and 737 deletions
Download Patch File Download Diff File Expand all files Collapse all files
theme_buzzy/__manifest__.py
+3 -1
View File
@@ -12,6 +12,7 @@
'views/images_library.xml', 'views/images_library.xml',
'views/snippets/s_cta_box.xml', 'views/snippets/s_cta_box.xml',
'views/snippets/s_discovery.xml',
'views/snippets/s_striped_top.xml', 'views/snippets/s_striped_top.xml',
'views/snippets/s_title.xml', 'views/snippets/s_title.xml',
'views/snippets/s_banner.xml', 'views/snippets/s_banner.xml',
@@ -55,6 +56,7 @@
'views/snippets/s_carousel.xml', 'views/snippets/s_carousel.xml',
'views/snippets/s_pricelist_boxed.xml', 'views/snippets/s_pricelist_boxed.xml',
'views/snippets/s_image_hexagonal.xml', 'views/snippets/s_image_hexagonal.xml',
'views/snippets/s_image_punchy.xml',
'views/snippets/s_striped_center_top.xml', 'views/snippets/s_striped_center_top.xml',
'views/snippets/s_image_title.xml', 'views/snippets/s_image_title.xml',
'views/snippets/s_key_images.xml', 'views/snippets/s_key_images.xml',
@@ -69,7 +71,7 @@
'static/description/buzzy_screenshot.jpg', 'static/description/buzzy_screenshot.jpg',
], ],
'configurator_snippets': { 'configurator_snippets': {
'homepage': ['s_banner', 's_text_image', 's_three_columns', 's_image_text', 's_numbers', 's_call_to_action'], 'homepage': ['s_banner', 's_discovery', 's_showcase', 's_key_benefits', 's_accordion_image', 's_cta_box'],
}, },
'new_page_templates': { 'new_page_templates': {
'about': { 'about': {
theme_buzzy/models/theme_buzzy.py
+1 -1
View File
@@ -5,7 +5,7 @@ class ThemeBuzzy(models.AbstractModel):
_inherit = 'theme.utils' _inherit = 'theme.utils'
def _theme_buzzy_post_copy(self, mod): def _theme_buzzy_post_copy(self, mod):
self.enable_view('website.template_footer_minimalist') self.enable_view('website.template_footer_headline')
self.enable_asset("website.ripple_effect_scss") self.enable_asset("website.ripple_effect_scss")
self.enable_asset("website.ripple_effect_js") self.enable_asset("website.ripple_effect_js")
theme_buzzy/static/description/buzzy_cover.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 19 KiB

theme_buzzy/static/description/buzzy_screenshot.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 114 KiB

After

Width:  |  Height:  |  Size: 97 KiB

theme_buzzy/static/description/theme_buzzy.svg
+760 -602
View File
File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 145 KiB

After

Width:  |  Height:  |  Size: 332 KiB

theme_buzzy/static/shapes/s_banner_2.svg
+1
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

theme_buzzy/static/shapes/s_showcase.svg
+1
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 61 KiB

theme_buzzy/static/src/img/photos/s_showcase.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

theme_buzzy/static/src/js/tour.js
+14 -14
View File
@@ -9,34 +9,34 @@ const snippets = [
groupName: "Intro", groupName: "Intro",
}, },
{ {
id: 's_text_image', id: 's_discovery',
name: 'Text - Image', name: 'Discovery',
groupName: "Intro",
},
{
id: 's_showcase',
name: 'Showcase',
groupName: "Content", groupName: "Content",
}, },
{ {
id: 's_three_columns', id: 's_key_benefits',
name: 'Columns', name: 'Key benefits',
groupName: "Columns", groupName: "Columns",
}, },
{ {
id: 's_image_text', id: 's_accordion_image',
name: 'Image - Text', name: 'Accordion Image',
groupName: "Content", groupName: "Content",
}, },
{ {
id: 's_numbers', id: 's_cta_box',
name: 'Numbers', name: 'Box Call to Action',
groupName: "Content",
},
{
id: 's_call_to_action',
name: 'Call to Action',
groupName: "Content", groupName: "Content",
}, },
]; ];
wTourUtils.registerThemeHomepageTour("buzzy_tour", () => [ wTourUtils.registerThemeHomepageTour("buzzy_tour", () => [
wTourUtils.assertCssVariable('--color-palettes-name', '"kiddo-2"'), wTourUtils.assertCssVariable('--color-palettes-name', '"default-24"'),
...wTourUtils.dragNDrop(snippets[0]), ...wTourUtils.dragNDrop(snippets[0]),
...wTourUtils.clickOnText(snippets[0], 'h1', 'top'), ...wTourUtils.clickOnText(snippets[0], 'h1', 'top'),
wTourUtils.goBackToBlocks(), wTourUtils.goBackToBlocks(),
theme_buzzy/static/src/scss/primary_variables.scss
+17 -12
View File
@@ -4,7 +4,7 @@
$o-website-values-palettes: ( $o-website-values-palettes: (
( (
'color-palettes-name': 'kiddo-2', 'color-palettes-name': 'default-24',
// Header // Header
'logo-height': 2.75rem, 'logo-height': 2.75rem,
@@ -12,25 +12,21 @@ $o-website-values-palettes: (
// Font // Font
'font': 'Montserrat', 'font': 'Montserrat',
'headings-font': 'Quicksand',
// Buttons // Buttons
'btn-padding-y': .45rem, 'btn-padding-x': 1rem,
'btn-padding-x': 1.35rem,
'btn-padding-y-sm': .3rem, 'btn-padding-y-sm': .3rem,
'btn-padding-x-sm': .9rem, 'btn-padding-x-sm': .75rem,
'btn-padding-y-lg': .6rem, 'btn-padding-y-lg': 1.25rem,
'btn-padding-x-lg': 1.8rem, 'btn-padding-x-lg': 2.5rem,
'btn-border-radius': 10rem, 'btn-border-radius': 10rem,
'btn-border-radius-sm': 10rem, 'btn-border-radius-sm': 10rem,
'btn-border-radius-lg': 10rem, 'btn-border-radius-lg': 10rem,
'btn-ripple': true, 'btn-ripple': true,
'input-padding-y': .45rem,
'input-padding-y-sm': .3rem,
'input-padding-y-lg': .6rem,
// Footer // Footer
'footer-template': 'minimalist', 'footer-template': 'headline',
'footer-effect': 'slideout_slide_hover', 'footer-effect': 'slideout_slide_hover',
'footer-scrolltop': true, 'footer-scrolltop': true,
), ),
@@ -40,7 +36,7 @@ $o-website-values-palettes: (
// Palettes // Palettes
//------------------------------------------------------------------------------ //------------------------------------------------------------------------------
$o-selected-color-palettes-names: append($o-selected-color-palettes-names, 'kiddo-2'); $o-selected-color-palettes-names: append($o-selected-color-palettes-names, 'default-24');
//------------------------------------------------------------------------------ //------------------------------------------------------------------------------
// Fonts // Fonts
@@ -98,6 +94,15 @@ $o-theme-font-configs: (
'Montserrat': ( 'Montserrat': (
'family': ('Montserrat', serif), 'family': ('Montserrat', serif),
'url': 'Montserrat:300,300i,400,400i,600,600i', 'url': 'Montserrat:300,300i,400,400i,600,600i',
'properties': (
'base': (
'font-size-base': (14 / 16) * 1rem,
),
)
),
'Quicksand': (
'family': ('Quicksand', sans-serif),
'url': 'Quicksand:300,400,600',
), ),
); );
theme_buzzy/views/images_library.xml
+12
View File
@@ -224,5 +224,17 @@
<field name="name">website.s_empowerment_default_image</field> <field name="name">website.s_empowerment_default_image</field>
<field name="url">/theme_buzzy/static/src/img/photos/s_empowerment_default_image.jpg</field> <field name="url">/theme_buzzy/static/src/img/photos/s_empowerment_default_image.jpg</field>
</record> </record>
<!-- Image Punchy -->
<record id="s_image_punchy_default_image" model="theme.ir.attachment">
<field name="key">website.s_image_punchy_default_image</field>
<field name="name">website.s_image_punchy_default_image</field>
<field name="url">/theme_buzzy/static/src/img/photos/library_image_03.jpg</field>
</record>
<!-- Showcase -->
<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_buzzy/static/src/img/photos/s_showcase.jpg</field>
</record>
</odoo> </odoo>
theme_buzzy/views/new_page_template.xml
+7 -33
View File
@@ -39,33 +39,6 @@
<!-- General customizations --> <!-- General customizations -->
<template id="new_page_template_s_call_to_action" inherit_id="website.new_page_template_s_call_to_action">
<!-- Remove shape option -->
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data"/>
</xpath>
<!-- Remove shape -->
<xpath expr="//div[hasclass('o_we_shape')]" position="replace"/>
</template>
<template id="new_page_template_s_call_to_action_about" inherit_id="website.new_page_template_s_call_to_action_about">
<!-- Remove shape option -->
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data"/>
</xpath>
<!-- Remove shape -->
<xpath expr="//div[hasclass('o_we_shape')]" position="replace"/>
</template>
<template id="new_page_template_s_call_to_action_menu" inherit_id="website.new_page_template_s_call_to_action_menu">
<!-- Remove shape option -->
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data"/>
</xpath>
<!-- Remove shape -->
<xpath expr="//div[hasclass('o_we_shape')]" position="replace"/>
</template>
<template id="new_page_template_s_product_catalog" inherit_id="website.new_page_template_s_product_catalog"> <template id="new_page_template_s_product_catalog" inherit_id="website.new_page_template_s_product_catalog">
<!-- Remove shape option --> <!-- Remove shape option -->
<xpath expr="//section" position="attributes"> <xpath expr="//section" position="attributes">
@@ -101,11 +74,12 @@
<template id="new_page_template_s_three_columns" inherit_id="website.new_page_template_s_three_columns"> <template id="new_page_template_s_three_columns" inherit_id="website.new_page_template_s_three_columns">
<!-- Shape option --> <!-- Shape option -->
<xpath expr="//section" position="attributes"> <xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/12_001","flip":[]}</attribute> <attribute name="class" remove="o_cc o_cc2" separator=" "/>
<attribute name="data-oe-shape-data">{'shape':'web_editor/Airy/12_001','colors':{'c1':'o-color-1','c3':'o-color-4'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
</xpath> </xpath>
<!-- Shape --> <!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before"> <xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Airy_12_001"/> <div class="o_we_shape o_web_editor_Airy_12_001" style="background-image: url('/web_editor/shape/web_editor/Airy/12_001.svg?c1=o-color-1&amp;c3=o-color-4');"/>
</xpath> </xpath>
</template> </template>
@@ -148,11 +122,11 @@
<!-- Shape option --> <!-- Shape option -->
<xpath expr="//section" position="attributes"> <xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc4 pt80 pb80" remove="o_cc2 pt40 pb40" separator=" "/> <attribute name="class" add="o_cc4 pt80 pb80" remove="o_cc2 pt40 pb40" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/13_001","flip":[]}</attribute> <attribute name="data-oe-shape-data">{'shape':'web_editor/Airy/13_001','colors':{'c1':'o-color-4','c4':'o-color-4'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
</xpath> </xpath>
<!-- Shape --> <!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before"> <xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Airy_13_001"/> <div class="o_we_shape o_web_editor_Airy_13_001" style="background-image: url('/web_editor/shape/web_editor/Airy/13_001.svg?c1=o-color-4&amp;c4=o-color-4');"/>
</xpath> </xpath>
</template> </template>
@@ -329,11 +303,11 @@
<!-- Shape option --> <!-- Shape option -->
<xpath expr="//section" position="attributes"> <xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc4 pt80 pb80" remove="o_cc2 pt40 pb0" separator=" "/> <attribute name="class" add="o_cc4 pt80 pb80" remove="o_cc2 pt40 pb0" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/13_001","flip":[]}</attribute> <attribute name="data-oe-shape-data">{'shape':'web_editor/Airy/13_001','colors':{'c1':'o-color-4','c4':'o-color-4'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
</xpath> </xpath>
<!-- Shape --> <!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before"> <xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Airy_13_001"/> <div class="o_we_shape o_web_editor_Airy_13_001" style="background-image: url('/web_editor/shape/web_editor/Airy/13_001.svg?c1=o-color-4&amp;c4=o-color-4');"/>
</xpath> </xpath>
</template> </template>
theme_buzzy/views/snippets/s_accordion_image.xml
+7 -1
View File
@@ -2,8 +2,14 @@
<odoo> <odoo>
<template id="s_accordion_image" inherit_id="website.s_accordion_image"> <template id="s_accordion_image" inherit_id="website.s_accordion_image">
<xpath expr="//section" position="attributes">
<attribute name="class" remove="o_cc o_cc2" separator=" "/>
</xpath>
<xpath expr="//h2" position="replace" mode="inner">
Top <span class="o_text_highlight o_translate_inline o_text_highlight_scribble_4 o_text_highlight_fill" style="--text-highlight-width: 3px;"><span class="o_text_highlight_item">questions<svg fill="none" class="o_text_highlight_svg o_content_no_merge position-absolute overflow-visible top-0 start-0 w-100 h-100 pe-none"><path stroke-width="var(--text-highlight-width)" stroke="var(--text-highlight-color)" stroke-linecap="round" fill="var(--text-highlight-color)" transform="scale(0.6384375, 0.5737704918032787)" d="M96.414 17.157c1.34-2.173 2.462-4.075 3.649-5.944 2.117-3.335 5.528-4.302 9.372-2.694 3.962 1.651 4.89 3.575 3.908 8.073-.205.967-.388 1.934-.022 3.118 1.513-3.075 3.013-6.15 4.557-9.203 1.306-2.586 4.297-3.433 7.859-2.195 2.765.968 4.395 2.706 3.564 5.922-.529 2.054-1.005 4.118-.918 6.487.463-.859 1.015-1.685 1.371-2.586 1.447-3.673 3.002-7.324 4.2-11.083.896-2.792 2.192-3.955 5.323-3.564 4.772.598 7.049 3.412 5.84 7.986-.626 2.38-1.22 4.77-1.144 7.486.745-1.358 1.544-2.683 2.213-4.074a138.72 138.72 0 0 0 2.926-6.487c2.376-5.66 3.12-4.704 8.724-3.618 3.552.685 5.063 4.031 4.34 7.997-.616 3.423-1.166 6.856-1.749 10.29l.95.358c.993-2.151 2.062-4.27 2.958-6.454.594-1.456.886-3.042 1.403-4.53 2.43-6.911 2.43-6.813 9.566-5.542.928.163 2.656-.967 3.078-1.923.992-2.26 2.332-2.716 4.523-2.097 4.297 1.206 8.659 2.184 12.945 3.444 2.796.826 4.319 2.988 4.135 5.889-.173 2.684-.961 5.324-1.274 8.008-.734 6.4-1.361 12.799-2.019 19.21-.065.673.043 1.38-.097 2.031-.551 2.477-.41 5.465-3.476 6.421-2.311.717-6.489-2.194-7.644-5.03-.206-.5-.357-1.01-.918-2.63-1.22 3.27-2.073 5.629-2.991 7.965-2.095 5.345-3.66 5.954-8.874 3.705-.853-.37-2.354-.783-2.786-.359-3.163 3.075-5.971 1.217-8.853-.358-.378-.207-.81-.316-1.188-.457-5.851 7.65-12.502 4.596-15.061-3.944-1.543 3.042-2.883 5.726-4.265 8.399-3.357 6.53-7.783 6.975-12.47 1.25-.485-.587-.992-1.152-1.511-1.75-5.647 6.715-12.848 2.293-15.19-6.063-1.253 2.25-2.257 3.88-3.099 5.596-1.285 2.64-2.883 4.65-6.23 3.868-3.498-.826-6.532-4.085-6.65-7.225-.054-1.424 0-2.847-.475-4.433-1.393 2.879-2.71 5.802-4.19 8.637-3.228 6.204-6.067 6.824-11.67 2.912-.962-.673-2.57-.988-3.704-.728-3.681.837-6.272-.619-8.626-3.248-.691-.783-2.084-1.771-2.807-1.543-4.243 1.347-6.91-.641-9.166-3.836-.378-.543-.8-1.053-1.555-2.031-1.08 2.194-2.008 4.041-2.915 5.9-2.397 4.943-5.528 5.932-10.02 2.835-2.008-1.38-3.713-2.118-6.37-1.738-5.117.728-8.54-3.444-7.762-8.649.227-1.521.378-3.064-.086-4.9-.853 1.369-1.793 2.684-2.548 4.107-2.775 5.259-5.301 5.856-10.074 2.206-.971-.75-1.803-1.674-2.86-2.673-.67.271-1.598 1.043-2.257.858-2.71-.771-5.625-1.423-7.838-3.01-.842-.608-.378-3.683.108-5.465 2.008-7.41 4.232-14.755 6.413-22.11.572-1.945 1.166-3.901 1.943-5.77 1.89-4.52 5.02-5.454 9.145-2.89 1.144.706 2.408 1.217 3.552 1.923 2.364 1.456 4.696 2.988 7.439 4.737C32.423 7.14 37.444 6.64 42.82 10.41c2.602-2.107 1.803-7.17 6.748-6.323 3.369.587 6.478 1.217 7.439 4.878 2.289-2.281 4.221-5.693 6.877-6.42 2.624-.718 5.992 1.26 9.599 2.216-.044.054.636-.565.96-1.348 1.048-2.499 2.883-3.4 5.42-2.825 2.775.62 5.474 1.304 6.284 4.76.216.89 1.285 2.042 2.159 2.248 7.58 1.793 7.6 1.739 8.108 9.55v.012Z" class="o_text_highlight_path_scribble_4"></path></svg></span></span> answered
</xpath>
<xpath expr="//img" position="attributes"> <xpath expr="//img" position="attributes">
<attribute name="src">/web_editor/shape/theme_buzzy/s_accordion_image.svg?c1=o-color-1</attribute> <attribute name="src">/web_editor/shape/theme_buzzy/s_accordion_image.svg?c1=o-color-2</attribute>
</xpath> </xpath>
</template> </template>
theme_buzzy/views/snippets/s_banner.xml
+11 -33
View File
@@ -2,51 +2,29 @@
<odoo> <odoo>
<template id="s_banner" inherit_id="website.s_banner"> <template id="s_banner" inherit_id="website.s_banner">
<!-- Section -->
<xpath expr="//section" position="attributes"> <xpath expr="//section" position="attributes">
<attribute name="class" add="pb120 pt256 oe_img_bg o_bg_img_center" remove="pt96 pb96" separator=" "/> <attribute name="class" add="pb48" remove="pb96" separator=" "/>
<!-- Enable SVG dynamic color functionality -->
<attribute name="style">background-image:url('/web_editor/shape/theme_buzzy/s_banner.svg?c1=o-color-1'); background-position: 50% 37%</attribute>
</xpath> </xpath>
<!-- Remove grid images -->
<xpath expr="//div[hasclass('o_grid_item_image')]" position="replace"/>
<xpath expr="//div[hasclass('o_grid_item_image')]" position="replace"/>
<xpath expr="//div[hasclass('col-lg-5')]" position="replace"/>
<!-- Row - remove grid mode -->
<xpath expr="//div[hasclass('row')]" position="attributes"> <xpath expr="//div[hasclass('row')]" position="attributes">
<attribute name="class" remove="o_grid_mode" separator=" "/> <attribute name="class" remove="o_grid_mode" separator=" "/>
<attribute name="data-row-count"/> <attribute name="data-row-count"/>
</xpath> </xpath>
<!-- Jumbotron --> <xpath expr="//div[hasclass('row')]//div" position="attributes">
<xpath expr="//div[hasclass('col-lg-4')]" position="attributes"> <attribute name="class">col-lg-4</attribute>
<attribute name="class" add="col-lg-6 o_cc o_cc1 pt32 pb32 shadow rounded" remove="o_grid_item g-height-10 g-col-lg-4 col-lg-4" separator=" "/>
<attribute name="style"/> <attribute name="style"/>
</xpath> </xpath>
<!-- Title --> <xpath expr="//div[hasclass('row')]//div[2]" position="attributes">
<xpath expr="//h1" position="attributes"> <attribute name="class">col-lg-6 offset-lg-2</attribute>
<attribute name="class" remove="display-1" separator=" "/> <attribute name="style"/>
</xpath> </xpath>
<xpath expr="//h1" position="replace" mode="inner"> <xpath expr="//h1" position="replace" mode="inner">
Great software <br/>for great people Unleash your <strong class="o_default_snippet_text"><span class="o_text_highlight o_translate_inline o_text_highlight_scribble_3 o_text_highlight_fill" style="--text-highlight-width: 6px;"><span class="o_text_highlight_item">potential<svg fill="none" class="o_text_highlight_svg o_content_no_merge position-absolute overflow-visible top-0 start-0 w-100 h-100 pe-none"><path stroke-width="var(--text-highlight-width)" stroke="var(--text-highlight-color)" stroke-linecap="round" fill="var(--text-highlight-color)" transform="translate(0 64) scale(1.304140625, 0.75)" d="M133.953 15.961c7.87.502 15.751.975 23.611 1.522 2.027.141 4.055.44 5.999.79 4.118.727 7.202 4.977 2.53 6.707.606.293 1.181.564 1.902.908-8.477 2.069-17.267 2.65-26.203 2.818-19.023.361-38.056.603-57.068 1.088-13.807.355-27.572 1.06-41.369 1.545-3.23.113-6.532.096-9.73-.147-1.548-.118-3.492-.721-4.234-1.42-.93-.88-1.484-2.199-.93-3.1.397-.655 2.812-1.263 4.41-1.33 6.397-.277 12.825-.333 19.243-.474 26.976-.592 53.942-1.156 80.919-1.804 3.742-.09 7.452-.592 11.173-.908 0-.174-.01-.35-.021-.524-2.717-.197-5.435-.53-8.163-.575-21.865-.383-43.741-1.009-65.607-.936-11.34.04-22.65 1.432-34 2.047-6.898.377-13.88.732-20.779.569-7.044-.17-9.406-3.568-5.34-6.742 3.428-2.677 7.567-4.391 13.984-4.757 16.441-.93 32.798-2.26 49.219-3.27 14.162-.868 28.366-1.516 42.549-2.266.586-.034 1.15-.147 1.641-.45-5.006 0-10.023-.012-15.029.01-1.077 0-2.154.186-3.24.192-18.793.18-37.596.355-56.389.507-10.672.085-21.343.13-32.014.153a65.89 65.89 0 0 1-6.167-.277C1.787 5.555-.02 4.247 0 2.59 0 1.384.89.72 3.293.742c5.874.056 11.748.124 17.622.09C41.045.708 61.186.409 81.317.42c28.408.012 56.827.158 85.225.417 8.686.08 17.35.7 26.015 1.122 3.23.158 5.832.902 7.024 2.678 1.055 1.572.125 2.21-2.875 1.95a30.51 30.51 0 0 0-2.268-.107c-.397 0-.805.073-1.557.146.721.451 1.306.767 1.777 1.128 2.926 2.238 1.641 4.013-3.272 4.369-13.483.958-26.966 1.91-40.459 2.767-3.334.214-6.752 0-10.118.085-2.31.062-4.609.299-6.909.462l.042.519.011.005Z" class="o_text_highlight_path_scribble_3"></path></svg></span></span>.</strong>
</xpath> </xpath>
<!-- Paragraphs --> <xpath expr="//div[hasclass('row')]//div[2]//img" position="attributes">
<xpath expr="//p[hasclass('lead')]" position="replace" mode="inner"> <attribute name="src">/web_editor/shape/theme_buzzy/s_banner_2.svg?c1=o-color-2</attribute>
Every clever company deserve to work with clever tools.
</xpath> </xpath>
<xpath expr="//div[hasclass('col-lg-6')]//p[2]" position="attributes"> <xpath expr="//div[hasclass('row')]//div[3]" position="replace"/>
<attribute name="class" add="mb-0" separator=" "/> <xpath expr="//div[hasclass('row')]//div[3]" position="replace"/>
</xpath>
</template>
<template id="configurator_s_banner" inherit_id="website.configurator_s_banner">
<!-- Shape option -->
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/02_001","flip":[]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Origins_02_001"/>
</xpath>
</template> </template>
</odoo> </odoo>
theme_buzzy/views/snippets/s_call_to_action.xml
-9
View File
@@ -5,15 +5,6 @@
<!-- Section --> <!-- Section -->
<xpath expr="//section" position="attributes"> <xpath expr="//section" position="attributes">
<attribute name="class" add="pt88 pb48" remove="pt64 pb64" separator=" "/> <attribute name="class" add="pt88 pb48" remove="pt64 pb64" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Rainy/08_001","flip":[]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Rainy_08_001"/>
</xpath>
<!-- Container -->
<xpath expr="//div[hasclass('container')]" position="attributes">
<attribute name="class" add="o_container_small" remove="container" separator=" "/>
</xpath> </xpath>
<!-- Left Column --> <!-- Left Column -->
<xpath expr="//div[hasclass('row')]//div" position="attributes"> <xpath expr="//div[hasclass('row')]//div" position="attributes">
theme_buzzy/views/snippets/s_cta_box.xml
+19 -5
View File
@@ -4,8 +4,17 @@
<template id="s_cta_box" inherit_id="website.s_cta_box"> <template id="s_cta_box" inherit_id="website.s_cta_box">
<!-- Card --> <!-- Card -->
<xpath expr="//div[hasclass('card')]" position="attributes"> <xpath expr="//div[hasclass('card')]" position="attributes">
<attribute name="class" add="o_cc5" remove="o_cc4" separator=" "/> <attribute name="class" add="o_cc3" remove="o_cc4" separator=" "/>
<attribute name="style" add="border-radius: 12px !important;" separator=";"/>
<attribute name="data-oe-shape-data">{'shape':'web_editor/Blobs/02','colors':{'c1':'o-color-1','c2':'o-color-5'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
</xpath> </xpath>
<xpath expr="//div[hasclass('card-body')]" position="before">
<div class="o_we_shape o_web_editor_Blobs_02" style="background-image: url('/web_editor/shape/web_editor/Blobs/02.svg?c1=o-color-1&amp;c2=o-color-5');"/>
</xpath>
<xpath expr="//div[hasclass('card-body')]" position="attributes">
<attribute name="style">text-align: center;</attribute>
</xpath>
<xpath expr="//figure" position="replace"/>
<!-- Title --> <!-- Title -->
<xpath expr="//h2" position="replace" mode="inner"> <xpath expr="//h2" position="replace" mode="inner">
Discover our<br/>different open-spaces Discover our<br/>different open-spaces
@@ -14,14 +23,19 @@
<xpath expr="//p" position="replace" mode="inner"> <xpath expr="//p" position="replace" mode="inner">
Looking for a place to work ? We got you covered<br/><br/> Looking for a place to work ? We got you covered<br/><br/>
</xpath> </xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="src">/theme_buzzy/static/src/img/photos/library_image_03.jpg</attribute>
</xpath>
<!-- Button --> <!-- Button -->
<xpath expr="//a[hasclass('btn')]" position="replace" mode="inner"> <xpath expr="//a[hasclass('btn')]" position="replace" mode="inner">
Learn more Learn more
</xpath> </xpath>
</template> </template>
<template id="configurator_s_cta_box" inherit_id="website.configurator_s_cta_box">
<xpath expr="//div[hasclass('card')]" position="attributes">
<attribute name="data-oe-shape-data">{'shape':'web_editor/Blobs/10_001','flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
</xpath>
<xpath expr="//div[hasclass('o_we_shape')]" position="replace">
<div class="o_we_shape o_web_editor_Blobs_10_001"/>
</xpath>
</template>
</odoo> </odoo>
theme_buzzy/views/snippets/s_discovery.xml
+17
View File
@@ -0,0 +1,17 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_discovery" inherit_id="website.s_discovery">
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc2" remove="o_cc1" separator=" "/>
<attribute name="data-oe-shape-data">{'shape':'web_editor/Origins/17','colors':{'c3':'o-color-4'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0','animated':'true'}</attribute>
</xpath>
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Origins_17 o_we_animated" style="background-image: url('/web_editor/shape/web_editor/Origins/17.svg?c3=o-color-4');"/>
</xpath>
<xpath expr="//h1" position="replace">
<h2 class="display-4-fs" style="text-align: center;"><span style="font-weight: normal;">Discover our solutions</span></h2>
</xpath>
</template>
</odoo>
theme_buzzy/views/snippets/s_features_grid.xml
-4
View File
@@ -2,10 +2,6 @@
<odoo> <odoo>
<template id="s_features_grid" inherit_id="website.s_features_grid"> <template id="s_features_grid" inherit_id="website.s_features_grid">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc2" separator=" "/>
</xpath>
<!-- Icons --> <!-- Icons -->
<xpath expr="//i" position="attributes"> <xpath expr="//i" position="attributes">
<attribute name="class" add="bg-o-color-2" remove="bg-o-color-3" separator=" "/> <attribute name="class" add="bg-o-color-2" remove="bg-o-color-3" separator=" "/>
theme_buzzy/views/snippets/s_image_gallery.xml
+1 -1
View File
@@ -11,7 +11,7 @@
<template id="s_images_wall" inherit_id="website.s_images_wall"> <template id="s_images_wall" inherit_id="website.s_images_wall">
<!-- Section --> <!-- Section -->
<xpath expr="//section" position="attributes"> <xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc2" separator=" "/> <attribute name="class" add="pt48 pb48" remove="pt24 pb24" separator=" "/>
</xpath> </xpath>
</template> </template>
theme_buzzy/views/snippets/s_image_hexagonal.xml
+4
View File
@@ -2,6 +2,10 @@
<odoo> <odoo>
<template id="s_image_hexagonal" inherit_id="website.s_image_hexagonal"> <template id="s_image_hexagonal" inherit_id="website.s_image_hexagonal">
<!-- Box -->
<xpath expr="(//div[hasclass('o_grid_item')])[2]" position="attributes">
<attribute name="style" add="--grid-item-padding-x: 32px;" separator=";"/>
</xpath>
<!-- Images --> <!-- Images -->
<xpath expr="(//img)[2]" position="attributes"> <xpath expr="(//img)[2]" position="attributes">
<attribute name="src">/web/image/website.s_cover_default_image</attribute> <attribute name="src">/web/image/website.s_cover_default_image</attribute>
theme_buzzy/views/snippets/s_image_punchy.xml
+21
View File
@@ -0,0 +1,21 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_image_punchy" inherit_id="website.s_image_punchy">
<xpath expr="//img" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_image_punchy_default_image/web_editor/geometric/geo_slanted.svg</attribute>
<attribute name="data-shape">web_editor/geometric/geo_slanted</attribute>
<attribute name="data-original-mimetype">image/jpeg</attribute>
<attribute name="data-file-name">s_image_punchy_default_image.svg</attribute>
<attribute name="data-shape-colors">;;;;</attribute>
</xpath>
<xpath expr="//h2" position="replace" mode="inner">
DRIVING INNOVATION
</xpath>
<xpath expr="(//div[hasclass('o_grid_item')])[2]" position="attributes">
<attribute name="class" add="g-height-5" remove="g-height-6" separator=" "/>
<attribute name="style">grid-area: 9 / 6 / 14 / 13; z-index: 2;</attribute>
</xpath>
</template>
</odoo>
theme_buzzy/views/snippets/s_image_text.xml
-4
View File
@@ -2,10 +2,6 @@
<odoo> <odoo>
<template id="s_image_text" inherit_id="website.s_image_text"> <template id="s_image_text" inherit_id="website.s_image_text">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc2 pt72 pb72" remove="pt80 pb80" separator=" "/>
</xpath>
<!-- Title --> <!-- Title -->
<xpath expr="//h2" position="replace" mode="inner"> <xpath expr="//h2" position="replace" mode="inner">
A new open world A new open world
theme_buzzy/views/snippets/s_image_title.xml
+3 -3
View File
@@ -3,12 +3,12 @@
<template id="s_image_title" inherit_id="website.s_image_title"> <template id="s_image_title" inherit_id="website.s_image_title">
<xpath expr="//section" position="attributes"> <xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc4" remove="o_cc5 oe_img_bg" separator=" "/> <attribute name="class" add="o_cc2" remove="o_cc5 oe_img_bg" separator=" "/>
<attribute name="style"/> <attribute name="style"/>
<attribute name="data-oe-shape-data">{'shape':'web_editor/Blobs/04','flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute> <attribute name="data-oe-shape-data">{'shape':'web_editor/Blobs/04','colors':{'c5':'o-color-4'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
</xpath> </xpath>
<xpath expr="//div[hasclass('container')]" position="before"> <xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Blobs_04"/> <div class="o_we_shape o_web_editor_Blobs_04" style="background-image: url('/web_editor/shape/web_editor/Blobs/04.svg?c5=o-color-4');"/>
</xpath> </xpath>
<xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace"/> <xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace"/>
</template> </template>
theme_buzzy/views/snippets/s_key_benefits.xml
+18
View File
@@ -2,6 +2,24 @@
<odoo> <odoo>
<template id="s_key_benefits" inherit_id="website.s_key_benefits"> <template id="s_key_benefits" inherit_id="website.s_key_benefits">
<!-- Layout -->
<xpath expr="//p[hasclass('lead')]" position="attributes">
<attribute name="style">text-align: center;"</attribute>
</xpath>
<xpath expr="//h2" position="attributes">
<attribute name="style" add="text-align: center;" separator=";"/>
<attribute name="class">display-4-fs</attribute>
</xpath>
<xpath expr="//h2" position="replace" mode="inner">
<span style="font-weight: normal;">Discover our</span><br/><span style="font-weight: normal;">main <span class="o_text_highlight o_translate_inline o_text_highlight_bold_2 o_text_highlight_fill" style="--text-highlight-width: 6px;"><span class="o_text_highlight_item">three benefits<svg fill="none" class="o_text_highlight_svg o_content_no_merge position-absolute overflow-visible top-0 start-0 w-100 h-100 pe-none"><path stroke-width="var(--text-highlight-width)" stroke="var(--text-highlight-color)" stroke-linecap="round" fill="var(--text-highlight-color)" transform="scale(2.043671875, 1.8604651162790697)" d="M193.221 20.193c.555 1.245.863 2.005 1.22 2.734 1.399 2.84 2.758 5.757 1.607 9.509-1.21 3.95-3.651 4.208-6.072 4.314-5.059.212-10.129.152-15.178.592-15.873 1.367-31.737 3.585-47.619 4.238-19.921.82-39.862.638-59.802.486-13.938-.106-27.887-.88-41.825-1.428-4.018-.151-8.046-.47-12.064-.896-2.758-.304-4.772-2.46-6.21-6.182-.645-1.656-1.756-2.993-2.798-4.177-2.768-3.13-5.06-6.38-3.899-12.502C.9 15.226.393 13.16.165 11.307c-.715-5.818.903-9.524 4.722-9.646 10.218-.35 20.437-.38 30.655-.577C51.236.78 66.94-.04 82.635.264c14.652.273 29.296 1.655 43.948 2.643 19.822 1.336 39.643 2.02 59.455-.426.923-.121 1.835-.5 2.758-.622 1.329-.183 2.688-.456 4.008-.274 3.829.501 7.073 5.666 7.192 11.21.09 4.466-1.418 6.213-6.775 7.428v-.03Z" class="o_text_highlight_path_bold_2"></path></svg></span></span></span>
</xpath>
<xpath expr="(//span[hasclass('display-3-fs')])[2]" position="attributes">
<attribute name="class" add="text-o-color-2" remove="text-o-color-1" separator=" "/>
</xpath>
<xpath expr="(//span[hasclass('display-3-fs')])[3]" position="attributes">
<attribute name="class" add="text-o-color-5" remove="text-o-color-1" separator=" "/>
</xpath>
<!-- Titles --> <!-- Titles -->
<xpath expr="(//h3)[1]" position="replace" mode="inner"> <xpath expr="(//h3)[1]" position="replace" mode="inner">
Strategic Solutions Strategic Solutions
theme_buzzy/views/snippets/s_key_images.xml
-3
View File
@@ -3,9 +3,6 @@
<template id="s_key_images" inherit_id="website.s_key_images"> <template id="s_key_images" inherit_id="website.s_key_images">
<!-- Layout --> <!-- Layout -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc2" separator=" "/>
</xpath>
<xpath expr="//img" position="attributes"> <xpath expr="//img" position="attributes">
<attribute name="src">/web_editor/shape/theme_buzzy/s_accordion_image.svg?c1=o-color-1</attribute> <attribute name="src">/web_editor/shape/theme_buzzy/s_accordion_image.svg?c1=o-color-1</attribute>
</xpath> </xpath>
theme_buzzy/views/snippets/s_product_catalog.xml
+2 -3
View File
@@ -4,10 +4,9 @@
<template id="s_product_catalog" inherit_id="website.s_product_catalog"> <template id="s_product_catalog" inherit_id="website.s_product_catalog">
<!-- Section --> <!-- Section -->
<xpath expr="//section" position="attributes"> <xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc4 pb88 pt88" remove="pb64 pt64" separator=" "/> <attribute name="class" add="o_cc o_cc4 pb88 pt88" remove="pb64 pt64 oe_img_bg o_bg_img_center oe_custom_bg" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/07","flip":[]}</attribute> <attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/07","flip":[]}</attribute>
<!-- Enable SVG dynamic color functionality --> <attribute name="style"/>
<attribute name="style">background-image: url('/web_editor/shape/theme_buzzy/s_product_catalog.svg?c1=o-color-1'); background-position: 50% 0%;</attribute>
</xpath> </xpath>
<!-- Shape --> <!-- Shape -->
<xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace"> <xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace">
theme_buzzy/views/snippets/s_showcase.xml
+8 -3
View File
@@ -2,9 +2,14 @@
<odoo> <odoo>
<template id="s_showcase" inherit_id="website.s_showcase"> <template id="s_showcase" inherit_id="website.s_showcase">
<!-- Section --> <xpath expr="//img" position="attributes">
<xpath expr="//section" position="attributes"> <attribute name="src">/web_editor/shape/theme_buzzy/s_showcase.svg?c1=o-color-2</attribute>
<attribute name="class" add="o_cc o_cc5" separator=" "/> </xpath>
<xpath expr="//h3" position="replace" mode="inner">
Features <span class="o_text_highlight o_translate_inline o_text_highlight_scribble_3 o_text_highlight_fill" style="--text-highlight-width: 3px;"><span class="o_text_highlight_item">showcase<svg fill="none" class="o_text_highlight_svg o_content_no_merge position-absolute overflow-visible top-0 start-0 w-100 h-100 pe-none"><path stroke-width="var(--text-highlight-width)" stroke="var(--text-highlight-color)" stroke-linecap="round" fill="var(--text-highlight-color)" transform="translate(0 32) scale(0.728046875, 0.375)" d="M133.953 15.961c7.87.502 15.751.975 23.611 1.522 2.027.141 4.055.44 5.999.79 4.118.727 7.202 4.977 2.53 6.707.606.293 1.181.564 1.902.908-8.477 2.069-17.267 2.65-26.203 2.818-19.023.361-38.056.603-57.068 1.088-13.807.355-27.572 1.06-41.369 1.545-3.23.113-6.532.096-9.73-.147-1.548-.118-3.492-.721-4.234-1.42-.93-.88-1.484-2.199-.93-3.1.397-.655 2.812-1.263 4.41-1.33 6.397-.277 12.825-.333 19.243-.474 26.976-.592 53.942-1.156 80.919-1.804 3.742-.09 7.452-.592 11.173-.908 0-.174-.01-.35-.021-.524-2.717-.197-5.435-.53-8.163-.575-21.865-.383-43.741-1.009-65.607-.936-11.34.04-22.65 1.432-34 2.047-6.898.377-13.88.732-20.779.569-7.044-.17-9.406-3.568-5.34-6.742 3.428-2.677 7.567-4.391 13.984-4.757 16.441-.93 32.798-2.26 49.219-3.27 14.162-.868 28.366-1.516 42.549-2.266.586-.034 1.15-.147 1.641-.45-5.006 0-10.023-.012-15.029.01-1.077 0-2.154.186-3.24.192-18.793.18-37.596.355-56.389.507-10.672.085-21.343.13-32.014.153a65.89 65.89 0 0 1-6.167-.277C1.787 5.555-.02 4.247 0 2.59 0 1.384.89.72 3.293.742c5.874.056 11.748.124 17.622.09C41.045.708 61.186.409 81.317.42c28.408.012 56.827.158 85.225.417 8.686.08 17.35.7 26.015 1.122 3.23.158 5.832.902 7.024 2.678 1.055 1.572.125 2.21-2.875 1.95a30.51 30.51 0 0 0-2.268-.107c-.397 0-.805.073-1.557.146.721.451 1.306.767 1.777 1.128 2.926 2.238 1.641 4.013-3.272 4.369-13.483.958-26.966 1.91-40.459 2.767-3.334.214-6.752 0-10.118.085-2.31.062-4.609.299-6.909.462l.042.519.011.005Z" class="o_text_highlight_path_scribble_3"></path></svg></span></span>
</xpath>
<xpath expr="(//div[hasclass('col-lg-6')])[2]" position="attributes">
<attribute name="class" add="col-lg-5 offset-lg-1" remove="col-lg-6" separator=" "/>
</xpath> </xpath>
</template> </template>
theme_buzzy/views/snippets/s_text_block.xml
-4
View File
@@ -2,10 +2,6 @@
<odoo> <odoo>
<template id="s_text_block" inherit_id="website.s_text_block"> <template id="s_text_block" inherit_id="website.s_text_block">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc2" separator=" "/>
</xpath>
<!-- Container --> <!-- Container -->
<xpath expr="//div[hasclass('container')]" position="attributes"> <xpath expr="//div[hasclass('container')]" position="attributes">
<attribute name="class" add="o_container_small" remove="container" separator=" "/> <attribute name="class" add="o_container_small" remove="container" separator=" "/>
theme_buzzy/views/snippets/s_text_image.xml
+1 -1
View File
@@ -4,7 +4,7 @@
<template id="s_text_image" inherit_id="website.s_text_image"> <template id="s_text_image" inherit_id="website.s_text_image">
<!-- Section --> <!-- Section -->
<xpath expr="//section" position="attributes"> <xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc2 pt72 pb72" remove="pt80 pb80" separator=" "/> <attribute name="class" add="pt72 pb72" remove="pt80 pb80" separator=" "/>
</xpath> </xpath>
<!-- Title --> <!-- Title -->
<xpath expr="//h2" position="replace" mode="inner"> <xpath expr="//h2" position="replace" mode="inner">