diff --git a/static/src/.DS_Store b/static/src/.DS_Store index 5cabf5b5ac460df969bb4dfafd7852c63a1ac4f9..3528f456268171a8d2550ccbc20af82365cd42ed 100644 Binary files a/static/src/.DS_Store and b/static/src/.DS_Store differ diff --git a/static/src/css/pylote.css b/static/src/css/pylote.css index 9fd8e41b74183a83ef766a620b2625cc164fcdda..8c4a1e7cd447e48caa0a2e313fcddfafebb77fe7 100644 --- a/static/src/css/pylote.css +++ b/static/src/css/pylote.css @@ -181,6 +181,18 @@ li#menu-contact .btn-primary{ /*Navigation*/ +.flex-lang{ + display: flex; + flex-direction: column; + align-items: flex-end; +} + +.lang-bloc{ + display: flex; + flex-direction: row; + font-size: 11px; +} + /* Icon 1 */ .animated-icon3 { @@ -440,6 +452,7 @@ li#menu-contact{ #top_menu{ text-align: left !important; + position: relative; } /*Footer*/ @@ -582,7 +595,7 @@ form label{ } .header-title-content{ - max-width: 720px; + max-width: 800px; height: 100%; margin: 0 auto; display: flex; @@ -679,7 +692,8 @@ form label{ .banner-cleaner-second{ background-size: auto; - background-image: url("/pylote_website/static/src/img/banner-cleaner-second.png"); + /*background-image: url("/pylote_website/static/src/img/banner-cleaner-second.png");*/ + background-image: url("/pylote_website/static/src/img/banner-cleaner-second.jpg"); } .banner-cleaner-third{ @@ -687,11 +701,11 @@ form label{ } .banner-safer{ - background-image: url("/pylote_website/static/src/img/banner-safer.png"); + background-image: url("/pylote_website/static/src/img/banner-safer.jpg"); } .banner-greener{ - background-image: url("/pylote_website/static/src/img/banner-greener.png"); + background-image: url("/pylote_website/static/src/img/banner-greener.jpg"); } .home-header-title { @@ -709,11 +723,15 @@ form label{ margin-bottom: 15px; } -.home-header-title h1, .home-header-title p{ +.home-header-title h1{ color: #fff; text-transform: uppercase; } +.home-header-title p{ + color: #fff; +} + .home-header-title h1{ font-weight: 400; } @@ -729,7 +747,8 @@ form label{ } .home-bloc a{ - height: 400px; + /*height: 400px;*/ + height: 330px; } .home-bloc{ @@ -763,6 +782,21 @@ hr{ margin-top: 0; } +.lang-bloc hr{ + border-top: 0px solid #56A099; + border-bottom: 1px solid #56A099; + margin-right: 3px; + margin-left: 3px; + margin-top: 10px; +} + +li.lang { + position: absolute; + right: 0; + bottom: 20px; + top: inherit; +} + .trait-title{ display: none; border-bottom: 1px solid #56A099; @@ -772,16 +806,18 @@ hr{ } .circle-top{ - height: 170px; + /*height: 170px;*/ + height: 140px; display: flex; - align-items: center; + align-items: flex-end; } .circle-home-text{ display: flex; flex-direction: column; align-items: center; - height: 230px; + /*height: 230px;*/ + height: 190px; } .circle-home-border h4, .circle-home-border h6, .circle-home-border p, .circle-home-mobile p, .circle-home p, @@ -1158,6 +1194,24 @@ h2 span{ border: 0px solid #56A099; } +.flex-carte{ + display: flex; + justify-content: center; + align-items: center; +} + +.text-carte{ + position: absolute; +} + +.text-carte h4{ + text-transform: uppercase; +} + +.text-carte span{ + font-weight: 300; +} + #our-mission .d-flex{ flex-direction: column; text-align: center; diff --git a/static/src/css/pylote_mobil.css b/static/src/css/pylote_mobil.css index 886334666044c83d04cbbdcd3adb7823721b8a36..8d155f25d1803436e9fffb030f697713c7196f64 100644 --- a/static/src/css/pylote_mobil.css +++ b/static/src/css/pylote_mobil.css @@ -88,7 +88,7 @@ } #our-recognition .bloc-border{ - border: 0.3px solid #56A099; + border: 1px solid #56A099; } .mentions-border { @@ -98,6 +98,13 @@ border-left: 1px solid #fff; } + li.lang { + position: absolute; + right: 0; + top: -30px; + bottom: inherit; + } + .mentions-border br{ display: block; } @@ -146,7 +153,8 @@ .home-bloc{ border: 1px solid #E7F1FC; - height: 400px; + /*height: 400px;*/ + height: 330px; width: 329px; padding: 0px 10px; } @@ -181,10 +189,12 @@ .home-banner{ display: inherit; - height: 667px; + /*height: 667px;*/ + height: 530px; + margin-bottom: 120px; margin-top: 0px; - margin-bottom: 140px; - background-image: url("/pylote_website/static/src/img/banner-home.png"); + /*background-image: url("/pylote_website/static/src/img/banner-home.png");*/ + background-image: url("/pylote_website/static/src/img/home-banner.jpg"); } .home-banner img{ @@ -192,23 +202,24 @@ } .our-company-banner{ - background-image: url("/pylote_website/static/src/img/fond-banner.png"); + background-image: url("/pylote_website/static/src/img/fond-banner.jpg"); } .on-environment-banner{ - background-image: url("/pylote_website/static/src/img/fond-banner-env.png"); + background-image: url("/pylote_website/static/src/img/fond-banner-env.jpg"); } .banner-support{ - background-image: url("/pylote_website/static/src/img/banner-support.png"); + background-image: url("/pylote_website/static/src/img/banner-support.jpg"); } .banner-cleaner{ height: 476px; - background-image: url("/pylote_website/static/src/img/banner-cleaner.png"); + /*background-image: url("/pylote_website/static/src/img/banner-cleaner.png");*/ + background-image: url("/pylote_website/static/src/img/banner-cleaner.jpg"); } - .banner-cleaner-second{ + .banner-cleaner-second, .banner-safer, .banner-greener{ height: 497px; } @@ -217,15 +228,6 @@ background-image: url("/pylote_website/static/src/img/banner-cleaner-third.png"); } - .banner-safer{ - height: 497px; - background-image: url("/pylote_website/static/src/img/banner-safer-mobil.png"); - } - - .banner-greener{ - height: 497px; - } - .news-home { text-align: left; } diff --git a/static/src/img/.DS_Store b/static/src/img/.DS_Store index f38b4e367fad0e370711e4c499101c0c05b527d8..a909a53934b38547e1e68e92584c50ee2a3a2fc6 100644 Binary files a/static/src/img/.DS_Store and b/static/src/img/.DS_Store differ diff --git a/static/src/img/._banner-cleaner-second.jpg b/static/src/img/._banner-cleaner-second.jpg new file mode 100644 index 0000000000000000000000000000000000000000..a350a407d8ab402cbbf91f14366f4d6546a0c303 Binary files /dev/null and b/static/src/img/._banner-cleaner-second.jpg differ diff --git a/static/src/img/._banner-cleaner.jpg b/static/src/img/._banner-cleaner.jpg new file mode 100644 index 0000000000000000000000000000000000000000..1db647e07badbc3b53ad903bc55057639743803d Binary files /dev/null and b/static/src/img/._banner-cleaner.jpg differ diff --git a/static/src/img/._banner-greener.jpg b/static/src/img/._banner-greener.jpg new file mode 100644 index 0000000000000000000000000000000000000000..bf4ef3133c91b1b48afda07fdaefb9606b0859fc Binary files /dev/null and b/static/src/img/._banner-greener.jpg differ diff --git a/static/src/img/._banner-safer.jpg b/static/src/img/._banner-safer.jpg new file mode 100644 index 0000000000000000000000000000000000000000..d3ca20608202c7f5b61640d996d049e45d873740 Binary files /dev/null and b/static/src/img/._banner-safer.jpg differ diff --git a/static/src/img/._banner-support.jpg b/static/src/img/._banner-support.jpg new file mode 100644 index 0000000000000000000000000000000000000000..0921865e1abbcb486f7bf107504ce0e441a788a2 Binary files /dev/null and b/static/src/img/._banner-support.jpg differ diff --git a/static/src/img/._carte-techno.png b/static/src/img/._carte-techno.png index 647a2c9b8848e946a2075749ba14523e365146d5..62982f58afbe8c0e6e8a9feb33eadda5abde8fd9 100644 Binary files a/static/src/img/._carte-techno.png and b/static/src/img/._carte-techno.png differ diff --git a/static/src/img/._carte-techno2.png b/static/src/img/._carte-techno2.png new file mode 100644 index 0000000000000000000000000000000000000000..647a2c9b8848e946a2075749ba14523e365146d5 Binary files /dev/null and b/static/src/img/._carte-techno2.png differ diff --git a/static/src/img/._fond-banner-env.jpg b/static/src/img/._fond-banner-env.jpg new file mode 100644 index 0000000000000000000000000000000000000000..6d1cb6c4c4e095932242f29d8f362fb2fdb75705 Binary files /dev/null and b/static/src/img/._fond-banner-env.jpg differ diff --git a/static/src/img/._fond-banner.jpg b/static/src/img/._fond-banner.jpg new file mode 100644 index 0000000000000000000000000000000000000000..c45837b96232c47d3e4ca586d332ef32ee3f23c9 Binary files /dev/null and b/static/src/img/._fond-banner.jpg differ diff --git a/static/src/img/._home-banner.jpg b/static/src/img/._home-banner.jpg new file mode 100644 index 0000000000000000000000000000000000000000..c73e5ba23b531a52fe6f78d9877a64bf6c05ba9a Binary files /dev/null and b/static/src/img/._home-banner.jpg differ diff --git a/static/src/img/._img-techno2.png b/static/src/img/._img-techno2.png index 629de6295fb17de865c1cc0c0e0714901514f623..f692e2cbbcdaa131f3962ec7b7708af1939f523f 100644 Binary files a/static/src/img/._img-techno2.png and b/static/src/img/._img-techno2.png differ diff --git a/static/src/img/._photo1-level.jpg b/static/src/img/._photo1-level.jpg new file mode 100644 index 0000000000000000000000000000000000000000..2f3dd9bb74cdc6f42fc55f55ca3bacfcce9d8bdf Binary files /dev/null and b/static/src/img/._photo1-level.jpg differ diff --git a/static/src/img/._photo2-level.jpg b/static/src/img/._photo2-level.jpg new file mode 100644 index 0000000000000000000000000000000000000000..81b088a48f90ffd13abcbcf61b65b14b01b793c4 Binary files /dev/null and b/static/src/img/._photo2-level.jpg differ diff --git a/static/src/img/banner-cleaner-second.jpg b/static/src/img/banner-cleaner-second.jpg new file mode 100644 index 0000000000000000000000000000000000000000..70be12e656deb074279d4b1b49d136ec6a5dba42 Binary files /dev/null and b/static/src/img/banner-cleaner-second.jpg differ diff --git a/static/src/img/banner-cleaner.jpg b/static/src/img/banner-cleaner.jpg new file mode 100644 index 0000000000000000000000000000000000000000..14d005754c47a190fe8825418499329763920201 Binary files /dev/null and b/static/src/img/banner-cleaner.jpg differ diff --git a/static/src/img/banner-greener.jpg b/static/src/img/banner-greener.jpg new file mode 100644 index 0000000000000000000000000000000000000000..e1c6c650adc91effca6b2f2dbe2b3e151f957886 Binary files /dev/null and b/static/src/img/banner-greener.jpg differ diff --git a/static/src/img/banner-safer.jpg b/static/src/img/banner-safer.jpg new file mode 100644 index 0000000000000000000000000000000000000000..2df05d8a12c8d6505c4a3c5ba234ba973c5b0fb5 Binary files /dev/null and b/static/src/img/banner-safer.jpg differ diff --git a/static/src/img/banner-support.jpg b/static/src/img/banner-support.jpg new file mode 100644 index 0000000000000000000000000000000000000000..53380cf3ec0e5d38a2c50b4bc57baccb3cd14179 Binary files /dev/null and b/static/src/img/banner-support.jpg differ diff --git a/static/src/img/carte-techno.png b/static/src/img/carte-techno.png index 341b0a3bf19410dd82e8d79bacaca34cc7bdfa73..331562dc425608921232ccf11080b5ec4cfcde9d 100644 Binary files a/static/src/img/carte-techno.png and b/static/src/img/carte-techno.png differ diff --git a/static/src/img/carte-techno2.png b/static/src/img/carte-techno2.png new file mode 100644 index 0000000000000000000000000000000000000000..341b0a3bf19410dd82e8d79bacaca34cc7bdfa73 Binary files /dev/null and b/static/src/img/carte-techno2.png differ diff --git a/static/src/img/fond-banner-env.jpg b/static/src/img/fond-banner-env.jpg new file mode 100644 index 0000000000000000000000000000000000000000..5754648bffb28c8f733dd210b25726c4385725ff Binary files /dev/null and b/static/src/img/fond-banner-env.jpg differ diff --git a/static/src/img/fond-banner.jpg b/static/src/img/fond-banner.jpg new file mode 100644 index 0000000000000000000000000000000000000000..55b2275f0cc846e85dfa86b3f99858514140b6e5 Binary files /dev/null and b/static/src/img/fond-banner.jpg differ diff --git a/static/src/img/home-banner.jpg b/static/src/img/home-banner.jpg new file mode 100644 index 0000000000000000000000000000000000000000..586a22e9cad24477d9fa5bde9a8028c08c6d5834 Binary files /dev/null and b/static/src/img/home-banner.jpg differ diff --git a/static/src/img/img-techno2.png b/static/src/img/img-techno2.png index 020021f72a93424c71b979cce14f3fe063371d79..16cd059a9621b3d59526cab0017269f12e2141e7 100644 Binary files a/static/src/img/img-techno2.png and b/static/src/img/img-techno2.png differ diff --git a/static/src/img/photo1-level.jpg b/static/src/img/photo1-level.jpg new file mode 100644 index 0000000000000000000000000000000000000000..19cc2d977a2b9ce230197659f88f6c9064604a10 Binary files /dev/null and b/static/src/img/photo1-level.jpg differ diff --git a/static/src/img/photo2-level.jpg b/static/src/img/photo2-level.jpg new file mode 100644 index 0000000000000000000000000000000000000000..6c021a466f0d1aae7a00c718dd5ece548540f2ee Binary files /dev/null and b/static/src/img/photo2-level.jpg differ diff --git a/views/home.xml b/views/home.xml index ac3fa512bc6bdd4bd36ddc8525133b91668db676..c7d612df569ab9b7e1da23a71edb7061d219e2b1 100644 --- a/views/home.xml +++ b/views/home.xml @@ -7,7 +7,7 @@ <div class="home-banner"> <img src="/pylote_website/static/src/img/etoile-picto-home.png" class="d-none d-sm-block-pylote img-absolute img img-responsive" /> <img src="/pylote_website/static/src/img/etoile-mobile-home.png" class="d-block d-sm-none-pylote img-absolute img img-responsive" /> - <div class="container pt-5 pb-5"> + <div class="container pt-3 pb-3"> <div class="home-header-title"> <h1>The unique integrated <br/>natural protection</h1> <p>We manufacture in-house proprietary natural mineral microspheres. Integrated into everyday products, they improve our lives and protect the people & the planet.</p> diff --git a/views/menu.xml b/views/menu.xml index 178b959e21d5b81dcf3b7583290b0a820f7893bc..b77451773cd69f40ae01e0853b119713ad6ee96e 100644 --- a/views/menu.xml +++ b/views/menu.xml @@ -7,43 +7,31 @@ <xpath expr="//header" position="replace"> <header id="menu_odoo" class="o_header_affix affix affixed"> <nav class="navbar navbar-expand-md navbar-light bg-light"> - <div class="container"> - <a href="/" class="d-block d-sm-none-pylote navbar-brand logo"> - <img id="logo-mobile" class="logo-mobile o_show" src="/pylote_website/static/src/img/logo-pylote-sans-text.png" t-att-alt="'Logo of %s' % res_company.name" t-att-title="res_company.name"/> - <img id="logo-mobile-menu" class="o_hidden" src="/pylote_website/static/src/img/logo-mobile-menu.png" t-att-alt="'Logo of %s' % res_company.name" t-att-title="res_company.name"/> - <!-- <img id="logo-mobile-menu" class="logo-mobile d-block d-sm-none-pylote" src="/pylote_website/static/src/img/logo-mobile-menu.png" t-att-alt="'Logo of %s' % res_company.name" t-att-title="res_company.name"/> --> - </a> - <a href="/" class="d-none d-sm-block-pylote navbar-brand logo"> - <!-- <img id="logo-mobile" class="logo-mobile d-block d-sm-none-pylote" src="/pylote_website/static/src/img/logo-pylote-sans-text.png" t-att-alt="'Logo of %s' % res_company.name" t-att-title="res_company.name"/> --> - - <img t-att-src="'/logo.png?company=%s' % res_company.id" t-att-alt="'Logo of %s' % res_company.name" t-att-title="res_company.name"/> - </a> + <div class="container"> + <a href="/" class="d-block d-sm-none-pylote navbar-brand logo"> + <img id="logo-mobile" class="logo-mobile o_show" src="/pylote_website/static/src/img/logo-pylote-sans-text.png" t-att-alt="'Logo of %s' % res_company.name" t-att-title="res_company.name"/> + <img id="logo-mobile-menu" class="o_hidden" src="/pylote_website/static/src/img/logo-mobile-menu.png" t-att-alt="'Logo of %s' % res_company.name" t-att-title="res_company.name"/> + </a> + <a href="/" class="d-none d-sm-block-pylote navbar-brand logo"> + <img t-att-src="'/logo.png?company=%s' % res_company.id" t-att-alt="'Logo of %s' % res_company.name" t-att-title="res_company.name"/> + </a> - <button id="button-open-menu" type="button" class="navbar-toggler third-button" data-toggle="collapse" data-target="#top_menu_collapse"> - <div class="animated-icon3"><span></span><span></span><span></span></div> - </button> + <button id="button-open-menu" type="button" class="navbar-toggler third-button" data-toggle="collapse" data-target="#top_menu_collapse"> + <div class="animated-icon3"><span></span><span></span><span></span></div> + </button> - <div class="collapse navbar-collapse" id="top_menu_collapse"> - - <ul class="nav navbar-nav ml-auto text-right" id="top_menu"> - <t t-foreach="website.menu_id.child_id" t-as="submenu"> - <t t-call="website.submenu"> - <t t-set="item_class" t-value="'nav-item'"/> - <t t-set="link_class" t-value="'nav-link'"/> - </t> + <div class="collapse navbar-collapse" id="top_menu_collapse"> + + <ul class="nav navbar-nav ml-auto text-right" id="top_menu"> + <t t-foreach="website.menu_id.child_id" t-as="submenu"> + <t t-call="website.submenu"> + <t t-set="item_class" t-value="'nav-item'"/> + <t t-set="link_class" t-value="'nav-link'"/> </t> - <!-- <li class="nav-item" id="menu-news"> - <a role="menuitem" href="/blog/news" t-att-class="'active nav-link' if request.httprequest.path == '/blog/our-blog-1' else 'nav-link' "> - <span data-oe-model="website.menu" data-oe-field="name" data-oe-type="char" data-oe-expression="submenu.name">News</span> - </a> - </li> --> - <!-- <li class="nav-item" id="menu-contact"> - <a role="menuitem" href="/contact" t-att-class="'active nav-link btn-primary' if request.httprequest.path == '/contact' else 'nav-link btn-primary'" > - <span data-oe-model="website.menu" data-oe-field="name" data-oe-type="char" data-oe-expression="submenu.name">Contact us</span> - </a> - </li> --> + </t> </ul> </div> + </div> </nav> </header> @@ -60,6 +48,19 @@ <span data-oe-model="website.menu" data-oe-field="name" data-oe-type="char" data-oe-expression="submenu.name">Contact us</span> </a> </li> + <li class="lang"> + <div class="flex-lang"> + <div class="lang-bloc js_language_selector mb0 list-inline" t-if="(request and request.is_frontend_multilang and len(languages) > 1) or (website and (editable or translatable))"> + <a class="js_change_lang" href="/en_US/" data-default-lang="true" data-lang="en_US"> + EN + </a> + <hr/> + <a class="js_change_lang" href="/ja_JP/" data-lang="ja_JP"> + JP + </a> + </div> + </div> + </li> </xpath> <!-- diff --git a/views/page_our_commitments.xml b/views/page_our_commitments.xml index 64ca9800b5a545af971566544cb4a088eb7142a3..20d078c64a5beee544b8391ad60253971d055ea1 100644 --- a/views/page_our_commitments.xml +++ b/views/page_our_commitments.xml @@ -14,7 +14,7 @@ <a class="nav-link" href="#on-result">On objective results</a> </li> <li class="nav-item"> - <a class="nav-link" href="#on-accompaniment">On accompaniment to sucess</a> + <a class="nav-link" href="#on-accompaniment">On accompaniment to success</a> </li> </ul> </div> @@ -52,12 +52,12 @@ <p>Simplification and rationalization of the materials and packaging, reduction of CO2 footprint, no environmental impact on existing manufacturing process, no change at the end of life chain, fully recyclable.</p> </div> <div class="level-subbloc-img"> - <img src="/pylote_website/static/src/img/photo1-level.png" class="img img-responsive" /> + <img src="/pylote_website/static/src/img/photo1-level.jpg" class="img img-responsive" /> </div> </div> <div class="level-subbloc wrap-inverse"> <div class="level-subbloc-img"> - <img src="/pylote_website/static/src/img/photo2-level.png" class="img img-responsive" /> + <img src="/pylote_website/static/src/img/photo2-level.jpg" class="img img-responsive" /> </div> <div class="container level-subbloc-txt-right text-left"> <h3>At consumers' level</h3> diff --git a/views/page_our_differenciation.xml b/views/page_our_differenciation.xml index d9085c1241f5f3301dae7c4ec11c9b8bd18fd706..21f1aa203fd28c38c8ae999f1de28c3022f59e27 100644 --- a/views/page_our_differenciation.xml +++ b/views/page_our_differenciation.xml @@ -142,13 +142,15 @@ <div class="subtitle col-md-12 text-center pt-2"> <h3>Patented from technology to applications</h3> </div> - <div class="row"> - <img src="/pylote_website/static/src/img/etoile-map.png" class="d-none d-sm-block-pylote img-absolute img img-responsive" /> - <div class="col"></div> - <div class="col-md-10"> - <img src="/pylote_website/static/src/img/carte-techno.png" class="img img-responsive p-2" /> + <div class="flex-carte"> + <div class="text-carte"> + <h4>11 worldwide patent families <br/><span>covering the whole chain <br/>from process to applications</span></h4> </div> - <div class="col"></div> + <!-- <div class="col"></div> --> + <!-- <div class=""> --> + <img src="/pylote_website/static/src/img/carte-techno.png" class="img img-responsive" /> + <!-- </div> --> + <!-- <div class="col"></div> --> </div> </div> <div class="row bloc-border mt-5"> diff --git a/views/snippets.xml b/views/snippets.xml index 1ba86f97fedbbc3df62f85103424a040cbb8acdd..8eebbfc579b52ae54e19267b452811dbf9861ffa 100644 --- a/views/snippets.xml +++ b/views/snippets.xml @@ -72,7 +72,7 @@ </div> <div class="col-lg-7 link-bottom"> <p>You want to know more ?</p> - <a href="#" class="btn-primary">Our technology</a> + <a href="/our-differenciation#our-techno" class="btn-primary">Our technology</a> <a href="/contact" class="btn-primary">Contact us</a> <div class="link-publi"> <a href="#" class="btn-primary">Publication</a>