kevin/lours.net
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

include js

Browse Source
This commit is contained in:
kevin
2019-02-04 14:35:14 +01:00
parent 13e2b28ef0
commit a9ece64292
53 changed files with 14632 additions and 201 deletions
Download Patch File Download Diff File Expand all files Collapse all files
user/themes/le_style_de_lours_modif/css-compiled/theme.css
+126 -47
View File
File diff suppressed because one or more lines are too long
user/themes/le_style_de_lours_modif/css-compiled/theme.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
user/themes/le_style_de_lours_modif/css/jquery.mCustomScrollbar.css
+1267
View File
File diff suppressed because it is too large Load Diff
user/themes/le_style_de_lours_modif/js/jquery-1.10.2.js
Vendored
+9789
View File
File diff suppressed because it is too large Load Diff
user/themes/le_style_de_lours_modif/js/jquery.mCustomScrollbar.js
+2458
View File
File diff suppressed because it is too large Load Diff
user/themes/le_style_de_lours_modif/js/scritps.js
+53 -16
View File
@@ -1,31 +1,26 @@
function jcarousel() {
$('.owl-carousel').owlCarousel({
margin:20,
margin:40,
loop:true,
autoWidth:true,
items:8,
nav: true
});
}
function scrollHeader() {
$(function() {
var $Header = $('header .title');
var header = $(".header");
$(window).scroll(function() {
var scroll = $(window).scrollTop();
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if (scroll >= 500) {
header.removeClass('header').addClass("darkHeader");
} else {
header.removeClass("darkHeader").addClass('header');
}
});
if (scroll >= 500) {
$Header.addClass("Hc");
} else {
$Header.removeClass("Hc");
}
});
}
function open() {
@@ -33,7 +28,6 @@ function open() {
var $answer = $('.why_lsdo ');
$pk.click(function() {
// $answer.toggleClass('close');
if ($('.why_lsdo').hasClass('open')){
$('.why_lsdo').removeClass('open');
$('.why_lsdo').addClass('close');
@@ -41,13 +35,56 @@ function open() {
$('.why_lsdo').removeClass('close');
$('.why_lsdo').addClass('open');
}
});
}
function scrollbar() {
$(window).on("load",function(){
$(".col-12").mCustomScrollbar();
});
}
function scrollNav() {
$('.navbar a').click(function(){
//Toggle Class
$(".active").removeClass("active");
$(this).closest('li').addClass("active");
var theClass = $(this).attr("class");
// $('.'+theClass).parent('li').addClass('active');
//Animate
$('html, body').stop().animate({
scrollTop: $( $(this).attr('href') ).offset().top - 140
}, 400);
return false;
});
$('.scrollTop a').scrollTop();
}
function navFooter() {
var $Fs = $('footer section');
$Fs.hide();
$('footer a[href^="#"]').on('click', function(event) {
var target = $(this.getAttribute('href'));
if( target.length ) {
event.preventDefault();
target.slideToggle();
$('html, body').stop().animate({
scrollTop: target.offset().top
}, 1000);
}
});
}
jQuery(document).ready(function($){
jcarousel();
scrollNav();
scrollHeader();
jcarousel();
open();
scrollbar();
navFooter();
});
user/themes/le_style_de_lours_modif/scss/theme.scss
+1
View File
@@ -7,6 +7,7 @@
@import 'theme/animation';
@import 'theme/header';
@import 'theme/start';
@import 'theme/footer';
@import 'theme/carousel';
// @import 'theme/mobile';
//
user/themes/le_style_de_lours_modif/scss/theme/_animation.scss
+3 -3
View File
@@ -10,17 +10,17 @@
@keyframes translateOpen{
0%{margin-top: 0px;}
100%{margin-top: -150px;}
100%{margin-top: -155px;}
}
@keyframes translateClose{
0%{margin-top: -150px;}
0%{margin-top: -155px;}
100%{margin-top: 0px;}
}
@keyframes translateOpensvg{
0%{margin-top: 50px;}
100%{margin-top: 180px;}
100%{margin-top: 180px;}
}
@keyframes translateClosesvg{
user/themes/le_style_de_lours_modif/scss/theme/_carousel.scss
+39 -2
View File
@@ -1,6 +1,6 @@
.owl-carousel{
display: flex!important;
margin: 50px 50px;
margin: 100px 50px 0 50px;
width: auto!important;
.owl-stage-outer{
height: 500px;
@@ -31,7 +31,7 @@
width: 35px;
height: 35px;
border-radius: 35px;
background: #8d2815ff!important;
background: rgb(141, 40, 21)!important;
span{
margin-top: -9.5px;
color: white;
@@ -47,3 +47,40 @@
}
}
}
.owl-nav.disabled{
display: block!important;
}
#recommandations{
.owl-carousel{
.owl-stage-outer{
height: 300px!important;
}
.galerie{
width: 300px;
}
.content{
width: 300px!important;
background: white;
p{
text-align: left!important;
padding: 0 20px;
margin: 0;
&:last-child{
padding-bottom: 20px;
}
strong{
width: 230px;
display: block;
}
}
img{
position: absolute;
top: 15px;
right: 20px;
width: 25px;
height: auto;
}
}
}
}
user/themes/le_style_de_lours_modif/scss/theme/_footer.scss
+13 -15
View File
@@ -1,17 +1,15 @@
// Sticky Footer solution
body.sticky-footer {
height: 100%;
min-height: 100vh;
display: flex;
flex-direction: column;
#page-wrapper {
flex: 1 0 auto;
footer{
ul{
display: inline-flex;
justify-content: flex-end;
width: 100%;
li{
margin-left: 20px;
}
}
section{
width: 50%;
margin:auto;
}
}
#footer {
color: #acb3c2;
padding: 1rem $horiz-padding 0;
text-align: center;
}
user/themes/le_style_de_lours_modif/scss/theme/_header.scss
+100 -11
View File
@@ -1,3 +1,70 @@
.background{
position: absolute;
top: 0;
width: 100%;
left: 0;
display: inline-flex;
& > div {
width: 55%;
display: inline-block;
position: relative;
padding-bottom: 100%;
vertical-align: middle;
}
.fond-g{
svg{
width: 110%;
display: inline-block;
position: absolute;
top: 0;
left: 0;
}
}
.fond-d{
svg{
width: 110%;
display: inline-block;
position: absolute;
top: 0;
right: 0;
}
}
}
.background-footer{
z-index: -1;
position: absolute;
bottom: 0;
width: 100%;
left: 0;
display: inline-flex;
& > div {
width: 55%;
display: inline-block;
position: relative;
padding-bottom: 100%;
vertical-align: middle;
}
.fond-g{
svg{
width: 110%;
display: inline-block;
position: absolute;
bottom: 0;
left: 0;
}
}
.fond-d{
svg{
width: 110%;
display: inline-block;
position: absolute;
bottom: 0;
right: 0;
}
}
}
header{
z-index: 999;
position: relative;
@@ -16,13 +83,14 @@ header{
}
}
.title{
transition: background 1s;
background: none;
z-index: 998;
background: white;
position: fixed;
width: auto;
left: 50px;
right: 50px;
padding-top: 20px;
left: 0px;
right: 0px;
padding: 20px 50px 0 50px;
.filet{
z-index: -1;
width: auto;
@@ -35,11 +103,33 @@ header{
}
text-align: center;
h1{
height: 90px;
a{
padding: 0 50px;
background-color: white ;
}
margin-top: 0px;
white-space:nowrap;
z-index: 1;
display: inline-flex;
width: 100%;
align-items: center;
&::after{
right: 0;
content: " ";
width: 50%;
height: 0px;
border: 1px solid black;
margin-left: 20px;
}
&::before{
left: 0;
content: " ";
width: 50%;
height: 0px;
border: 1px solid black;
margin-right: 20px;
}
}
&.Hc{
background: white;
transition: background 1s;
}
}
.logo{
@@ -77,7 +167,7 @@ header{
flex-direction: column;
position: relative;
h3{
z-index: 999;
z-index: 1;
position: absolute;
cursor: pointer;
margin: 0;
@@ -85,7 +175,6 @@ header{
}
section{
position: absolute;
background: white;
padding: 0 10px;
opacity: 0;
top: -130px;
user/themes/le_style_de_lours_modif/scss/theme/_start.scss
+122 -39
View File
@@ -1,4 +1,33 @@
.arrow{
width: 0!important;
height: 0;
top: 40px;
left: 50%;
right: 50%;
border: 50px solid white;
border-left-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
position: absolute;
transform: translateX(-50%);
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #964587!important;
}
.mCSB_scrollTools .mCSB_draggerRail{
background-color: $bkg-d!important;
}
body{
position:relative;
padding-bottom: 20px;
}
#start{
&>section:last-child{
margin-bottom: 0!important;
}
section{
position: relative;
margin-top: -10px;
@@ -12,38 +41,51 @@
}
}
h2{
text-align: center;
width: 350px;
background: white;
z-index: 1;
margin: auto;
margin-top: -35px;
}
.filet{
position: absolute;
top: 0;
z-index: -1;
display: inline-flex;
width: 100%;
height: 2px;
background: black!important;
align-items: center;
&::after{
right: 0;
content: " ";
width: 50%;
height: 0px;
border: 1px solid $blue;
margin-left: 20px;
}
&::before{
left: 0;
content: " ";
width: 50%;
height: 0px;
border: 1px solid $blue;
margin-right: 20px;
}
}
#home{
width: 50%;
width: 40%;
min-width: 700px;
margin: 0 auto 100px auto;
}
#métier{
#m-tier{
& > div{
background: #ffffd5ff;
background:$section;
display: inline-flex;
flex-wrap: wrap;
justify-content: space-evenly;
justify-content: center;
h3{
text-align: center;
}
& > section:nth-of-type(odd){
margin-right: 50px;
}
& > section:nth-of-type(even){
margin-left: 50px;
}
section{
width: 35%;
min-width: 250px;
min-width: 350px;
&:nth-of-type(n+3){
position: relative;
.title{
@@ -54,7 +96,7 @@
height: 0;
top: -65px;
left: -70px;
border: 70px solid #0f265cff;
border: 70px solid #0f265c;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
@@ -78,10 +120,12 @@
display: none;
height: 100%;
width: 100%;
background: #0f265cff;
opacity: 0.9;
background: #0f265c;
p,ul,li{
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-55%) translateX(-50%);
color: white;
}
}
@@ -103,23 +147,39 @@
}
}
}
#références{
#r-f-rences{
h3{
display: inline-flex;
width: 100%;
align-items: center;
white-space:nowrap;
&::after{
right: 0;
content: " ";
width: 50%;
height: 0px;
border: 2px dashed #8d2815;
margin-left: 20px;
}
&::before{
left: 0;
content: " ";
width: 50%;
height: 0px;
border: 2px dashed #8d2815;
margin-right: 20px;
}
}
& > div{
background: #ffffd5ff;
background: $section;
& > p{
width: 50%;
text-align: center;
min-width: 600px;
margin: 0px auto 0px auto;
padding: 50px 0 65px 0;
}
.title{
margin-bottom: 50px;
.filet{
top: 13px!important;
border: 2px dashed #8d2815;
background: #fff59b8c;
height: 0;
}
}
section{
&:last-child{
@@ -138,33 +198,56 @@
}
}
#recommandations{
.content{
background: white;
}
}
#clients{
.images{
margin: 0 50px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-bottom: 50px;
flex-wrap: wrap;
img{
width: 10%;
min-width: 200px;
margin-bottom: 20px;
&:not(:first-child){
margin-left: 20px;
}
}
}
}
}
}
#contact{
& > div{
& > div {
display: inline-flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
width: 100%;
& > div:nth-of-type(1){
margin-top: 50px;
}
p{
width: 40%;
&:nth-of-type(1){
width: 60%;
text-align: right;
margin-right: 50px;
}
&:nth-of-type(2){
width: 40%;
// &:nth-of-type(2){
// text-align: left;
// margin-left: 20px;
// }
img{
margin-bottom: 20px;
border-radius: 150px;
width: 10%;
min-width: 180px;
height: auto;
}
}
section{
width: 50%
}
}
}
}
user/themes/le_style_de_lours_modif/scss/theme/_typography.scss
+58 -7
View File
@@ -15,6 +15,7 @@ h1,h2{
h3{
letter-spacing: 0.2rem;
white-space: nowrap;
}
ul,li,a,p,del{
@@ -46,6 +47,9 @@ h1{
h2{
font-size: $fonth2;
line-height: $lineH40;
margin-bottom: -10px;
color: $blue!important;
}
h3{
@@ -61,6 +65,7 @@ header{
font-size: $fontnav;
line-height: $lineH40;
letter-spacing: $letterI1;
color: $blue!important;
}
}
}
@@ -87,6 +92,14 @@ header{
}
#start{
&> section > div > h3{
margin-top: 120px;
}
&> section > div > p{
padding-top: 120px!important;
padding-bottom: 100px;
}
section{
.block{
h3{
@@ -109,7 +122,7 @@ header{
line-height: $lineH24;
}
}
#métier{
#m-tier{
section{
&:nth-of-type(n+3){
h3{
@@ -121,29 +134,40 @@ header{
h3{
text-transform: capitalize;
text-align: center;
color: #8d2815ff;
color:$h3-color;
text-transform: inherit;
font-family: $Roboto-B;
letter-spacing: 0;
font-size: $h3;
font-size: 1.5rem;
}
}
}
}
#références{
#r-f-rences{
& > p{
text-align: center;
font-size: 1.2rem;
line-height: 1.7rem;
}
.title{
margin: 0 50px;
}
h3{
font-family: $Regular-L;
font-size: $font40;
text-align: center;
color: #8d2815ff;
color: $h3-color;
width: 350px;
margin: auto;
background-color: #ffffd5ff;
background-color: $section;
}
#travaux_r-alis-s{
.galerie{
p{
font-size: 0.8rem;
line-height: 1.2rem;
}
}
}
#recommandations{
.owl-carousel{
@@ -156,3 +180,30 @@ header{
}
}
}
#contact{
p{
strong{
font-family: $Regular-L;
font-weight: normal;
font-size: $h3;
letter-spacing: $letterI1;
color: $blue;
}
}
}
footer{
ul{
li{
text-transform: uppercase;
letter-spacing: $letterI1;
a{
font-family: $Regular-L;
font-size: $fontnav;
color: $blue;
}
}
}
}
user/themes/le_style_de_lours_modif/scss/theme/_variables.scss
+10
View File
@@ -28,3 +28,13 @@ $lineH96:6rem;
//interlettre
$letterI1: 0.1rem;
// color
$section: rgb(255, 250, 229);
$h3-color: #8d2815ff;
$bkg-g: rgb(255, 250, 229);
$bkg-d: rgb(243,150,85);
$blue: #0f265c;
user/themes/le_style_de_lours_modif/templates/modular.html.twig
+6 -19
View File
@@ -15,25 +15,14 @@
{% block bottom %}
{{ parent() }}
{% if show_onpage_menu %}
<script>
// singlePageNav initialization & configuration
$('ul.navigation').singlePageNav({
offset: $('#header').outerHeight(),
filter: ':not(.external)',
updateHash: true,
currentClass: 'active'
});
</script>
{% endif %}
{% endblock %}
{% block header_navigation %}
{% if show_onpage_menu %}
<ul class="navigation">
{% for module in page.collection() if module.header.visible is not same as(false) %}
{% for module in page.collection() if module.template == 'blog' %}
{% set current_module = (module.active or module.activeChild) ? 'active' : '' %}
<li><a class="{{ current_module }}" href="#{{ macro.pageLinkName(module.menu) }}">{{ module.menu }}</a></li>
<li><a class="{{ current_module }}" href="#{{ macro.pageLinkName(module.menu)|hyphenize }}">{{ module.menu }}</a></li>
{% endfor %}
{% for mitem in site.menu %}
<li>
@@ -61,25 +50,23 @@
{{page.content}}
</section>
{% for module in page.collection() if module.template == 'blog' %}
{% for module in page.collection() %}
<section id="{{ macro.pageLinkName(module.menu) }}">
<section id="{{ macro.pageLinkName(module.menu)|hyphenize }}">
<h2>{{ module.title }}</h2>
<div class="filet"></div>
<div class="arrow"></div>
<div>
{{ module.content|raw }}
{% for child in module.collection %}
{% set gal = child.header.blog.config %}
<section id="{{ macro.pageLinkName(child.menu) }}">
<section id="{{ macro.pageLinkName(child.menu)|hyphenize }}">
{% if child.title %}
<div class="title">
<h3>{{ child.title }}</h3>
<div class="filet"></div>
</div>
{% endif %}
user/themes/le_style_de_lours_modif/templates/modular/text.html.twig
+2 -2
View File
@@ -1,7 +1,7 @@
{% set grid_size = theme_var('grid-size') %}
{% set image = page.media.images|first %}
<section>
<section class="mCustomScrollbar">
{% if image %}
<div class="column col-6 col-md-12">
{{ content|raw }}
@@ -12,7 +12,7 @@
{% endif %}
</div>
{% else %}
<div class="column col-12">
<div class="column col-12" >
{{ content|raw }}
</div>
{% endif %}
user/themes/le_style_de_lours_modif/templates/partials/base.html.twig
+75 -22
View File
@@ -16,19 +16,20 @@
<link rel="canonical" href="{{ page.url(true, true) }}" />
{% block stylesheets %}
{% do assets.addCss('theme://css-compiled/theme'~compress) %}
{% do assets.addCss('theme://css/owl.carousel.min.css') %}
{% do assets.addCss('theme://css/owl.theme.default.min.css') %}
{% do assets.addCss('theme://css-compiled/theme'~compress) %}
{% do assets.addCss('theme://css/owl.carousel.min.css') %}
{% do assets.addCss('theme://css/owl.theme.default.min.css') %}
{% do assets.addCss('theme://css/jquery.mCustomScrollbar.css') %}
{% endblock %}
{{ assets.css()|raw }}
{% block javascripts %}
{% do assets.addJs('jquery', 101) %}
{% do assets.addJs('theme://js/jquery.treemenu.js', {group:'bottom'}) %}
{% do assets.addJs('theme://js/owl.carousel.min.js', {group:'bottom'}) %}
{% do assets.addJs('theme://js/scritps.js', {group:'bottom'}) %}
{% do assets.addJs('theme://js/site.js', {group:'bottom'}) %}
{% do assets.addJs('jquery', 101) %}
{% do assets.addJs('theme://js/jquery-1.10.2.js', {group:'bottom'}) %}
{% do assets.addJs('theme://js/owl.carousel.min.js', {group:'bottom'}) %}
{% do assets.addJs('theme://js/jquery.mCustomScrollbar.js', {group:'bottom'}) %}
{% do assets.addJs('theme://js/scritps.js', {group:'bottom'}) %}
{% endblock %}
{{ assets.js()|raw }}
@@ -36,6 +37,28 @@
</head>
<body id="top">
<div class="background">
<div class="fond-g">
<svg version="1.1" viewBox="0 0 500 500" preserveAspectRatio="xMinYMin meet">
<path
sodipodi:nodetypes="cccc"
inkscape:connector-curvature="0"
id="path3336"
d="M 0,0 500,0 0,500 Z"
style="fill:#fff59b;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.22091293px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;enable-background:new" />
</svg>
</div>
<div class="fond-d">
<svg version="1.1" viewBox="0 0 500 500" preserveAspectRatio="xMinYMin meet">
<path
sodipodi:nodetypes="cccc"
inkscape:connector-curvature="0"
id="path3336"
d="M 0,0 500,500 500,0 Z"
style="fill:#f39655;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.22091293px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;enable-background:new" />
</svg>
</div>
</div>
{% block header %}
<header>
@@ -47,7 +70,6 @@
<div class="title">
<h1><a href="{{ home_url }}">{{site.title}}</a></h1>
<div class="filet"></div>
</div>
<section class="logo">
@@ -64,7 +86,7 @@
{% include 'partials/logo.html.twig' %}
{% for module in page.find('/home').children.order('date', 'desc') %}
<section class="why_lsdo">
<section class="why_lsdo ">
<h3>{{module.title}}</h3>
{{module.content}}
<svg>
@@ -75,24 +97,55 @@
</header>
{% endblock %}
{% block hero %}{% endblock %}
<section id="start">
{% block body %}
<section id="body-wrapper" class="section">
<section class="container {{ grid_size }}">
{% block messages %}
{% include 'partials/messages.html.twig' ignore missing %}
{% endblock %}
{% block content %}{% endblock %}
</section>
</section>
{% endblock %}
{% block body %}
{% block content %}{% endblock %}
{% endblock %}
</section>
{% block footer %}
<footer>
<ul>
{% for module in page.find('/pied-de-page').children.order('date', 'desc') %}
<li>
<a href="#{{ macro.pageLinkName(module.menu)|hyphenize }}">{{module.title}}</a>
</li>
{% endfor %}
</ul>
{% for module in page.find('/pied-de-page').children.order('date', 'desc') %}
<section id="{{ macro.pageLinkName(module.menu)|hyphenize }}">
<h3>{{module.title}}</h3>
{{module.content}}
</section>
{% endfor %}
<div class="background-footer">
<div class="fond-g">
<svg version="1.1" viewBox="0 0 500 500" preserveAspectRatio="xMinYMin meet">
<path
sodipodi:nodetypes="cccc"
inkscape:connector-curvature="0"
id="path3336"
d="M 500,500 0,0 0,500 Z"
style="fill:#fff59b;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.22091293px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;enable-background:new" />
</svg>
</div>
<div class="fond-d">
<svg version="1.1" viewBox="0 0 500 500" preserveAspectRatio="xMinYMin meet">
<path
sodipodi:nodetypes="cccc"
inkscape:connector-curvature="0"
id="path3336"
d="M 500,500 0,500 500,0 Z"
style="fill:#f39655;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.22091293px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;enable-background:new" />
</svg>
</div>
</div>
</footer>
{% endblock %}
{% block bottom %}
user/themes/le_style_de_lours_modif/templates/partials/blog-item.html.twig
-1
View File
@@ -19,7 +19,6 @@
{% include 'partials/comments.html.twig' %}
{% endif %}
</div>
<p class="prev-next text-center">
user/themes/le_style_de_lours_modif/templates/partials/layout.html.twig
-1
View File
@@ -11,4 +11,3 @@
</div>
{% endif %}
</div>