[ADD] theme 14.0

theme_bewise/static/src/js/tour.js

@@ -0,0 +1,56 @@
+odoo.define("theme_bewise.tour.bewise", function (require) {
+"use strict";
+
+const core = require("web.core");
+const _t = core._t;
+
+const wTourUtils = require("website.tour_utils");
+var tour = require("web_tour.tour");
+
+const snippets = [
+    {
+        id: 's_cover',
+        name: 'Cover',
+    },
+    {
+        id: 's_call_to_action',
+        name: 'Call to Action',
+    },
+    {
+        id: 's_text_image',
+        name: 'Text - Image',
+    },
+    {
+        id: 's_numbers',
+        name: 'Numbers',
+    },
+    {
+        id: 's_image_text',
+        name: 'Image - Text',
+    },
+    {
+        id: 's_quotes_carousel_wrapper',
+        name: 'Quotes',
+    },
+    {
+        id: 's_company_team',
+        name: 'Team',
+    },
+];
+
+wTourUtils.registerThemeHomepageTour("bewise_tour", [
+    wTourUtils.dragNDrop(snippets[0], 'top'),
+    wTourUtils.clickOnText(snippets[0], 'h1', 'top'),
+    wTourUtils.goBackToBlocks(),
+    wTourUtils.dragNDrop(snippets[1], 'top'),
+    wTourUtils.dragNDrop(snippets[2], 'top'),
+    wTourUtils.dragNDrop(snippets[3], 'top'),
+    wTourUtils.dragNDrop(snippets[4], 'top'),
+    wTourUtils.dragNDrop(snippets[5], 'top'),
+    wTourUtils.dragNDrop(snippets[6], 'top'),
+    wTourUtils.clickOnSnippet(snippets[6], 'top'),
+    wTourUtils.changeOption('BackgroundShape', 'we-toggler', _t('Background Shape')),
+    wTourUtils.selectNested('we-select-page', 'BackgroundShape', ':not(.o_we_pager_controls)', _t('Background Shape')),
+    wTourUtils.clickOnSave(),
+]);
+});

theme_bewise/static/src/old_snippets/s_big_icons/000.scss

@@ -0,0 +1,81 @@
+
+/* Big Icon Circle */
+@include o-theme-chd-big-icons-classes(4px solid o-color('alpha'), o-color('alpha'));
+
+/* Big Icon Square */
+
+.s_big_icon_square_box {
+    .fa {
+        color: o-color('alpha') !important;
+    }
+}
+
+.s_big_icon_square_icon {
+    text-align:center!important;
+    color:#fff;
+    transition: all 0.3s ease-in-out;
+    h5 {
+        margin-top: 48px;
+    }
+}
+
+.s_big_icon_square_box:hover .s_big_icon_square_icon {
+    transition: all 0.3s ease-in-out;
+
+}
+
+.bg-epsilon .s_big_icons_icon, .bg-gamma .s_big_icons_icon  {
+    border: 6px solid;
+    @include o-theme-chd-big-icons-styles(rgba(0, 0, 0, 0), white);
+}
+
+.bg-epsilon .s_big_icons_box:hover .s_big_icons_icon, .bg-gamma .s_big_icons_box:hover .s_big_icons_icon {
+    @include o-theme-chd-big-icons-styles($bg-color: white, $fa-color: o-color('alpha'));
+}
+
+/* s_big_icon_square */
+
+.bg-epsilon .s_big_icon_square_icon, .bg-gamma .s_big_icon_square_icon {
+    background-color: rgba(0, 0, 0, 0) !important;
+    border: 6px solid white !important;
+    h5 {
+        color: white !important;
+    }
+    .fa {
+        color: white !important;
+    }
+}
+
+.bg-epsilon .s_big_icon_square_box:hover .s_big_icon_square_icon, .bg-gamma .s_big_icon_square_box:hover .s_big_icon_square_icon {
+    background-color: white !important;
+    border-color: o-color('alpha');
+    transform: scale(1.1,1.1);
+    .fa {
+        color: o-color('alpha') !important;
+    }
+    h5 {
+        color: white !important;
+    }
+}
+
+/* s_big_icon_square */
+
+.s_big_icon_square_icon {
+    background-color: rgba(0, 0, 0, 0) !important;
+    border: 6px solid o-color('alpha');
+    h5 {
+        color: o-color('alpha');
+    }
+}
+
+.s_big_icon_square_box:hover .s_big_icon_square_icon {
+    background-color: o-color('alpha') !important;
+    border-color: o-color('alpha');
+    transform: scale(1.1,1.1);
+    .fa {
+        color: white !important;
+    }
+    h5 {
+        color: o-color('alpha');
+    }
+}

theme_bewise/static/src/old_snippets/s_big_image/000.scss

@@ -0,0 +1,6 @@
+.s_big_image .s_text_highlight {
+    padding: 12px 8px 18px;
+    border-radius: 0px;
+    border: 3px solid o-color('alpha');
+    background: rgba(black, 0.35)
+}

theme_bewise/static/src/old_snippets/s_big_image_parallax/000.scss

