[IMP] theme_cobalt: update the theme

This commit updates the theme to improve the design with new colors, new
pictures and new snippet customizations.

task-2614510

X-original-commit: 00982a6616
Part-of: odoo/design-themes#501
This commit is contained in:
xlu-odoo
2021-08-04 14:50:43 +00:00
committed by qsm-odoo
parent a03f426bd5
commit fd5bf71d8b
22 changed files with 382 additions and 537 deletions
+8
View File
@@ -16,6 +16,14 @@
'static/description/cobalt_poster.jpg',
'static/description/cobalt_screenshot.jpg',
],
'images_preview_theme': {
'website.library_image_03': '/theme_cobalt/static/src/img/pictures/s_image_1.jpg',
'website.library_image_14': '/theme_cobalt/static/src/img/pictures/s_image_6.jpg',
'website.library_image_10': '/theme_cobalt/static/src/img/pictures/s_image_4.jpg',
'website.library_image_13': '/theme_cobalt/static/src/img/pictures/s_image_2.jpg',
'website.library_image_16': '/theme_cobalt/static/src/img/pictures/s_image_3.jpg',
'website.library_image_05': '/theme_cobalt/static/src/img/pictures/s_image_5.jpg',
},
'license': 'LGPL-3',
'live_test_url': 'https://theme-cobalt.odoo.com',
'assets': {
+13 -15
View File
@@ -1,21 +1,19 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<data>
<record id="theme_cobalt.primary_variables_scss" model="theme.ir.asset">
<field name="key">theme_cobalt.primary_variables_scss</field>
<field name="name">Primary variables SCSS</field>
<field name="bundle">web._assets_primary_variables</field>
<field name="path">theme_cobalt/static/src/scss/primary_variables.scss</field>
</record>
<record id="theme_cobalt.primary_variables_scss" model="theme.ir.asset">
<field name="key">theme_cobalt.primary_variables_scss</field>
<field name="name">Primary variables SCSS</field>
<field name="bundle">web._assets_primary_variables</field>
<field name="path">theme_cobalt/static/src/scss/primary_variables.scss</field>
</record>
<record id="theme_cobalt.bootstrap_overridden_scss" model="theme.ir.asset">
<field name="key">theme_cobalt.bootstrap_overridden_scss</field>
<field name="name">Bootstrap overridden SCSS</field>
<field name="bundle">web._assets_frontend_helpers</field>
<field name="directive">prepend</field>
<field name="path">theme_cobalt/static/src/scss/bootstrap_overridden.scss</field>
</record>
<record id="theme_cobalt.bootstrap_overridden_scss" model="theme.ir.asset">
<field name="key">theme_cobalt.bootstrap_overridden_scss</field>
<field name="name">Bootstrap overridden SCSS</field>
<field name="bundle">web._assets_frontend_helpers</field>
<field name="directive">prepend</field>
<field name="path">theme_cobalt/static/src/scss/bootstrap_overridden.scss</field>
</record>
</data>
</odoo>
Binary file not shown.

Before

Width:  |  Height:  |  Size: 47 KiB

After

Width:  |  Height:  |  Size: 115 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 125 KiB

After

Width:  |  Height:  |  Size: 70 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 75 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 65 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 39 KiB

Before

Width:  |  Height:  |  Size: 47 KiB

After

Width:  |  Height:  |  Size: 47 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 73 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 516 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 234 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 170 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 125 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 65 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 85 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 87 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 61 KiB

+14 -17
View File
@@ -1,16 +1,11 @@
odoo.define("theme_cobalt.tour.cobalt", function (require) {
"use strict";
/** @odoo-module */
const core = require("web.core");
const _t = core._t;
const wTourUtils = require("website.tour_utils");
var tour = require("web_tour.tour");
import wTourUtils from 'website.tour_utils';
const snippets = [
{
id: 's_text_image',
name: 'Image - Text',
id: 's_banner',
name: 'Banner',
},
{
id: 's_references',
@@ -21,12 +16,16 @@ const snippets = [
name: 'Text - Image',
},
{
id: 's_three_columns',
name: 'Columns',
id: 's_color_blocks_2',
name: 'Big Boxes',
},
{
id: 's_picture',
name: 'Picture',
id: 's_title',
name: 'Title',
},
{
id: 's_image_gallery',
name: 'Images Wall',
},
];
@@ -41,8 +40,6 @@ wTourUtils.registerThemeHomepageTour("cobalt_tour", [
wTourUtils.dragNDrop(snippets[3]),
wTourUtils.dragNDrop(snippets[4]),
wTourUtils.clickOnSnippet(snippets[4], 'top'),
wTourUtils.changeOption('BackgroundShape', 'we-toggler', _t('Background Shape')),
wTourUtils.selectNested('we-select-page', 'BackgroundShape', ':not(.o_we_pager_controls)', _t('Background Shape')),
wTourUtils.dragNDrop(snippets[5]),
]);
});
@@ -2,11 +2,11 @@
// Fonts
//------------------------------------------------------------------------------
$o-theme-h1-font-size-multiplier: (48.83 / 16);
$o-theme-h2-font-size-multiplier: (39.06 / 16);
$o-theme-h3-font-size-multiplier: (31.25 / 16);
$o-theme-h4-font-size-multiplier: (25.00 / 16);
$o-theme-h5-font-size-multiplier: (20.00 / 16);
$o-theme-h1-font-size-multiplier: (62 / 16);
$o-theme-h2-font-size-multiplier: (48 / 16);
$o-theme-h3-font-size-multiplier: (32 / 16);
$o-theme-h4-font-size-multiplier: (24 / 16);
$o-theme-h5-font-size-multiplier: (20 / 16);
$o-theme-h6-font-size-multiplier: 1.1;
$o-theme-font-configs: (
@@ -35,20 +35,12 @@ $o-website-values-palettes: (
'navbar-font': 'Inter',
'buttons-font': 'Inter',
'font-size-base': (14 / 16) * 1rem,
'header-font-size': (14 / 16) * 1rem,
'hamburger-type': 'off-canvas',
'menu-box-shadow': false,
'btn-ripple': true,
'btn-secondary-outline': true,
'btn-font-size': (14 / 16) * 1rem,
'btn-border-radius': 2px,
'btn-font-size-lg': (12 / 16) * 1rem,
'btn-padding-y-lg': 1rem,
'btn-padding-x-lg': 3.3rem,
),
);
@@ -78,7 +70,9 @@ $o-color-palettes-compatibility-indexes: (
//------------------------------------------------------------------------------
// Shapes
//------------------------------------------------------------------------------
// Keep for compatibility
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Blobs/03', (2: 2));
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Bold/01', (2: 2));
$o-bg-shapes: add-footer-shape-colors-mapping('web_editor', 'Bold/01', (2: 'footer'));
// New
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/11_001', (3: 1));
+120 -97
View File
@@ -1,42 +1,44 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<!-- General Components, Layout -->
<!-- ==== Headers ===== -->
<template id="header_shadow" inherit_id="website.template_header_default" name="Cobalt Header Shadow">
<xpath expr="//t[@t-set='_navbar_classes']" position="attributes">
<attribute name="t-valuef" remove="shadow-sm" separator=" "/>
</xpath>
</template>
<!-- Snippets -->
<!-- ==== Banner ===== -->
<template id="s_banner" inherit_id="website.s_banner" name="Cobalt s_banner">
<!-- Content -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="pt152 pb152 o_half_screen_height" remove="pt96 pb96" separator=" "/>
<attribute name="class" add="o_cc o_cc2 pt152 pb128" remove="parallax pt96 pb96" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/11_001","flip":["y"]}</attribute>
</xpath>
<xpath expr="//section/div" position="before">
<div class="o_we_shape o_web_editor_Origins_11_001 o_we_flip_y"/>
</xpath>
<xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
<attribute name="class" add="offset-lg-6 p-5 shadow-lg rounded" remove="pt32 pb32" separator=" "/>
<attribute name="class" remove="jumbotron rounded pt32 pb32 o_cc o_cc1" separator=" "/>
</xpath>
<xpath expr="//h1" position="replace">
<h1>Reach more People.<br/>Grow your Business.</h1><br/>
<!-- Image -->
<xpath expr="//div[hasclass('col-lg-6')]" position="after">
<div class="pt16 pb16 o_colored_level col-lg-5 offset-lg-1">
<img src="/web_editor/shape/theme_cobalt/s_banner.svg?c1=o-color-1" style="width: 100%;" alt="Marketing"/>
</div>
</xpath>
<!-- Content -->
<xpath expr="//h1" position="replace" mode="inner">
The ultimate marketing platform for brands
</xpath>
<xpath expr="//p" position="replace">
<p class="lead">Building game-changing digital experiences designed to set your brand apart.</p>
<p><br/></p>
</xpath>
<xpath expr="//a" position="before">
<br/>
<xpath expr="//t[@t-esc='cta_btn_text']" position="replace" mode="inner">
Start now
</xpath>
<xpath expr="//t[@t-esc='cta_btn_text']" position="replace">
<t t-esc="cta_btn_text">Start now</t>
<xpath expr="//a" position="attributes">
<attribute name="class" add="btn-lg flat" separator=" "/>
</xpath>
</template>
<!-- ==== Image-Text ===== -->
<template id="s_image_text" inherit_id="website.s_image_text" name="Cobalt s_image_text">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="pt152 pb128" remove="pt32 pb32" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Blobs/03","flip":[]}</attribute>
@@ -45,35 +47,38 @@
<xpath expr="//section/div" position="before">
<div class="o_we_shape o_web_editor_Blobs_03"/>
</xpath>
<!-- Layout -->
<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 expr="//h2" position="replace">
<h1>Digital strategy synchronising multiple channels</h1><br/>
<!-- Image -->
<xpath expr="//img" position="replace">
<img src="/web_editor/shape/theme_cobalt/s_image_text.svg?c1=o-color-1" style="width: 100%;" alt="Marketing"/>
</xpath>
<xpath expr="//p" position="replace">
<p>We create a consistent customer experience through a detailed digital strategy built on precise customer research.</p>
<!-- Content -->
<xpath expr="//h2" position="replace" mode="inner">
Strategy synchronising multiple channels
</xpath>
<xpath expr="//p" position="replace" mode="inner">
We create a consistent customer experience through a detailed digital strategy built on precise customer research.
</xpath>
<xpath expr="//p[last()-1]" position="replace"/>
<xpath expr="//a[hasclass('btn')]" position="replace"/>
</template>
<!-- ==== Text-Image ===== -->
<template id="s_text_image" inherit_id="website.s_text_image" name="Cobalt s_text_image">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="pt80 pb88" remove="pt32 pb32" separator=" "/>
</xpath>
<xpath expr="//h2" position="replace">
<h2>What we can do, <b>for you</b></h2>
<br/>
<!-- Content -->
<xpath expr="//h2" position="replace" mode="inner">
What we can do, <b>for you</b><br/>
</xpath>
<xpath expr="//img" position="replace">
<img src="/web_editor/shape/theme_cobalt/s_text_image.svg?c1=o-color-1" style="width: 100%;" alt="Marketing"/>
</xpath>
<xpath expr="//p" position="replace"/>
<xpath expr="//p" position="replace">
<h5>Digital Transformation</h5>
@@ -82,20 +87,23 @@
<h5>Web &amp; App Development</h5>
<p>We have collected solid experience in building native and cross-platform mobile applications and websites. Check our portfolio from clients around the world.</p>
<br/>
<h5>Marketing Promotion &amp; Strategy</h5>
<p>Well build with you a clear promotion strategy. Thus, youll have an actionable plan to influence people about your business, generate more leads, and boost customer engagement.</p>
<br/>
</xpath>
<xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
<attribute name="class" add="col-lg-5" remove="col-lg-6" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
<attribute name="class" add="col-lg-7" remove="col-lg-6" separator=" "/>
</xpath>
<xpath expr="//a[hasclass('btn')]" position="replace"/>
</template>
<xpath expr="//a[hasclass('btn')]" position="replace">
<a href="#" class="btn btn-secondary btn-lg mb-2">DISCOVER MORE</a>
<!-- ======== TITLE ======== -->
<template id="s_title" inherit_id="website.s_title" name="Cobalt s_title">
<xpath expr="//section" position="attributes">
<attribute name="class" add="pt56" remove="pt40" separator=" "/>
</xpath>
<xpath expr="//h1" position="replace" mode="inner">
Projects
</xpath>
</template>
@@ -120,9 +128,8 @@
<!-- ==== References ===== -->
<template id="s_references" inherit_id="website.s_references" name="Cobalt s_references">
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc2" remove="pt48 pb32" separator=" "/>
<attribute name="class" add="o_cc o_cc1" remove="pt48 pb32" separator=" "/>
</xpath>
<xpath expr="//h2" position="replace"/>
<xpath expr="//p" position="replace"/>
</template>
@@ -140,87 +147,103 @@
<h2 style="text-align: center;">Latest projects</h2>
<p/>
</xpath>
<xpath expr="//div[hasclass('row')]/div/div" position="replace">
<img class="d-block img-fluid figure-img rounded shadow-lg" src="/web/image/website.s_three_columns_default_image_1" alt="s_three_columns_1"/>
<h5>Hey Balàzs!</h5>
<p>This minimalist weather application was created to be multi-platform. Its available for iPhone or Android phones.</p>
<a href="#" class="btn btn-secondary mb-2">READ MORE</a>
</xpath>
<xpath expr="//div[hasclass('row')]/div[2]/div" position="replace">
<img class="d-block img-fluid figure-img rounded shadow-lg" src="/web/image/website.s_three_columns_default_image_2" alt="s_three_columns_2"/>
<h5>Frank Clothes eCommerce</h5>
<p>We wanted to propose a friendly shopping experience for the fans of Frank Clothes. Read more how we developed it.</p>
<a href="#" class="btn btn-secondary mb-2">READ MORE</a>
</xpath>
<xpath expr="//div[hasclass('row')]/div[3]/div" position="replace">
<img class="d-block img-fluid figure-img rounded shadow-lg" src="/web/image/website.s_three_columns_default_image_3" alt="s_three_columns_3"/>
<h5>Earthquake Monitor</h5>
<p>We developed this application to help the population of Goma living under the threat of a volcano.Now its available for every area.</p>
<a href="#" class="btn btn-secondary mb-2">READ MORE</a>
</xpath>
</template>
<!-- ==== Call To Action ===== -->
<template id="s_call_to_action" inherit_id="website.s_call_to_action" name="Cobalt s_call_to_action">
<xpath expr="//t[@t-esc='cta_btn_text']" position="replace">
<t t-esc="cta_btn_text and cta_btn_text.upper()">START NOW</t>
<xpath expr="//t[@t-esc='cta_btn_text']" position="replace" mode="inner">
START NOW
</xpath>
</template>
<!-- ==== Picture ===== -->
<template id="s_picture" inherit_id="website.s_picture" name="Cobalt s_picture">
<xpath expr="//section" position="attributes">
<attribute name="class" add="bg-o-color-3 pt72 overflow-hidden" remove="o_cc o_cc2 pt48" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/01","flip":["y"]}</attribute>
</xpath>
<xpath expr="//section/div" position="before">
<div class="o_we_shape o_web_editor_Bold_01 o_we_flip_y"></div>
</xpath>
<xpath expr="//div[hasclass('container')]" position="attributes">
<attribute name="class" add="container-fluid px-5 px-lg-0" remove="container" separator=" "/>
</xpath>
<xpath expr="//h2" position="replace"/>
<xpath expr="//p" position="replace"/>
<xpath expr="//p" position="replace"/>
<xpath expr="//img" position="attributes">
<attribute name="class" add="img-fluid" remove="img-thumbnail padding-large" separator=" "/>
</xpath>
<xpath expr="//figcaption" position="replace">
<figcaption class="text-400"><em>Our offices in Dhaka</em></figcaption>
<figcaption class="text-400"><em>Our office in Dhaka</em></figcaption>
</xpath>
</template>
<!-- ==== Images Gallery ===== -->
<template id="s_image_gallery" inherit_id="website.s_image_gallery">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="s_image_gallery_cover" separator=" "/>
</xpath>
</template>
<!-- ==== Images Wall ===== -->
<template id="s_images_wall" inherit_id="website.s_images_wall">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="pb64" remove="pb24" separator=" "/>
</xpath>
<!-- Delete 3rd col -->
<xpath expr="(//div[hasclass('col-lg-4')])[last()]" position="replace"/>
<!-- Switch to col-4-->
<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-4')][1]" position="attributes">
<attribute name="class" add="col-lg-6" remove="col-lg-4" separator=" "/>
</xpath>
<!-- Add one more row of images -->
<xpath expr="//div[hasclass('col-lg-6')]/img" position="after">
<img class="img img-fluid d-block" src="/web/image/website.library_image_14" data-index="1" data-name="Image"/>
</xpath>
<xpath expr="//div[hasclass('col-lg-6')][2]/img" position="after">
<img class="img img-fluid d-block" src="/web/image/website.library_image_16" data-index="1" data-name="Image"/>
</xpath>
</template>
<!-- ======== BIG BOXES ======== -->
<template id="s_color_blocks_2" inherit_id="website.s_color_blocks_2" name="Cobalt s_color_blocks_2">
<!-- Left column -->
<xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
<attribute name="class" add="o_cc4" remove="o_cc3" separator=" "/>
<attribute name="style" add="background-image: linear-gradient(135deg, var(--o-color-2) 0%, var(--o-color-1) 100%);" separator=";"/>
</xpath>
<!-- Left column - Icon -->
<xpath expr="//div[hasclass('col-lg-6')]//i" position="replace"/>
<!-- Left column - Text -->
<xpath expr="//div[hasclass('col-lg-6')]//p" position="replace"/>
<!-- Left column - Title -->
<xpath expr="//div[hasclass('col-lg-6')][1]//h2" position="replace" mode="inner">
Are you a startup or a seasoned company looking for a new brand identity?
</xpath>
<!-- Left column - Button -->
<xpath expr="//div[hasclass('col-lg-6')]//a[hasclass('btn')]" position="attributes">
<attribute name="class" add="btn-lg flat" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('row')]/div" position="before">
<div class="col offset-lg-2">
<h2>Our Offices</h2>
<p/>
<div class="row">
<div class="col-6 pt24 bg-white-75">
<h5>Dhaka</h5>
<p>This is our headquarter. Thats where, were building the strategy of the company.</p>
<br/>
<h5>Calgary</h5>
<p>Opened in 2011, this office holds the Sales team for Americas and is composed of 100 people.</p>
</div>
<div class="col-6 pt24 bg-white-75">
<h5>Abu Dhabi</h5>
<p>R&amp;D department. Where the magic happens. Were recruiting devs, so contact us.</p>
<br/>
<h5>Hong Kong</h5>
<p>Our first step in Asia, opened in 2020. Holds Sales and Services department.</p>
</div>
</div>
</div>
<!-- Right column -->
<xpath expr="//div[hasclass('col-lg-6')][2]" position="attributes">
<attribute name="class" add="o_cc3" remove="o_cc5" separator=" "/>
<attribute name="style" add="background-image: linear-gradient(315deg, var(--o-color-2) 0%, var(--o-color-1) 100%);" separator=";"/>
</xpath>
<xpath expr="//div[hasclass('offset-lg-1')]" position="attributes">
<attribute name="class" add="col-lg-6 px-0" remove="col-lg-10" separator=" "/>
<attribute name="style" remove="text-align: center;" separator=";"/>
<!-- Right column - Filter -->
<xpath expr="//div[hasclass('col-lg-6')][2]//i" position="replace"/>
<!-- Right column - Title -->
<xpath expr="//div[hasclass('col-lg-6')][2]//h2" position="replace" mode="inner">
Are you an established brand looking for ongoing creative services?
</xpath>
<!-- Right column - Text -->
<xpath expr="//div[hasclass('col-lg-6')][2]//p" position="replace"/>
<!-- Right column - Button -->
<xpath expr="//div[hasclass('col-lg-6')][2]//a[hasclass('btn')]" position="attributes">
<attribute name="class" add="btn-lg flat" separator=" "/>
</xpath>
</template>
+216 -186
View File
@@ -1,204 +1,234 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<!-- ======== Change default snippets images ======== -->
<!-- Cover -->
<record id="s_cover_default_image" model="theme.ir.attachment">
<field name="key">website.s_cover_default_image</field>
<field name="name">website.s_cover_default_image</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_cover.jpg</field>
</record>
<!-- ======== Change default snippets images ======== -->
<!-- Cover -->
<record id="s_cover_default_image" model="theme.ir.attachment">
<field name="key">website.s_cover_default_image</field>
<field name="name">website.s_cover_default_image</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_cover.jpg</field>
</record>
<!-- Banner -->
<record id="s_banner_default_image" model="theme.ir.attachment">
<field name="key">website.s_banner_default_image</field>
<field name="name">website.s_banner_default_image</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_banner.jpg</field>
</record>
<!-- Banner -->
<record id="s_banner_default_image" model="theme.ir.attachment">
<field name="key">website.s_banner_default_image</field>
<field name="name">website.s_banner_default_image</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_banner.jpg</field>
</record>
<!-- Text - Image -->
<record id="s_text_image_default_image" model="theme.ir.attachment">
<field name="key">website.s_text_image_default_image</field>
<field name="name">website.s_text_image_default_image</field>
<field name="url">/theme_cobalt/static/src/img/illustrations/s_text_image_default_image.svg</field>
</record>
<!-- (Big) Picture -->
<record id="s_picture_default_image" model="theme.ir.attachment">
<field name="key">website.s_picture_default_image</field>
<field name="name">website.s_picture_default_image</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_picture.jpg</field>
</record>
<!-- Image - Text -->
<record id="s_image_text_default_image" model="theme.ir.attachment">
<field name="key">website.s_image_text_default_image</field>
<field name="name">website.s_image_text_default_image</field>
<field name="url">/theme_cobalt/static/src/img/illustrations/s_image_text_default_image.svg</field>
</record>
<!-- Columns -->
<record id="library_image_11" model="theme.ir.attachment">
<field name="key">website.library_image_11</field>
<field name="name">website.library_image_11</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_three_columns_1.jpg</field>
</record>
<record id="s_three_columns_default_image_2" model="theme.ir.attachment">
<field name="key">s_three_columns_default_image_2</field>
<field name="name">s_three_columns_default_image_2</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_three_columns_2.jpg</field>
</record>
<record id="library_image_07" model="theme.ir.attachment">
<field name="key">website.library_image_07</field>
<field name="name">website.library_image_07</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_three_columns_3.jpg</field>
</record>
<!-- (Big) Picture -->
<record id="s_picture_default_image" model="theme.ir.attachment">
<field name="key">website.s_picture_default_image</field>
<field name="name">website.s_picture_default_image</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_picture.jpg</field>
</record>
<!-- Masonry Blocks -->
<record id="s_masonry_block_default_image_1" model="theme.ir.attachment">
<field name="key">website.s_masonry_block_default_image_1</field>
<field name="name">website.s_masonry_block_default_image_1</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_masonry_block_1.jpg</field>
</record>
<!-- Columns -->
<record id="library_image_11" model="theme.ir.attachment">
<field name="key">website.library_image_11</field>
<field name="name">website.library_image_11</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_three_columns_1.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_cobalt/static/src/img/pictures/s_three_columns_2.jpg</field>
</record>
<record id="library_image_07" model="theme.ir.attachment">
<field name="key">website.library_image_07</field>
<field name="name">website.library_image_07</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_three_columns_3.jpg</field>
</record>
<!-- Carousel Blocks -->
<record id="s_carousel_default_image_1" model="theme.ir.attachment">
<field name="key">website.s_carousel_default_image_1</field>
<field name="name">website.s_carousel_default_image_1</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_carousel_1.jpg</field>
</record>
<record id="s_carousel_default_image_2" model="theme.ir.attachment">
<field name="key">website.s_carousel_default_image_2</field>
<field name="name">website.s_carousel_default_image_2</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_carousel_2.jpg</field>
</record>
<record id="s_carousel_default_image_3" model="theme.ir.attachment">
<field name="key">website.s_carousel_default_image_3</field>
<field name="name">website.s_carousel_default_image_3</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_carousel_3.jpg</field>
</record>
<!-- Masonry Blocks -->
<record id="s_masonry_block_default_image_1" model="theme.ir.attachment">
<field name="key">website.s_masonry_block_default_image_1</field>
<field name="name">website.s_masonry_block_default_image_1</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_masonry_block_1.jpg</field>
</record>
<!-- Parallax -->
<record id="s_parallax_default_image" model="theme.ir.attachment">
<field name="key">website.s_parallax_default_image</field>
<field name="name">website.s_parallax_default_image</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_parallax.jpg</field>
</record>
<!-- Carousel Blocks -->
<record id="s_carousel_default_image_1" model="theme.ir.attachment">
<field name="key">website.s_carousel_default_image_1</field>
<field name="name">website.s_carousel_default_image_1</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_carousel_1.jpg</field>
</record>
<record id="s_carousel_default_image_2" model="theme.ir.attachment">
<field name="key">website.s_carousel_default_image_2</field>
<field name="name">website.s_carousel_default_image_2</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_carousel_2.jpg</field>
</record>
<record id="s_carousel_default_image_3" model="theme.ir.attachment">
<field name="key">website.s_carousel_default_image_3</field>
<field name="name">website.s_carousel_default_image_3</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_carousel_3.jpg</field>
</record>
<!-- Team Snippet -->
<record id="s_company_team_image_1" model="theme.ir.attachment">
<field name="key">website.s_company_team_image_1</field>
<field name="name">website.s_company_team_image_1</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_company_team_image_1.jpg</field>
</record>
<record id="s_company_team_image_2" model="theme.ir.attachment">
<field name="key">website.s_company_team_image_2</field>
<field name="name">website.s_company_team_image_2</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_company_team_image_2.jpg</field>
</record>
<record id="s_company_team_image_3" model="theme.ir.attachment">
<field name="key">website.s_company_team_image_3</field>
<field name="name">website.s_company_team_image_3</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_company_team_image_3.jpg</field>
</record>
<record id="s_company_team_image_4" model="theme.ir.attachment">
<field name="key">website.s_company_team_image_4</field>
<field name="name">website.s_company_team_image_4</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_company_team_image_4.jpg</field>
</record>
<!-- Parallax -->
<record id="s_parallax_default_image" model="theme.ir.attachment">
<field name="key">website.s_parallax_default_image</field>
<field name="name">website.s_parallax_default_image</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_parallax.jpg</field>
</record>
<!-- Quotes Carousel -->
<!-- Avatar 1 -->
<record id="s_quotes_carousel_demo_image_3" model="theme.ir.attachment">
<field name="key">website.s_quotes_carousel_demo_image_3</field>
<field name="name">website.s_quotes_carousel_demo_image_3</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_company_team_image_4.jpg</field>
</record>
<!-- Avatar 2 -->
<record id="s_quotes_carousel_demo_image_4" model="theme.ir.attachment">
<field name="key">website.s_quotes_carousel_demo_image_4</field>
<field name="name">website.s_quotes_carousel_demo_image_4</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_company_team_image_2.jpg</field>
</record>
<!-- BG 2 -->
<record id="s_quotes_carousel_demo_image_1" model="theme.ir.attachment">
<field name="key">website.s_quotes_carousel_demo_image_1</field>
<field name="name">website.s_quotes_carousel_demo_image_1</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_quotes_carousel_bg_slide2.jpg</field>
</record>
<!-- Avatar 3 -->
<record id="s_quotes_carousel_demo_image_5" model="theme.ir.attachment">
<field name="key">website.s_quotes_carousel_demo_image_5</field>
<field name="name">website.s_quotes_carousel_demo_image_5</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_company_team_image_3.jpg</field>
</record>
<!-- BG 3 -->
<record id="s_quotes_carousel_demo_image_2" model="theme.ir.attachment">
<field name="key">website.s_quotes_carousel_demo_image_2</field>
<field name="name">website.s_quotes_carousel_demo_image_2</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_quotes_carousel_bg_slide3.jpg</field>
</record>
<!-- Team Snippet -->
<record id="s_company_team_image_1" model="theme.ir.attachment">
<field name="key">website.s_company_team_image_1</field>
<field name="name">website.s_company_team_image_1</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_company_team_image_1.jpg</field>
</record>
<record id="s_company_team_image_2" model="theme.ir.attachment">
<field name="key">website.s_company_team_image_2</field>
<field name="name">website.s_company_team_image_2</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_company_team_image_2.jpg</field>
</record>
<record id="s_company_team_image_3" model="theme.ir.attachment">
<field name="key">website.s_company_team_image_3</field>
<field name="name">website.s_company_team_image_3</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_company_team_image_3.jpg</field>
</record>
<record id="s_company_team_image_4" model="theme.ir.attachment">
<field name="key">website.s_company_team_image_4</field>
<field name="name">website.s_company_team_image_4</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_company_team_image_4.jpg</field>
</record>
<!-- Product Catalog (menu) -->
<record id="s_product_catalog_default_image" model="theme.ir.attachment">
<field name="key">website.s_product_catalog_default_image</field>
<field name="name">website.s_product_catalog_default_image</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_product_catalog.jpg</field>
</record>
<!-- Quotes Carousel -->
<!-- Avatar 1 -->
<record id="s_quotes_carousel_demo_image_3" model="theme.ir.attachment">
<field name="key">website.s_quotes_carousel_demo_image_3</field>
<field name="name">website.s_quotes_carousel_demo_image_3</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_company_team_image_4.jpg</field>
</record>
<!-- Avatar 2 -->
<record id="s_quotes_carousel_demo_image_4" model="theme.ir.attachment">
<field name="key">website.s_quotes_carousel_demo_image_4</field>
<field name="name">website.s_quotes_carousel_demo_image_4</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_company_team_image_2.jpg</field>
</record>
<!-- BG 2 -->
<record id="s_quotes_carousel_demo_image_1" model="theme.ir.attachment">
<field name="key">website.s_quotes_carousel_demo_image_1</field>
<field name="name">website.s_quotes_carousel_demo_image_1</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_quotes_carousel_bg_slide2.jpg</field>
</record>
<!-- Avatar 3 -->
<record id="s_quotes_carousel_demo_image_5" model="theme.ir.attachment">
<field name="key">website.s_quotes_carousel_demo_image_5</field>
<field name="name">website.s_quotes_carousel_demo_image_5</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_company_team_image_3.jpg</field>
</record>
<!-- BG 3 -->
<record id="s_quotes_carousel_demo_image_2" model="theme.ir.attachment">
<field name="key">website.s_quotes_carousel_demo_image_2</field>
<field name="name">website.s_quotes_carousel_demo_image_2</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_quotes_carousel_bg_slide3.jpg</field>
</record>
<!-- Media List -->
<record id="s_media_list_default_image_1" model="theme.ir.attachment">
<field name="key">website.s_media_list_default_image_1</field>
<field name="name">website.s_media_list_default_image_1</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_media_list_1.jpg</field>
</record>
<record id="s_media_list_default_image_2" model="theme.ir.attachment">
<field name="key">website.s_media_list_default_image_2</field>
<field name="name">website.s_media_list_default_image_2</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_media_list_2.jpg</field>
</record>
<record id="s_media_list_default_image_3" model="theme.ir.attachment">
<field name="key">website.s_media_list_default_image_3</field>
<field name="name">website.s_media_list_default_image_3</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_media_list_3.jpg</field>
</record>
<!-- Product Catalog (menu) -->
<record id="s_product_catalog_default_image" model="theme.ir.attachment">
<field name="key">website.s_product_catalog_default_image</field>
<field name="name">website.s_product_catalog_default_image</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_product_catalog.jpg</field>
</record>
<!-- Product List -->
<record id="s_product_list_default_image_1" model="theme.ir.attachment">
<field name="key">website.s_product_list_default_image_1</field>
<field name="name">website.s_product_list_default_image_1</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_product_list_1.jpg</field>
</record>
<record id="s_product_list_default_image_2" model="theme.ir.attachment">
<field name="key">website.s_product_list_default_image_2</field>
<field name="name">website.s_product_list_default_image_2</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_product_list_2.jpg</field>
</record>
<record id="s_product_list_default_image_3" model="theme.ir.attachment">
<field name="key">website.s_product_list_default_image_3</field>
<field name="name">website.s_product_list_default_image_3</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_product_list_3.jpg</field>
</record>
<record id="s_product_list_default_image_4" model="theme.ir.attachment">
<field name="key">website.s_product_list_default_image_4</field>
<field name="name">website.s_product_list_default_image_4</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_product_list_4.jpg</field>
</record>
<record id="s_product_list_default_image_5" model="theme.ir.attachment">
<field name="key">website.s_product_list_default_image_5</field>
<field name="name">website.s_product_list_default_image_5</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_product_list_5.jpg</field>
</record>
<record id="s_product_list_default_image_6" model="theme.ir.attachment">
<field name="key">website.s_product_list_default_image_6</field>
<field name="name">website.s_product_list_default_image_6</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_product_list_6.jpg</field>
</record>
<!-- Media List -->
<record id="s_media_list_default_image_1" model="theme.ir.attachment">
<field name="key">website.s_media_list_default_image_1</field>
<field name="name">website.s_media_list_default_image_1</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_media_list_1.jpg</field>
</record>
<record id="s_media_list_default_image_2" model="theme.ir.attachment">
<field name="key">website.s_media_list_default_image_2</field>
<field name="name">website.s_media_list_default_image_2</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_media_list_2.jpg</field>
</record>
<record id="s_media_list_default_image_3" model="theme.ir.attachment">
<field name="key">website.s_media_list_default_image_3</field>
<field name="name">website.s_media_list_default_image_3</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_media_list_3.jpg</field>
</record>
<!-- Popup -->
<record id="s_popup_default_image" model="theme.ir.attachment">
<field name="key">website.s_popup_default_image</field>
<field name="name">website.s_popup_default_image</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_popup.jpeg</field>
</record>
<!-- Product List -->
<record id="s_product_list_default_image_1" model="theme.ir.attachment">
<field name="key">website.s_product_list_default_image_1</field>
<field name="name">website.s_product_list_default_image_1</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_product_list_1.jpg</field>
</record>
<record id="s_product_list_default_image_2" model="theme.ir.attachment">
<field name="key">website.s_product_list_default_image_2</field>
<field name="name">website.s_product_list_default_image_2</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_product_list_2.jpg</field>
</record>
<record id="s_product_list_default_image_3" model="theme.ir.attachment">
<field name="key">website.s_product_list_default_image_3</field>
<field name="name">website.s_product_list_default_image_3</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_product_list_3.jpg</field>
</record>
<record id="s_product_list_default_image_4" model="theme.ir.attachment">
<field name="key">website.s_product_list_default_image_4</field>
<field name="name">website.s_product_list_default_image_4</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_product_list_4.jpg</field>
</record>
<record id="s_product_list_default_image_5" model="theme.ir.attachment">
<field name="key">website.s_product_list_default_image_5</field>
<field name="name">website.s_product_list_default_image_5</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_product_list_5.jpg</field>
</record>
<record id="s_product_list_default_image_6" model="theme.ir.attachment">
<field name="key">website.s_product_list_default_image_6</field>
<field name="name">website.s_product_list_default_image_6</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_product_list_6.jpg</field>
</record>
<!-- Images Wall -->
<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_cobalt/static/src/img/pictures/s_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_cobalt/static/src/img/pictures/s_image_2.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_cobalt/static/src/img/pictures/s_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_cobalt/static/src/img/pictures/s_image_3.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_cobalt/static/src/img/pictures/s_image_6.jpg</field>
</record>
<!-- Images Gallery -->
<record id="library_image_08" model="theme.ir.attachment">
<field name="key">website.library_image_08</field>
<field name="name">website.library_image_08</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_gallery_1.jpg</field>
</record>
<record id="library_image_03" model="theme.ir.attachment">
<field name="key">website.library_image_03</field>
<field name="name">website.library_image_03</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_image_1.jpg</field>
</record>
<record id="library_image_02" model="theme.ir.attachment">
<field name="key">website.library_image_02</field>
<field name="name">website.library_image_02</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_gallery_3.jpg</field>
</record>
<!-- Popup -->
<record id="s_popup_default_image" model="theme.ir.attachment">
<field name="key">website.s_popup_default_image</field>
<field name="name">website.s_popup_default_image</field>
<field name="url">/theme_cobalt/static/src/img/pictures/s_popup.jpeg</field>
</record>
</odoo>