bachir/edlp_d8
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

home page of productions is ok!

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2018-03-02 18:00:33 +01:00
parent 44eb8476ac
commit 57fbb35060
36 changed files with 774 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sites/all/themes/custom/edlptheme/assets/dist/bower/OverlayScrollbars.min.css
Vendored
+2 -2
View File
File diff suppressed because one or more lines are too long
sites/all/themes/custom/edlptheme/assets/dist/bower/imagesloaded.pkgd.min.js
Vendored
+7
View File
File diff suppressed because one or more lines are too long
sites/all/themes/custom/edlptheme/assets/dist/bower/jquery.overlayScrollbars.min.js
Vendored
+3 -3
View File
File diff suppressed because one or more lines are too long
sites/all/themes/custom/edlptheme/assets/dist/bower/masonry.pkgd.min.js
Vendored
+9
View File
File diff suppressed because one or more lines are too long
sites/all/themes/custom/edlptheme/assets/dist/scripts/main.min.js
Vendored
+44 -4
View File
@@ -36,6 +36,9 @@ edlp_vars = {
_$body.on('corpus-map-ready', onCorpusMapReady);
initScrollbars();
initAjaxLinks();
if (_$body.is('.path-productions')) {
initProductions();
}
};
// ___ _ _ ___
@@ -105,6 +108,7 @@ edlp_vars = {
_$body.removeClass('ajax-loading');
// add body class for currently loaded content
_$body.removeClass().addClass('path-'+sys_path.replace(/\//g, '-'));
// id node add a generic path-node class to body
m = sys_path.match(/^\/?(edlp\/node\/\d+)$/g);
if(m){
@@ -112,10 +116,20 @@ edlp_vars = {
}
_$ajaxLinks.removeClass('is-active');
$link.removeClass('ajax-loading').addClass('is-active');
initScrollbars();
console.log(sys_path);
if(sys_path == "productions"){
window.requestAnimationFrame(initProductions);
}
};
// corpus
// ___
// / __|___ _ _ _ __ _ _ ___
// | (__/ _ \ '_| '_ \ || (_-<
// \___\___/_| | .__/\_,_/__/
// |_|
function onCorpusMapReady(e){
console.log('theme : onCorpusReady');
_$corpus_map = $('canvas#corpus-map');
@@ -125,7 +139,34 @@ edlp_vars = {
});
}
//modals
// ___ _ _ _
// | _ \_ _ ___ __| |_ _ __| |_(_)___ _ _ ___
// | _/ '_/ _ \/ _` | || / _| _| / _ \ ' \(_-<
// |_| |_| \___/\__,_|\_,_\__|\__|_\___/_||_/__/
function initProductions(){
console.log('theme : initProductions');
var $grid = $('.row', _$content_container).masonry({
itemSelector:'.col',
columnWidth:'.col-2'
});
// layout Masonry after each image loads
$grid.imagesLoaded().progress( function() {
$grid.masonry('layout');
});
// var $grid = $('.row', _$content_container).imagesLoaded( function() {
// // init Masonry after all images have loaded
// $grid.masonry({
// itemSelector:'.col',
// columnWidth:'.col-2'
// });
// });
};
// __ __ _ _
// | \/ |___ __| |__ _| |___
// | |\/| / _ \/ _` / _` | (_-<
// |_| |_\___/\__,_\__,_|_/__/
function closeAllModals(){
console.log('theme : closeAllModals');
// TODO: animate the remove
@@ -136,8 +177,7 @@ edlp_vars = {
};
init();
}
} // end EdlpTheme()
$(document).ready(function($) {
var edlptheme = new EdlpTheme();
sites/all/themes/custom/edlptheme/assets/dist/styles/app.min.css
Vendored
+52 -15
View File
@@ -53,7 +53,7 @@ a:focus {
.med-col-1:last-child {
padding-right: 0; } }
@media only screen and (min-width: 1081px) and (max-width: 1900px) {
@media only screen and (min-width: 1081px) {
.large-col-1 {
padding-left: 0em;
padding-right: 1em;
@@ -92,7 +92,7 @@ a:focus {
.med-col-2:last-child {
padding-right: 0; } }
@media only screen and (min-width: 1081px) and (max-width: 1900px) {
@media only screen and (min-width: 1081px) {
.large-col-2 {
padding-left: 0em;
padding-right: 1em;
@@ -131,7 +131,7 @@ a:focus {
.med-col-3:last-child {
padding-right: 0; } }
@media only screen and (min-width: 1081px) and (max-width: 1900px) {
@media only screen and (min-width: 1081px) {
.large-col-3 {
padding-left: 0em;
padding-right: 1em;
@@ -170,7 +170,7 @@ a:focus {
.med-col-4:last-child {
padding-right: 0; } }
@media only screen and (min-width: 1081px) and (max-width: 1900px) {
@media only screen and (min-width: 1081px) {
.large-col-4 {
padding-left: 0em;
padding-right: 1em;
@@ -209,7 +209,7 @@ a:focus {
.med-col-5:last-child {
padding-right: 0; } }
@media only screen and (min-width: 1081px) and (max-width: 1900px) {
@media only screen and (min-width: 1081px) {
.large-col-5 {
padding-left: 0em;
padding-right: 1em;
@@ -248,7 +248,7 @@ a:focus {
.med-col-6:last-child {
padding-right: 0; } }
@media only screen and (min-width: 1081px) and (max-width: 1900px) {
@media only screen and (min-width: 1081px) {
.large-col-6 {
padding-left: 0em;
padding-right: 1em;
@@ -287,7 +287,7 @@ a:focus {
.med-col-7:last-child {
padding-right: 0; } }
@media only screen and (min-width: 1081px) and (max-width: 1900px) {
@media only screen and (min-width: 1081px) {
.large-col-7 {
padding-left: 0em;
padding-right: 1em;
@@ -326,7 +326,7 @@ a:focus {
.med-col-8:last-child {
padding-right: 0; } }
@media only screen and (min-width: 1081px) and (max-width: 1900px) {
@media only screen and (min-width: 1081px) {
.large-col-8 {
padding-left: 0em;
padding-right: 1em;
@@ -365,7 +365,7 @@ a:focus {
.med-col-9:last-child {
padding-right: 0; } }
@media only screen and (min-width: 1081px) and (max-width: 1900px) {
@media only screen and (min-width: 1081px) {
.large-col-9 {
padding-left: 0em;
padding-right: 1em;
@@ -404,7 +404,7 @@ a:focus {
.med-col-10:last-child {
padding-right: 0; } }
@media only screen and (min-width: 1081px) and (max-width: 1900px) {
@media only screen and (min-width: 1081px) {
.large-col-10 {
padding-left: 0em;
padding-right: 1em;
@@ -443,7 +443,7 @@ a:focus {
.med-col-11:last-child {
padding-right: 0; } }
@media only screen and (min-width: 1081px) and (max-width: 1900px) {
@media only screen and (min-width: 1081px) {
.large-col-11 {
padding-left: 0em;
padding-right: 1em;
@@ -482,7 +482,7 @@ a:focus {
.med-col-12:last-child {
padding-right: 0; } }
@media only screen and (min-width: 1081px) and (max-width: 1900px) {
@media only screen and (min-width: 1081px) {
.large-col-12 {
padding-left: 0em;
padding-right: 1em;
@@ -1232,10 +1232,11 @@ main[role="main"] .layout-content {
height: 100%;
overflow: hidden; }
main[role="main"] .layout-content .row .col {
pointer-events: all;
max-height: 100%;
pointer-events: none;
height: 100%;
position: relative; }
main[role="main"] .layout-content .row .col > .wrapper {
pointer-events: all;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
@@ -1279,7 +1280,7 @@ body.ajax-loading main[role="main"]:before {
background-position: center;
border-radius: 30px; }
body.path-agenda main .col, body.path-agenda main .col > .wrapper {
body.path-agenda main .col > .wrapper {
height: 100%; }
#agenda {
@@ -1304,6 +1305,42 @@ body.path-agenda main .col, body.path-agenda main .col > .wrapper {
font-weight: normal;
text-transform: uppercase; }
body.path-productions .layout-content .row {
white-space: normal; }
body.path-productions .layout-content .row .col {
height: auto; }
body.path-productions .layout-content .row .col.col-2:last-child {
padding-left: 0em;
padding-right: 1em; }
body.path-productions .layout-content .row .col > .wrapper {
margin-bottom: 1em;
padding: 0; }
body.path-productions .layout-content .row .col > .wrapper > * {
padding: 0; }
body.path-productions .layout-content .row .col > .wrapper article.node .field--name-field-visuel a, body.path-productions .layout-content .row .col > .wrapper article.node .field--name-field-visuel img {
display: block;
width: 100%;
height: auto; }
body.path-productions .layout-content .row .col > .wrapper article.node header {
background-color: rgba(255, 255, 255, 0.95);
padding: 0.5em 1em; }
body.path-productions .layout-content .row .col > .wrapper article.node header h2.node-title {
margin: 0; }
body.path-productions .layout-content .row .col > .wrapper article.node header p {
margin: 0; }
body.path-productions .layout-content .row .col > .wrapper article.node.node--view-mode-image-2-columns header {
position: absolute;
bottom: 0;
left: 0; }
body.path-productions .layout-content .row .col > .wrapper article.node.node--view-mode-image-2-columns header h2.node-title {
font-size: 1.6em;
font-weight: 500; }
body.path-productions .layout-content .row .col > .wrapper article.node.node--view-mode-image-1-columns h2.node-title {
font-size: 1.2em;
font-weight: 500; }
body.path-productions .layout-content .row .col > .wrapper article.node.node--view-mode-text-1-column {
padding: 0 1em; }
footer {
display: table;
padding: 0 0 0.5em 0; }
sites/all/themes/custom/edlptheme/assets/scripts/main.js
+44 -4
View File
@@ -13,6 +13,9 @@
_$body.on('corpus-map-ready', onCorpusMapReady);
initScrollbars();
initAjaxLinks();
if (_$body.is('.path-productions')) {
initProductions();
}
};
// ___ _ _ ___
@@ -82,6 +85,7 @@
_$body.removeClass('ajax-loading');
// add body class for currently loaded content
_$body.removeClass().addClass('path-'+sys_path.replace(/\//g, '-'));
// id node add a generic path-node class to body
m = sys_path.match(/^\/?(edlp\/node\/\d+)$/g);
if(m){
@@ -89,10 +93,20 @@
}
_$ajaxLinks.removeClass('is-active');
$link.removeClass('ajax-loading').addClass('is-active');
initScrollbars();
console.log(sys_path);
if(sys_path == "productions"){
window.requestAnimationFrame(initProductions);
}
};
// corpus
// ___
// / __|___ _ _ _ __ _ _ ___
// | (__/ _ \ '_| '_ \ || (_-<
// \___\___/_| | .__/\_,_/__/
// |_|
function onCorpusMapReady(e){
console.log('theme : onCorpusReady');
_$corpus_map = $('canvas#corpus-map');
@@ -102,7 +116,34 @@
});
}
//modals
// ___ _ _ _
// | _ \_ _ ___ __| |_ _ __| |_(_)___ _ _ ___
// | _/ '_/ _ \/ _` | || / _| _| / _ \ ' \(_-<
// |_| |_| \___/\__,_|\_,_\__|\__|_\___/_||_/__/
function initProductions(){
console.log('theme : initProductions');
var $grid = $('.row', _$content_container).masonry({
itemSelector:'.col',
columnWidth:'.col-2'
});
// layout Masonry after each image loads
$grid.imagesLoaded().progress( function() {
$grid.masonry('layout');
});
// var $grid = $('.row', _$content_container).imagesLoaded( function() {
// // init Masonry after all images have loaded
// $grid.masonry({
// itemSelector:'.col',
// columnWidth:'.col-2'
// });
// });
};
// __ __ _ _
// | \/ |___ __| |__ _| |___
// | |\/| / _ \/ _` / _` | (_-<
// |_| |_\___/\__,_\__,_|_/__/
function closeAllModals(){
console.log('theme : closeAllModals');
// TODO: animate the remove
@@ -113,8 +154,7 @@
};
init();
}
} // end EdlpTheme()
$(document).ready(function($) {
var edlptheme = new EdlpTheme();
sites/all/themes/custom/edlptheme/assets/styles/app.scss
+86 -4
View File
@@ -116,10 +116,11 @@ main[role="main"]{
height:100%;
overflow: hidden;
.col{
pointer-events:all;
max-height: 100%;
pointer-events: none;
height: 100%;
position: relative;
&>.wrapper{
pointer-events:all;
position: relative;
box-sizing: border-box;
border-top: 1px solid red;
@@ -162,8 +163,26 @@ main[role="main"]{
border-radius: $s/2;
}
}
// _ _ _ _ _
// /_\ (_)__ ___ __ | \| |___ __| |___
// / _ \ | / _` \ \ / | .` / _ \/ _` / -_)
// /_/ \_\/ \__,_/_\_\ |_|\_\___/\__,_\___|
// |__/
// body.path-edlp-node main{
// main .col>.wrapper, .edlp-ajax-node{
// height: 100%;
// }
// }
// _ _
// /_\ __ _ ___ _ _ __| |__ _
// / _ \/ _` / -_) ' \/ _` / _` |
// /_/ \_\__, \___|_||_\__,_\__,_|
// |___/
body.path-agenda main .col{
&, &>.wrapper{
&>.wrapper{
height:100%;
}
}
@@ -192,8 +211,71 @@ body.path-agenda main .col{
}
}
// Footer
// ___ _ _ _
// | _ \_ _ ___ __| |_ _ __| |_(_)___ _ _ ___
// | _/ '_/ _ \/ _` | || / _| _| / _ \ ' \(_-<
// |_| |_| \___/\__,_|\_,_\__|\__|_\___/_||_/__/
body.path-productions{
.layout-content .row{
white-space: normal;
.col{
height:auto;
&.col-2:last-child{
padding-left: 0em;
padding-right: 1em;
}
>.wrapper{
margin-bottom: 1em;
padding:0;
>*{
padding:0;
}
article.node{
.field--name-field-visuel{
a,img{
display: block;
width: 100%; height:auto;
}
}
header{
background-color: rgba(255,255,255,0.95);
padding:0.5em 1em;
h2.node-title{
margin:0;
}
p{margin: 0;}
}
&.node--view-mode-image-2-columns{
header{
position: absolute;
bottom: 0; left:0;
h2.node-title{
font-size: 1.6em;
font-weight: 500;
}
}
}
&.node--view-mode-image-1-columns{
h2.node-title{
font-size: 1.2em;
font-weight: 500;
}
}
&.node--view-mode-text-1-column{
padding:0 1em;
}
}
}
}
}
}
// ___ _
// | __|__ ___| |_ ___ _ _
// | _/ _ \/ _ \ _/ -_) '_|
// |_|\___/\___/\__\___|_|
@mixin oblique-list {
display: inline-block;
position: relative;
sites/all/themes/custom/edlptheme/assets/styles/base/_grid.scss
+2 -2
View File
@@ -5,7 +5,7 @@ $default_sum: 12;
$small-bp:768px;
$med-bp:1080px;
$large-bp:1900px;
// $large-bp:1900px;
@mixin row() {
font-size: 0;
@@ -59,7 +59,7 @@ $large-bp:1900px;
// large
.large-col-#{$c} {
@media only screen and (min-width: $med-bp+1) and (max-width: $large-bp) {
@media only screen and (min-width: $med-bp+1) {
@include col($c);
}
}
sites/all/themes/custom/edlptheme/assets/styles/base/_shared_variables.scss
+19 -19
View File
@@ -1,19 +1,19 @@
$e_col_130: rgb(126, 8, 104);
$e_col_121: rgb(58, 51, 182);
$e_col_134: rgb(43, 143, 47);
$e_col_125: rgb(44, 159, 87);
$e_col_119: rgb(196, 137, 120);
$e_col_132: rgb(82, 112, 187);
$e_col_122: rgb(251, 84, 211);
$e_col_129: rgb(224, 116, 131);
$e_col_120: rgb(101, 88, 69);
$e_col_118: rgb(14, 113, 33);
$e_col_127: rgb(218, 189, 66);
$e_col_133: rgb(3, 153, 187);
$e_col_128: rgb(57, 154, 28);
$e_col_124: rgb(112, 133, 64);
$e_col_116: rgb(25, 27, 255);
$e_col_117: rgb(39, 157, 132);
$e_col_131: rgb(82, 25, 171);
$e_col_126: rgb(212, 156, 182);
$e_col_123: rgb(73, 119, 21);
$e_col_130: rgb(126, 8, 104);
$e_col_121: rgb(58, 51, 182);
$e_col_134: rgb(43, 143, 47);
$e_col_125: rgb(44, 159, 87);
$e_col_119: rgb(196, 137, 120);
$e_col_132: rgb(82, 112, 187);
$e_col_122: rgb(251, 84, 211);
$e_col_129: rgb(224, 116, 131);
$e_col_120: rgb(101, 88, 69);
$e_col_118: rgb(14, 113, 33);
$e_col_127: rgb(218, 189, 66);
$e_col_133: rgb(3, 153, 187);
$e_col_128: rgb(57, 154, 28);
$e_col_124: rgb(112, 133, 64);
$e_col_116: rgb(25, 27, 255);
$e_col_117: rgb(39, 157, 132);
$e_col_131: rgb(82, 25, 171);
$e_col_126: rgb(212, 156, 182);
$e_col_123: rgb(73, 119, 21);