final commit

This commit is contained in:
Bachir Soussi Chiadmi
2017-06-19 10:25:26 +02:00
parent 67cb64cb6b
commit e40d0ffe99
5 changed files with 81 additions and 55 deletions
+25 -18
View File
@@ -7217,15 +7217,17 @@ header#top-bar {
@media screen and (min-width: 40em) {
header#top-bar .nav .wrapper {
padding-top: 4.55em; } }
header#top-bar #left-nav a {
font: "CiutadellaRounded", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-size: 0.87em;
font-weight: bold; }
header#top-bar #left-nav a:hover {
font: "CiutadellaRounded", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-size: 0.87em;
font-weight: bold;
text-decoration: underline; }
header#top-bar #left-nav {
line-height: 0.5; }
header#top-bar #left-nav a {
font: "CiutadellaRounded", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-size: 0.87em;
font-weight: bold; }
header#top-bar #left-nav a:hover {
font: "CiutadellaRounded", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-size: 0.87em;
font-weight: bold;
text-decoration: underline; }
header#top-bar #right-nav {
text-align: right; }
header#top-bar #right-nav h4 {
@@ -7233,7 +7235,7 @@ header#top-bar {
font-size: 0.87em;
font-weight: bold;
margin: 0;
line-height: 1.6; }
line-height: 1.9; }
header#top-bar #right-nav h4 a:hover {
text-decoration: underline; }
header#top-bar #right-nav ul {
@@ -7435,7 +7437,8 @@ div#center {
div#center #diaporama > * img {
height: 100%; }
div#center .client-block {
margin: 0 0 1em; }
margin: 0 0 1em;
padding: 0.7em; }
div#center .client-block h3 {
font: "CiutadellaRounded", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-size: 0.87em;
@@ -7474,13 +7477,15 @@ div#center {
header#top-bar:before {
padding-bottom: 0.45em; }
header#top-bar #title-area {
height: 10.1em -2.1em; }
header#top-bar #title-area h1 a {
display: block;
height: 6.3em; }
height: 10.1em -3.1em; }
header#top-bar #title-area h1 {
height: 100%;
min-height: 5.6em; }
header#top-bar #title-area h1 a {
display: block;
height: 6.3em; }
header#top-bar.reduced #title-area {
height: 6.044em;
overflow: hidden; }
height: 5.2885em; }
header#top-bar .nav {
position: absolute;
top: 0.75em;
@@ -7491,7 +7496,9 @@ div#center {
right: 0; }
div#center {
padding-top: 11.2em;
padding-bottom: 6em; } }
padding-bottom: 6em; }
body.categories a.projet-img {
display: none; } }
/*
__ _
+2 -2
View File
@@ -27,8 +27,8 @@ gulp.task('styles', function () {
.pipe(gulp.dest('./css'));
});
gulp.task('default', function () {
});
// gulp.task('default', function () {
// });
// default gulp task
gulp.task('default', ['scripts', 'styles'], function() {
+2 -2
View File
@@ -1,4 +1,4 @@
jQuery(document).ready(function($){$(window).scroll(function(){var topOfWindow=$(window).scrollTop();if(topOfWindow>100){$("#top-bar").addClass("reduced");}
else{$("#top-bar").removeClass("reduced");}});if($('body').is('.categories')){var $diapo=$('<div id="diaporama"></div>');$("#categories-content").before($diapo).find('li.project').each(function(index,el){$(this).addClass('projet-'+index).hover(function(e){$diapo.children().removeClass('visible');var c=$(this).attr('class').match('projet-[0-9]+');console.log("class",c[0]);$diapo.children('.'+c[0]).addClass('visible');}).find('.projet-img').addClass('projet-'+index).appendTo($diapo);});$diapo.children('.projet-img').first().addClass('visible');}
var $grid=$('.grid').masonry({itemSelector:'.grid-block',transitionDuration:'0.4s'});$grid.imagesLoaded().progress(function(){$grid.masonry('layout');});});
else{$("#top-bar").removeClass("reduced");}});if($(window).width()>600){if($('body').is('.categories')){var $diapo=$('<div id="diaporama"></div>');$("#categories-content").before($diapo).find('li.project').each(function(index,el){$(this).addClass('projet-'+index).hover(function(e){$diapo.children().removeClass('visible');var c=$(this).attr('class').match('projet-[0-9]+');console.log("class",c[0]);$diapo.children('.'+c[0]).addClass('visible');}).find('.projet-img').addClass('projet-'+index).appendTo($diapo);});$diapo.children('.projet-img').first().addClass('visible');}
var $grid=$('.grid').masonry({itemSelector:'.grid-block',transitionDuration:'0.4s'});$grid.imagesLoaded().progress(function(){$grid.masonry('layout');});}});
+32 -29
View File
@@ -13,35 +13,38 @@ jQuery(document).ready(function($) {
});
// init categories content images behaviour
if($('body').is('.categories')){
// console.log('hello');
var $diapo = $('<div id="diaporama"></div>');
$("#categories-content")
.before($diapo)
.find('li.project').each(function(index, el) {
// console.log(index);
$(this)
.addClass('projet-'+index)
.hover(function (e) {
$diapo.children().removeClass('visible');
var c = $(this).attr('class').match('projet-[0-9]+');
console.log("class",c[0]);
$diapo.children('.'+c[0]).addClass('visible');
})
.find('.projet-img')
// console.log($(window).width());
if( $(window).width() > 600 ){
if($('body').is('.categories')){
// console.log('hello');
var $diapo = $('<div id="diaporama"></div>');
$("#categories-content")
.before($diapo)
.find('li.project').each(function(index, el) {
// console.log(index);
$(this)
.addClass('projet-'+index)
.appendTo($diapo);
});
$diapo.children('.projet-img').first().addClass('visible');
.hover(function (e) {
$diapo.children().removeClass('visible');
var c = $(this).attr('class').match('projet-[0-9]+');
console.log("class",c[0]);
$diapo.children('.'+c[0]).addClass('visible');
})
.find('.projet-img')
.addClass('projet-'+index)
.appendTo($diapo);
});
$diapo.children('.projet-img').first().addClass('visible');
}
// init Masonry
var $grid = $('.grid').masonry({
itemSelector: '.grid-block',
transitionDuration: '0.4s'
});
$grid.imagesLoaded().progress(function(){
$grid.masonry('layout');
});
}
// init Masonry
var $grid = $('.grid').masonry({
itemSelector: '.grid-block',
transitionDuration: '0.4s'
});
$grid.imagesLoaded().progress(function(){
$grid.masonry('layout');
});
});
+20 -4
View File
@@ -68,6 +68,7 @@ $logo_mt:0.3em;
$logo_mb:0.5em;
$titleareaH: $logoH+$logo_mb+$logo_mt;
$titleReducedFactor:0.7555;
$titleReducedFactorSmall:0.5;
$centerpaddingtop: $headerborderH+$headerpaddingtopH+$titleareaH+1em;
$footerheight: 5em;
$centerpaddingbottom:$footerheight+1em;
@@ -120,6 +121,10 @@ header#top-bar{
&.reduced{
#title-area{
height:$titleareaH*$titleReducedFactor;
// @media #{$medium-up}{
// height:$titleareaH*$titleReducedFactorSmall;
// }
}
}
@@ -143,6 +148,7 @@ header#top-bar{
#left-nav{
// margin-left: -0.1rem;
line-height:0.5;
a{@include fontbold;}
a:hover{@include fontbold; text-decoration: underline;}
}
@@ -151,7 +157,7 @@ header#top-bar{
text-align: right;
h4{
@include fontbold; margin:0; line-height: 1.6;
@include fontbold; margin:0; line-height: 1.9;
a:hover{text-decoration: underline;}
}
ul{background-color: transparent;}
@@ -320,6 +326,7 @@ div#center{
/*
* Catégories
*/
nav.categories{
margin: 1em 0;
ul.tags{
@@ -366,6 +373,7 @@ div#center{
.client-block{
margin:0 0 1em;
padding:0.7em;
h3{
@include fontbold;
line-height:0.6; display:inline-block; position:relative;
@@ -404,9 +412,11 @@ div#center{
}
#title-area{
height:$titleareaH -2.1em;
height:$titleareaH -3.1em;
// padding-top: $headerpaddingtopH;
h1{
height:100%;
min-height:($titleareaH - 3.1em)*0.8;
a{display: block;
height:$logoH - 3em;
// height:100%;
@@ -416,8 +426,8 @@ div#center{
&.reduced{
#title-area{
height:($titleareaH - 2.1em)*$titleReducedFactor;
overflow: hidden;
height:($titleareaH - 3.1em)*$titleReducedFactor;
// overflow: hidden;
}
}
@@ -434,6 +444,12 @@ div#center{
padding-top:$centerpaddingtop - 1.1em;
padding-bottom: $centerpaddingbottom;
}
body.categories{
a.projet-img{
display:none;
}
}
}
/*