[IMP] theme_avantgarde: update the theme

Theme Avantgarde's design has been completely revamped, focusing on
sectors such as the creativity industries, design, architecture, art or
museums, by adding the following improvements:

- Theme layout has changed to 'full'.
- Theme default palette has been changed to 'avantgarde-3'.
- Fonts have been reviewed, using 'Syne' by default and also adding
'Libre Baskerville' and 'Atkinson Hyperlegible' to the theme's font
list.
- Header and footer default values have been reviewed and changed to
'hamburger' (right-aligned) and 'descriptive'.
- Buttons' default design has been revamped, using now outline buttons
by default and removing the previous 'ripple' effect.
- Links are set to default, never using 'underline' decoration.
- Theme's tour has been reviewed and changed, using the following block
configuration: 's_cover' > 's_picture' > 's_three_columns' >
's_text_image' > 's_call_to_action'.
- Theme's snippets used in the tour have been revamped, by using
animated shapes ('s_cover', 's_text_image'), image shapes ('s_picture',
's_text_image'), and a new column design ('s_three_columns').
- Theme's tour snippets have also been optimised to be used in smaller
viewports.
- Theme's screenshot has been updated.

task-2573286

X-original-commit: a707a09059
Part-of: odoo/design-themes#501

theme_avantgarde/static/src/js/tour.js

@@ -1,33 +1,26 @@
-odoo.define("theme_avantgarde.tour.avantgarde", function (require) {
-"use strict";
-
-const wTourUtils = require("website.tour_utils");
-var tour = require("web_tour.tour");
+/** @odoo-module */
+import wTourUtils from 'website.tour_utils';
 
 const snippets = [
     {
-        id: 's_title',
-        name: 'Title',
+        id: 's_cover',
+        name: 'Cover',
     },
     {
-        id: 's_carousel',
-        name: 'Carousel',
+        id: 's_picture',
+        name: 'Picture',
+    },
+    {
+        id: 's_three_columns',
+        name: 'Columns',
     },
     {
         id: 's_text_image',
-        name: 'Image - Text',
+        name: 'Text - Image',
     },
     {
-        id: 's_images_wall',
-        name: 'Images Wall',
-    },
-    {
-        id: 's_references',
-        name: 'References',
-    },
-    {
-        id: 's_quotes_carousel',
-        name: 'Quotes',
+        id: 's_call_to_action',
+        name: 'Call to Action',
     },
 ];
 
@@ -35,17 +28,11 @@ wTourUtils.registerThemeHomepageTour("avantgarde_tour", [
     wTourUtils.dragNDrop(snippets[0], 'top'),
     wTourUtils.clickOnText(snippets[0], 'h1', 'left'),
     wTourUtils.goBackToBlocks(),
-
     wTourUtils.dragNDrop(snippets[1], 'left'),
-
     wTourUtils.dragNDrop(snippets[2], 'bottom'),
     wTourUtils.clickOnSnippet(snippets[2], 'top'),
-    wTourUtils.changeBackgroundColor('top'),
-    wTourUtils.selectColorPalette(),
+    wTourUtils.changePaddingSize('top'),
     wTourUtils.goBackToBlocks(),
-
     wTourUtils.dragNDrop(snippets[3], 'top'),
-
     wTourUtils.dragNDrop(snippets[4], 'top'),
 ]);
-});