@@ -0,0 +1,5 @@
+.s_big_image_parallax {
+    min-height: 600px;
+    padding-top: 20px;
+    background-size: cover;
+}

theme_bewise/static/src/old_snippets/s_icon_box/000.scss

@@ -0,0 +1,161 @@
+
+/* Icon Box Circle */
+
+.s_icon_box_circle_box {
+    float: left;
+
+    .fa {
+        color: o-color('alpha') !important;
+        font-size: 28px;
+    }
+}
+
+.s_icon_box_circle_icon {
+    width:60px;
+    height:60px;
+    margin-right: 15px;
+    text-align:center!important;
+    color:#fff;
+    padding: 20px 0;
+    transition: all 0.3s ease-in-out;
+    background-color: rgba(0, 0, 0, 0) !important;
+    border: 2px solid o-color('alpha');
+    border-radius: 50px;
+}
+
+.s_icon_box_circle_box:hover .s_icon_box_circle_icon {
+    transform: scale(1.1,1.1);
+    transition: all 0.3s ease-in-out;
+    border-color: o-color('gamma');
+    .fa {
+        color: o-color('gamma') !important;
+    }
+}
+
+/* Icon Box Square */
+
+.s_icon_box_square_box {
+    float: left;
+
+    .fa {
+        color: o-color('alpha') !important;
+    }
+}
+
+.s_icon_box_square_icon {
+    width:60px;
+    height:55px;
+    margin-right: 15px;
+    text-align:center!important;
+    color:#fff;
+    padding: 18px 0;
+    transition: all 0.3s ease-in-out;
+    background-color: rgba(0, 0, 0, 0) !important;
+    border: 2px solid o-color('alpha');
+}
+
+.s_icon_box_square_box:hover .s_icon_box_square_icon {
+    transform: scale(1.1,1.1);
+    transition: all 0.3s ease-in-out;
+    border-color: o-color('gamma');
+    .fa {
+        color: o-color('gamma') !important;
+    }
+}
+
+/* s_icon_box */
+
+.s_icon_box_box:hover .s_icon_box_icon .fa, .s_icon_box_box:hover .s_icon_box_content h4 {
+    transition: all 0.3s ease-in-out;
+    color: o-color('alpha');
+}
+
+/* s_icon_box_square */
+
+.s_icon_box_square_box:hover .s_icon_box_square_icon {
+    border-color: o-color('alpha');
+    background-color: o-color('alpha') !important;
+    .fa {
+        color: white !important;
+    }
+}
+
+.s_icon_box_square_box:hover h4 {
+    color: o-color('alpha') !important;
+}
+
+/* s_icon_box_circle */
+
+.s_icon_box_circle_box:hover .s_icon_box_circle_icon {
+    border-color: o-color('alpha');
+    background-color: o-color('alpha') !important;
+    .fa {
+        color: white !important;
+    }
+}
+
+.s_icon_box_circle_box:hover h4 {
+    color: o-color('alpha') !important;
+}
+
+/* s_icon_box */
+
+.bg-epsilon .s_icon_box_box:hover .s_icon_box_icon .fa, .bg-gamma .s_icon_box_box:hover .s_icon_box_icon .fa  {
+    transition: all 0.3s ease-in-out;
+    color: o-color('delta') !important;
+}
+
+.bg-epsilon .s_icon_box_box:hover .s_icon_box_content h4, .bg-gamma .s_icon_box_box:hover .s_icon_box_content h4 {
+    transition: all 0.3s ease-in-out;
+    color: o-color('delta') !important;
+}
+
+/* s_icon_box_square */
+
+.bg-epsilon .s_icon_box_square_icon, .bg-gamma .s_icon_box_square_icon {
+    border-color: white !important;
+    background-color: o-color('alpha') !important;
+    .fa {
+        color: white !important;
+    }
+    h4 {
+        color: white !important;
+    }
+}
+
+.bg-epsilon .s_icon_box_square_box:hover .s_icon_box_square_icon, .bg-gamma .s_icon_box_square_box:hover .s_icon_box_square_icon {
+    border-color: white !important;
+    background-color: white !important;
+    .fa {
+        color: o-color('alpha') !important;
+    }
+}
+
+.bg-epsilon .s_icon_box_square_box:hover h4, .bg-gamma .s_icon_box_square_box:hover h4 {
+    color: white !important;
+}
+
+/* s_icon_box_circle */
+
+.bg-epsilon .s_icon_box_circle_icon {
+    border-color: white !important;
+    background-color: o-color('alpha') !important;
+    .fa {
+        color: white !important;
+    }
+    h4 {
+        color: white !important;
+    }
+}
+
+.bg-epsilon .s_icon_box_circle_box:hover .s_icon_box_circle_icon, .bg-gamma .s_icon_box_circle_box:hover .s_icon_box_circle_icon {
+    border-color: white !important;
+    background-color: white !important;
+    .fa {
+        color: o-color('alpha') !important;
+    }
+}
+
+.bg-epsilon .s_icon_box_circle_box:hover h4, .bg-gamma .s_icon_box_circle_box:hover h4 {
+    color: white !important;
+}

theme_bewise/static/src/scss/primary_variables.scss

