start mep

logs/popularity/daily.json

@@ -1 +1 @@
-{"01-08-2018":19,"02-08-2018":424,"20-08-2018":22}
+{"01-08-2018":19,"02-08-2018":424,"20-08-2018":102}

logs/popularity/monthly.json

@@ -1 +1 @@
-{"08-2018":465}
+{"08-2018":545}

logs/popularity/totals.json

@@ -1 +1 @@
-{"\/":190,"\/projets":99,"\/news":79,"\/a-propros":10,"\/projets-n-1":1,"\/projets\/projets-n-1":82,"\/projets\/projet-n-2":4}
+{"\/":234,"\/projets":99,"\/news":79,"\/a-propros":11,"\/projets-n-1":1,"\/projets\/projets-n-1":113,"\/projets\/projet-n-2":8}

logs/popularity/visitors.json

@@ -1 +1 @@
-{"4b84b15bff6ee5796152495a230e45e3d7e947d9":1534766117}
+{"4b84b15bff6ee5796152495a230e45e3d7e947d9":1534769688}

user/themes/hehe/css-compiled/template.min.css

@@ -1 +1 @@
-@font-face{font-family:Roboto-Light;src:url(../fonts/roboto_light/Roboto-Light-webfont.eot);src:url(../fonts/roboto_light/Roboto-Light-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto_light/Roboto-Light-webfont.woff) format('woff'),url(../fonts/roboto_light/Roboto-Light-webfont.ttf) format('truetype'),url(../fonts/roboto_light/Roboto-Light-webfont.svg#Roboto-Light) format('svg')}@font-face{font-family:Roboto-regular;src:url(../fonts/roboto_regular/Roboto-Regular-webfont.eot);src:url(../fonts/roboto_regular/Roboto-Regular-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto_regular/Roboto-Regular-webfont.woff) format('woff'),url(../fonts/roboto_regular/Roboto-Regular-webfont.ttf) format('truetype'),url(../fonts/roboto_regular/Roboto-Regular-webfont.svg#Roboto-regular) format('svg')}@font-face{font-family:Roboto-Medium;src:url(../fonts/roboto_medium/Roboto-Medium-webfont.eot);src:url(../fonts/roboto_medium/Roboto-Medium-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto_medium/Roboto-Medium-webfont.woff) format('woff'),url(../fonts/roboto_medium/Roboto-Medium-webfont.ttf) format('truetype'),url(../fonts/roboto_medium/Roboto-Medium-webfont.svg#Roboto-Medium) format('svg')}@font-face{font-family:Roboto-Bold;src:url(../fonts/roboto_bold/Roboto-Bold-webfont.eot);src:url(../fonts/roboto_bold/Roboto-Bold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto_bold/Roboto-Bold-webfont.woff) format('woff'),url(../fonts/roboto_bold/Roboto-Bold-webfont.ttf) format('truetype'),url(../fonts/roboto_bold/Roboto-Bold-webfont.svg#Roboto-Bold) format('svg')}*{box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{font-size:100%;margin:0;padding:0;vertical-align:baseline;border:0}body,html{font-size:16px}h1 a{font-family:Roboto-Medium;font-size:5em}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;margin:0}ol,ul{list-style:none}a{text-decoration:none;color:#000}blockquote,q{quotes:none}img{width:100%;height:100%;vertical-align:bottom}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-spacing:0;border-collapse:collapse}
+@font-face{font-family:Roboto-Light;src:url(../fonts/roboto_light/Roboto-Light-webfont.eot);src:url(../fonts/roboto_light/Roboto-Light-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto_light/Roboto-Light-webfont.woff) format('woff'),url(../fonts/roboto_light/Roboto-Light-webfont.ttf) format('truetype'),url(../fonts/roboto_light/Roboto-Light-webfont.svg#Roboto-Light) format('svg')}@font-face{font-family:Roboto-regular;src:url(../fonts/roboto_regular/Roboto-Regular-webfont.eot);src:url(../fonts/roboto_regular/Roboto-Regular-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto_regular/Roboto-Regular-webfont.woff) format('woff'),url(../fonts/roboto_regular/Roboto-Regular-webfont.ttf) format('truetype'),url(../fonts/roboto_regular/Roboto-Regular-webfont.svg#Roboto-regular) format('svg')}@font-face{font-family:Roboto-Medium;src:url(../fonts/roboto_medium/Roboto-Medium-webfont.eot);src:url(../fonts/roboto_medium/Roboto-Medium-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto_medium/Roboto-Medium-webfont.woff) format('woff'),url(../fonts/roboto_medium/Roboto-Medium-webfont.ttf) format('truetype'),url(../fonts/roboto_medium/Roboto-Medium-webfont.svg#Roboto-Medium) format('svg')}@font-face{font-family:Roboto-Bold;src:url(../fonts/roboto_bold/Roboto-Bold-webfont.eot);src:url(../fonts/roboto_bold/Roboto-Bold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto_bold/Roboto-Bold-webfont.woff) format('woff'),url(../fonts/roboto_bold/Roboto-Bold-webfont.ttf) format('truetype'),url(../fonts/roboto_bold/Roboto-Bold-webfont.svg#Roboto-Bold) format('svg')}*{box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{font-size:100%;margin:0;padding:0;vertical-align:baseline;border:0}body,html{font-size:16px}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;margin:0}ol,ul{list-style:none}a{text-decoration:none;color:#000}blockquote,q{quotes:none}img{width:100%;height:auto;vertical-align:bottom}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-spacing:0;border-collapse:collapse}h1 a{font-family:Roboto-regular;font-size:1rem}h2 a{font-family:Roboto-Medium;font-size:1.5rem}nav li a{font-family:Roboto-regular;font-size:.9rem;text-transform:uppercase}p{font-family:Roboto-Light;font-size:.8rem}header{position:fixed;top:0;display:-ms-flexbox;display:flex;width:100%;height:35px;background-color:#fff;-ms-flex-pack:justify;justify-content:space-between}header ul{display:-ms-flexbox;display:flex}header ul.tags{display:none}header ul.visible{display:-ms-flexbox;display:flex}#start{margin-top:35px}#start .item{display:-ms-flexbox;display:flex}#start .item .card{position:relative;width:calc(100% / 3)}#start .item .card .card-image:hover{transition:all 1s;opacity:.95;mix-blend-mode:multiply;filter:contrast(10) grayscale(1)}#start .item .card .card-title{position:absolute;top:50%;left:50%;transform:translateX(-50%)}#start #items .content-item .e-content{display:-ms-flexbox;display:flex}#start #items .content-item .media{width:calc((100% / 3) + (100% / 3))}#start #items .content-item .txt{position:fixed;right:0;width:calc(100% / 3);height:100%}#start #items .content-item .txt .taxonomy{position:fixed;bottom:0}

user/themes/hehe/scss/configuration/_config.scss

@@ -3,16 +3,3 @@
 @include font-face($roboto_regular, $file2, $family2, $category);//1
 @include font-face($roboto_medium, $file3, $family3, $category);//1
 @include font-face($roboto_bold, $file4, $family4, $category);//1
-
-//color
-$lightpink: #fad7d7;
-$lightpinkIE: rgb(250, 215, 215) ;
-
-$lightgrey: #dcdce6;
-$lightblue: #00ffff;
-$elecblue: #0000ff;
-
-//tailletuille
-$W33: calc(100%/3 - 5px);
-
-$W66: calc(100%/3 * 2);

user/themes/hehe/scss/template.scss

@@ -6,13 +6,13 @@
 @import "template/reset";
 
 // Typography
-// @import "template/typography";
+@import "template/typography";
 
 // Header
-// @import "template/header";
+@import "template/header";
 
 //section
-// @import "template/section";
+@import "template/section";
 // @import "template/section-media-queries";
 
 //sectiongrid

user/themes/hehe/scss/template/_header.scss

@@ -1 +1,18 @@
-
+header{
+  position: fixed;
+  width: 100%;
+  height: 35px;
+  top: 0;
+  display: flex;
+  justify-content: space-between;
+  background-color: white;
+  ul{
+    display: flex;
+  }
+  ul.tags{
+    display: none;
+  }
+  ul.visible{
+    display: flex;
+  }
+}

user/themes/hehe/scss/template/_reset.scss

@@ -27,13 +27,6 @@ html, body{
 	font-size: 16px;
 }
 
-h1{
-  a{
-    font-family: $roboto_medium;
-    font-size: 5em;
-  }
-}
-
 /* HTML5 display-role reset for older browsers */
 article, aside, details, figcaption, figure,
 footer, header, hgroup, menu, nav, section {
@@ -60,7 +53,7 @@ blockquote, q {
 
 img{
 	width: 100%;
-	height: 100%;
+	height: auto;
 	vertical-align: bottom;
 }
 

user/themes/hehe/scss/template/_section.scss

@@ -0,0 +1,42 @@
+#start{
+  margin-top: 35px;
+  .item{
+    display: flex;
+    .card{
+      position: relative;
+      width: calc(100% / 3);
+      .card-image:hover{
+        transition: all 1s;
+        mix-blend-mode: multiply;
+        filter: contrast(10) grayscale(1);
+        opacity: .95;
+      }
+      .card-title{
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translateX(-50%);
+      }
+    }
+  }
+  #items{
+    .content-item{
+      .e-content{
+        display: flex;
+      }
+      .media{
+        width: calc((100% / 3) + (100% / 3));
+      }
+      .txt{
+        position: fixed;
+        right: 0;
+        height: 100%;
+        width: calc(100% / 3);
+        .taxonomy{
+          position:fixed;
+          bottom: 0;
+        }
+      }
+    }
+  }
+}

user/themes/hehe/scss/template/_typography.scss

@@ -0,0 +1,28 @@
+h1{
+  a{
+    font-family: $roboto_regular;
+    font-size: 1rem;
+  }
+}
+
+h2{
+  a{
+    font-family:$roboto_medium;
+    font-size:1.5rem;
+  }
+}
+
+nav{
+  li{
+    a{
+      font-family:$roboto_regular;
+      font-size:0.9rem;
+      text-transform: uppercase;
+    }
+  }
+}
+
+p{
+  font-family: $roboto_light;
+  font-size: 0.8rem;
+}