[ADD] theme 14.0

2021-05-10 15:45:35 +02:00
commit cb1e3be3f8
2309 changed files with 55585 additions and 0 deletions
@@ -0,0 +1,300 @@
+
+<section id="theme_graphene_description" class="container">
+  <div class="text-center mb64">
+
+    <!-- <img src="main_logo.png" class="img-fluid d-block mx-auto"/> -->
+    <p class="lead slim">Graphene is a professional responsive HTML5 theme that puts the <br/>full power of all Odoo's technologies at your fingertips<br/><br>
+    We open up everything to you.</p>
+
+    <p>This theme has an <a href="https://apps.odoo.com/apps/10.0/theme_graphene_blog/">additional blog plugin</a>.</p>
+
+  </div>
+
+  <div class="row text-center mb64">
+    <div class="col-lg-3 col-md-6 mb32">
+      <img  src="media/gift.jpg" alt=""/>
+      <h4>Fully-equipped</h4><hr>
+      <p>HTML5 videos, pure CSS3 Animation, Retina images support... Everyting is out of the box.</p>
+    </div>
+
+    <div class="col-lg-3 col-md-6 mb32">
+      <img  src="media/custom.jpg" alt=""/>
+      <h4>Flexible</h4><hr>
+      <p>Limitless combination. Use the provided styles or start from scratch, Graphene will take care of everything</p>
+    </div>
+
+    <div class="col-lg-3 col-md-6 mb32">
+      <img  src="media/mobile.jpg" alt=""/>
+      <h4>Mobile friendly</h4><hr>
+      <p>Media queries are managed for you. Graphene work beautifully on desktop and mobile devices.</p>
+    </div>
+
+    <div class="col-lg-3 col-md-6 mb32">
+      <img  src="media/browsers.jpg" alt=""/>
+      <h4>Cross-browser</h4><hr>
+      <p>Works on all modern browsers and degrades gracefully on the old ones.</p>
+    </div>
+  </div>
+
+  <div class="row text-center mt64 mb64">
+    <h2>Main Features</h2>
+    <!-- <p class="slim">Graphene comes several customization tools, so you can have ultimate control over your designs without write one line of code.</p> -->
+  </div>
+
+  <img class="img-fluid " src="media/anima_editor.png" alt="" />
+
+  <hr class="mb32 mt32 light" />
+
+  <img class="img-fluid" src="media/move_top.jpg" alt="" />
+
+  <hr class="mb32 mt32 light" />
+
+  <p>With Website Blog installed :</p>
+  <img class="img-fluid" src="media/latest_posts.jpg" alt="" />
+
+  <hr class="mb32 mt32 light" />
+
+  <img class="img-fluid" src="media/typo.jpg" alt="" />
+
+  <hr class="mb64 mt64">
+
+  <div class="row text-center mt32 mb64">
+    <h2 class="text-muted">Main options</h2>
+
+    <p class="slim">Graphene comes several customization tools, so you can have ultimate control over your designs without write one line of code.</p>
+  </div>
+
+  <div class="row text-center">
+    <div class="col-lg-4">
+      <h4 class="text-muted">Comprehensive layout options</h4><hr>
+      <img class="img-fluid" src="media/layout.jpg" alt=""/>
+    </div>
+
+    <div class="col-lg-4">
+      <h4 class="text-muted">Colors that work together</h4> <hr>
+      <img class="img-fluid" src="media/palette.jpg" alt=""/>
+    </div>
+
+    <div class="col-lg-4">
+      <h4 class="text-muted">Simple perfect fonts combinations</h4> <hr>
+      <img class="img-fluid" src="media/fonts.jpg" alt=""/>
+    </div>
+
+  </div>
+
+  <hr class="mb64" />
+
+  <div class="row tech mt64 mb64 text-center">
+    <div class="col-4">
+      <img class="img-fluid d-block mx-auto" src="HTML5.png" alt="" style="height:100px"/>
+    </div>
+    <div class="col-4 mt16">
+      <img class="img-fluid d-block mx-auto" src="less.png" alt=""/>
+    </div>
+    <div class="col-4">
+      <img class="img-fluid d-block mx-auto" src="CSS3.png" alt="" style="height:100px"/>
+    </div>
+  </div>
+
+  <hr class="mb64" />
+
+  <div class="row text-center mb32">
+    <h2 class="text-muted">Powerful snippets</h2>
+    <p class="slim">Graphene comes several customization tools, so you can have ultimate control over your designs without write one line of code.</p>
+  </div>
+
+  <img class="img-fluid" src="media/maps.jpg" alt="" />
+
+  <hr class="mb64" />
+
+  <img class="img-fluid" src="media/video.jpg" alt="" />
+  <p class="slim">Some fonts might not work with extended charsets.</p>
+  <p class="slim mb64">The images in the theme are copyrighted and can't be used outside of the odoo.com domain.</p>
+
+  <hr class="mb64" />
+
+  <div class="row text-center mb32">
+    <h2 class="text-muted">Contributors list</h2>
+    <p class="slim">This theme has been created with the help of our user community.</p>
+  </div>
+
+  <h3 class="text-center">CONTRIBUTORS LIST</h3>
+  <br/>
+  <p class="strong text-center">This theme has benn created with the help of our user community.</p>
+  <h3 class="text-center">Thanks to our backers, the Indiegogo campaign was a success!</h3>
+  <p class="text-center"><a>https://www.indiegogo.com/projects/bootstrap-themes-for-odoo-cms/</a></p>
+  <br/>
+
+  <div class="text-center">
+    <h2 class="text-center sponsors">Main Sponsor</h2>
+    <div class="row">
+      <div class="col-lg-2">
+        <a href="http://www.aselcis.com/" target="blank">
+          <img src="contributors/aselcis.jpg" class="img-fluid d-block mx-auto"/>
+        </a>
+      </div>
+      <div class="col-lg-2">
+        <a href="http://www.bas-solutions.nl/" target="blank">
+          <img src="contributors/bas-solutions.png" class="img-fluid d-block mx-auto"/>
+        </a>
+      </div>
+      <div class="col-lg-2">
+        <a href="http://www.bloopark.de/" target="blank">
+          <img src="contributors/bloopark.png" class="img-fluid d-block mx-auto"/>
+        </a>
+      </div>
+      <div class="col-lg-2">
+        <a href="http://www.brouwland.com" target="blank">
+          <img src="contributors/brouwland.jpg" class="img-fluid d-block mx-auto"/>
+        </a>
+      </div>
+      <div class="col-lg-2">
+        <a href="http://www.catsanddogs.com/" target="blank">
+          <img src="contributors/catsdogs.png" class="img-fluid d-block mx-auto"/>
+        </a>
+      </div>
+      <div class="col-lg-2">
+        <a href="https://www.hucke-media.de/" target="blank">
+          <img src="contributors/huckemedia.png" class="img-fluid d-block mx-auto"/>
+        </a>
+      </div>
+    </div>
+
+    <div class="row">
+      <div class="col-lg-2">
+        <a href="http://www.datadialog.net/" target="blank">
+          <img src="contributors/dialognet.png" class="img-fluid d-block mx-auto"/>
+        </a>
+      </div>
+      <div class="col-lg-2">
+        <a href="http://www.dynapps.be/" target="blank">
+          <img src="contributors/dynapps.jpg" class="img-fluid d-block mx-auto"/>
+        </a>
+      </div>
+      <div class="col-lg-2">
+        <a href="http://opusvl.com/" target="blank">
+          <img src="contributors/opusvl.png" class="img-fluid d-block mx-auto"/>
+        </a>
+      </div>
+      <div class="col-lg-2">
+        <a href="http://oxenworkwear.com/" target="blank">
+          <img src="contributors/oxen.jpg" class="img-fluid d-block mx-auto"/>
+        </a>
+      </div>
+      <div class="col-lg-2">
+        <a href="http://www.simplit.co/" target="blank">
+          <img src="contributors/simplitco.jpg" class="img-fluid d-block mx-auto"/>
+        </a>
+      </div>
+      <div class="col-lg-2">
+        <a href="http://www.sodexis.com/" target="blank">
+          <img src="contributors/sodexis.jpg" class="img-fluid d-block mx-auto"/>
+        </a>
+      </div>
+    </div>
+    <div class="row clearfix">
+      <div class="col-lg-2 offset-lg-3">
+        <a href="https://www.techreceptives.com" target="blank">
+          <img src="contributors/tech-receptives.png" class="img-fluid d-block mx-auto"/>
+        </a>
+      </div>
+      <div class="col-lg-2">
+        <a href="http://www.applicatour.com/" target="blank">
+          <img src="contributors/applicatour.jpg" class="img-fluid d-block mx-auto"/>
+        </a>
+      </div>
+      <div class="col-lg-2">
+        <a href="https://vauxoo.com" target="blank">
+          <img src="contributors/vauxoo.png" class="img-fluid d-block mx-auto"/>
+        </a>
+      </div>
+    </div>
+
+    <small>
+      Ross Whiting, Oxenworkwear - Hans Balis - Stephan Keller, Sodexis, Inc. - Michael Hucke, Hucke Media GmbH &#38; Co. KG - Joachim Grubelnik, DaDi EDV GmbH datadialog.net - DynApps - Cats&#38;Dogs bvba - Bloopark systems GmbH &#38; Co. KG - Parthiv Patel, Tech Receptives Solutions Pvt. Ltd. - Stuart Mackintosh, OpusVL - Erwin van der Ploeg, BAS Solutions - ali Zuaby, simplit co - Aselcis Consulting - Nhomar Hernandez, Vauxoo
+    </small>
+
+    <h2 class="text-center sponsors">Sponsor</h2>
+    <small>
+      Robert Baumgartner, datenpol gmbh - openBIG - Russell Phillippe, Protogenos Ltd - Julien Allo, Julius - EasyPME - Jonathan Wilson, WillowIT Pty Ltd - Xavier Mallein, MAallein - Pedro M. Baeza, Serv. Tecnol. Avanzados - Daniel Dico, OERP Canada - Jantz Business Group b.v. - LogicaSoft Consulting - Eric Caudal, Elico Corp - Ermin Trevisan, Twanda - Jean-Fran&#231;ois Mattler, OpenFid SAS - Alex Ferrer, Lannex IT Solutions - Tony Gu, Shine IT Co. Ltd. 先安科技 - TaPo-IT OG - Jos De Graeve, Apertoso - Nicolas Rigo, eezee-it - Luis Miguel Var&#195;&#179;n E, Colorisa S.A - OpenBias - Stanislas Drouin Applicatour
+    </small>
+
+    <h2 class="text-center sponsors">Power Designer</h2>
+    <small>
+      Rohit Thakral - Fran&ccedil;ois Dhommeaux, Ubic Informatique - Judson Alves, Market Home Delivery - Eric Flaux, ABF Osiell - Gilles Dupont - Arnis Putni&#326;&#353; - Johnson Martt, GetOpenERP (Part of OpenStow Technologies) - Gianluca Milano - Daniel Stolovich, ATEL S.A. - Equitania Software GmbH - Senthilnathan G - Houssine Bakkali - Arend Trip - Kevin Woolf, Baba Kevin's American Barbecue Co., Ltd. - toodoo s&#224;rl - Zoltan Gabor &#39;Apersis&#39; - Tom De Decker, WEB2GO LTD - Nicolás Cavalier Montenegro, STOREGUD CORPORATION SAC - Keirse Jerome - REAL Solutions S.A. - Davide Corio - Brice Muangkhot - Melvin Miguel Martinez, Mendoza Hernandez - Auditores - Chua Wen Ching - Tran Minh Tri working, ungdungtinhoc.com - Badisheng Morena - Sogexis - Josh Wardini - The Tee Shirt Bakery - Bruce Letterle, Red Lab Media - Benoit Vankoningsloo - Francisco Manuel Garcia Claramonte. - Paulina Mikolajczak-Blasco - Collectiv - Tony Fernando - Herbert Riener, rigaConcepts - Kalmen Chia, E-Global SCM Solution Sdn Bhd - Rob North, Pair A Dice Games - David E. Vargas, CloudShop - Fran&ccedil;ois Le Gal - Calin Chete (24h Solutions) - Maria Gabriela Fong, MAGA Systems &#38; Consulting - Pascal Behr, Cytosurge AG - Marc Antwertinger - Opencloud Unipessoal, Lda - Ruchir Shukla, BizzAppDev - Michael Hucke, Hucke Media GmbH &#38; Co. KG - Mathias Neef, copadoMEDIA UG - Pablo Arias - Same Motion - livingprocess.de - Habib Ayob - Igor Jovanovic - Liangming Wang, Weixuan Inc. - Jason Au Yeung, Binary System Limited - Fredrik Arvas, Arvas International AB - Martin Temmink, Zigaret - Mathieu Vanneste, Flockdesign - Filip Fruru, Instant Media - Marianne Wilmsmeier, Fabrik F&#252;nf GmbH - Vertex Group Enterprises - Bingen Eguzkitza - Herczeg P&#233;ter, InnOpen Group Kft  - Giles Hohnen - Luis Felipe Mil&#233;o, KMEE - Maria Gabriela Fong, MAGA Systems &#38; Consulting - Aaron Magon, Web Industries - Andrew Trueman, B.M. Trueman &#38; Partners - Sven Petersen, Conexus - Nous Cambas - Oliver Yuan, OpenStone - Henri Ibowili, A-YANT.COM - Nicolas JEUDY - Helmut Drewes - Maik Steinfeld, Streward - Hans Henrik Gabelgaard - AJ Rosman - Eduard - Patrick Darribet, SUDOKEYS - Camptocamp - Cyril Morisse - Alejandro Santana - Eva Pinter, YBO - Mathias Neef, copadoMEDIA UG - Jean-Christophe Perrot, LOGICASOFT - Zarshed Ali, HiTechnologia - Stefan Reisich - Maxime Chambreuil, Savoir-faire Linux - Mario Gielissen, Openworx - Nicholas Burdic, Aptoworks LLC - Olivier Lenoir
+    </small>
+  </div>
+</section>
+
+<style>
+  #theme_graphene_description{
+    padding-top: 40px;
+    /*font-family: "lato", lato, sans-serif;*/
+    font-size: 1.4rem;
+    overflow-x: hidden;
+  }
+
+  #theme_graphene_description img{
+    pointer-events: none;
+  }
+
+  #theme_graphene_description h1{
+    font-weight: 100;
+    font-size: 100px;
+    font-size: 8vw;
+    display: inline-block;
+    border-bottom: 2px solid #7B7B7B;
+    margin-bottom: .31em;
+  }
+  #theme_graphene_description p.slim{
+    max-width: 600px;
+    position: relative;
+    display: block;
+    margin: 1em auto;
+  }
+  #theme_graphene_description h2:not(.sponsors){
+    color: #535353;
+    font-size: 3em;
+    font-weight: 500;
+    font-weight: 500;
+    letter-spacing: -2px;
+    word-spacing: -4px;
+  }
+
+  #theme_graphene_description h2.sponsors {
+    margin-top: 84px;
+    margin-bottom: 20px;
+  }
+
+  #theme_graphene_description .tech .img-fluid {
+    max-height: 75px;
+    text-align: center;
+    margin: 0 auto;
+    max-width: 150px;
+  }
+
+  hr.light{
+
+  }
+
+  .mt16{
+    margin-top: 16px;
+  }
+
+  .mt64{
+    margin-top: 64px;
+  }
+
+  .mb16{
+    margin-bottom: 16px;
+  }
+
+  .mb64{
+    margin-bottom: 64px;
+  }
+
+  .mb32{
+    margin-bottom: 32px;
+  }
+
+</style>
@@ -0,0 +1,51 @@
+odoo.define("theme_graphene.tour.graphene", 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_text_image',
+        name: 'Text - Image',
+    },
+    {
+        id: 's_three_columns',
+        name: 'Columns',
+    },
+    {
+        id: 's_company_team',
+        name: 'Team',
+    },
+    {
+        id: 's_call_to_action',
+        name: 'Call to Action',
+    },
+];
+
+
+wTourUtils.registerThemeHomepageTour("graphene_tour", [
+    wTourUtils.dragNDrop(snippets[0]),
+    wTourUtils.clickOnText(snippets[0], 'h1', 'top'),
+    wTourUtils.goBackToBlocks('left'),
+
+    wTourUtils.dragNDrop(snippets[1]),
+
+    wTourUtils.dragNDrop(snippets[2]),
+    wTourUtils.dragNDrop(snippets[3], 'top'),
+
+    wTourUtils.dragNDrop(snippets[4], 'top'),
+    wTourUtils.clickOnSnippet(snippets[4], 'top'),
+    wTourUtils.changeBackgroundColor('left'),
+    wTourUtils.selectColorPalette(),
+
+    wTourUtils.clickOnSave(),
+]);
+});
@@ -0,0 +1,21 @@
+@mixin s-showcase-slider-navigation-hook {
+    span {
+        text-indent: 100%;
+        background: url("../img/ui/s_showcase_slider-arrow.svg") no-repeat center center;
+        &:before { content: none; }
+    }
+    &:first-of-type {
+        span { transform: rotate(180deg); }
+    }
+}
+
+@mixin s-showcase-slider-close-hook {
+    background: url("../img/ui/s_showcase_slider-close.svg") no-repeat center center;
+    text-indent: 100%;
+}
+
+@mixin s-showcase-slider-slider-hover-hook {
+    &::after {
+        background: rgba(0, 0, 0, 0.4) url("../img/ui/s_showcase_slider-zoom.svg") no-repeat center center;
+    }
+}
@@ -0,0 +1,179 @@
+
+//------------------------------------------------------------------------------
+// Colors
+//------------------------------------------------------------------------------
+
+// Theme colors
+$o-theme-color-palettes: (
+    (
+        'alpha': #85AFA8,
+        'beta': #7E566B,
+        'gamma': #85909A,
+        'delta': #969397,
+        'epsilon': #422335,
+
+        'success': #1b8433,
+        'warning': #e4b013,
+    ),
+    (
+        'alpha': #54787D,
+        'beta': #6B9997,
+        'gamma': #615145,
+        'delta': #C6CCA5,
+        'epsilon': #412342,
+
+        'success': #5CB85C,
+        'info': #4D68A3,
+        'warning': #DDC66B,
+        'danger': #D86060,
+    ),
+    (
+        'alpha': #456F74,
+        'beta': #EB5937,
+        'gamma': #403D3C,
+        'delta': #1C1919,
+        'epsilon': #D3CBBD,
+
+        'success': #31B05E,
+        'info': #4D68A3,
+        'warning': #EACF41,
+        'danger': #CB3E3E,
+    ),
+    (
+        'alpha': #23C59E,
+        'beta': #FF5B5B,
+        'gamma': #FFE9C7,
+        'delta': #545445,
+        'epsilon': #2D2D36,
+
+        'success': #5CB85C,
+    ),
+);
+
+// Theme Palettes
+$o-color-palettes: (
+    (   // Palette 1
+        'o-color-1': #30cbb2,
+        'o-color-2': #3c4e5e,
+        'o-color-3': #f4f5f6,
+        'o-color-4': #ffffff,
+        'o-color-5': #192028,
+
+        'o-cc1-link': #04957e,
+        'o-cc5-text': #b2b2b2,
+
+        'body': 'black-15',
+        'menu': 1,
+        'footer': 5,
+        'copyright': 'black-25',
+    ),
+    (   // Palette 2
+        'o-color-1': #c8a47e,
+        'o-color-2': #32273b,
+        'o-color-3': #f1f1ef,
+        'o-color-4': #ffffff,
+        'o-color-5': #252424,
+
+        'o-cc3-text': #b2b2b2,
+        'o-cc4-text': 'o-color-4',
+        'o-cc3-headings': 'o-color-4',
+        'o-cc4-headings': 'o-color-5',
+        'o-cc5-text': #b2b2b2,
+    ),
+    (   // Palette 3
+        'o-color-1': #39588e,
+        'o-color-2': #d2b683,
+        'o-color-3': #e0dfdb,
+        'o-color-4': #f4f5f6,
+        'o-color-5': #2a282a,
+
+        'o-cc5-link': #7a9edc,
+
+        'menu': 2,
+        'footer': 2,
+    ),
+    (   // Palette 4
+        'o-color-1': #f48747,
+        'o-color-2': #e9ceb0,
+        'o-color-3': #f1ebe5,
+        'o-color-4': #fbfaf8,
+        'o-color-5': #282d30,
+
+        'menu': 5,
+    ),
+);
+
+// Grays
+$-black: #000000;
+$o-gray-color-palettes: ();
+@each $-palette in $o-theme-color-palettes {
+    $o-gray-color-palettes: append($o-gray-color-palettes, (
+        '975': lighten($-black, 13%),
+        '950': lighten($-black, 16%),
+        '925': lighten($-black, 19%),
+        '900': lighten($-black, 22%),
+        '800': lighten($-black, 25%),
+        '700': lighten($-black, 33.5%),
+        '650': lighten($-black, 50%),
+        '600': lighten($-black, 65.5%),
+        '400': lighten($-black, 82%),
+        '200': lighten($-black, 93.5%),
+    ));
+}
+
+
+//------------------------------------------------------------------------------
+// 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: (
+    'Heebo': (
+        'family': ('Heebo', sans-serif),
+        'url': 'Heebo:300,300i,400,400i,700,700i',
+    ),
+    'Abel': (
+        'family': ('Abel', sans-serif),
+        'url': 'Abel:300,300i,400,400i,700,700i',
+    ),
+    'Cinzel': (
+        'family': ('Cinzel', serif),
+        'url': 'Cinzel:300,300i,400,400i,700,700i',
+    ),
+    'Old Standard TT': (
+        'family': ('Old Standard TT', serif),
+        'url': 'Old+Standard+TT:300,300i,400,400i,700,700i',
+    ),
+    'Source Sans Pro': (
+        'family': ('Source Sans Pro', sans-serif),
+        'url': 'Source+Sans+Pro:300,300i,400,400i,700,700i',
+    ),
+);
+
+
+//------------------------------------------------------------------------------
+// Website customizations
+//------------------------------------------------------------------------------
+
+$o-website-values-palettes: (
+    (
+        'font-size-base': 1rem,
+        'headings-font': 'Source Sans Pro',
+        'btn-ripple': true,
+        'layout': 'postcard',
+        'hamburger-type': 'off-canvas',
+        'header-template': 'centered_logo',
+        'footer-template': 'centered',
+
+        'btn-font-size-lg': 1rem,
+        'btn-padding-y-lg': .6rem,
+        'btn-padding-x-lg': 2.2rem,
+        'btn-border-radius-lg': 2px,
+    ),
+);
@@ -0,0 +1,9 @@
+// TODO Maybe we should handle light/dark variation in standard in such a way no
+// extra classes are created (border-alpha-light, btn-epsilon-dark, ...)
+$-palettes: $o-theme-color-palettes;
+$o-theme-color-palettes: ();
+$-variations: ('lighter': 10%, 'light': 5%, 'dark': -5%, 'darker': -10%);
+@each $-palette in $-palettes {
+    $o-theme-color-palettes: append($o-theme-color-palettes, o-theme-common-add-color-variations($-palette, $-palette, $-variations));
+}
+$o-user-theme-color-palette: o-theme-common-add-color-variations($o-user-theme-color-palette, $o-user-theme-color-palette, $-variations);