diff --git a/static/src/css/pylote.css b/static/src/css/pylote.css index d92a5fc4a4004ff09cbf5638cc26bfc33763aa6c..771c4853e490c356c20a4598a28a02d6c51a7234 100644 --- a/static/src/css/pylote.css +++ b/static/src/css/pylote.css @@ -1053,6 +1053,17 @@ h2 span{ padding-top: 10px; } + +a.link-name-blog{ + text-decoration: none; + cursor: default; + text-transform: inherit; +} + +.website_blog .o_blog_post_title{ + font-size: 26px; +} + .content-post span{ font-size: 14px; line-height: 22px; @@ -1483,6 +1494,13 @@ h2.o_default_snippet_text:after{ color: #56A099; } + +#blog_content .o_default_snippet_text{ + color: #3E3E3D; +} + + + .carousel-right{ display: flex; flex-direction: column; diff --git a/static/src/img/._Groupe 924@2x.png b/static/src/img/._img-techno-full.png similarity index 95% rename from static/src/img/._Groupe 924@2x.png rename to static/src/img/._img-techno-full.png index ac958945a76cbca20ea892d2d45bd74abf360ed3..95681cc27e0e26f76a1728b8b13643bba44c8df5 100644 Binary files a/static/src/img/._Groupe 924@2x.png and b/static/src/img/._img-techno-full.png differ diff --git a/static/src/img/Groupe 924@2x.png b/static/src/img/Groupe 924@2x.png deleted file mode 100644 index 0d450d4318c09f72e99db52a73c0b4b2289e7e05..0000000000000000000000000000000000000000 Binary files a/static/src/img/Groupe 924@2x.png and /dev/null differ diff --git a/static/src/img/img-techno-full.png b/static/src/img/img-techno-full.png new file mode 100644 index 0000000000000000000000000000000000000000..89edcc6dffa9c80ce43b430aa997f12306cf3ff4 Binary files /dev/null and b/static/src/img/img-techno-full.png differ diff --git a/static/src/js/menuspy.js b/static/src/js/menuspy.js index f2e62960302325a449662d97eba22ca8990f308f..5e0f34b4aa1b0ba67e7ab0c005f087322d98bb5c 100644 --- a/static/src/js/menuspy.js +++ b/static/src/js/menuspy.js @@ -117,7 +117,7 @@ MenuSpy.prototype.cacheItems = function cacheItems () { this.scrollItems = this.menuItems.map(function (elm) { var target = elm.dataset.target ? document.querySelector(elm.dataset.target) : document.getElementById(elm.hash.slice(1)); if (target) { - var offset = Math.floor(utils.offset(target).top); + var offset = Math.floor(utils.offset(target).top - 120); return { elm: elm, target: target, offset: offset }; } return false; diff --git a/static/src/js/script_to_top.js b/static/src/js/script_to_top.js index 5183140181fb975c03a1ca5a1e5505264aa40003..e7b291763f48b62b23bd93b72f2996153aec041d 100644 --- a/static/src/js/script_to_top.js +++ b/static/src/js/script_to_top.js @@ -5,6 +5,8 @@ odoo.define('pylote_website.scroll_totop', function (require) { var elm = document.querySelector('#myNavbar'); var ms = new MenuSpy(elm); + // var ms = new MenuSpy(elm, { + // }); $( '#button-open-menu' ).on( 'click', function () { if($("#logo-mobile").hasClass("o_show")) { @@ -41,7 +43,7 @@ odoo.define('pylote_website.scroll_totop', function (require) { var anchor = $(this.hash); anchor = anchor.length ? anchor : $("[name=" + this.hash.slice(1) +"]"); if ( anchor.length ) { - $("html, body").animate( { scrollTop: anchor.offset().top - 180 }, 300); + $("html, body").animate( { scrollTop: anchor.offset().top - 170 }, 300); } } }); diff --git a/views/page_our_differenciation.xml b/views/page_our_differenciation.xml index 21f1aa203fd28c38c8ae999f1de28c3022f59e27..fae73f908195d15db8dd2954154b125e5e7d0a2e 100644 --- a/views/page_our_differenciation.xml +++ b/views/page_our_differenciation.xml @@ -125,8 +125,9 @@ </div> <div class="col"></div> <div class="col-md-8"> - <img src="/pylote_website/static/src/img/img-techno.png" class="img img-responsive" /> - <img src="/pylote_website/static/src/img/img-techno2.png" class="d-none d-sm-block-pylote pt-5 pb-5 img img-responsive" /> + <img src="/pylote_website/static/src/img/img-techno.png" class="d-block d-sm-none-pylote img img-responsive" /> + <img src="/pylote_website/static/src/img/img-techno-full.png" class=" d-none d-sm-block-pylote img img-responsive" /> + <!-- <img src="/pylote_website/static/src/img/img-techno2.png" class="d-none d-sm-block-pylote pt-5 pb-5 img img-responsive" /> --> <img src="/pylote_website/static/src/img/img-techno2-mobil.png" class="d-block d-sm-none-pylote pt-5 img img-responsive" /> </div> <div class="col"></div> diff --git a/views/website_blog_template.xml b/views/website_blog_template.xml index 99243983d6c18fff21ac5c428b7e1ef57dcfbf02..6877faa9747439c4337a6df1ee9b925f89fce624 100644 --- a/views/website_blog_template.xml +++ b/views/website_blog_template.xml @@ -138,7 +138,7 @@ </div> <div class="container pt-sm-0 pt-md-5 pb-5 mb-5"> - <div name='blog_post' t-foreach="blog_posts" t-as="blog_post" + <div name="blog_post" t-foreach="blog_posts" t-as="blog_post" class="clearfix blogpost pt-5" data-effect-delay="200"> <div class="row content"> <div class="col-md-12"> @@ -153,14 +153,16 @@ <p t-field="tag_id.name"/> </t> </t> - <h2 t-field="blog_post.name" /> + <a t-attf-href="/blog/#{ slug(blog_post.blog_id) }/post/#{ slug(blog_post) }" class="link-name-blog"> + <h2 class="o_blog_post_title" t-field="blog_post.name" /> + </a> </header> <span class="pb-3" t-field="blog_post.teaser"/> <p class="pb-3"><span t-field="blog_post.post_date" t-options='{"format": "dd/MM/yyyy"}'/></p> <footer class="clearfix"> <div class="overlay pull-left"> <div class="overlay-links"> - <a class="fa fa-linkedin-square o_linkedin_complete" id="o_linkedin_complete"> + <a class="fa fa-linkedin-square o_linkedin" aria-label="LinkedIn" title="LinkedIn" id="o_linkedin"> <svg xmlns="http://www.w3.org/2000/svg" width="27.033" height="27.033" viewBox="0 0 27.033 27.033"> <g id="Groupe_915" data-name="Groupe 915" transform="translate(-728.151 -667.029)"> <path id="Tracé_206" data-name="Tracé 206" d="M5871.393,8647.771h0a13.017,13.017,0,0,1-13.016-13.017h0a13.015,13.015,0,0,1,13.016-13.017h0a13.016,13.016,0,0,1,13.017,13.017h0A13.018,13.018,0,0,1,5871.393,8647.771Z" transform="translate(-5129.726 -7954.208)" fill="#56a099" stroke="#fff" stroke-miterlimit="10" stroke-width="1"/> @@ -172,7 +174,7 @@ </g> </svg> </a> - <a class="fa fa-twitter-square o_twitter_complete" id="o_twitter_complete"> + <a class="fa fa-twitter-square o_twitter" aria-label="Twitter" title="Twitter" id="o_twitter"> <svg xmlns="http://www.w3.org/2000/svg" width="27.033" height="27.032" viewBox="0 0 27.033 27.032"> <g id="Groupe_214" data-name="Groupe 214" transform="translate(-762.047 -667.167)"> <path id="Tracé_204" data-name="Tracé 204" d="M5911.733,8647.895h0a13.016,13.016,0,0,1-13.017-13.016h0a13.016,13.016,0,0,1,13.017-13.017h0a13.016,13.016,0,0,1,13.017,13.017h0A13.017,13.017,0,0,1,5911.733,8647.895Z" transform="translate(-5136.169 -7954.195)" fill="#56a099" stroke="#fff" stroke-miterlimit="10" stroke-width="1"/>