home page of productions is ok!
This commit is contained in:
+2
-2
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+3
-3
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -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();
|
||||
|
||||
@@ -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; }
|
||||
|
||||
Reference in New Issue
Block a user