form fix
This commit is contained in:
@@ -7,11 +7,28 @@ form:
|
||||
fields:
|
||||
content:
|
||||
fields:
|
||||
sect_topH:
|
||||
type: section
|
||||
title: Top homepage
|
||||
underline: true
|
||||
ordering@: 1
|
||||
|
||||
fields:
|
||||
header.topH:
|
||||
type: toggle
|
||||
label: Put in top homepage
|
||||
highlight: 1
|
||||
options:
|
||||
1: Yes
|
||||
0: No
|
||||
validate:
|
||||
type: bool
|
||||
|
||||
sect_dates:
|
||||
type: section
|
||||
title: Dates
|
||||
underline: true
|
||||
ordering@: 1
|
||||
ordering@: 2
|
||||
|
||||
fields:
|
||||
header.date:
|
||||
@@ -19,18 +36,28 @@ form:
|
||||
type: datetime
|
||||
label: Start
|
||||
toggleable: true
|
||||
help: PLUGIN_ADMIN.DATE_HELP
|
||||
# help: PLUGIN_ADMIN.DATE_HELP
|
||||
|
||||
header.date_end:
|
||||
type: datetime
|
||||
label: End
|
||||
toggleable: true
|
||||
|
||||
header.display_time:
|
||||
type: toggle
|
||||
label: Display Time
|
||||
highlight: 1
|
||||
options:
|
||||
1: Yes
|
||||
0: No
|
||||
validate:
|
||||
type: bool
|
||||
|
||||
sect_content:
|
||||
type: section
|
||||
title: Contenu
|
||||
underline: true
|
||||
ordering@: 2
|
||||
ordering@: 3
|
||||
|
||||
fields:
|
||||
header.lieux:
|
||||
@@ -66,6 +93,12 @@ form:
|
||||
label: Url
|
||||
style: vertical
|
||||
|
||||
options:
|
||||
fields:
|
||||
publishing:
|
||||
fields:
|
||||
header.date:
|
||||
unset@: true
|
||||
blog:
|
||||
type: tab
|
||||
title: Blog Item
|
||||
|
||||
@@ -19,5 +19,12 @@ form:
|
||||
type: datetime
|
||||
label: End
|
||||
toggleable: true
|
||||
|
||||
header.url_news:
|
||||
type: text
|
||||
size: large
|
||||
label: Url
|
||||
help: PLUGIN_ADMIN.DEFAULT_EMAIL_HELP
|
||||
|
||||
header.media_order:
|
||||
label: Page Media (first one will be displayed next to your content)
|
||||
|
||||
@@ -8,10 +8,13 @@ form:
|
||||
fields:
|
||||
content:
|
||||
fields:
|
||||
header.date_event:
|
||||
header.date:
|
||||
replace@: true
|
||||
type: datetime
|
||||
label: Start
|
||||
toggleable: true
|
||||
help: PLUGIN_ADMIN.DATE_HELP
|
||||
|
||||
|
||||
header.media_order:
|
||||
label: Page Media (first one will be displayed next to your content)
|
||||
|
||||
File diff suppressed because one or more lines are too long
+1
-1
File diff suppressed because one or more lines are too long
@@ -0,0 +1,69 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
width="7"
|
||||
height="6.9099998"
|
||||
viewBox="0 0 1.8520832 1.8282708"
|
||||
version="1.1"
|
||||
id="svg8"
|
||||
inkscape:version="0.92.4 5da689c313, 2019-01-14"
|
||||
sodipodi:docname="etoile.svg">
|
||||
<defs
|
||||
id="defs2" />
|
||||
<sodipodi:namedview
|
||||
id="base"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:zoom="5.6"
|
||||
inkscape:cx="-0.7066333"
|
||||
inkscape:cy="9.4195909"
|
||||
inkscape:document-units="px"
|
||||
inkscape:current-layer="layer1"
|
||||
showgrid="false"
|
||||
units="px"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1029"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="22"
|
||||
inkscape:window-maximized="1" />
|
||||
<metadata
|
||||
id="metadata5">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:title></dc:title>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<g
|
||||
inkscape:label="Calque 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(0,-295.17171)">
|
||||
<g
|
||||
aria-label="*"
|
||||
transform="matrix(0.07975785,0,0,0.07975785,-22.135377,275.68787)"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:74.66666412px;line-height:1.25;font-family:Syne;-inkscape-font-specification:Syne;text-align:start;letter-spacing:0px;word-spacing:0px;text-anchor:start;fill:#ff2a2a;fill-opacity:1;stroke:none"
|
||||
id="flowRoot815">
|
||||
<path
|
||||
d="m 297.54293,256.68237 q -2.31467,0.74667 -2.31467,2.31467 0,1.26933 1.04534,2.61333 1.344,1.86667 1.344,3.43467 0,0.97067 -0.52267,1.568 -0.52267,0.59733 -1.344,0.59733 -2.016,0 -3.88267,-2.61333 -1.26933,-1.94133 -2.76266,-1.94133 -1.41867,0 -2.83733,1.94133 -1.86667,2.61333 -3.88267,2.61333 -0.82133,0 -1.41867,-0.59733 -0.52266,-0.59733 -0.52266,-1.568 0,-1.49333 1.344,-3.36 1.04533,-1.49333 1.04533,-2.53867 0,-1.568 -2.24,-2.31466 -1.568,-0.52267 -2.31467,-1.344 -0.74666,-0.896 -0.74666,-1.792 0,-0.97067 0.74666,-1.568 0.82134,-0.672 2.16534,-0.672 0.74666,0 2.016,0.37333 0.82133,0.29867 1.64266,0.29867 2.38934,0 2.38934,-3.43467 0,-4.40533 2.61333,-4.40533 2.61333,0 2.61333,4.33066 0,3.36 2.38933,3.36 0.82134,0 1.64267,-0.29866 1.26933,-0.37334 2.09067,-0.37334 1.344,0 2.09066,0.672 0.82134,0.59734 0.82134,1.49334 0,0.97066 -0.82134,1.86666 -0.82133,0.82134 -2.38933,1.344 z"
|
||||
style="fill:#ff2a2a"
|
||||
id="path819"
|
||||
inkscape:connector-curvature="0" />
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 8.3 KiB |
@@ -108,7 +108,26 @@ function more() {
|
||||
});
|
||||
}
|
||||
|
||||
function newsletter() {
|
||||
|
||||
var $input = $('.newsletter .mc-field-group input');
|
||||
|
||||
$('body:not(".mc-field-group")').on("click", function(e){
|
||||
$input.parent().find('label').css('opacity', '1');
|
||||
});
|
||||
|
||||
$input.on("click", function(e){
|
||||
$(this).parent().find('label').css('opacity', '0');
|
||||
});
|
||||
|
||||
$input.on("focus", function() {
|
||||
})
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
$(document).ready(function(){
|
||||
more();
|
||||
// more();
|
||||
// newsletter();
|
||||
});
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
body{
|
||||
margin: 0 1.4rem;
|
||||
margin: 0 2.8rem;
|
||||
}
|
||||
|
||||
h1,h2,h3,h4,h5{
|
||||
@@ -13,7 +13,7 @@ body, html {
|
||||
min-height: 90%;
|
||||
}
|
||||
#body-wrapper{
|
||||
margin-top: 4rem;
|
||||
margin-top: 6rem;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -66,7 +66,7 @@ body, html {
|
||||
|
||||
.archives, .news{
|
||||
#body-wrapper{
|
||||
width: $content_arch;
|
||||
width: calc((#{$width} / #{$nbr_col}) * 9.5);;
|
||||
margin-bottom: 2rem;
|
||||
#item{
|
||||
@include flexbox;
|
||||
@@ -122,7 +122,17 @@ body, html {
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
.item_content{
|
||||
width: $item_content;
|
||||
width: 90%;
|
||||
display: inline-flex;
|
||||
.content{
|
||||
width: 100%;
|
||||
margin-right: 5rem;
|
||||
}
|
||||
.side{
|
||||
padding-left: 1rem;
|
||||
margin-top: 1rem;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
.item_date{
|
||||
margin-bottom: 1.5rem;
|
||||
@@ -131,6 +141,20 @@ body, html {
|
||||
}
|
||||
}
|
||||
|
||||
.buy{
|
||||
min-width: 300px;
|
||||
position: absolute;
|
||||
a{
|
||||
font-family: $Bold;
|
||||
text-transform: uppercase;
|
||||
font-size: 1.3rem;
|
||||
line-height: 1.9rem;
|
||||
padding: 0.6rem 1rem;
|
||||
background: black;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.default{
|
||||
.item_content{
|
||||
margin-bottom: 3rem;
|
||||
@@ -161,7 +185,7 @@ body, html {
|
||||
text-align: center;
|
||||
a{
|
||||
font-family: $Bold;
|
||||
font-size: 1.2rem;
|
||||
font-size: 1.6rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
@@ -209,8 +233,10 @@ body, html {
|
||||
}
|
||||
}
|
||||
.visit-us{
|
||||
#body-wrapper{
|
||||
width: calc((100% / 12) * 8)!important;
|
||||
}
|
||||
section{
|
||||
width: 100%;
|
||||
&:not(:nth-last-child(1)){
|
||||
margin-bottom: 6rem;
|
||||
}
|
||||
@@ -221,9 +247,9 @@ body, html {
|
||||
display: inline-flex;
|
||||
.image{
|
||||
width: 50%;
|
||||
margin-right: 0.7rem;
|
||||
margin-right: 1.4rem;
|
||||
.img{
|
||||
height: 500px;
|
||||
height: 400px;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -238,7 +264,7 @@ body, html {
|
||||
.maps{
|
||||
width: 50%;
|
||||
& > .map{
|
||||
height: 500px;
|
||||
height: 400px;
|
||||
}
|
||||
.adress{
|
||||
margin-top: 1rem;
|
||||
@@ -286,10 +312,10 @@ body, html {
|
||||
padding-right: 1rem;
|
||||
.img{
|
||||
overflow: hidden;
|
||||
min-height: 500px;
|
||||
min-height: 400px;
|
||||
display: flex;
|
||||
width: auto;
|
||||
height: 500px;
|
||||
height: 400px;
|
||||
img{
|
||||
width: auto;
|
||||
height: 100%;
|
||||
@@ -309,7 +335,7 @@ body, html {
|
||||
}
|
||||
.leaflet-container{
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
height: 400px;
|
||||
}
|
||||
.maps{
|
||||
.adress{
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
// slider
|
||||
.slider{
|
||||
margin-bottom: 3rem;
|
||||
width: 90%;
|
||||
@@ -42,6 +43,8 @@
|
||||
}
|
||||
}
|
||||
button{
|
||||
border: 0!important;
|
||||
outline: none!important;
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
width: 2rem;
|
||||
@@ -83,89 +86,95 @@
|
||||
}
|
||||
}
|
||||
|
||||
// .bx-wrapper{
|
||||
// max-height: 90vh!important;
|
||||
// .bx-viewport{
|
||||
// height: 90vh!important;
|
||||
// width: auto!important;
|
||||
// .slider{
|
||||
// height: inherit;
|
||||
// & > div {
|
||||
// width: auto!important;
|
||||
// height: inherit;
|
||||
// img{
|
||||
// width: auto!important;
|
||||
// max-height: inherit;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// newsletter
|
||||
.newsletter{
|
||||
.mc-field-group{
|
||||
input{
|
||||
min-width: 415px;
|
||||
border: none;
|
||||
color: black;
|
||||
&::placeholder{
|
||||
text-decoration: underline;
|
||||
color: $grey;
|
||||
}
|
||||
&::placeholder-shown{
|
||||
text-decoration: underline;
|
||||
color: $grey;
|
||||
}
|
||||
&::-moz-placeholder {
|
||||
opacity: 1;
|
||||
}
|
||||
&::-moz-placeholder-shown {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// .bx-wrapper{
|
||||
// border: none;
|
||||
// box-shadow: none;
|
||||
// // height: 90vh!important;
|
||||
// .bx-viewport{
|
||||
// overflow: auto;
|
||||
// // height: 90vh!important;
|
||||
// }
|
||||
// .bx-controls-direction{
|
||||
// a{
|
||||
// width: 50%;
|
||||
// height: calc(100% - 45px);
|
||||
// z-index: 999;
|
||||
// top: 0;
|
||||
// margin: 0;
|
||||
// &::before{
|
||||
// position: absolute;
|
||||
// display: block;
|
||||
// width: 30px;
|
||||
// height: 30px;
|
||||
// top: 50%;
|
||||
// content: " ";
|
||||
// margin-top: -15px;
|
||||
// }
|
||||
// &.bx-prev{
|
||||
// left: 0;
|
||||
// &::before{
|
||||
// left: 10px;
|
||||
// }
|
||||
// }
|
||||
// &.bx-next{
|
||||
// right: 0;
|
||||
// &::before{
|
||||
// right: 10px;
|
||||
// }
|
||||
// }
|
||||
// &:hover{
|
||||
// &.bx-next{
|
||||
// &::before{
|
||||
// background-position: center;
|
||||
// background-repeat: no-repeat;
|
||||
// background-size: cover;
|
||||
// background: url('/user/themes/vocurations/images/arrow_right.svg');
|
||||
// }
|
||||
// }
|
||||
// &.bx-prev{
|
||||
// &::before{
|
||||
// background-position: center;
|
||||
// background-repeat: no-repeat;
|
||||
// background-size: cover;
|
||||
// background: url('/user/themes/vocurations/images/arrow_left.svg');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// .bx-caption{
|
||||
// background: white;
|
||||
// position: relative;
|
||||
// span{
|
||||
// color: $grey;
|
||||
// font-family: $Bold;
|
||||
// padding-left: 0;
|
||||
// font-size: $Fcourant;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
}
|
||||
.clear{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.recherche, .search-results{
|
||||
.section{
|
||||
// width: calc((100% / 12) * 9);
|
||||
width: 100%;
|
||||
.simplesearch{
|
||||
.center{
|
||||
width: calc((100% / 12) * 9);
|
||||
}
|
||||
.search-wrapper{
|
||||
form{
|
||||
display: inline-flex;
|
||||
.search-input, button{
|
||||
font-family: $Bold;
|
||||
font-size: 6rem;
|
||||
text-transform: uppercase;
|
||||
width: 100%;
|
||||
height: 150px;
|
||||
border: none;
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.search-results{
|
||||
.results{
|
||||
margin-top: 6rem;
|
||||
display: inline-flex;
|
||||
width: 100%;
|
||||
.search-row{
|
||||
width: calc((100% / 12) * 6);
|
||||
&:nth-child(odd){
|
||||
padding-right: 0.7rem;
|
||||
}
|
||||
&:nth-child(even){
|
||||
padding-left: 0.7rem;
|
||||
}
|
||||
.search-item{
|
||||
margin: 0;
|
||||
}
|
||||
.search-title{
|
||||
h2{
|
||||
font-size: 2.5rem;
|
||||
line-height: 2.7rem;
|
||||
}
|
||||
}
|
||||
.search-details{
|
||||
font-family: $Bold;
|
||||
font-size: 2.5rem;
|
||||
line-height: 2.7rem;
|
||||
font-weight: 400;
|
||||
margin: 0;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.search-image{
|
||||
width: 100%;
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -22,7 +22,7 @@ footer{
|
||||
&.partenair{
|
||||
justify-content: center;
|
||||
.logo{
|
||||
height: 20px;
|
||||
height: 30px;
|
||||
img{
|
||||
width: auto;
|
||||
height: 100%;
|
||||
|
||||
@@ -3,27 +3,47 @@
|
||||
&#body-wrapper{
|
||||
#custom-form{
|
||||
margin-top: 3rem;
|
||||
width: $item_content;
|
||||
@include grilles;
|
||||
.form-field{
|
||||
.form-data{
|
||||
.form-input-wrapper {
|
||||
position: relative;
|
||||
&:before{
|
||||
display: block;
|
||||
content: url(/user/themes/vocurations/images/etoile.svg);
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
position: absolute;
|
||||
top: -17px;
|
||||
left: -10px;
|
||||
}
|
||||
}
|
||||
input{
|
||||
&::-moz-placeholder {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
align-self: center;
|
||||
&:nth-child(1){
|
||||
grid-column: 1 / 3;
|
||||
grid-column: 1 / 4;
|
||||
grid-row: 1;
|
||||
}
|
||||
&:nth-child(2){
|
||||
grid-column: 3 / 5;
|
||||
grid-column: 4 / 7;
|
||||
grid-row: 1;
|
||||
}
|
||||
&:nth-child(3){
|
||||
grid-column: 5 / 5;
|
||||
grid-row: 1;
|
||||
}
|
||||
&:nth-child(4){
|
||||
grid-column: 1 / 3;
|
||||
grid-row: 2;
|
||||
}
|
||||
&:nth-child(4){
|
||||
grid-column: 3 / 5;
|
||||
grid-row: 2;
|
||||
}
|
||||
&:nth-child(5){
|
||||
grid-column: 3 / 6;
|
||||
grid-column: 5 / 7;
|
||||
grid-row: 2;
|
||||
}
|
||||
&:nth-child(6){
|
||||
@@ -35,19 +55,22 @@
|
||||
grid-row: 3;
|
||||
}
|
||||
&:nth-child(8){
|
||||
grid-column: 5 / 5;
|
||||
grid-column: 5 / 7;
|
||||
grid-row: 3;
|
||||
display: flex;
|
||||
position: relative;
|
||||
.form-data{
|
||||
.dropzone{
|
||||
min-height: auto;
|
||||
border:none;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
min-height: 26px;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
border:none;
|
||||
background: transparent;
|
||||
::before{
|
||||
&::before{
|
||||
display: none;
|
||||
}
|
||||
&::after{
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
width: 1.2rem;
|
||||
@@ -58,31 +81,77 @@
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
right: -0px;
|
||||
top: 0;
|
||||
margin-top: -0.4rem;
|
||||
top: 5px;
|
||||
}
|
||||
.dz-preview {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
margin: 0;
|
||||
top: -22px;
|
||||
top: 0px;
|
||||
background: white;
|
||||
min-height: 23px;
|
||||
.dz-image{
|
||||
width: 100%;
|
||||
height: auto;
|
||||
background: white;
|
||||
}
|
||||
.dz-remove{
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
right: 0;
|
||||
right: 0%;
|
||||
top: 50%;
|
||||
width: 54px;
|
||||
height: 54px;
|
||||
margin-top: -27px;
|
||||
margin-right: -27px;
|
||||
color: black;
|
||||
background: white;
|
||||
}
|
||||
.dz-image{
|
||||
display: none;
|
||||
}
|
||||
.dz-details{
|
||||
display: inline-flex;
|
||||
padding: 0em 0em;
|
||||
opacity: 1;
|
||||
align-items: flex-end;
|
||||
& > div{
|
||||
font-size: 1.5rem;
|
||||
text-overflow: ellipsis;
|
||||
margin-bottom: 0;
|
||||
& > span{
|
||||
font-size: 1.5rem;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
padding: 0 1rem 0 0;
|
||||
}
|
||||
}
|
||||
.dz-filename{
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
.dz-error-message{
|
||||
opacity: 1;
|
||||
top: 120%;
|
||||
left: 0;
|
||||
}
|
||||
.dz-error-mark{
|
||||
display: none;
|
||||
}
|
||||
.dz-progress{
|
||||
height: 5px;
|
||||
width: 100%;
|
||||
margin-top: 0;
|
||||
margin-left: 0;
|
||||
left: 0;
|
||||
top: 110%;
|
||||
}
|
||||
.dz-success-mark{
|
||||
path{
|
||||
fill:green;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -94,12 +163,26 @@
|
||||
}
|
||||
}
|
||||
&:nth-child(9){
|
||||
grid-column: 1 / 9;
|
||||
grid-column: 1 / 7;
|
||||
grid-row: 4;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.form-label{
|
||||
margin-right: 1rem;
|
||||
label{
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 150px;
|
||||
&:before{
|
||||
display: block;
|
||||
content: url(/user/themes/vocurations/images/etoile.svg);
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
position: absolute;
|
||||
top: -17px;
|
||||
left: -10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.form-data{
|
||||
@include flexbox;
|
||||
@@ -141,7 +224,7 @@
|
||||
}
|
||||
}
|
||||
&:nth-child(10){
|
||||
grid-column: 1 / 6;
|
||||
grid-column: 1 / 7;
|
||||
grid-row: 5/7;
|
||||
align-self: stretch;
|
||||
.form-label {
|
||||
@@ -172,16 +255,16 @@
|
||||
border-bottom: 1px solid black;
|
||||
width: 100%;
|
||||
}
|
||||
textarea:focus, input:focus {
|
||||
textarea::focus, input::focus {
|
||||
color: black;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
.buttons{
|
||||
grid-column: 1 / 1;
|
||||
grid-row: 7;
|
||||
align-self: center;
|
||||
display: flex;
|
||||
button{
|
||||
border: none;
|
||||
background: white;
|
||||
|
||||
@@ -23,6 +23,7 @@
|
||||
& > ul{
|
||||
position: absolute;
|
||||
top: -100px;
|
||||
background: white;
|
||||
a{
|
||||
transition: 0.3s color ease;
|
||||
color: white;
|
||||
@@ -55,7 +56,7 @@
|
||||
}
|
||||
#start{
|
||||
header.sous_nav{
|
||||
padding-top: 4rem;
|
||||
padding-top: 6rem;
|
||||
ul{
|
||||
@include flexbox;
|
||||
li{
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
|
||||
@mixin grilles{
|
||||
display: grid;
|
||||
grid-template-columns: 20% 20% 20% 20% 20%;
|
||||
grid-template-columns: calc((100% / 6) - 1.4rem) calc((100% / 6) - 1.4rem) calc((100% / 6) - 1.4rem) calc((100% / 6) - 1.4rem) calc((100% / 6) - 1.4rem) calc((100% / 6) - 1.4rem);
|
||||
grid-gap: 1.4rem;
|
||||
grid-auto-rows: minmax(3.2rem, 3.2rem);
|
||||
justify-items: stretch;
|
||||
|
||||
@@ -1,48 +1,432 @@
|
||||
@media screen and (max-width: 1024px) {
|
||||
@media screen and (max-width: 1450px) {
|
||||
html{
|
||||
.archives section#body-wrapper, .news section#body-wrapper {
|
||||
width: calc( 100% + (0.7rem * 2));
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1000px) {
|
||||
.blog, .home{
|
||||
#item{
|
||||
.card:nth-child(5n+1){
|
||||
width: 100%!important;
|
||||
}
|
||||
}
|
||||
.modular section#body-wrapper{
|
||||
width: 100%;
|
||||
section.insitu{
|
||||
.content-warp{
|
||||
& >div.image .img{
|
||||
height: 350px!important;
|
||||
min-height: 350px!important;
|
||||
}
|
||||
}
|
||||
.leaflet-container {
|
||||
height: 350px!important;
|
||||
}
|
||||
|
||||
.slider{
|
||||
width: 100%!important;
|
||||
}
|
||||
|
||||
.item{
|
||||
width: 100%!important;
|
||||
.item_content{
|
||||
width: 100%!important;
|
||||
flex-direction: column;
|
||||
.side{
|
||||
padding-left: 0!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.default, .event{
|
||||
#body-wrapper{
|
||||
.item {
|
||||
.item_content{
|
||||
width: 100%!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.archives, .news{
|
||||
#body-wrapper{
|
||||
width: 100%!important;
|
||||
.card{
|
||||
width: calc(50% - 1.4rem)!important;
|
||||
margin: 0!important;
|
||||
&:nth-child(even){
|
||||
margin: 0 1.4rem!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#top{
|
||||
&.modular{
|
||||
.visit-us{
|
||||
#body-wrapper{
|
||||
width: 100%!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form{
|
||||
section{
|
||||
&#body-wrapper{
|
||||
#custom-form{
|
||||
width: 100%!important;
|
||||
.form-field{
|
||||
&:nth-child(1){
|
||||
grid-column: 1 / 4;
|
||||
grid-row: 1;
|
||||
}
|
||||
&:nth-child(2){
|
||||
grid-column: 4 / 7;
|
||||
grid-row: 1;
|
||||
}
|
||||
&:nth-child(3){
|
||||
grid-column: 1 / 4;
|
||||
grid-row: 2;
|
||||
}
|
||||
&:nth-child(4){
|
||||
grid-column: 4 / 7;
|
||||
grid-row: 2;
|
||||
}
|
||||
&:nth-child(5){
|
||||
grid-column: 1 / 4;
|
||||
grid-row: 3;
|
||||
}
|
||||
&:nth-child(6){
|
||||
grid-column: 4 / 7;
|
||||
grid-row: 3;
|
||||
}
|
||||
&:nth-child(7){
|
||||
grid-column: 1 / 4;
|
||||
grid-row: 4;
|
||||
}
|
||||
&:nth-child(8){
|
||||
grid-column: 4 / 7;
|
||||
grid-row: 4;
|
||||
}
|
||||
&:nth-child(9){
|
||||
grid-column: 1 / 7;
|
||||
grid-row: 5;
|
||||
}
|
||||
&:nth-child(10){
|
||||
grid-column: 1/ 7;
|
||||
grid-row: 6/8;
|
||||
}
|
||||
}
|
||||
.buttons{
|
||||
grid-column: 1/ 1;
|
||||
grid-row: 8;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
html{
|
||||
.archives section#body-wrapper, .news section#body-wrapper {
|
||||
width: calc(100% + (0.7rem * 2));
|
||||
}
|
||||
.modular section#body-wrapper{
|
||||
width: 100%;
|
||||
section.insitu{
|
||||
.content-warp{
|
||||
& > div.image .img{
|
||||
height: 250px!important;
|
||||
min-height: 250px!important;
|
||||
|
||||
h2{
|
||||
font-size: 3.5rem;
|
||||
line-height: 3.5rem;
|
||||
}
|
||||
|
||||
.item{
|
||||
.item_title{
|
||||
margin-bottom: 2rem!important;
|
||||
}
|
||||
}
|
||||
.blog, .home{
|
||||
#item{
|
||||
.card{
|
||||
width: 100%!important;
|
||||
&:nth-child(5n+1){
|
||||
.card-header{
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
h5{
|
||||
font-size: 3.5rem;
|
||||
line-height: 3.7rem;
|
||||
}
|
||||
time{
|
||||
font-size: 3.5rem;
|
||||
line-height: 3.7rem;
|
||||
}
|
||||
}
|
||||
.leaflet-container {
|
||||
height: 250px!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#top{
|
||||
&.modular{
|
||||
.visit-us{
|
||||
#body-wrapper{
|
||||
width: 100%!important;
|
||||
.map_container{
|
||||
width: 100%!important;
|
||||
.map_content{
|
||||
width: 100%!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.press{
|
||||
#body-wrapper{
|
||||
width: 100%!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.newsletter .mc-field-group input{
|
||||
min-width: 340px!important;
|
||||
text-overflow: ellipsis!important;
|
||||
}
|
||||
|
||||
footer{
|
||||
&>div{
|
||||
width: 100%!important;
|
||||
margin-bottom: 20px!important;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width: 440px) {
|
||||
header{
|
||||
.desktop-menu{
|
||||
ul{
|
||||
li{
|
||||
ul{
|
||||
li{
|
||||
a{
|
||||
line-height: 2rem!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.home, .blog{
|
||||
#item{
|
||||
.card{
|
||||
margin-bottom: 3rem!important;
|
||||
.card-header{
|
||||
margin-bottom: 1rem!important;
|
||||
.card-cat{
|
||||
margin-bottom: 0rem;
|
||||
font-size: 1rem!important;
|
||||
line-height: 1rem!important;
|
||||
span{
|
||||
font-size: 1rem!important;
|
||||
line-height: 1rem!important;
|
||||
}
|
||||
}
|
||||
.card-title{
|
||||
h5{
|
||||
font-size: 2rem!important;
|
||||
line-height: 2rem!important;
|
||||
}
|
||||
span{
|
||||
font-size: 2rem!important;
|
||||
line-height: 2rem!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.card-date{
|
||||
font-size: 2rem!important;
|
||||
line-height: 2rem!important;
|
||||
time{
|
||||
font-size: 2rem!important;
|
||||
line-height: 2rem!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
p{
|
||||
font-size: 1rem;
|
||||
line-height: 1.3rem;
|
||||
}
|
||||
|
||||
h3{
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
.blog{
|
||||
.current-upcoming, .upcoming{
|
||||
.card-image{
|
||||
width: calc(100% + 1.4rem)!important;
|
||||
margin-left: - 0.7rem!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#top{
|
||||
&.archives, .news{
|
||||
#body-wrapper {
|
||||
#item{
|
||||
.card{
|
||||
margin: 0 0 3rem 0!important;
|
||||
.card-cat{
|
||||
span{
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
.card-image{
|
||||
width: calc(100% + 1.4rem)!important;
|
||||
margin-left: -0.7rem!important;
|
||||
}
|
||||
.card:nth-child(3n+2){
|
||||
margin: 0 0 3rem 0rem!important;
|
||||
.card-image{
|
||||
width: calc(100% + 1.4rem)!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 440px) {
|
||||
|
||||
.item{
|
||||
margin-bottom: 3rem!important;
|
||||
width: 100%!important;
|
||||
.item_title{
|
||||
margin-bottom: 1rem!important;
|
||||
}
|
||||
.item_img{
|
||||
margin-bottom: 1rem!important;
|
||||
}
|
||||
.item_content{
|
||||
width: 100%!important;
|
||||
}
|
||||
.item_date{
|
||||
font-size: 1.5rem!important;
|
||||
}
|
||||
}
|
||||
|
||||
.card-lieux{
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.slider{
|
||||
width: calc(100% + 1.4rem)!important;
|
||||
margin: 0 0 0 -0.7rem!important;
|
||||
.slick-list .slick-track .slick-slide div img{
|
||||
padding-bottom: 3rem!important;
|
||||
}
|
||||
}
|
||||
.caption{
|
||||
font-size: 1rem!important;
|
||||
margin-top: -3rem!important;
|
||||
}
|
||||
|
||||
.events{
|
||||
h2{
|
||||
font-size: 2rem;
|
||||
line-height: 2rem;
|
||||
span{
|
||||
font-size: 2rem;
|
||||
line-height: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form section#body-wrapper{
|
||||
form{
|
||||
width: 100%!important;
|
||||
}
|
||||
width: 100%!important;
|
||||
#custom-form{
|
||||
display: block;
|
||||
.form-field{
|
||||
margin-bottom: 2rem;
|
||||
&:nth-child(9){
|
||||
display: block;
|
||||
.form-data{
|
||||
flex-direction: column;
|
||||
.radio{
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.form-field:nth-child(10) textarea{
|
||||
min-height: 200px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#top{
|
||||
&.modular{
|
||||
.press{
|
||||
#body-wrapper{
|
||||
width: 100%!important;
|
||||
.card{
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
}
|
||||
.visit-us{
|
||||
section:not(:nth-last-child(1)){
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
#body-wrapper{
|
||||
width: 100%!important;
|
||||
.list_card{
|
||||
.map_content{
|
||||
flex-direction: column;
|
||||
&> div{
|
||||
width: 100%!important;
|
||||
.img{
|
||||
width: 100%!important;
|
||||
height: auto!important;
|
||||
img{
|
||||
width: 100%!important;
|
||||
height: auto!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.map_header{
|
||||
margin-bottom: 1rem!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.adress{
|
||||
span{
|
||||
font-size: 1rem!important;
|
||||
}
|
||||
}
|
||||
.open{
|
||||
time{
|
||||
display: block;
|
||||
font-size: 1rem!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
footer{
|
||||
font-size: 1.2rem;
|
||||
line-height: 1.3rem;
|
||||
margin-top: 3rem!important;
|
||||
p{
|
||||
font-size: 1.2rem;
|
||||
line-height: 1.3rem;
|
||||
margin: 0;
|
||||
}
|
||||
& > div{
|
||||
width: 100%!important;
|
||||
min-width: auto!important;
|
||||
margin: 10px 0;
|
||||
&.partenair{
|
||||
.logo{
|
||||
height: 20px!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body{
|
||||
margin: 0 0.7rem!important;
|
||||
header#header{
|
||||
@@ -100,7 +484,7 @@
|
||||
height: 100%;
|
||||
background: white;
|
||||
.dropmenu{
|
||||
margin: 6rem auto 0 1.4rem;
|
||||
margin: 6rem auto 0 0.7rem;
|
||||
}
|
||||
ul{
|
||||
display: block!important;
|
||||
@@ -142,8 +526,8 @@
|
||||
}
|
||||
}
|
||||
.card-date{
|
||||
font-size: 2.4rem!important;
|
||||
line-height: 2.5rem!important;
|
||||
// font-size: 2.4rem!important;
|
||||
// line-height: 2.5rem!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -188,7 +572,7 @@
|
||||
#start{
|
||||
section{
|
||||
&#body-wrapper{
|
||||
margin-top: 4rem;
|
||||
margin-top: 6rem;
|
||||
h2{
|
||||
font-size: 2.3rem;
|
||||
line-height: 2.5rem;
|
||||
@@ -236,18 +620,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.form section#body-wrapper{
|
||||
width: 100%!important;
|
||||
#custom-form{
|
||||
display: block;
|
||||
.form-field{
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
.form-field:nth-child(10) textarea{
|
||||
min-height: 200px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
footer{
|
||||
flex-direction: column;
|
||||
|
||||
@@ -120,8 +120,9 @@ p{
|
||||
.item_date{
|
||||
font-family: $Bold;
|
||||
font-size: $Fsub-title;
|
||||
line-height: $Lcourant;
|
||||
// line-height: $Lcourant;
|
||||
text-transform: uppercase;
|
||||
line-height: 3rem;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
@@ -147,7 +148,10 @@ p{
|
||||
.visit-us{
|
||||
p{
|
||||
text-transform: none!important;
|
||||
color: $grey
|
||||
color: $grey;
|
||||
em,a,strong{
|
||||
color: $grey;
|
||||
}
|
||||
}
|
||||
span{
|
||||
text-transform: none!important;
|
||||
@@ -161,12 +165,19 @@ p{
|
||||
color: black;
|
||||
margin-bottom: 1rem;
|
||||
time{
|
||||
font-size: 1.6rem!important;
|
||||
line-height: 1.9rem!important;
|
||||
&:nth-child(1){
|
||||
margin-right: 4rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.adress{
|
||||
span{
|
||||
font-size: 1.6rem!important;
|
||||
line-height: 1.9rem!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
#body-wrapper{
|
||||
text-transform: uppercase;
|
||||
@@ -185,20 +196,52 @@ p{
|
||||
text-transform: uppercase;
|
||||
font-size: $Fcourant;
|
||||
.form-label{
|
||||
color: #cbcbcb;
|
||||
color: $grey;
|
||||
}
|
||||
label{
|
||||
color: #cbcbcb;
|
||||
color: $grey;
|
||||
}
|
||||
.form-data{
|
||||
input{
|
||||
text-transform: uppercase;
|
||||
color: $grey;
|
||||
color: black;
|
||||
&::placeholder{
|
||||
color: $grey;
|
||||
}
|
||||
&::placeholder-shown{
|
||||
color: $grey;
|
||||
}
|
||||
&::-moz-placeholder {
|
||||
opacity: 1;
|
||||
}
|
||||
&::-moz-placeholder-shown {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
.radio{
|
||||
input[type=radio] ~ span{
|
||||
color: $grey;
|
||||
}
|
||||
input[type=radio]:checked ~ span{
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
textarea{
|
||||
font-size: $Fcourant;
|
||||
text-transform: uppercase;
|
||||
color: $grey;
|
||||
color: black;
|
||||
&::placeholder{
|
||||
color: $grey;
|
||||
}
|
||||
&::placeholder-shown{
|
||||
color: $grey;
|
||||
}
|
||||
&::-moz-placeholder {
|
||||
opacity: 1;
|
||||
}
|
||||
&::-moz-placeholder-shown {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
button{
|
||||
|
||||
@@ -1,6 +1,19 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
{% set options = { items: {'@self.siblings':''}, 'order': {'by': 'folder', 'dir': 'asc'}} %}
|
||||
{% set options = { items: {'@self.siblings':''}, 'order': {'by': 'date', 'dir': 'asc'}} %}
|
||||
{% set collection = page.collection(options) %}
|
||||
{% set blog = page.find(header_var('blog_url')|defined(theme_var('blog-page'))) %}
|
||||
{% set show_breadcrumbs = header_var('show_breadcrumbs', [page, blog])|defined(true) %}
|
||||
{% set show_sidebar = header_var('show_sidebar', [page, blog])|defined(true) %}
|
||||
{% set show_pagination = header_var('show_pagination', [page, blog])|defined(true) %}
|
||||
|
||||
{% block stylesheets %}
|
||||
{% do assets.addCss('theme://css/bricklayer.css') %}
|
||||
{{ parent() }}
|
||||
{% endblock %}
|
||||
|
||||
{% block javascripts %}
|
||||
{{ parent() }}
|
||||
{% endblock %}
|
||||
|
||||
{% block hero %}
|
||||
<header class="sous_nav">
|
||||
@@ -27,17 +40,17 @@
|
||||
|
||||
{% block item %}
|
||||
{% for sibling in collection %}
|
||||
{% for item in sibling.collection %}
|
||||
{% for item in sibling.collection.order('date','desc') %}
|
||||
|
||||
{% if not item.header.date_end %}
|
||||
{% if item.header.date|date("Ymd") < "now"|date("Ymd") %}
|
||||
{% include 'partials/blog-list-item.html.twig' with {blog: page, page: item} %}
|
||||
{% include 'partials/blog-list-item-archives.html.twig' with {blog: page, page: item} %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
{% if item.header.date and item.header.date_end %}
|
||||
{% if item.header.date|date("Ymd") < "now"|date("Ymd") and item.header.date_end|date("Ymd") < "now"|date("Ymd") %}
|
||||
{% include 'partials/blog-list-item.html.twig' with {blog: page, page: item} %}
|
||||
{% include 'partials/blog-list-item-archives.html.twig' with {blog: page, page: item} %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
|
||||
@@ -36,18 +36,23 @@
|
||||
{% embed 'partials/layout.html.twig' with {blog: page} %}
|
||||
|
||||
{% block item %}
|
||||
{% for child in collection %}
|
||||
{% if child.template == "events" and child.header.topH == true %}
|
||||
{% include 'partials/blog-list-item.html.twig' with {blog: page, page: child} %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
{% for child in collection %}
|
||||
|
||||
{% if child.template == "events" or child.template == "artistes" %}
|
||||
|
||||
{% if not child.header.date_end %}
|
||||
{% if not child.header.date_end and child.header.topH != true %}
|
||||
{% if child.header.date|date("Ymd") >= "now"|date("Ymd") %}
|
||||
{% include 'partials/blog-list-item.html.twig' with {blog: page, page: child} %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
{% if child.header.date and child.header.date_end %}
|
||||
{% if child.header.date and child.header.date_end and child.header.topH != true %}
|
||||
{% if child.header.date|date("Ymd") >= "now"|date("Ymd") or child.header.date_end|date("Ymd") >= "now"|date("Ymd") %}
|
||||
{% include 'partials/blog-list-item.html.twig' with {blog: page, page: child} %}
|
||||
{% endif %}
|
||||
|
||||
@@ -41,9 +41,6 @@
|
||||
{% block item %}
|
||||
{% include 'partials/blog-item.html.twig' %}
|
||||
{% endblock %}
|
||||
{% block sidebar %}
|
||||
{% include 'partials/sidebar.html.twig' %}
|
||||
{% endblock %}
|
||||
|
||||
|
||||
</section>
|
||||
{% endblock %}
|
||||
|
||||
@@ -18,8 +18,7 @@
|
||||
{% if field.disabled or isDisabledToggleable %}disabled="disabled"{% endif %}
|
||||
{% if required %}required="required"{% endif %}
|
||||
/>
|
||||
<i class="form-icon"></i>
|
||||
{% if grav.twig.twig.filters['tu'] is defined %}{{ text|tu|raw }}{% else %}{{ text|t|raw }}{% endif %}
|
||||
<span>{% if grav.twig.twig.filters['tu'] is defined %}{{ text|tu|raw }}{% else %}{{ text|t|raw }}{% endif %}</span>
|
||||
</label>
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
@@ -18,28 +18,38 @@
|
||||
{% embed 'partials/layout.html.twig' with {blog: page} %}
|
||||
{% block item %}
|
||||
|
||||
{% set first_event = { items: {'@page.children':'/whats-on/exhibitions/current-upcoming'}} %}
|
||||
{% set first_event = { items: {'@page.children':'/whats-on/exhibitions/current-upcoming'} } %}
|
||||
{% set Efirst = page.collection(first_event) %}
|
||||
{% set options = { items: {'@root.descendants':''}} %}
|
||||
{% set options2 = { items: {'@page.modular':'/news/news/'}} %}
|
||||
{% set options3 = { items: {'@page.children':'/residence/current-upcoming'}} %}
|
||||
|
||||
{% set collection1 = page.collection(options) %}
|
||||
{% set collection2 = page.collection(options2) %}
|
||||
{% set collection3 = page.collection(options3) %}
|
||||
|
||||
{% set mergeCollect = collection1.merge(collection2) %}
|
||||
{% set mergeCollect12 = collection1.merge(collection2) %}
|
||||
{% set mergeCollectTT = mergeCollect12.merge(collection3).order('date', 'desc') %}
|
||||
|
||||
{% for siblings in Efirst %}
|
||||
{% if siblings.date|date("Ymd") >= "now"|date("Ymd") %}
|
||||
{% if siblings.template == 'events' %}
|
||||
{% include 'partials/blog-list-item.html.twig' with {blog: page, page: siblings} %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% if siblings.header.topH == true %}
|
||||
{% include 'partials/blog-list-item.html.twig' with {blog: page, page: siblings} %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
{% for siblings in mergeCollect.order('date', 'desc') %}
|
||||
{% if siblings.template == 'events' and siblings.url != '/whats-on/exhibitions/current-upcoming/mr-majidi-and-the-electricity-box' or siblings.template == 'modular/news' %}
|
||||
{% if siblings.header.date|date('Ymd') >= "now"|date('Ymd') or siblings.header.date_end|date('Ymd') >= "now"|date('Ymd') %}
|
||||
{% include 'partials/blog-list-item.html.twig' with {blog: page, page: siblings} %}
|
||||
{% endif %}
|
||||
{% set count = 0 %}
|
||||
|
||||
{% for siblings in mergeCollectTT %}
|
||||
{% if siblings.template == 'events' and siblings.header.topH != true or siblings.template == 'artistes' or siblings.template == 'modular/news' %}
|
||||
|
||||
{% if siblings.header.date|date('Ymd') >= "now"|date('Ymd') or siblings.header.date_end|date('Ymd') >= "now"|date('Ymd') %}
|
||||
{% set count = count + 1 %}
|
||||
{% endif %}
|
||||
|
||||
{% if count <= 5 %}
|
||||
{% include 'partials/blog-list-item.html.twig' with {blog: page, page: siblings} %}
|
||||
{% endif %}
|
||||
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
<div class="map_content">
|
||||
<div class="image">
|
||||
<div class="img">
|
||||
{{image.derivatives(320,1600,300).sizes('(max-width:26em) 100vw, 50vw').html(page.title, 'gallery')}}
|
||||
{{image.cropZoom(800,500).sizes('(max-width:26em) 100vw, 50vw').html(page.title, 'gallery')}}
|
||||
</div>
|
||||
<div class="content">
|
||||
{% if header.H_open and header.H_time %}
|
||||
|
||||
@@ -1,4 +1,8 @@
|
||||
<div class="card">
|
||||
{% if page.header.url_news %}
|
||||
<a href="{{ page.header.url_news }}" target="_blank">
|
||||
{% endif %}
|
||||
|
||||
{% set image = page.media.images|first %}
|
||||
<div class="card-header">
|
||||
{% if blog.template == 'home' %}
|
||||
@@ -24,4 +28,9 @@
|
||||
{{image.cropZoom(900, 700).sizes('(max-width:100vw) 100vw, 50vw').html(page.title, 'images article')}}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if page.header.url_news %}
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
|
||||
@@ -2,8 +2,8 @@
|
||||
<div class="date">
|
||||
|
||||
<span class="card-date">
|
||||
<time class="dt-published" datetime="{{ page.header.date_event|date("c") }}">
|
||||
{{ page.header.date_event|date('d.m.Y') }}
|
||||
<time class="dt-published" datetime="{{ page.header.date|date("c") }}">
|
||||
{{ page.header.date|date('d.m.Y') }}
|
||||
</time>
|
||||
</span>
|
||||
|
||||
|
||||
@@ -31,6 +31,16 @@
|
||||
</div>
|
||||
|
||||
<div class="item_content">
|
||||
<div class="content">
|
||||
{{ page.content|raw }}
|
||||
</div>
|
||||
|
||||
<div class="side">
|
||||
{% block sidebar %}
|
||||
{% include 'partials/sidebar.html.twig' %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,58 @@
|
||||
<div class="card">
|
||||
|
||||
{% if page.template != "modular/news" %}
|
||||
<a href="{{ page.url }}">
|
||||
|
||||
{% else %}
|
||||
|
||||
{% if page.header.url_news %}
|
||||
<a href="{{ page.header.url_news }}" target="_blank">
|
||||
{% else %}
|
||||
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
{% set image = page.media.images|first %}
|
||||
<div class="card-header">
|
||||
{% if blog.template == 'home' %}
|
||||
<div class="card-cat">
|
||||
{% include 'partials/blog/cat.html.twig' %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if blog.template != 'home' %}
|
||||
{% if page.template == 'events' %}
|
||||
{% for tax in page.taxonomy.category %}
|
||||
<div class="card-cat">
|
||||
<span>{{tax}}</span>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
<div class="card-title">
|
||||
{% include 'partials/blog/title.html.twig' with {title_level: 'h5'} %}
|
||||
</div>
|
||||
|
||||
<div class="card-date">
|
||||
{% include 'partials/blog/date.html.twig' %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{% if image %}
|
||||
<div class="card-image">
|
||||
{{image.cropZoom(800, 500).sizes('(max-width:100vw) 100vw, 50vw').html(page.title, 'image article')}}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if page.template != "modular/news" %}
|
||||
</a>
|
||||
{% else %}
|
||||
{% if page.header.url_news %}
|
||||
</a>
|
||||
{% else %}
|
||||
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
@@ -2,6 +2,14 @@
|
||||
|
||||
{% if page.template != "modular/news" %}
|
||||
<a href="{{ page.url }}">
|
||||
|
||||
{% else %}
|
||||
|
||||
{% if page.header.url_news %}
|
||||
<a href="{{ page.header.url_news }}" target="_blank">
|
||||
{% else %}
|
||||
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
{% set image = page.media.images|first %}
|
||||
@@ -12,15 +20,14 @@
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if blog.template != 'home' %}
|
||||
|
||||
{% if page.template == 'events' %}
|
||||
{% for tax in page.taxonomy.category %}
|
||||
<div class="card-cat">
|
||||
<span>{{tax}}</span>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% if page.template == 'events' %}
|
||||
{% for tax in page.taxonomy.category %}
|
||||
<div class="card-cat">
|
||||
<span>{{tax}}</span>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
<div class="card-title">
|
||||
{% include 'partials/blog/title.html.twig' with {title_level: 'h5'} %}
|
||||
@@ -34,12 +41,22 @@
|
||||
|
||||
{% if image %}
|
||||
<div class="card-image">
|
||||
{{image.cropZoom(800, 500).sizes('(max-width:100vw) 100vw, 50vw').html(page.title, 'image article')}}
|
||||
{% if page.header.topH == true %}
|
||||
{{image.sizes('(max-width:100vw) 100vw, 50vw').html(page.title, 'image article')}}
|
||||
{% else %}
|
||||
{{image.cropZoom(800, 500).sizes('(max-width:100vw) 100vw, 50vw').html(page.title, 'image article')}}
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if page.template != "modular/news" %}
|
||||
</a>
|
||||
{% endif %}
|
||||
{% if page.template != "modular/news" %}
|
||||
</a>
|
||||
{% else %}
|
||||
{% if page.header.url_news %}
|
||||
</a>
|
||||
{% else %}
|
||||
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
|
||||
{% if page.template == 'events'%}
|
||||
<span>{{page.parent.parent.title|regex_replace(['/Exhibitions/'],['Exhibition'])}}</span>
|
||||
{% if page.template == 'events' or page.template == 'artistes'%}
|
||||
<span>{{page.parent.parent.title|regex_replace(['/Exhibitions/','/Events/'],['Exhibition','Event'])}}</span>
|
||||
{% endif %}
|
||||
{% if page.template == 'modular/news'%}
|
||||
{{page.parent.title}}
|
||||
|
||||
@@ -1,21 +1,54 @@
|
||||
{% if page.header.date and page.header.date_end == 0 %}
|
||||
<time class="dt-published" datetime="{{ page.header.date|date("c") }}">
|
||||
{{ page.header.date|date('d.m.Y') }}
|
||||
{% if header.display_time == 'true' %}
|
||||
<time>
|
||||
{{ page.header.date|date('d.m.Y') }} AT {{ page.header.date|date('h:iA') }}
|
||||
</time>
|
||||
{% else %}
|
||||
<time>
|
||||
{{ page.header.date|date('d.m.Y') }}
|
||||
</time>
|
||||
{% endif %}
|
||||
|
||||
{% elseif page.header.date and page.header.date_end %}
|
||||
|
||||
{% if page.header.date|date('d.m.Y') == page.header.date_end|date('d.m.Y') %}
|
||||
{% if header.display_time == 'true' %}
|
||||
<time>
|
||||
{{ page.header.date|date('d.m.Y') }} AT {{ page.header.date|date('h:iA') }} — {{ page.header.date_end|date('h:iA') }}
|
||||
</time>
|
||||
{% else %}
|
||||
<time>
|
||||
{{ page.header.date|date('d.m.Y') }}
|
||||
</time>
|
||||
{% endif %}
|
||||
|
||||
{% endif %}
|
||||
|
||||
{% if page.header.date and page.header.date_end %}
|
||||
<time class="dt-published" datetime="{{ page.header.date|date("c") }}">
|
||||
{% else %}
|
||||
|
||||
{% if page.header.date|date('Y') == page.header.date_end|date('Y') %}
|
||||
{{ page.header.date|date('d.m') }}
|
||||
{% if header.display_time == 'true' %}
|
||||
<time>
|
||||
{{ page.header.date|date('d.m') }} AT {{ page.header.date|date('h:iA') }} — {{ page.header.date_end|date('d.m.Y') }} AT {{ page.header.date_end|date('h:iA') }}
|
||||
</time>
|
||||
{% else %}
|
||||
<time>
|
||||
{{ page.header.date|date('d.m') }} — {{ page.header.date_end|date('d.m.Y') }}
|
||||
</time>
|
||||
{% endif %}
|
||||
|
||||
{% else %}
|
||||
{{ page.header.date|date('d.m.Y') }}
|
||||
|
||||
{% if header.display_time == 'true' %}
|
||||
<time>
|
||||
{{ page.header.date|date('d.m.Y') }} AT {{ page.header.date|date('h:iA') }} — {{ page.header.date_end|date('d.m.Y') }} AT {{ page.header.date_end|date('h:iA') }}
|
||||
</time>
|
||||
{% else %}
|
||||
<time>
|
||||
{{ page.header.date|date('d.m.Y') }} — {{ page.header.date_end|date('d.m.Y') }}
|
||||
</time>
|
||||
{% endif %}
|
||||
|
||||
{% endif %}
|
||||
</time>
|
||||
<time class="dt-published" datetime="{{ page.header.date_end|date("c") }}">
|
||||
— {{ page.header.date_end|date('d.m.Y') }}
|
||||
</time>
|
||||
|
||||
{% endif %}
|
||||
|
||||
{% endif %}
|
||||
|
||||
@@ -26,7 +26,30 @@
|
||||
</div>
|
||||
|
||||
<div class="newsletter">
|
||||
<p>SUBSCRIBE TO OUR NEWSLETTER</p>
|
||||
<!-- <p>SUBSCRIBE TO OUR NEWSLETTER</p> -->
|
||||
|
||||
<!-- Begin Mailchimp Signup Form -->
|
||||
<div id="mc_embed_signup">
|
||||
<form action="https://vocurations.us3.list-manage.com/subscribe/post?u=14cd929036db245f1af3a8b76&id=d89de9efd8" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
|
||||
<div id="mc_embed_signup_scroll">
|
||||
|
||||
<div class="mc-field-group">
|
||||
<!-- <label for="mce-EMAIL">SUBSCRIBE TO OUR NEWSLETTER </label> -->
|
||||
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="SUBSCRIBE TO OUR NEWSLETTER">
|
||||
</div>
|
||||
|
||||
<div id="mce-responses" class="clear">
|
||||
<div class="response" id="mce-error-response" style="display:none"></div>
|
||||
<div class="response" id="mce-success-response" style="display:none"></div>
|
||||
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
|
||||
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_14cd929036db245f1af3a8b76_d89de9efd8" tabindex="-1" value=""></div>
|
||||
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!--End mc_embed_signup-->
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
@@ -1,18 +1,12 @@
|
||||
{% set feed_url = blog.url == '/' or blog.url == base_url_relative ? (base_url_relative~'/'~blog.slug) : blog.url %}
|
||||
{% set new_base_url = blog.url == '/' ? '' : blog.url %}
|
||||
|
||||
{% if condition %}{% endif %}
|
||||
<div class="sidebar-content">
|
||||
{% for child in collection %}
|
||||
{% include 'partials/blog/title.html.twig' with {blog: page, page: child} %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
{% if config.plugins.simplesearch.enabled %}
|
||||
<div class="sidebar-content">
|
||||
{% include 'partials/simplesearch_searchbox.html.twig' %}
|
||||
</div>
|
||||
{% if page.header.buy %}
|
||||
<div class="buy">
|
||||
<a href="{{page.header.url}}" target="_blank">Buy Tickets</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if config.plugins.relatedpages.enabled and related_pages|length > 0 %}
|
||||
<div class="sidebar-content">
|
||||
<h4>{{ 'THEME_QUARK.SIDEBAR.RELATED_POSTS.HEADLINE'|t }}</h4>
|
||||
|
||||
@@ -0,0 +1,27 @@
|
||||
<section class="search-row">
|
||||
|
||||
<a href="{{page.url}}">
|
||||
|
||||
{% set banner = page.media.images|first %}
|
||||
|
||||
<div class="search-item">
|
||||
|
||||
<div class="search-title">
|
||||
{% include 'partials/blog/title.html.twig' with {title_level: 'h2'} %}
|
||||
</div>
|
||||
|
||||
<div class="search-details">
|
||||
{% include 'partials/blog/date.html.twig' %}
|
||||
</div>
|
||||
|
||||
{% if banner %}
|
||||
<div class="search-image">
|
||||
{{banner.cropZoom(800, 500).sizes('(max-width:100vw) 100vw, 50vw').html(page.title, 'image article')}}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
|
||||
</a>
|
||||
|
||||
</section>
|
||||
@@ -0,0 +1,22 @@
|
||||
{% set min_chars = config.get('plugins.simplesearch.min_query_length', 3) %}
|
||||
<div class="search-wrapper">
|
||||
<form name="search" data-simplesearch-form>
|
||||
<input
|
||||
name="searchfield"
|
||||
class="search-input"
|
||||
type="text"
|
||||
{% if min_chars > 0 %} min="{{- min_chars -}}" {% endif %}
|
||||
required
|
||||
placeholder="{{"PLUGIN_SIMPLESEARCH.SEARCH_PLACEHOLDER"|t}}"
|
||||
value="{{ query|e }}"
|
||||
data-search-invalid="{{ "PLUGIN_SIMPLESEARCH.SEARCH_FIELD_MINIMUM_CHARACTERS"|t(min_chars)|raw }}"
|
||||
data-search-separator="{{ config.system.param_sep }}"
|
||||
data-search-input="{{ base_url }}{{ config.plugins.simplesearch.route == '@self' ? '' : (config.plugins.simplesearch.route == '/' ? '' : config.plugins.simplesearch.route) }}/query"
|
||||
/>
|
||||
{% if config.plugins.simplesearch.display_button %}
|
||||
<button type="submit" class="search-submit">
|
||||
OK
|
||||
</button>
|
||||
{% endif %}
|
||||
</form>
|
||||
</div>
|
||||
@@ -0,0 +1,24 @@
|
||||
{% extends 'partials/simplesearch_base.html.twig' %}
|
||||
|
||||
{% block content %}
|
||||
<div class="content-padding simplesearch">
|
||||
<div class="center">
|
||||
{% include 'partials/simplesearch_searchbox.html.twig' %}
|
||||
</div>
|
||||
<p>
|
||||
{% if query %}
|
||||
{% set count = search_results ? search_results.count : 0 %}
|
||||
{% if count is same as( 1 ) %}
|
||||
{{ "PLUGIN_SIMPLESEARCH.SEARCH_RESULTS_SUMMARY_SINGULAR"|t(query|e)|raw }}
|
||||
{% else %}
|
||||
{{ "PLUGIN_SIMPLESEARCH.SEARCH_RESULTS_SUMMARY_PLURAL"|t(query|e, count)|raw }}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</p>
|
||||
<div class="results">
|
||||
{% for page in search_results %}
|
||||
{% include 'partials/simplesearch_item.html.twig' with {'page': page} %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user