@@ -0,0 +1,166 @@
+
+//------------------------------------------------------------------------------
+// Colors
+//------------------------------------------------------------------------------
+
+// Theme colors
+$o-theme-color-palettes: (
+    (
+        alpha: #11b6a8,
+        beta: #B9EAE8,
+        gamma: #fda301,
+        delta: #febf00,
+        epsilon: #1b7f7e,
+    ),
+    (
+        alpha: #45AADA,
+        beta: #B3DCF0,
+        gamma: #f74b94,
+        delta: #FDC6DD,
+        epsilon: #ea3884,
+    ),
+    (
+        alpha: #8578b9,
+        beta: #c1badb,
+        gamma: #FDF002,
+        delta: #FEF994,
+        epsilon: #dbb132,
+    ),
+    (
+        alpha: #87bd70,
+        beta: #C4E6B5,
+        gamma: #fe5e6d,
+        delta: #F2BFC5,
+        epsilon: #ce2b3a,
+    ),
+);
+
+// Grays
+$o-gray-color-palettes: ();
+@each $-palette in $o-theme-color-palettes {
+    $o-gray-color-palettes: append($o-gray-color-palettes, (
+        '900': lighten(#000, 40%),
+        '700': lighten(#000, 55%),
+        '600': lighten(#000, 70%),
+        '200': lighten(#000, 80%),
+    ));
+}
+
+// Colors
+$o-color-palettes: (
+    (
+        'o-color-1': #162238,
+        'o-color-2': #fda301,
+        'o-color-3': #f0f4f4,
+        'o-color-4': #ffffff,
+        'o-color-5': #222222,
+
+        'o-cc4-bg': #b4904f,
+
+        'body': 'o-color-3',
+        'menu': 4,
+        'footer': 1,
+        'copyright': 1,
+    ),
+    (
+        'o-color-1': #f74b94,
+        'o-color-2': #45AADA,
+        'o-color-3': #edf2f4,
+        'o-color-4': #ffffff,
+        'o-color-5': #333333,
+
+        'footer': 1,
+        'copyright': 1,
+    ),
+    (
+        'o-color-1': #dbb132,
+        'o-color-2': #8578b9,
+        'o-color-3': #f4f4f4,
+        'o-color-4': #ffffff,
+        'o-color-5': #333333,
+
+        'footer': 1,
+        'copyright': 1,
+    ),
+);
+
+//------------------------------------------------------------------------------
+// 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-h6-font-size-multiplier: 1.1;
+
+$o-theme-font-configs: (
+    'Lato': (
+        'family': ('Lato', sans-serif),
+        'url': 'Lato:300,300i,400,400i,700,700i',
+    ),
+    'Indie Flower': (
+        'family': ('Indie Flower', cursive),
+        'url': 'Indie+Flower:300,300i,400,400i,700,700i',
+    ),
+    'Alegreya Sans SC': (
+        'family': ('Alegreya Sans SC', sans-serif),
+        'url': 'Alegreya+Sans+SC:300,300i,400,400i,700,700i',
+    ),
+    'Rosario': (
+        'family': ('Rosario', sans-serif),
+        'url': 'Rosario:300,300i,400,400i,700,700i',
+    ),
+    'Roboto': (
+        'family': ('Roboto', sans-serif),
+        'url': 'Roboto:300,300i,400,400i,700,700i',
+    ),
+    'Lobster Two': (
+        'family': ('Lobster Two', cursive),
+        'url': 'Lobster+Two:300,300i,400,400i,700,700i',
+    ),
+    'Philosopher': (
+        'family': ('Philosopher', sans-serif),
+        'url': 'Philosopher:300,300i,400,400i,700,700i',
+    ),
+    'Raleway': (
+        'family': ('Raleway', sans-serif),
+        'url': 'Raleway:200,200i,400,400i,500,500i',
+    ),
+    'Oswald': (
+        'family': ('Oswald', sans-serif),
+        'url': 'Oswald:300,300i,400,400i,700,700i',
+    ),
+    'Darker Grotesque': (
+        'family': ('Darker Grotesque', sans-serif),
+        'url': 'Darker+Grotesque:300,300i,500,500i,700,700i',
+    ),
+    'Crete Round': (
+        'family': ('Crete Round', serif),
+        'url': 'Crete+Round:300,300i,400,400i,700,700i',
+    ),
+);
+
+//------------------------------------------------------------------------------
+// Website customizations
+//------------------------------------------------------------------------------
+
+$o-website-values-palettes: (
+    (
+        'header-font-size': (20 / 16) * 1rem,
+        'font': 'Darker Grotesque',
+        'font-size-base': 1.2rem,
+        'headings-font': 'Raleway',
+        'navbar-font': 'Darker Grotesque',
+        'buttons-font': 'Darker Grotesque',
+        'layout': 'full',
+        'header-template': 'default',
+        'menu-box-shadow': false,
+        'footer-template': 'headline',
+
+        'btn-font-size-lg': 1.65rem,
+        'btn-padding-y-lg': .5rem,
+        'btn-padding-x-lg': 2.5rem,
+    ),
+);