maj de tout
This commit is contained in:
@@ -1,15 +0,0 @@
|
||||
extends@: default
|
||||
|
||||
form:
|
||||
fields:
|
||||
tabs:
|
||||
fields:
|
||||
advanced:
|
||||
fields:
|
||||
columns:
|
||||
fields:
|
||||
column1:
|
||||
fields:
|
||||
header.body_classes:
|
||||
markdown: true
|
||||
description: 'Available classes in Quark Theme (space separated):<br />`header-fixed`, `header-animated`, `header-dark`, `header-transparent`, `sticky-footer`'
|
||||
@@ -14,10 +14,12 @@ form:
|
||||
ordering@: 1
|
||||
|
||||
fields:
|
||||
header.date_start:
|
||||
header.date:
|
||||
replace@: true
|
||||
type: datetime
|
||||
label: Start
|
||||
toggleable: true
|
||||
help: PLUGIN_ADMIN.DATE_HELP
|
||||
|
||||
header.date_end:
|
||||
type: datetime
|
||||
|
||||
@@ -1,133 +0,0 @@
|
||||
extends@: default
|
||||
|
||||
form:
|
||||
fields:
|
||||
tabs:
|
||||
|
||||
fields:
|
||||
content:
|
||||
fields:
|
||||
header.date_one_day:
|
||||
type: datetime
|
||||
label: Day event
|
||||
toggleable: true
|
||||
ordering@: -5
|
||||
|
||||
header.date_start:
|
||||
type: datetime
|
||||
label: Start event
|
||||
toggleable: true
|
||||
ordering@: -4
|
||||
|
||||
header.date_end:
|
||||
type: datetime
|
||||
label: Start end
|
||||
toggleable: true
|
||||
ordering@: -3
|
||||
|
||||
blog:
|
||||
type: tab
|
||||
title: Blog Item
|
||||
|
||||
fields:
|
||||
|
||||
header_options:
|
||||
type: section
|
||||
title: Header Options
|
||||
underline: true
|
||||
|
||||
header.continue_link:
|
||||
type: toggle
|
||||
toggleable: true
|
||||
label: DF Style Link
|
||||
help: Daring Fireball style title link
|
||||
highlight: 1
|
||||
options:
|
||||
1: PLUGIN_ADMIN.ENABLED
|
||||
0: PLUGIN_ADMIN.DISABLED
|
||||
validate:
|
||||
type: bool
|
||||
|
||||
header.header_image:
|
||||
type: toggle
|
||||
toggleable: true
|
||||
label: Display Header Image
|
||||
help: Enabled displaying of a header image
|
||||
highlight: 1
|
||||
options:
|
||||
1: PLUGIN_ADMIN.ENABLED
|
||||
0: PLUGIN_ADMIN.DISABLED
|
||||
|
||||
header.header_image_file:
|
||||
type: text
|
||||
toggleable: true
|
||||
label: Image File
|
||||
help: image filename that exists in the page folder. If not provided, will use the first image found.
|
||||
placeholder: "For example: myimage.jpg"
|
||||
|
||||
header.header_image_width:
|
||||
type: text
|
||||
toggleable: true
|
||||
label: Image Width
|
||||
size: small
|
||||
help: Header width in px
|
||||
placeholder: Default is 900
|
||||
validate:
|
||||
type: int
|
||||
min: 0
|
||||
max: 5000
|
||||
|
||||
header.header_image_height:
|
||||
type: text
|
||||
toggleable: true
|
||||
label: Image Height
|
||||
size: small
|
||||
help: Header height in px
|
||||
placeholder: Default is 300
|
||||
validate:
|
||||
type: int
|
||||
min: 0
|
||||
max: 5000
|
||||
|
||||
summary:
|
||||
type: section
|
||||
title: Summary
|
||||
underline: true
|
||||
|
||||
header.summary.enabled:
|
||||
type: toggle
|
||||
toggleable: true
|
||||
label: Summary
|
||||
highlight: 1
|
||||
options:
|
||||
1: PLUGIN_ADMIN.ENABLED
|
||||
0: PLUGIN_ADMIN.DISABLED
|
||||
|
||||
header.summary.format:
|
||||
type: select
|
||||
toggleable: true
|
||||
label: Format
|
||||
classes: fancy
|
||||
options:
|
||||
'short': 'Use the first occurence of delimiter or size'
|
||||
'long': 'Summary delimiter will be ignored'
|
||||
|
||||
header.summary.size:
|
||||
type: text
|
||||
toggleable: true
|
||||
label: Size
|
||||
classes: large
|
||||
placeholder: 300
|
||||
validate:
|
||||
type: int
|
||||
min: 1
|
||||
|
||||
header.summary.delimiter:
|
||||
type: text
|
||||
toggleable: true
|
||||
label: Summary delimiter
|
||||
classes: large
|
||||
placeholder: ===
|
||||
|
||||
import@:
|
||||
type: partials/blog-bits
|
||||
@@ -0,0 +1,81 @@
|
||||
title: Text
|
||||
'@extends': default
|
||||
|
||||
|
||||
form:
|
||||
fields:
|
||||
tabs:
|
||||
fields:
|
||||
content:
|
||||
fields:
|
||||
horaire:
|
||||
type: section
|
||||
title: Horaire
|
||||
|
||||
fields:
|
||||
header.H_open:
|
||||
type: text
|
||||
label: Days
|
||||
|
||||
header.H_time:
|
||||
type: text
|
||||
label: Times
|
||||
|
||||
header.media_order:
|
||||
label: Page Media (first one will be displayed next to your content)
|
||||
map:
|
||||
type: tab
|
||||
title: Map
|
||||
ordering@: -2
|
||||
|
||||
fields:
|
||||
header.map:
|
||||
type: toggle
|
||||
label: Map
|
||||
highlight: 1
|
||||
default: 1
|
||||
options:
|
||||
1: 'Yes'
|
||||
0: 'No'
|
||||
validate:
|
||||
type: bool
|
||||
|
||||
adress:
|
||||
type: section
|
||||
title: Adress
|
||||
underline: true
|
||||
|
||||
fields:
|
||||
header.street:
|
||||
name: street
|
||||
type: text
|
||||
label: Street
|
||||
size : large
|
||||
style: vertical
|
||||
|
||||
header.city:
|
||||
name: city
|
||||
type: text
|
||||
label: City
|
||||
size : medium
|
||||
style: vertical
|
||||
|
||||
coordinated:
|
||||
type: section
|
||||
title: Coordinated
|
||||
underline: true
|
||||
|
||||
fields:
|
||||
header.x:
|
||||
name: x
|
||||
type: text
|
||||
label: Longitude
|
||||
size : medium
|
||||
style: vertical
|
||||
|
||||
header.y:
|
||||
name: y
|
||||
type: text
|
||||
label: Latitude
|
||||
size : medium
|
||||
style: vertical
|
||||
@@ -0,0 +1,23 @@
|
||||
title: News
|
||||
'@extends': default
|
||||
|
||||
|
||||
form:
|
||||
fields:
|
||||
tabs:
|
||||
fields:
|
||||
content:
|
||||
fields:
|
||||
header.date:
|
||||
replace@: true
|
||||
type: datetime
|
||||
label: Start
|
||||
toggleable: true
|
||||
help: PLUGIN_ADMIN.DATE_HELP
|
||||
|
||||
header.date_end:
|
||||
type: datetime
|
||||
label: End
|
||||
toggleable: true
|
||||
header.media_order:
|
||||
label: Page Media (first one will be displayed next to your content)
|
||||
@@ -8,61 +8,10 @@ form:
|
||||
fields:
|
||||
content:
|
||||
fields:
|
||||
header.date_event:
|
||||
type: datetime
|
||||
label: Start
|
||||
toggleable: true
|
||||
|
||||
header.media_order:
|
||||
label: Page Media (first one will be displayed next to your content)
|
||||
map:
|
||||
type: tab
|
||||
title: Map
|
||||
ordering@: -2
|
||||
|
||||
fields:
|
||||
header.map:
|
||||
type: toggle
|
||||
label: Map
|
||||
highlight: 1
|
||||
default: 1
|
||||
options:
|
||||
1: 'Yes'
|
||||
0: 'No'
|
||||
validate:
|
||||
type: bool
|
||||
|
||||
adress:
|
||||
type: section
|
||||
title: Adress
|
||||
underline: true
|
||||
|
||||
fields:
|
||||
header.street:
|
||||
name: street
|
||||
type: text
|
||||
label: Street
|
||||
size : large
|
||||
style: vertical
|
||||
|
||||
header.city:
|
||||
name: city
|
||||
type: text
|
||||
label: City
|
||||
size : medium
|
||||
style: vertical
|
||||
|
||||
coordinated:
|
||||
type: section
|
||||
title: Coordinated
|
||||
underline: true
|
||||
|
||||
fields:
|
||||
header.x:
|
||||
name: x
|
||||
type: text
|
||||
label: Longitude
|
||||
size : medium
|
||||
style: vertical
|
||||
|
||||
header.y:
|
||||
name: y
|
||||
type: text
|
||||
label: Latitude
|
||||
size : medium
|
||||
style: vertical
|
||||
|
||||
@@ -14,10 +14,13 @@ form:
|
||||
ordering@: 1
|
||||
|
||||
fields:
|
||||
header.date_start:
|
||||
header.date:
|
||||
replace@: true
|
||||
type: datetime
|
||||
label: Start
|
||||
toggleable: true
|
||||
help: PLUGIN_ADMIN.DATE_HELP
|
||||
|
||||
|
||||
header.date_end:
|
||||
type: datetime
|
||||
|
||||
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,204 @@
|
||||
@charset 'UTF-8';
|
||||
/* Slider */
|
||||
.slick-loading .slick-list
|
||||
{
|
||||
background: #fff url('./ajax-loader.gif') center center no-repeat;
|
||||
}
|
||||
|
||||
/* Icons */
|
||||
@font-face
|
||||
{
|
||||
font-family: 'slick';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
||||
src: url('./fonts/slick.eot');
|
||||
src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
|
||||
}
|
||||
/* Arrows */
|
||||
.slick-prev,
|
||||
.slick-next
|
||||
{
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
|
||||
display: block;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
padding: 0;
|
||||
-webkit-transform: translate(0, -50%);
|
||||
-ms-transform: translate(0, -50%);
|
||||
transform: translate(0, -50%);
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
color: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
}
|
||||
.slick-prev:hover,
|
||||
.slick-prev:focus,
|
||||
.slick-next:hover,
|
||||
.slick-next:focus
|
||||
{
|
||||
color: transparent;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
}
|
||||
.slick-prev:hover:before,
|
||||
.slick-prev:focus:before,
|
||||
.slick-next:hover:before,
|
||||
.slick-next:focus:before
|
||||
{
|
||||
opacity: 1;
|
||||
}
|
||||
.slick-prev.slick-disabled:before,
|
||||
.slick-next.slick-disabled:before
|
||||
{
|
||||
opacity: .25;
|
||||
}
|
||||
|
||||
.slick-prev:before,
|
||||
.slick-next:before
|
||||
{
|
||||
font-family: 'slick';
|
||||
font-size: 20px;
|
||||
line-height: 1;
|
||||
|
||||
opacity: .75;
|
||||
color: white;
|
||||
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.slick-prev
|
||||
{
|
||||
left: -25px;
|
||||
}
|
||||
[dir='rtl'] .slick-prev
|
||||
{
|
||||
right: -25px;
|
||||
left: auto;
|
||||
}
|
||||
.slick-prev:before
|
||||
{
|
||||
content: '←';
|
||||
}
|
||||
[dir='rtl'] .slick-prev:before
|
||||
{
|
||||
content: '→';
|
||||
}
|
||||
|
||||
.slick-next
|
||||
{
|
||||
right: -25px;
|
||||
}
|
||||
[dir='rtl'] .slick-next
|
||||
{
|
||||
right: auto;
|
||||
left: -25px;
|
||||
}
|
||||
.slick-next:before
|
||||
{
|
||||
content: '→';
|
||||
}
|
||||
[dir='rtl'] .slick-next:before
|
||||
{
|
||||
content: '←';
|
||||
}
|
||||
|
||||
/* Dots */
|
||||
.slick-dotted.slick-slider
|
||||
{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.slick-dots
|
||||
{
|
||||
position: absolute;
|
||||
bottom: -25px;
|
||||
|
||||
display: block;
|
||||
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
list-style: none;
|
||||
|
||||
text-align: center;
|
||||
}
|
||||
.slick-dots li
|
||||
{
|
||||
position: relative;
|
||||
|
||||
display: inline-block;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 0 5px;
|
||||
padding: 0;
|
||||
|
||||
cursor: pointer;
|
||||
}
|
||||
.slick-dots li button
|
||||
{
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
|
||||
display: block;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
padding: 5px;
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
color: transparent;
|
||||
border: 0;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
}
|
||||
.slick-dots li button:hover,
|
||||
.slick-dots li button:focus
|
||||
{
|
||||
outline: none;
|
||||
}
|
||||
.slick-dots li button:hover:before,
|
||||
.slick-dots li button:focus:before
|
||||
{
|
||||
opacity: 1;
|
||||
}
|
||||
.slick-dots li button:before
|
||||
{
|
||||
font-family: 'slick';
|
||||
font-size: 6px;
|
||||
line-height: 20px;
|
||||
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
|
||||
content: '•';
|
||||
text-align: center;
|
||||
|
||||
opacity: .25;
|
||||
color: black;
|
||||
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
.slick-dots li.slick-active button:before
|
||||
{
|
||||
opacity: .75;
|
||||
color: black;
|
||||
}
|
||||
@@ -0,0 +1,119 @@
|
||||
/* Slider */
|
||||
.slick-slider
|
||||
{
|
||||
position: relative;
|
||||
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
-webkit-touch-callout: none;
|
||||
-khtml-user-select: none;
|
||||
-ms-touch-action: pan-y;
|
||||
touch-action: pan-y;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
.slick-list
|
||||
{
|
||||
position: relative;
|
||||
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.slick-list:focus
|
||||
{
|
||||
outline: none;
|
||||
}
|
||||
.slick-list.dragging
|
||||
{
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
|
||||
.slick-slider .slick-track,
|
||||
.slick-slider .slick-list
|
||||
{
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
-o-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.slick-track
|
||||
{
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.slick-track:before,
|
||||
.slick-track:after
|
||||
{
|
||||
display: table;
|
||||
|
||||
content: '';
|
||||
}
|
||||
.slick-track:after
|
||||
{
|
||||
clear: both;
|
||||
}
|
||||
.slick-loading .slick-track
|
||||
{
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.slick-slide
|
||||
{
|
||||
display: none;
|
||||
float: left;
|
||||
|
||||
height: 100%;
|
||||
min-height: 1px;
|
||||
}
|
||||
[dir='rtl'] .slick-slide
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
.slick-slide img
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
.slick-slide.slick-loading img
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
.slick-slide.dragging img
|
||||
{
|
||||
pointer-events: none;
|
||||
}
|
||||
.slick-initialized .slick-slide
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
.slick-loading .slick-slide
|
||||
{
|
||||
visibility: hidden;
|
||||
}
|
||||
.slick-vertical .slick-slide
|
||||
{
|
||||
display: block;
|
||||
|
||||
height: auto;
|
||||
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.slick-arrow.slick-hidden {
|
||||
display: none;
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 734 B |
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
@@ -0,0 +1,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="22.644" height="24.574" viewBox="0 0 22.644 24.574">
|
||||
<g id="Groupe_19" data-name="Groupe 19" transform="translate(-950.074 -657.513)">
|
||||
<path id="Tracé_7" data-name="Tracé 7" d="M3718,4871.634l10.213-7.353,10.463,7.353" transform="translate(-2766.676 -4205.234)" fill="none" stroke="#000" stroke-width="2.5"/>
|
||||
<line id="Ligne_11" data-name="Ligne 11" y2="18.034" transform="translate(961.5 659.466)" fill="none" stroke="#000" stroke-width="2.5"/>
|
||||
<path id="Tracé_10" data-name="Tracé 10" d="M16395,5624.616v7.782h19.99v-7.782" transform="translate(-15443.674 -4951.562)" fill="none" stroke="#000" stroke-width="2.5"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 696 B |
@@ -0,0 +1,5 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="14.742" height="28.955" viewBox="0 0 14.742 28.955">
|
||||
<g id="Composant_8" data-name="Composant 8" transform="translate(1.673 0.833)">
|
||||
<path id="Tracé_8" data-name="Tracé 8" d="M0,12.133,13.709,0,27.294,12.133" transform="translate(0 27.294) rotate(-90)" fill="none" stroke="#000" stroke-width="2.5"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 369 B |
@@ -0,0 +1,5 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="14.742" height="28.955" viewBox="0 0 14.742 28.955">
|
||||
<g id="Composant_9" data-name="Composant 9" transform="translate(13.069 28.122) rotate(180)">
|
||||
<path id="Tracé_8" data-name="Tracé 8" d="M0,12.133,13.709,0,27.294,12.133" transform="translate(0 27.294) rotate(-90)" fill="none" stroke="#000" stroke-width="2.5"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 383 B |
Binary file not shown.
|
After Width: | Height: | Size: 699 B |
@@ -0,0 +1,68 @@
|
||||
<?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="50"
|
||||
height="71.446999"
|
||||
viewBox="0 0 13.229166 18.903686"
|
||||
version="1.1"
|
||||
id="svg8"
|
||||
inkscape:version="0.92.4 5da689c313, 2019-01-14"
|
||||
sodipodi:docname="point.svg">
|
||||
<defs
|
||||
id="defs2" />
|
||||
<sodipodi:namedview
|
||||
id="base"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:zoom="0.35"
|
||||
inkscape:cx="-714.28572"
|
||||
inkscape:cy="565.71428"
|
||||
inkscape:document-units="px"
|
||||
inkscape:current-layer="flowRoot815"
|
||||
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 />
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<g
|
||||
inkscape:label="Calque 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(0,-278.0963)">
|
||||
<g
|
||||
aria-label=""
|
||||
transform="matrix(0.30441037,0,0,0.30441037,7.4263447,194.2946)"
|
||||
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:#000000;fill-opacity:1;stroke:none"
|
||||
id="flowRoot815">
|
||||
<path
|
||||
d="m -2.6666679,304.72461 q -3.3541666,0 -5.5416665,-2.1875 -2.1874996,-2.1875 -2.1874996,-5.54167 0,-3.35417 2.1874996,-5.54167 2.1874999,-2.18749 5.5416665,-2.18749 3.35416651,0 5.5416664,2.18749 2.1875,2.1875 2.1875,5.54167 0,3.35417 -2.1875,5.54167 -2.18749989,2.1875 -5.5416664,2.1875 z m 0,-29.45833 q -9.3333331,0.14583 -15.4583331,6.27083 -6.125,6.125 -6.270833,15.45833 1.3125,13.27083 10.791666,26.39583 9.6250001,12.97917 10.9375001,14 1.3124999,-1.02083 10.7916663,-14 9.6249996,-13.125 10.9374996,-26.39583 -0.145833,-9.33333 -6.270833,-15.45833 -6.1249999,-6.125 -15.4583329,-6.27083 z"
|
||||
style=""
|
||||
id="path819" />
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.7 KiB |
@@ -1,11 +1,69 @@
|
||||
function bxslider() {
|
||||
$('.slider').bxSlider({
|
||||
mode: 'horizontal',
|
||||
captions: true,
|
||||
shrinkItems:true,
|
||||
function slick() {
|
||||
$('.slider').slick({
|
||||
// infinite: true,
|
||||
// // speed: 300,
|
||||
// centerMode: true,
|
||||
// adaptiveHeight: true
|
||||
// variableWidth: true,
|
||||
|
||||
dots: true,
|
||||
infinite: true,
|
||||
speed: 300,
|
||||
slidesToShow: 1,
|
||||
// variableWidth: true,
|
||||
// centerMode: true,
|
||||
adaptiveHeight: true
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
$(document).ready(function(){
|
||||
bxslider();
|
||||
function hover_slide() {
|
||||
|
||||
var $Wslide = $('.slider').width();
|
||||
var halfSlide = $Wslide / 2 ;
|
||||
var $button = $('.slider button');
|
||||
|
||||
console.log("halfSlide",halfSlide);
|
||||
|
||||
|
||||
$button.css( "display" , "block" );
|
||||
|
||||
$('.slider').hover(function() {
|
||||
$('.slider').mousemove(function(event) {
|
||||
|
||||
var $eventX = event.pageX;
|
||||
|
||||
if ($eventX < halfSlide) {
|
||||
$('button.slick-prev').css("opacity","1");
|
||||
$('button.slick-next').css("opacity","0");
|
||||
} else if( $eventX > halfSlide ){
|
||||
$('button.slick-next').css("opacity","1");
|
||||
$('button.slick-prev').css("opacity","0");
|
||||
}
|
||||
});
|
||||
}),
|
||||
|
||||
$( ".slider" ).mouseleave(function() {
|
||||
$('button.slick-prev').css("opacity","0");
|
||||
$('button.slick-next').css("opacity","0");
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
var resizeTimer;
|
||||
|
||||
$(window).on('resize', function(e) {
|
||||
|
||||
clearTimeout(resizeTimer);
|
||||
resizeTimer = setTimeout(function() {
|
||||
|
||||
hover_slide();
|
||||
|
||||
}, 250);
|
||||
|
||||
});
|
||||
|
||||
$(document).ready(function(){
|
||||
hover_slide();
|
||||
slick();
|
||||
});
|
||||
|
||||
@@ -3,12 +3,21 @@ function leaflet(id) {
|
||||
$(this).attr('id');
|
||||
});
|
||||
|
||||
|
||||
for (var i = 0; i < id.length; i++) {
|
||||
|
||||
console.log(id[i]);
|
||||
|
||||
for (var i = 0; i < coord_data.x.length; i++) {
|
||||
for (var i = 0; i < coord_data.y.length; i++) {
|
||||
var LeafIcon = L.Icon.extend({
|
||||
options: {
|
||||
iconSize: [25, 35],
|
||||
iconAnchor: [25, 35],
|
||||
}
|
||||
});
|
||||
|
||||
var greenIcon = new LeafIcon({iconUrl: '/user/themes/vocurations/images/point.svg'});
|
||||
|
||||
console.log(coord_data.x[i]);
|
||||
console.log(coord_data.y[i]);
|
||||
@@ -24,6 +33,7 @@ function leaflet(id) {
|
||||
zoom: 15,
|
||||
layers: [grayscale]
|
||||
});
|
||||
L.marker([coord_data.x[i], coord_data.y[i]], {icon: greenIcon}).bindPopup(id[i]).addTo(map);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -31,6 +41,5 @@ function leaflet(id) {
|
||||
}
|
||||
|
||||
$(document).ready(function(){
|
||||
|
||||
leaflet();
|
||||
});
|
||||
|
||||
@@ -57,3 +57,58 @@ jQuery(document).ready(function($){
|
||||
$(".tree").treemenu({delay:300});
|
||||
|
||||
});
|
||||
|
||||
|
||||
function more() {
|
||||
|
||||
var countHome = 8,
|
||||
countBlog = 3;
|
||||
countNews = 6;
|
||||
|
||||
var $main = $('main#start');
|
||||
var $wrapper = $('#body-wrapper > #item');
|
||||
var countCard = $wrapper.find('.card').length;
|
||||
|
||||
if ($main.hasClass("home")) {
|
||||
var countCard = 8;
|
||||
|
||||
} if($main.hasClass("news")) {
|
||||
var countCard = 6;
|
||||
|
||||
} else {
|
||||
|
||||
}
|
||||
console.log(countCard);
|
||||
|
||||
var $card = $('#body-wrapper > #item .card:lt('+ countCard +')');
|
||||
$card.addClass('visible');
|
||||
|
||||
var $cardV = $('.home #item .card:lt(8)');
|
||||
$cardV.addClass('visible');
|
||||
|
||||
var $cardH = $('.home #item .card:gt(7)');
|
||||
$cardH.addClass('hidden');
|
||||
|
||||
var countCard = $cardV.length;
|
||||
|
||||
if (countCard == 8) {
|
||||
console.log('true');
|
||||
var $Homcard = $('#item');
|
||||
$Homcard.append( "<div class='more'><a href='#'>More</a></div>");
|
||||
}
|
||||
|
||||
$('.more').on('click', function(e) {
|
||||
var $cardV2 = $('.home #item .hidden:lt(8)');
|
||||
e.preventDefault();
|
||||
$cardV2.addClass('visible').removeClass('hidden');
|
||||
var $card = $('.home #item .hidden');
|
||||
if ($card.length == 0) {
|
||||
$('.more').remove();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
$(document).ready(function(){
|
||||
more();
|
||||
});
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,142 @@
|
||||
// Font Family
|
||||
$font-family-default: "Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
|
||||
$font-family-header: "Montserrat", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
|
||||
$font-family-mono: "Inconsolata", monospace;
|
||||
$font-family-serif: "Georgia", "Times", "Times New Roman", serif;
|
||||
// @font-face
|
||||
|
||||
$typo: "FKGrotesk";
|
||||
$category: "sans-serif";
|
||||
// secuela regular
|
||||
|
||||
$file: "FKGrotesk-Regular";
|
||||
$Regular: "Regular";
|
||||
@mixin font-face($Regular, $file, $typo, $category:"") {
|
||||
$filepath: "../fonts/" + $typo + "/" + $file;
|
||||
@font-face {
|
||||
font-family: "#{$Regular}";
|
||||
src: url($filepath + ".eot");
|
||||
src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
|
||||
url($filepath + ".woff") format('woff'),
|
||||
url($filepath + ".woff2") format('woff2'),
|
||||
}
|
||||
|
||||
%#{$Regular} {
|
||||
font: {
|
||||
@if $category != "" {
|
||||
family: "#{$Regular}", #{$category};
|
||||
weight: normal;
|
||||
}
|
||||
@else {
|
||||
family: "#{$Regular}";
|
||||
weight: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
$file2: "FKGrotesk-ItalicB";
|
||||
$Italic: "ItalicB";
|
||||
@mixin font-face($Italic, $file2, $typo, $category:"") {
|
||||
$filepath: "../fonts/" + $typo + "/" + $file2;
|
||||
@font-face {
|
||||
font-family: "#{$Italic}";
|
||||
src: url($filepath + ".eot");
|
||||
src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
|
||||
url($filepath + ".woff") format('woff'),
|
||||
url($filepath + ".woff2") format('woff2'),
|
||||
}
|
||||
|
||||
%#{$Italic} {
|
||||
font: {
|
||||
@if $category != "" {
|
||||
family: "#{$Italic}", #{$category};
|
||||
weight: normal;
|
||||
}
|
||||
@else {
|
||||
family: "#{$Italic}";
|
||||
weight: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$file3: "FKGrotesk-Bold";
|
||||
$Bold: "Bold";
|
||||
@mixin font-face($Bold, $file3, $typo, $category:"") {
|
||||
$filepath: "../fonts/" + $typo + "/" + $file;
|
||||
@font-face {
|
||||
font-family: "#{$Bold}";
|
||||
src: url($filepath + ".eot");
|
||||
src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
|
||||
url($filepath + ".woff") format('woff'),
|
||||
url($filepath + ".woff2") format('woff2'),
|
||||
}
|
||||
|
||||
%#{$Bold} {
|
||||
font: {
|
||||
@if $category != "" {
|
||||
family: "#{$Bold}", #{$category};
|
||||
weight: normal;
|
||||
}
|
||||
@else {
|
||||
family: "#{$Bold}";
|
||||
weight: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$file4: "FKGrotesk-BoldItalicB";
|
||||
$BoldItalicB: "BoldItalicB";
|
||||
@mixin font-face($BoldItalicB, $file4, $typo, $category:"") {
|
||||
$filepath: "../fonts/" + $typo + "/" + $file4;
|
||||
@font-face {
|
||||
font-family: "#{$BoldItalicB}";
|
||||
src: url($filepath + ".eot");
|
||||
src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
|
||||
url($filepath + ".woff") format('woff'),
|
||||
url($filepath + ".woff2") format('woff2'),
|
||||
}
|
||||
|
||||
%#{$BoldItalicB} {
|
||||
font: {
|
||||
@if $category != "" {
|
||||
family: "#{$BoldItalicB}", #{$category};
|
||||
weight: normal;
|
||||
}
|
||||
@else {
|
||||
family: "#{$BoldItalicB}";
|
||||
weight: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
$file5: "FKGroteskMono-Regular";
|
||||
$Mono-Regular: "Mono-Regular";
|
||||
@mixin font-face($Mono-Regular, $file5, $typo, $category:"") {
|
||||
$filepath: "../fonts/" + $typo + "/" + $file5;
|
||||
@font-face {
|
||||
font-family: "#{$Mono-Regular}";
|
||||
src: url($filepath + ".eot");
|
||||
src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
|
||||
url($filepath + ".woff") format('woff'),
|
||||
url($filepath + ".woff2") format('woff2'),
|
||||
}
|
||||
|
||||
%#{$Mono-Regular} {
|
||||
font: {
|
||||
@if $category != "" {
|
||||
family: "#{$Mono-Regular}", #{$category};
|
||||
weight: normal;
|
||||
}
|
||||
@else {
|
||||
family: "#{$Mono-Regular}";
|
||||
weight: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,55 @@
|
||||
// fonts
|
||||
@include font-face($Regular, $file, $typo, $category);//1
|
||||
@include font-face($Italic, $file2, $typo, $category);//1
|
||||
@include font-face($Bold, $file3, $typo, $category);//1
|
||||
@include font-face($BoldItalicB, $file4, $typo, $category);//1
|
||||
@include font-face($Mono-Regular, $file5, $typo, $category);//1
|
||||
|
||||
$nbr_col: 12;
|
||||
$width: 100%;
|
||||
|
||||
$W33: calc(#{$width} / 3);
|
||||
|
||||
// Ordinateur
|
||||
// Titre : 90pt
|
||||
// Sous-titre : 50pt
|
||||
// Texte courant : 25pt
|
||||
|
||||
// Smartphone
|
||||
// Titre : 32pt
|
||||
// Sous-titre : 25pt
|
||||
// Texte courant : 14pt
|
||||
|
||||
// font-size 25r
|
||||
$Fcourant: 1.5rem;
|
||||
$Ftitle: 5rem;
|
||||
$Fsub-title: 2.5rem;
|
||||
|
||||
// interline
|
||||
$Lcourant: 1.7rem;
|
||||
$Ltitle: 5rem;
|
||||
$Lsub-title: 2.7rem;
|
||||
|
||||
//interlettre
|
||||
|
||||
// color
|
||||
|
||||
// Header
|
||||
$Header_mr: 1.5rem;
|
||||
|
||||
// card
|
||||
$first_card: calc((#{$width} / #{$nbr_col}) * 9);
|
||||
$all_card: calc((#{$width} / #{$nbr_col}) * 6);
|
||||
$arch_card: calc((#{$width} / #{$nbr_col}) * 4);
|
||||
$content_arch: calc((#{$width} / #{$nbr_col}) * 10.5);
|
||||
$item_content: calc((#{$width} / #{$nbr_col}) * 10);
|
||||
|
||||
|
||||
$HeaderC_mr: 1rem;
|
||||
$MargCard: 6rem;
|
||||
$paddingCard: 1rem;
|
||||
|
||||
// color
|
||||
$grey: #A7A7A7;
|
||||
|
||||
// marg & padd
|
||||
@@ -1,14 +1,15 @@
|
||||
// Core variables and mixins
|
||||
@import 'theme/variables';
|
||||
@import 'configurations/fonts';
|
||||
@import 'configurations/variables';
|
||||
|
||||
@import 'theme/fonts';
|
||||
@import 'theme/reset';
|
||||
@import 'theme/mixins';
|
||||
@import 'theme/framework';
|
||||
@import 'theme/typography';
|
||||
@import 'theme/forms';
|
||||
@import 'theme/mobile';
|
||||
@import 'theme/animation';
|
||||
@import 'theme/reset';
|
||||
@import 'theme/extensions';
|
||||
|
||||
@import 'theme/header';
|
||||
@import 'theme/footer';
|
||||
|
||||
@@ -1,23 +0,0 @@
|
||||
.default-animation {
|
||||
transition: all 0.5s ease;
|
||||
}
|
||||
|
||||
// Pulse Animation
|
||||
.pulse {
|
||||
animation-name: pulse_animation;
|
||||
animation-duration: 2000ms;
|
||||
transform-origin:70% 70%;
|
||||
animation-iteration-count: infinite;
|
||||
animation-timing-function: linear;
|
||||
}
|
||||
|
||||
@keyframes pulse_animation {
|
||||
0% { transform: scale(1); }
|
||||
30% { transform: scale(1); }
|
||||
40% { transform: scale(1.08); }
|
||||
50% { transform: scale(1); }
|
||||
60% { transform: scale(1); }
|
||||
70% { transform: scale(1.05); }
|
||||
80% { transform: scale(1); }
|
||||
100% { transform: scale(1); }
|
||||
}
|
||||
|
||||
@@ -1,114 +1,355 @@
|
||||
/** Extra columns spacing **/
|
||||
.extra-spacing:not(.col-12), :not(.col12) > .e-content {
|
||||
padding-right: 1rem;
|
||||
body{
|
||||
margin: 0 1.4rem;
|
||||
}
|
||||
|
||||
@include breakpoint(md) {
|
||||
padding-right: 0;
|
||||
h1,h2,h3,h4,h5{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body, html {
|
||||
height: 100%;
|
||||
#page-wrapper{
|
||||
min-height: 90%;
|
||||
}
|
||||
#body-wrapper{
|
||||
margin-top: 4rem;
|
||||
}
|
||||
}
|
||||
|
||||
/** Breadcrumbs styling **/
|
||||
#breadcrumbs {
|
||||
padding-left: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: -1rem;
|
||||
margin-bottom: 1rem;
|
||||
|
||||
|
||||
i {
|
||||
display: none;
|
||||
}
|
||||
|
||||
span, a {
|
||||
padding: 0 0.5rem;
|
||||
&:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
span, a {
|
||||
&:not(:first-child)::before {
|
||||
color: #e7e9ed;
|
||||
content: "/";
|
||||
padding-right: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/** Blog Listing **/
|
||||
.blog-listing {
|
||||
|
||||
.bricklayer-column {
|
||||
padding-left: 0px;
|
||||
padding-right: 25px;
|
||||
|
||||
}
|
||||
.card {
|
||||
margin-bottom: 25px;
|
||||
border: 0;
|
||||
box-shadow: 0 10px 45px -9px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.card-footer {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.blog-date {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.label {
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
/** Blog Item **/
|
||||
.content-title {
|
||||
margin-bottom: 2rem;
|
||||
|
||||
h2 {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.label {
|
||||
font-size: 12px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
/** Pagination **/
|
||||
ul.pagination {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.prev-next {
|
||||
margin-top: 4rem;
|
||||
}
|
||||
|
||||
/** Sidebar specific tweaks **/
|
||||
#sidebar {
|
||||
|
||||
ul.related-pages {
|
||||
box-shadow: none;
|
||||
padding: 0;
|
||||
z-index: 1;
|
||||
|
||||
li {
|
||||
border-bottom: 1px solid $border-color;
|
||||
&:last-child {
|
||||
border-bottom: 0;
|
||||
.home, .blog{
|
||||
#item{
|
||||
.card{
|
||||
margin-bottom: 6rem;
|
||||
&:nth-child(5n+1){
|
||||
width: $first_card;
|
||||
.card-header{
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
.card-image{
|
||||
display: flex;
|
||||
width: auto;
|
||||
overflow: hidden;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
max-height: 800px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
&:not(:nth-child(5n+1)){
|
||||
width: $all_card;
|
||||
.card-header{
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
.card-image{
|
||||
display: flex;
|
||||
// min-height: 600px;
|
||||
height: auto;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
.card-header{
|
||||
span{
|
||||
margin-right: 1rem;
|
||||
}
|
||||
}
|
||||
.card-cat{
|
||||
margin-bottom:0.6rem;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
ul.archives {
|
||||
list-style: none;
|
||||
margin-left: 0;
|
||||
|
||||
.label {
|
||||
vertical-align: text-top;
|
||||
.archives, .news{
|
||||
#body-wrapper{
|
||||
width: $content_arch;
|
||||
margin-bottom: 2rem;
|
||||
#item{
|
||||
@include flexbox;
|
||||
.card{
|
||||
width: calc((100% / 3) - 1.4rem );
|
||||
margin-bottom: 5rem!important;
|
||||
padding: 0!important;
|
||||
&:nth-child(3n+2){
|
||||
margin: 0 1.4rem;
|
||||
}
|
||||
.card-header{
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.card-image{
|
||||
display: flex;
|
||||
// max-height: 375px;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.item{
|
||||
margin-bottom: 6rem;
|
||||
width: $first_card;
|
||||
.item_content{
|
||||
h3{
|
||||
margin: 2rem 0;
|
||||
}
|
||||
}
|
||||
.item_title{
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
.item_img{
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
.item_date{
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.events, .default{
|
||||
#body-wrapper{
|
||||
.item{
|
||||
.item_title{
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
.item_img{
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
.item_content{
|
||||
width: $item_content;
|
||||
}
|
||||
.item_date{
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.default{
|
||||
.item_content{
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
#start{
|
||||
#body-wrapper{
|
||||
#item{
|
||||
@include flexbox;
|
||||
align-items: flex-end;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.home{
|
||||
#item{
|
||||
.card{
|
||||
&.hidden{
|
||||
display: none;
|
||||
}
|
||||
&.visible{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.more{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
a{
|
||||
font-family: $Bold;
|
||||
font-size: 1.2rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.home, .blog, .current-upcoming{
|
||||
.card{
|
||||
&:nth-child(5n+2){
|
||||
padding-right: 0.7rem;
|
||||
}
|
||||
&:nth-child(5n+3){
|
||||
padding-left: 0.7rem;
|
||||
}
|
||||
&:nth-child(5n+4){
|
||||
padding-right: 0.7rem;
|
||||
}
|
||||
&:nth-child(5n+5){
|
||||
padding-left: 0.7rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.modular{
|
||||
#item{
|
||||
margin-bottom: 6rem;
|
||||
}
|
||||
.press{
|
||||
#body-wrapper{
|
||||
width: $first_card;
|
||||
#item{
|
||||
.card{
|
||||
display: inline-flex;
|
||||
margin-bottom: 1rem;
|
||||
.date{
|
||||
min-width: 200px;
|
||||
}
|
||||
.content{
|
||||
p{
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.visit-us{
|
||||
section{
|
||||
width: 100%;
|
||||
&:not(:nth-last-child(1)){
|
||||
margin-bottom: 6rem;
|
||||
}
|
||||
.map_header{
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
.map_content{
|
||||
display: inline-flex;
|
||||
.image{
|
||||
width: 50%;
|
||||
margin-right: 0.7rem;
|
||||
.img{
|
||||
height: 500px;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
img{
|
||||
width: auto!important;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.maps{
|
||||
width: 50%;
|
||||
& > .map{
|
||||
height: 500px;
|
||||
}
|
||||
.adress{
|
||||
margin-top: 1rem;
|
||||
span{
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.modular{
|
||||
#start{
|
||||
&.visit-us{
|
||||
header{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
#body-wrapper{
|
||||
.list_press{
|
||||
@include flexbox;
|
||||
// width: 70%;
|
||||
align-items: baseline;
|
||||
flex-wrap: nowrap;
|
||||
margin-bottom: 0.8rem;
|
||||
.date{
|
||||
margin-right: 3rem;
|
||||
}
|
||||
}
|
||||
section{
|
||||
&.insitu{
|
||||
width: 100%;
|
||||
margin-bottom: 3.2rem;
|
||||
.header{
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.content-warp{
|
||||
width: 100%;
|
||||
@include flexbox;
|
||||
& > div{
|
||||
width: 50%;
|
||||
&.image{
|
||||
padding-right: 1rem;
|
||||
.img{
|
||||
overflow: hidden;
|
||||
min-height: 500px;
|
||||
display: flex;
|
||||
width: auto;
|
||||
height: 500px;
|
||||
img{
|
||||
width: auto;
|
||||
height: 100%;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
.content{
|
||||
margin-top: 1rem;
|
||||
text-transform: none;
|
||||
color: $grey;
|
||||
p{
|
||||
line-height: 1.2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.leaflet-container{
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
}
|
||||
.maps{
|
||||
.adress{
|
||||
margin-top: 1rem;
|
||||
text-transform: none;
|
||||
span{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.news{
|
||||
.card{
|
||||
.card-image{
|
||||
display: flex;
|
||||
width: 100%;
|
||||
// height: 300px;
|
||||
overflow: hidden;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content-item{
|
||||
width: $first_card;
|
||||
h2{
|
||||
margin-bottom: 1.6rem;
|
||||
}
|
||||
.date{
|
||||
margin: 1.2rem 0;
|
||||
}
|
||||
.e-content{
|
||||
width: $first_card;
|
||||
p{
|
||||
margin-bottom: 1.2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,7 +1,171 @@
|
||||
.search-input, [data-grav-field="array"] input, [data-grav-field="array"] textarea {
|
||||
@extend .form-input;
|
||||
.slider{
|
||||
margin-bottom: 3rem;
|
||||
width: 90%;
|
||||
& > div{
|
||||
& > img{
|
||||
width: auto;
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
max-height: 95vh;
|
||||
}
|
||||
}
|
||||
.slick-list{
|
||||
// max-height: 90vh!important;
|
||||
padding: 0!important;
|
||||
.slick-track{
|
||||
.slick-slide{
|
||||
// opacity: 0;
|
||||
position: relative;
|
||||
div{
|
||||
width: 100%!important;
|
||||
max-height: calc(95vh);
|
||||
img{
|
||||
max-width: 100%;
|
||||
width: auto;
|
||||
max-height: calc(95vh);
|
||||
padding-bottom: 2rem;
|
||||
margin: auto;
|
||||
}
|
||||
.caption{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
height: auto;
|
||||
// width: auto!important;
|
||||
margin-top: -1.5rem;
|
||||
}
|
||||
}
|
||||
&.slick-center{
|
||||
transition: 0.2s opacity 0.3s;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
button{
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
width: 2rem;
|
||||
font-size: 0;
|
||||
height: 100%;
|
||||
background: transparent;
|
||||
border: none;
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
&::after{
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 0.6rem;
|
||||
height: 1.2rem;
|
||||
top: 50%;
|
||||
content: " ";
|
||||
margin-top: -0.6rem;
|
||||
}
|
||||
&.slick-prev{
|
||||
left: 1.2rem;
|
||||
&::after{
|
||||
left: 2.5px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background: url('/user/themes/vocurations/images/arrow_left.svg');
|
||||
}
|
||||
}
|
||||
&.slick-next{
|
||||
right: 1.2rem;
|
||||
&::after{
|
||||
right: 2.5px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background: url('/user/themes/vocurations/images/arrow_right.svg');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button {
|
||||
@extend .btn;
|
||||
}
|
||||
// .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;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// .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;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
@@ -1 +0,0 @@
|
||||
$title-font-family: $base-font-family, $fallback-font-family !default;
|
||||
@@ -1,17 +1,47 @@
|
||||
// Sticky Footer solution
|
||||
body.sticky-footer {
|
||||
height: 100%;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
#page-wrapper {
|
||||
flex: 1 0 auto;
|
||||
footer{
|
||||
@include flexbox;
|
||||
margin-bottom: 1rem;
|
||||
margin-top: 6rem;
|
||||
& > div{
|
||||
display: inline-flex;
|
||||
flex-direction: column;
|
||||
width: calc(100% / 3);
|
||||
margin-bottom: 10px;
|
||||
min-width: 400px;
|
||||
&.adress{
|
||||
span:nth-child(1){
|
||||
display: block
|
||||
}
|
||||
.align{
|
||||
@include flexbox;
|
||||
span{
|
||||
margin-right: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.partenair{
|
||||
justify-content: center;
|
||||
.logo{
|
||||
height: 20px;
|
||||
img{
|
||||
width: auto;
|
||||
height: 100%;
|
||||
vertical-align: baseline!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.newsletter{
|
||||
p{
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
&.rs{
|
||||
}
|
||||
& > span{
|
||||
margin-right: 1rem;
|
||||
}
|
||||
& > a {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#footer {
|
||||
color: #acb3c2;
|
||||
padding: 1rem $horiz-padding 0;
|
||||
text-align: center;
|
||||
}
|
||||
@@ -1,77 +1,198 @@
|
||||
form {
|
||||
.button-wrapper {
|
||||
margin-top: 0.75rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.form{
|
||||
section{
|
||||
&#body-wrapper{
|
||||
#custom-form{
|
||||
margin-top: 3rem;
|
||||
@include grilles;
|
||||
.form-field{
|
||||
align-self: center;
|
||||
&:nth-child(1){
|
||||
grid-column: 1 / 3;
|
||||
grid-row: 1;
|
||||
}
|
||||
&:nth-child(2){
|
||||
grid-column: 3 / 5;
|
||||
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(5){
|
||||
grid-column: 3 / 6;
|
||||
grid-row: 2;
|
||||
}
|
||||
&:nth-child(6){
|
||||
grid-column: 1 / 3;
|
||||
grid-row: 3;
|
||||
}
|
||||
&:nth-child(7){
|
||||
grid-column: 3 / 5;
|
||||
grid-row: 3;
|
||||
}
|
||||
&:nth-child(8){
|
||||
grid-column: 5 / 5;
|
||||
grid-row: 3;
|
||||
display: flex;
|
||||
position: relative;
|
||||
.form-data{
|
||||
.dropzone{
|
||||
min-height: auto;
|
||||
border:none;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
background: transparent;
|
||||
::before{
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
width: 1.2rem;
|
||||
height: 1.2rem;
|
||||
content: ' ';
|
||||
background: url('/user/themes/vocurations/images/Upload.svg');
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
right: -0px;
|
||||
top: 0;
|
||||
margin-top: -0.4rem;
|
||||
}
|
||||
.dz-preview {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
margin: 0;
|
||||
top: -22px;
|
||||
background: white;
|
||||
.dz-image{
|
||||
width: 100%;
|
||||
height: auto;
|
||||
background: white;
|
||||
}
|
||||
.dz-remove{
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
right: 0;
|
||||
}
|
||||
.dz-success-mark{
|
||||
path{
|
||||
fill:green;
|
||||
}
|
||||
|
||||
span.required {
|
||||
color: $error-color;
|
||||
font-weight: 700;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.dz-default{
|
||||
span{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:nth-child(9){
|
||||
grid-column: 1 / 9;
|
||||
grid-row: 4;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.form-label{
|
||||
margin-right: 1rem;
|
||||
}
|
||||
.form-data{
|
||||
@include flexbox;
|
||||
.radio{
|
||||
margin-right: 1rem;
|
||||
label{
|
||||
@include flexbox;
|
||||
flex-wrap: nowrap!important;
|
||||
align-items: center;
|
||||
input{
|
||||
margin-right: 10px;
|
||||
border: 1px solid black;
|
||||
position: relative;
|
||||
appearance: none;
|
||||
font-size: inherit;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 0;
|
||||
color: inherit;
|
||||
outline: none;
|
||||
transition: 300ms ease-out;
|
||||
vertical-align: baseline;
|
||||
&::after {
|
||||
content: ' ';
|
||||
display: block;
|
||||
text-align: center;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
&:active {
|
||||
transform: scale(.6);
|
||||
}
|
||||
}
|
||||
input[type=radio]:checked::after {
|
||||
background: black;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&:nth-child(10){
|
||||
grid-column: 1 / 6;
|
||||
grid-row: 5/7;
|
||||
align-self: stretch;
|
||||
.form-label {
|
||||
display: none;
|
||||
}
|
||||
.form-data{
|
||||
height: 100%;
|
||||
}
|
||||
.form-textarea-wrapper {
|
||||
height: 100%;
|
||||
}
|
||||
textarea{
|
||||
padding: 0.5rem;
|
||||
border : 1px solid black;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
resize: none;
|
||||
}
|
||||
}
|
||||
&:nth-child(-n+7){
|
||||
.form-label{
|
||||
display:none
|
||||
}
|
||||
}
|
||||
.form-data{
|
||||
input{
|
||||
border: none;
|
||||
border-bottom: 1px solid black;
|
||||
width: 100%;
|
||||
}
|
||||
textarea:focus, input:focus {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.form-input[type=range] {
|
||||
appearance: slider-horizontal;
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
/** Reset some defaults for Quark Theme **/
|
||||
.form-group:not(.form-field-toggleable) {
|
||||
.checkboxes {
|
||||
display: inherit;
|
||||
|
||||
label {
|
||||
display: inherit;
|
||||
padding: (($control-size-sm - $line-height) / 2) $control-padding-x (($control-size-sm - $line-height) / 2) ($control-icon-size + $control-padding-x);
|
||||
margin: inherit;
|
||||
|
||||
&:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.buttons{
|
||||
grid-column: 1 / 1;
|
||||
grid-row: 7;
|
||||
align-self: center;
|
||||
button{
|
||||
border: none;
|
||||
background: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#grav-login {
|
||||
|
||||
> form {
|
||||
margin: 2rem auto 0;
|
||||
max-width: 350px;
|
||||
}
|
||||
.form-label {
|
||||
display: none;
|
||||
}
|
||||
.form-data {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
.form-input {
|
||||
text-align: center;
|
||||
}
|
||||
.button-wrapper {
|
||||
text-align: right;
|
||||
|
||||
.form-data.rememberme {
|
||||
margin: 0;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.login-form {
|
||||
button[type="submit"] {
|
||||
@include button-primary;
|
||||
}
|
||||
}
|
||||
|
||||
.twofa-form {
|
||||
button[type="submit"]:first-child {
|
||||
@include button-primary;
|
||||
float: right;
|
||||
margin-left: 4px;
|
||||
}
|
||||
.toast-success{
|
||||
font-family: $Regular;
|
||||
display: inline-block;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,156 +0,0 @@
|
||||
html {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#body-wrapper {
|
||||
.container {
|
||||
padding: $vert-padding;
|
||||
}
|
||||
|
||||
// Fixed Header solution
|
||||
.header-fixed & {
|
||||
padding-top: $header-height-large;
|
||||
}
|
||||
}
|
||||
|
||||
.header-fixed {
|
||||
.hero + #start > #body-wrapper {
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
section.section {
|
||||
padding-left: $horiz-padding;
|
||||
padding-right: $horiz-padding;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.overlay-light, .overlay-dark, .overlay-light-gradient, .overlay-dark-gradient {
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
// Hero
|
||||
.hero {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
padding-top: 6rem;
|
||||
padding-bottom: 7rem;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
|
||||
h1 {
|
||||
color: $header-text-dark;
|
||||
font-size: 4rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: rgba($header-text-dark, 0.8);
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
&.hero-fullscreen {
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
&.hero-large {
|
||||
min-height: 500px;
|
||||
}
|
||||
|
||||
&.hero-medium {
|
||||
min-height: 400px;
|
||||
}
|
||||
|
||||
&.hero-small {
|
||||
min-height: 110px;
|
||||
}
|
||||
|
||||
&.hero-tiny {
|
||||
min-height: 8rem;
|
||||
}
|
||||
|
||||
.header-fixed & {
|
||||
background-position: 50% 0;
|
||||
}
|
||||
|
||||
//&.parallax {
|
||||
// background-attachment: fixed;
|
||||
//}
|
||||
|
||||
@include breakpoint(md) {
|
||||
h1 {
|
||||
font-size: 3rem;
|
||||
}
|
||||
h2 {
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint(sm) {
|
||||
h1 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
h2 {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&.text-light {
|
||||
h1 {
|
||||
color: $header-text-light;
|
||||
}
|
||||
h2 {
|
||||
color: rgba($header-text-light, 0.8);
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: .9rem;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
#to-start {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
font-size: 2rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
// Overlay
|
||||
.image-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: -1;
|
||||
|
||||
.overlay-light & {
|
||||
background: rgba(#fff, 0.4);
|
||||
}
|
||||
|
||||
.overlay-light-gradient & {
|
||||
background: linear-gradient(to bottom, rgba(#fff,0.5), rgba(#fff,0.2));
|
||||
}
|
||||
|
||||
.overlay-dark & {
|
||||
background: rgba(#000, 0.4);
|
||||
}
|
||||
|
||||
.overlay-dark-gradient & {
|
||||
background: linear-gradient(to bottom, rgba(#000,0.5), rgba(#000,0.2));
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -1,101 +1,73 @@
|
||||
#header {
|
||||
width: 100%;
|
||||
height: $header-height-large;
|
||||
border-bottom: 1px solid rgba($gray-color, 0.2);
|
||||
@extend .default-animation;
|
||||
|
||||
font-size: 0.7rem;
|
||||
font-weight: 700;
|
||||
|
||||
background: $light-color;
|
||||
color: $dark-color;
|
||||
|
||||
a {
|
||||
color: $dark-color;
|
||||
#page-wrapper{
|
||||
.mobile-menu{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.logo svg path {
|
||||
fill: $header-color-dark;
|
||||
}
|
||||
|
||||
.header-dark &:not(.scrolled) {
|
||||
background: $header-color-dark;
|
||||
color: $light-color;
|
||||
a {
|
||||
color: rgba($light-color, 0.7) !important;
|
||||
& > header{
|
||||
z-index: 999;
|
||||
padding-top: 1.4rem;
|
||||
.logo{
|
||||
z-index: 999;
|
||||
width: 20rem;
|
||||
position: fixed;
|
||||
right: 0px;
|
||||
top: 0;
|
||||
transform: translate(-25%, 19rem) rotate(90deg);
|
||||
transform-origin: bottom right;
|
||||
}
|
||||
a.active {
|
||||
color: $light-color !important;
|
||||
}
|
||||
.dropmenu ul ul a {
|
||||
color: $dark-color !important;
|
||||
}
|
||||
.logo svg path {
|
||||
fill: $light-color;
|
||||
}
|
||||
}
|
||||
|
||||
.header-dark.header-transparent &:not(.scrolled) {
|
||||
background: rgba(#000, 0.05);
|
||||
}
|
||||
|
||||
.header-transparent &:not(.scrolled) {
|
||||
background: rgba(#fff, 0.05);
|
||||
//border-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.navbar-section {
|
||||
height: $header-height-large;
|
||||
@extend .default-animation;
|
||||
|
||||
@include breakpoint(md) {
|
||||
margin-right: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-section.desktop-menu {
|
||||
@include breakpoint(md) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.logo {
|
||||
svg, img {
|
||||
height: 42px;
|
||||
display: inherit;
|
||||
@extend .default-animation;
|
||||
}
|
||||
}
|
||||
|
||||
// Fixed Header solution
|
||||
.header-fixed & {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
|
||||
// Animate Fixed Header
|
||||
body.header-fixed.header-animated {
|
||||
#header.scrolled {
|
||||
height: $header-height-small;
|
||||
|
||||
.navbar-section {
|
||||
height: $header-height-small;
|
||||
}
|
||||
|
||||
.logo {
|
||||
svg, img {
|
||||
height: 28px;
|
||||
.desktop-menu{
|
||||
& > nav.dropmenu{
|
||||
& > ul{
|
||||
@include flexbox;
|
||||
& > li{
|
||||
margin-right: 1.2rem;
|
||||
& > ul{
|
||||
position: absolute;
|
||||
top: -100px;
|
||||
a{
|
||||
transition: 0.3s color ease;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
&:hover{
|
||||
& > ul{
|
||||
position: absolute;
|
||||
top: auto;
|
||||
a{
|
||||
&.active{
|
||||
color: black;
|
||||
}
|
||||
transition: 0.3s color ease;
|
||||
color: $grey;
|
||||
}
|
||||
& > li{
|
||||
&:hover{
|
||||
a{
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
~ .mobile-menu .button_container {
|
||||
top: 0.5rem;
|
||||
}
|
||||
#start{
|
||||
header.sous_nav{
|
||||
padding-top: 4rem;
|
||||
ul{
|
||||
@include flexbox;
|
||||
li{
|
||||
margin-right: 1rem;
|
||||
a{
|
||||
color: $grey;
|
||||
&.active{
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.login-status-wrapper {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
@@ -1,94 +0,0 @@
|
||||
.dropmenu {
|
||||
|
||||
@include breakpoint(md) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
ul {
|
||||
white-space: nowrap;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
padding: $dropmenu-vert-padding ($dropmenu-horiz-padding + $dropmenu-child-padding) $dropmenu-vert-padding $dropmenu-horiz-padding;
|
||||
display: block;
|
||||
|
||||
&:hover, &:focus, &.active {
|
||||
color: $dropmenu-hover-text !important;
|
||||
}
|
||||
|
||||
&:before {
|
||||
content: '\f107';
|
||||
font-family: 'FontAwesome';
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
float: right;
|
||||
margin-right: - (2 *$dropmenu-child-padding);
|
||||
}
|
||||
|
||||
&:only-child {
|
||||
//background: none;
|
||||
padding-right: $dropmenu-horiz-padding;
|
||||
|
||||
&:before {
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
& > ul {
|
||||
display: block;
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul li a:before {
|
||||
content: '\f105';
|
||||
}
|
||||
|
||||
ul {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
list-style: none;
|
||||
background: $dropmenu-bg;
|
||||
box-shadow: $dropmenu-shadow;
|
||||
visibility: hidden;
|
||||
|
||||
ul {
|
||||
position: absolute;
|
||||
left: 100%;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
& > ul > li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
// Animation options
|
||||
&.animated {
|
||||
ul li {
|
||||
transition: background .7s, color 0.5s;
|
||||
}
|
||||
|
||||
ul li:hover > ul {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
ul ul {
|
||||
transition: transform .3s, opacity .5s;
|
||||
opacity: 0;
|
||||
transform: translateY(-10px);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,76 +1,49 @@
|
||||
@mixin breakpoint($point) {
|
||||
@if $point == 2x {
|
||||
@media (min-width:$size-2x) {
|
||||
@content;
|
||||
}
|
||||
} @else if $point == xl {
|
||||
@media (max-width: $size-xl) {
|
||||
@content;
|
||||
}
|
||||
|
||||
} @else if $point == lg {
|
||||
@media (max-width: $size-lg) {
|
||||
@content;
|
||||
}
|
||||
} @else if $point == md {
|
||||
@media (max-width: $size-md) {
|
||||
@content;
|
||||
}
|
||||
} @else if $point == sm {
|
||||
@media (max-width: $size-sm) {
|
||||
@content;
|
||||
}
|
||||
} @else if $point == xs {
|
||||
@media (max-width: $size-xs) {
|
||||
@content;
|
||||
}
|
||||
} @else {
|
||||
@warn "Breakpoint mixin supports: xs, sm, md, lg, xl, 2x";
|
||||
}
|
||||
@mixin flexbox {
|
||||
display: inline-flex;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@mixin vertical-align($position: relative) {
|
||||
position: $position;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
@mixin space-between {
|
||||
@include flexbox;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
@mixin button-primary() {
|
||||
background: $primary-color;
|
||||
border-color: $primary-color-dark;
|
||||
color: $light-color;
|
||||
&:focus,
|
||||
&:hover {
|
||||
background: darken($primary-color-dark, 2%);
|
||||
border-color: darken($primary-color-dark, 5%);
|
||||
color: $light-color;
|
||||
}
|
||||
&:active,
|
||||
&.active {
|
||||
background: darken($primary-color-dark, 4%);
|
||||
border-color: darken($primary-color-dark, 7%);
|
||||
color: $light-color;
|
||||
}
|
||||
@mixin grilles{
|
||||
display: grid;
|
||||
grid-template-columns: 20% 20% 20% 20% 20%;
|
||||
grid-gap: 1.4rem;
|
||||
grid-auto-rows: minmax(3.2rem, 3.2rem);
|
||||
justify-items: stretch;
|
||||
}
|
||||
|
||||
@function strip-unit($value) {
|
||||
@return $value / ($value * 0 + 1);
|
||||
}
|
||||
|
||||
@mixin fluid-type($min-vw, $max-vw, $min-font-size, $max-font-size) {
|
||||
$u1: unit($min-vw);
|
||||
$u2: unit($max-vw);
|
||||
$u3: unit($min-font-size);
|
||||
$u4: unit($max-font-size);
|
||||
|
||||
@if $u1 == $u2 and $u1 == $u3 and $u1 == $u4 {
|
||||
& {
|
||||
font-size: $min-font-size;
|
||||
@media screen and (min-width: $min-vw) {
|
||||
font-size: calc(#{$min-font-size} + #{strip-unit($max-font-size - $min-font-size)} * ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)}));
|
||||
@mixin card($size) {
|
||||
@if $size == 'small' {
|
||||
.card-header{
|
||||
h5{
|
||||
font-size: $Fsub-title;
|
||||
line-height: $Lsub-title;
|
||||
}
|
||||
@media screen and (min-width: $max-vw) {
|
||||
font-size: $max-font-size;
|
||||
}
|
||||
.card-date{
|
||||
time{
|
||||
font-size: $Fsub-title;
|
||||
line-height: $Lsub-title;
|
||||
}
|
||||
}
|
||||
} @else if $size == 'big' {
|
||||
width: $first_card;
|
||||
.card-header{
|
||||
h5{
|
||||
font-size: $Ftitle;
|
||||
line-height: $Ltitle;
|
||||
}
|
||||
}
|
||||
.card-date{
|
||||
time{
|
||||
font-size: $Ftitle;
|
||||
line-height: $Ltitle;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,193 +1,258 @@
|
||||
.mobile-container {
|
||||
position: absolute;
|
||||
//width: 100%;
|
||||
//height: 100%;
|
||||
top: 40%;
|
||||
left: 0;
|
||||
margin: 0 auto;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.mobile-logo {
|
||||
svg, img {
|
||||
height: 42px;
|
||||
margin-top: .7rem;
|
||||
margin-left: 1.4rem;
|
||||
|
||||
path {
|
||||
fill: $light-color;
|
||||
@media screen and (max-width: 1024px) {
|
||||
html{
|
||||
.archives section#body-wrapper, .news section#body-wrapper {
|
||||
width: calc( 100% + (0.7rem * 2));
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
// Hamburger Menu
|
||||
.mobile-menu {
|
||||
|
||||
display: none;
|
||||
top: 0;
|
||||
right: 0;
|
||||
z-index: 3;
|
||||
|
||||
.header-fixed & {
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
@include breakpoint(md) {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.button_container {
|
||||
position: absolute;
|
||||
top: 1.3rem;
|
||||
right: $horiz-padding;
|
||||
height: $mobile-button-height;
|
||||
width: $mobile-button-width;
|
||||
cursor: pointer;
|
||||
z-index: 100;
|
||||
transition: opacity .25s ease, top 0.5s ease;
|
||||
|
||||
$bar-offset: $mobile-button-height / 3;
|
||||
|
||||
&:hover {
|
||||
opacity: .7;
|
||||
}
|
||||
|
||||
&.active {
|
||||
position: fixed;
|
||||
|
||||
.top {
|
||||
transform: translateY($bar-offset) translateX(0) rotate(45deg);
|
||||
background: $mobile-color-active;
|
||||
}
|
||||
.middle {
|
||||
opacity: 0;
|
||||
background: $mobile-color-active;
|
||||
}
|
||||
|
||||
.bottom {
|
||||
transform: translateY(-($bar-offset)) translateX(0) rotate(-45deg);
|
||||
background: $mobile-color-active;
|
||||
}
|
||||
}
|
||||
|
||||
span {
|
||||
background: $mobile-color-main;
|
||||
border: none;
|
||||
height: 4px;
|
||||
.modular section#body-wrapper{
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
transition: all .35s ease;
|
||||
cursor: pointer;
|
||||
|
||||
&:nth-of-type(2) {
|
||||
top: $bar-offset;
|
||||
}
|
||||
|
||||
&:nth-of-type(3) {
|
||||
top: $bar-offset * 2;
|
||||
section.insitu{
|
||||
.content-warp{
|
||||
& >div.image .img{
|
||||
height: 350px!important;
|
||||
min-height: 350px!important;
|
||||
}
|
||||
}
|
||||
.leaflet-container {
|
||||
height: 350px!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.overlay {
|
||||
position: fixed;
|
||||
background: #000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 0%;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transition: opacity .35s, visibility .35s, height .35s;
|
||||
|
||||
&.open {
|
||||
opacity: .95;
|
||||
visibility: visible;
|
||||
height: 100%;
|
||||
|
||||
}
|
||||
nav {
|
||||
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
@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;
|
||||
}
|
||||
}
|
||||
.leaflet-container {
|
||||
height: 250px!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.overlay-menu {
|
||||
height: calc(100% - 90px);
|
||||
overflow-y: scroll;
|
||||
|
||||
& > .tree {
|
||||
text-align: left;
|
||||
@media screen and (max-width: 440px) {
|
||||
body{
|
||||
margin: 0 0.7rem!important;
|
||||
header#header{
|
||||
position: fixed!important;
|
||||
z-index: 999;
|
||||
.logo{
|
||||
left: 0.7rem!important;
|
||||
top: 1rem!important;
|
||||
width: 100%;
|
||||
transform: translate(0) rotate(0deg)!important;
|
||||
a{
|
||||
width: 80%;
|
||||
display: block;
|
||||
img{
|
||||
width: 15rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
.desktop-menu{
|
||||
display:none;
|
||||
.dropmenu{
|
||||
& > ul {
|
||||
& > li {
|
||||
&:hover{
|
||||
& > ul{
|
||||
position: relative!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.mobile-menu{
|
||||
display: block!important;
|
||||
z-index: 999;
|
||||
position: fixed;
|
||||
right: 0.7rem;
|
||||
top: 1rem;
|
||||
.close{
|
||||
display:none;
|
||||
}
|
||||
.open{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
&.mobile-nav-open{
|
||||
header{
|
||||
.desktop-menu{
|
||||
display: block!important;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: white;
|
||||
.dropmenu{
|
||||
margin: 6rem auto 0 1.4rem;
|
||||
}
|
||||
ul{
|
||||
display: block!important;
|
||||
li{
|
||||
a{
|
||||
font-size: 2rem;
|
||||
line-height: 4rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.mobile-menu{
|
||||
.open{
|
||||
display:none;
|
||||
}
|
||||
.close{
|
||||
display:block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
#start{
|
||||
#body-wrapper{
|
||||
margin-top: 2rem;
|
||||
padding-top: 0rem!important;
|
||||
#item{
|
||||
.card{
|
||||
width: 100%!important;
|
||||
padding-right: 0!important;
|
||||
padding-left: 0!important;
|
||||
.card-header{
|
||||
.card-title{
|
||||
h5{
|
||||
a{
|
||||
font-size: 2.3rem!important;
|
||||
line-height: 2.5rem!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.card-date{
|
||||
font-size: 2.4rem!important;
|
||||
line-height: 2.5rem!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.treemenu {
|
||||
|
||||
&.treemenu-root {
|
||||
margin: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
.events{
|
||||
#start{
|
||||
margin-top: 8rem;
|
||||
}
|
||||
}
|
||||
.content-item{
|
||||
width: 100%!important;
|
||||
h2{
|
||||
font-size: 2.3rem;
|
||||
line-height: 2.5rem;
|
||||
}
|
||||
.slider{
|
||||
margin-left: -0.7rem;
|
||||
width: 100vw;
|
||||
.caption{
|
||||
margin-left: 0.7rem;
|
||||
}
|
||||
}
|
||||
.e-content{
|
||||
width: 100%!important;
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
margin: 0 0 1px;
|
||||
padding: 5px 0;
|
||||
line-height: 1.2rem;
|
||||
#start{
|
||||
&.home{
|
||||
margin-top: 8rem;
|
||||
}
|
||||
margin-top: 4rem;
|
||||
#body-wrapper{
|
||||
|
||||
background: rgba($gray-color-dark,0.1);
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
.default{
|
||||
#start{
|
||||
section{
|
||||
&#body-wrapper{
|
||||
margin-top: 4rem;
|
||||
h2{
|
||||
font-size: 2.3rem;
|
||||
line-height: 2.5rem;
|
||||
}
|
||||
width: 100%!important;
|
||||
p{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.archives section#body-wrapper, .news section#body-wrapper{
|
||||
width: 100%!important;
|
||||
#item{
|
||||
margin-left: 0!important;
|
||||
}
|
||||
}
|
||||
|
||||
.modular{
|
||||
#body-wrapper.blog-listing{
|
||||
margin-top: 8rem!important;
|
||||
#item{
|
||||
flex-direction: column;
|
||||
.content-warp{
|
||||
flex-direction: column;
|
||||
& > div{
|
||||
width: 100%!important;
|
||||
padding: 0!important;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
h2{
|
||||
font-size: 2.3rem;
|
||||
}
|
||||
#start #body-wrapper .list_press{
|
||||
width: 100%!important;
|
||||
flex-direction: column;
|
||||
.date{
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form section#body-wrapper{
|
||||
width: 100%!important;
|
||||
#custom-form{
|
||||
display: block;
|
||||
margin-left: 1.2rem;
|
||||
font-size: 1rem;
|
||||
|
||||
&:hover, &:focus, &.active {
|
||||
color: $primary-color-light !important;
|
||||
text-decoration: none;
|
||||
.form-field{
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
.form-field:nth-child(10) textarea{
|
||||
min-height: 200px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0 0 0 1rem;
|
||||
}
|
||||
|
||||
.toggler {
|
||||
cursor: pointer;
|
||||
vertical-align: top;
|
||||
font-size: 1.1rem;
|
||||
line-height: 1rem;
|
||||
padding-left: 5px;
|
||||
float: left;
|
||||
|
||||
&:before {
|
||||
display: inline-block; margin-right: 2pt;
|
||||
}
|
||||
}
|
||||
|
||||
li.tree-empty > .toggler {
|
||||
opacity: 0.3; cursor: default;
|
||||
|
||||
&:before {
|
||||
content: "\2022";
|
||||
}
|
||||
}
|
||||
|
||||
li.tree-closed > .toggler:before {
|
||||
content: "+";
|
||||
}
|
||||
|
||||
li.tree-opened > .toggler:before {
|
||||
content: "\2212";
|
||||
footer{
|
||||
flex-direction: column;
|
||||
& > div{
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mobile-nav-open {
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
@@ -1,122 +0,0 @@
|
||||
.modular-hero {
|
||||
#to-start {
|
||||
bottom: 3.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.modular-features {
|
||||
text-align: center;
|
||||
|
||||
&.offset-box {
|
||||
.frame-box {
|
||||
margin: -3rem (-1rem - $layout-spacing) 3rem;
|
||||
padding: 1rem 1rem;
|
||||
background: $light-color;
|
||||
box-shadow: 0 0 75px 0 rgba($dark-color, 0.1);
|
||||
}
|
||||
}
|
||||
|
||||
&.small {
|
||||
|
||||
.columns {
|
||||
margin-top: -1rem;
|
||||
}
|
||||
|
||||
.column:hover {
|
||||
.feature-icon i {
|
||||
color: $primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
.feature-icon {
|
||||
display: block;
|
||||
justify-content: left;
|
||||
|
||||
|
||||
i {
|
||||
position: relative;
|
||||
display: inherit;
|
||||
font-size: 70px;
|
||||
margin: 0 auto 1rem;
|
||||
transform: none;
|
||||
left: auto;
|
||||
top: auto;
|
||||
color: $gray-color;
|
||||
@extend .default-animation;
|
||||
|
||||
}
|
||||
h6 {
|
||||
text-transform: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.frame-box {
|
||||
padding: 3rem 0;
|
||||
|
||||
> p {
|
||||
max-width: 600px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.column {
|
||||
padding: 1rem;
|
||||
|
||||
&:hover {
|
||||
.feature-icon {
|
||||
color: $gray-color;
|
||||
h6 {
|
||||
color: $primary-color;
|
||||
}
|
||||
}
|
||||
.feature-content {
|
||||
color: $gray-color-dark;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.feature-icon {
|
||||
font-size: 130px;
|
||||
height: 100px;
|
||||
color: $gray-color-light;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
margin: 1rem 0;
|
||||
@extend .default-animation;
|
||||
|
||||
i {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translateX(-50%) translateY(-50%);
|
||||
}
|
||||
|
||||
h6 {
|
||||
background: $light-color;
|
||||
line-height: 1;
|
||||
z-index: 1;
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
margin: 0;
|
||||
display: block;
|
||||
color: $gray-color-dark;
|
||||
}
|
||||
}
|
||||
|
||||
.feature-content {
|
||||
color: $gray-color;
|
||||
}
|
||||
}
|
||||
|
||||
.modular-text {
|
||||
padding-top: 4rem;
|
||||
padding-bottom: 4rem;
|
||||
|
||||
.columns.left {
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
}
|
||||
@@ -7,25 +7,10 @@
|
||||
* 1. Correct the line height in all browsers.
|
||||
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
||||
*/
|
||||
// .bx-wrapper, .bx-viewport {
|
||||
// height: 200px !important; //provide height of slider
|
||||
// }
|
||||
|
||||
.map { height:500px; }
|
||||
|
||||
.bx-viewport {
|
||||
max-height: 70vh!important;
|
||||
width: auto!important;
|
||||
}
|
||||
|
||||
.slider{
|
||||
img{
|
||||
width: auto!important;
|
||||
height: 100%;
|
||||
max-height: 70vh;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
*{
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html {
|
||||
margin: 0;
|
||||
@@ -186,7 +171,7 @@ sup {
|
||||
img {
|
||||
border-style: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
height: auto;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
|
||||
@@ -1,178 +1,226 @@
|
||||
html {
|
||||
@include fluid-type($size-xs, $size-xl, $min-responsive-font-size, $html-font-size);
|
||||
}
|
||||
|
||||
// Header Overrides
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 2rem;
|
||||
font-family: $title-font-family;
|
||||
color: darken($body-font-color, 10%);
|
||||
}
|
||||
|
||||
h1, .h1 {
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
h2, .h2 {
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
|
||||
h6, .h6 {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.title-center {
|
||||
h1, h2 {
|
||||
text-align: center;
|
||||
header{
|
||||
a{
|
||||
font-family: $Bold;
|
||||
font-weight: normal;
|
||||
text-transform: uppercase;
|
||||
font-size: $Fcourant;
|
||||
line-height: $Fcourant;
|
||||
}
|
||||
}
|
||||
|
||||
.title-h1h2 {
|
||||
h1 {
|
||||
font-weight: 100;
|
||||
margin-bottom: 0;
|
||||
line-height: 1.1;
|
||||
h2{
|
||||
font-family: $Bold;
|
||||
font-size: $Ftitle;
|
||||
font-weight: normal;
|
||||
text-transform: uppercase;
|
||||
line-height: $Ltitle;
|
||||
margin: 0;
|
||||
span{
|
||||
margin-right: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
strong, bold {
|
||||
font-weight: 400;
|
||||
h3{
|
||||
font-family: $Bold;
|
||||
font-size: $Fsub-title;
|
||||
line-height: $Lsub-title;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
h5{
|
||||
font-family: $Bold;
|
||||
font-size: $Fcourant;
|
||||
line-height: 1.2rem;
|
||||
text-transform: uppercase;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.card-date{
|
||||
time{
|
||||
font-family: $Bold;
|
||||
font-size: $Fcourant;
|
||||
line-height: $Lcourant;
|
||||
text-transform: uppercase;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
|
||||
p{
|
||||
font-family: $Bold;
|
||||
font-weight: normal;
|
||||
font-size: 1.6rem;
|
||||
line-height: 1.9rem;
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
.card-cat{
|
||||
font-family: $Bold;
|
||||
font-weight: normal;
|
||||
text-transform: uppercase;
|
||||
font-size: $Fcourant;
|
||||
line-height: $Lcourant;
|
||||
}
|
||||
|
||||
.card-lieux{
|
||||
font-family: $Bold;
|
||||
font-weight: normal;
|
||||
font-size: $Fcourant;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.content-item{
|
||||
.date{
|
||||
font-size: $Fsub-title;
|
||||
font-family: $Bold;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.caption{
|
||||
margin-top: 10px;
|
||||
font-size: $Fcourant;
|
||||
font-family: $Bold;
|
||||
font-weight: normal;
|
||||
color: $grey;
|
||||
}
|
||||
|
||||
.home, .blog{
|
||||
.card{
|
||||
&:nth-child(5n+1){
|
||||
@include card(big);
|
||||
}
|
||||
}
|
||||
h1 + h2 {
|
||||
line-height: 1.1;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Typography Hints
|
||||
.title-h1h2, .title-center {
|
||||
h1 + h2 {
|
||||
margin-bottom: 50px;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
|
||||
a:focus {
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
// Tables
|
||||
.table > table {
|
||||
border-spacing: 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
// Codeblocks
|
||||
pre code, pre.xdebug-var-dump{
|
||||
background: #fafafa;
|
||||
display: block;
|
||||
padding: 1rem !important;
|
||||
line-height: 1.5;
|
||||
color: inherit;
|
||||
border-radius: 2px;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
pre[class*="language-"] {
|
||||
code {
|
||||
border-radius: inherit;
|
||||
padding: 0 !important;
|
||||
overflow-x: initial;
|
||||
}
|
||||
}
|
||||
|
||||
pre {
|
||||
code:not(.hljs):not([class*="language-"]) {
|
||||
background: #f8f8f8;
|
||||
}
|
||||
}
|
||||
|
||||
// Icon Tweaks
|
||||
i.fa {
|
||||
|
||||
|
||||
&.fa-heart, &.fa-heart-o {
|
||||
&.pulse {
|
||||
color: #920
|
||||
&:not(:nth-child(5n+1)){
|
||||
@include card(small);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Font Weights
|
||||
b,
|
||||
strong {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.heavy {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.light {
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
// Colors
|
||||
.text-light {
|
||||
color: rgba($light-color, 0.8);
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: rgba($light-color, 0.9);
|
||||
.news{
|
||||
h5{
|
||||
a{
|
||||
font-size: $Fcourant!important;
|
||||
line-height: $Fcourant!important;
|
||||
}
|
||||
}
|
||||
.card-subtitle{
|
||||
span{
|
||||
font-size: $Fcourant!important;
|
||||
line-height: $Fcourant!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Error configuration
|
||||
#error {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
margin-top: 5rem;
|
||||
|
||||
.icon {
|
||||
font-size: 50px;
|
||||
.item{
|
||||
.item_title{
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
.item_content{
|
||||
width: $item_content;
|
||||
}
|
||||
.item_date{
|
||||
font-family: $Bold;
|
||||
font-size: $Fsub-title;
|
||||
line-height: $Lcourant;
|
||||
text-transform: uppercase;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
|
||||
// Messages
|
||||
#messages {
|
||||
margin-bottom: 1rem;
|
||||
|
||||
.icon {
|
||||
font-size: 1rem;
|
||||
.archives, .news{
|
||||
.card{
|
||||
.card-header{
|
||||
h5{
|
||||
font-size: $Fcourant!important;
|
||||
line-height: $Fcourant!important;
|
||||
}
|
||||
}
|
||||
.card-date{
|
||||
time{
|
||||
font-size: $Fcourant!important;
|
||||
line-height: $Fcourant!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Lists
|
||||
ul,
|
||||
ol {
|
||||
margin-left: $unit-8;
|
||||
.modular{
|
||||
.visit-us{
|
||||
p{
|
||||
text-transform: none!important;
|
||||
color: $grey
|
||||
}
|
||||
span{
|
||||
text-transform: none!important;
|
||||
}
|
||||
.open{
|
||||
text-transform: none!important;
|
||||
margin-top: 1rem;
|
||||
font-size: $Fcourant;
|
||||
font-family: $Bold;
|
||||
font-weight: normal;
|
||||
color: black;
|
||||
margin-bottom: 1rem;
|
||||
time{
|
||||
&:nth-child(1){
|
||||
margin-right: 4rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul,
|
||||
ol {
|
||||
margin-left: $unit-8;
|
||||
}
|
||||
#body-wrapper{
|
||||
text-transform: uppercase;
|
||||
width: $first_card;
|
||||
span{
|
||||
font-family: $Bold;
|
||||
font-size: $Fcourant;
|
||||
line-height: $Lcourant;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: disc outside;
|
||||
}
|
||||
|
||||
ol {
|
||||
list-style: decimal outside;
|
||||
}
|
||||
|
||||
// Notices
|
||||
.notices {
|
||||
margin: 1.5rem 0;
|
||||
p {
|
||||
margin: 1rem 0;
|
||||
.form{
|
||||
#custom-form{
|
||||
font-family: $Bold;
|
||||
text-transform: uppercase;
|
||||
font-size: $Fcourant;
|
||||
.form-label{
|
||||
color: #cbcbcb;
|
||||
}
|
||||
label{
|
||||
color: #cbcbcb;
|
||||
}
|
||||
.form-data{
|
||||
input{
|
||||
text-transform: uppercase;
|
||||
color: $grey;
|
||||
}
|
||||
textarea{
|
||||
font-size: $Fcourant;
|
||||
text-transform: uppercase;
|
||||
color: $grey;
|
||||
}
|
||||
}
|
||||
button{
|
||||
font-size: $Fcourant;
|
||||
text-transform: uppercase;
|
||||
&:hover{
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.toast-success{
|
||||
text-transform: capitalize;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
footer{
|
||||
font-family: $Bold;
|
||||
font-weight: normal;
|
||||
text-transform: uppercase;
|
||||
font-size: $Fcourant;
|
||||
color: $grey;
|
||||
a{
|
||||
color: $grey;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,38 +0,0 @@
|
||||
// Spectre Overrides
|
||||
$primary-color: #3085EE !default;
|
||||
$dark-color: #454d5d !default;
|
||||
$light-color: #fff !default;
|
||||
$gray-color: lighten($dark-color, 40%) !default;
|
||||
$gray-color-dark: darken($gray-color, 25%) !default;
|
||||
$border-color: lighten($dark-color, 60%) !default;
|
||||
$bg-color: lighten($dark-color, 66%) !default;
|
||||
$body-font-color: lighten($dark-color, 5%) !default;
|
||||
|
||||
// Layout
|
||||
$horiz-padding: 1rem;
|
||||
$vert-padding: 2rem 0 2rem;
|
||||
|
||||
// Fonts
|
||||
$min-responsive-font-size: 16px;
|
||||
|
||||
// Header
|
||||
$header-height-large: 4rem;
|
||||
$header-height-small: 2.3rem;
|
||||
$header-color-dark: #222;
|
||||
$header-text-light: $light-color;
|
||||
$header-text-dark: darken($dark-color, 15%);
|
||||
|
||||
// Dropdown Menu
|
||||
$dropmenu-bg: $light-color;
|
||||
$dropmenu-hover-text: $primary-color;
|
||||
$dropmenu-horiz-padding: 20px;
|
||||
$dropmenu-vert-padding: 7px;
|
||||
$dropmenu-child-padding: 10px;
|
||||
$dropmenu-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
|
||||
|
||||
// Mobile Menu
|
||||
$mobile-color-main: $primary-color;
|
||||
$mobile-color-active: #FFF;
|
||||
$mobile-color-link: #FFF;
|
||||
$mobile-button-height: 24px;
|
||||
$mobile-button-width: 28px;
|
||||
@@ -1,15 +0,0 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
{% 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) %}
|
||||
{% set hero_image_name = page.header.hero_image %}
|
||||
|
||||
{% block body %}
|
||||
<section id="body-wrapper" class="section blog-listing">
|
||||
<section class="container {{ grid_size }}">
|
||||
<h1>{{page.parent.title}}</h1>
|
||||
{{content}}
|
||||
</section>
|
||||
</section>
|
||||
{% endblock %}
|
||||
@@ -4,25 +4,49 @@
|
||||
|
||||
{% block hero %}
|
||||
<header class="sous_nav">
|
||||
{% include 'partials/sous-nav.html.twig' with {blog: page.parent, page: child} %}
|
||||
{% set options = { items: {'@self.parent':page.url} } %}
|
||||
<ul>
|
||||
{% for p in page.collection(options) %}
|
||||
{% for child in p.collection %}
|
||||
{% set active_page = (child.active or child.activeChild) ? 'active' : '' %}
|
||||
<li>
|
||||
<a href="{{ child.url }}" class="{{ active_page }}">
|
||||
{{ child.menu }}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
</header>
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<section id="body-wrapper" class="section blog-listing">
|
||||
<section class="container {{ grid_size }}">
|
||||
<section id="body-wrapper" class="section">
|
||||
{% embed 'partials/layout.html.twig' with {blog: page} %}
|
||||
|
||||
{% block item %}
|
||||
{% for sibling in collection %}
|
||||
{% for item in sibling.collection %}
|
||||
{% if item.header.date_start|date("d/m/Y") < "now"|date("d/m/Y") %}
|
||||
{% include 'partials/blog-list-item.html.twig' with {blog: page, page: item} %}
|
||||
|
||||
{% 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} %}
|
||||
{% 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} %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
{% endblock %}
|
||||
|
||||
</section>
|
||||
{% endembed %}
|
||||
|
||||
</section>
|
||||
<script>
|
||||
//Bricklayer
|
||||
|
||||
@@ -20,9 +20,10 @@
|
||||
{% set options = { items: {'@self.parent':page.url} } %}
|
||||
{% for i in page.collection(options) %}
|
||||
{% for child in i.collection %}
|
||||
<li>
|
||||
<a href='{{child.url}}'>{{child.title}}</a>
|
||||
</li>
|
||||
{% set active_page = (child.active or child.activeChild) ? 'active' : '' %}
|
||||
<li>
|
||||
<a href='{{child.url}}' class="{{active_page}}">{{child.title}}</a>
|
||||
</li>
|
||||
{% set page = child.title %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
@@ -31,21 +32,34 @@
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<section id="body-wrapper" class="section blog-listing">
|
||||
<section id="body-wrapper" class="section">
|
||||
{% embed 'partials/layout.html.twig' with {blog: page} %}
|
||||
|
||||
{% block item %}
|
||||
|
||||
{% for child in collection %}
|
||||
|
||||
{% if child.template == "events" or child.template == "news" or child.template == "artistes" %}
|
||||
{% if child.template == "events" or child.template == "artistes" %}
|
||||
|
||||
{% if not child.header.date_end %}
|
||||
{% 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|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 %}
|
||||
{% endif %}
|
||||
|
||||
{% endif %}
|
||||
|
||||
{% if child.template == "news" %}
|
||||
{% include 'partials/blog-list-item.html.twig' with {blog: page, page: child} %}
|
||||
{% endif %}
|
||||
|
||||
{% endfor %}
|
||||
{% if show_pagination and config.plugins.pagination.enabled and collection.params.pagination %}
|
||||
<div id="listing-footer">
|
||||
{% include 'partials/pagination.html.twig' with {base_url: page.url, pagination: collection.params.pagination} %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% endblock %}
|
||||
|
||||
|
||||
@@ -1,21 +1,58 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
|
||||
{% block hero %}
|
||||
{% include 'partials/sous-nav.html.twig' with {blog: page.parent} %}
|
||||
|
||||
{% if page.parent.template != "default" %}
|
||||
<header class="sous_nav">
|
||||
{% include 'partials/sous-nav.html.twig' with {blog: page.parent} %}
|
||||
</header>
|
||||
{% endif %}
|
||||
|
||||
{% endblock %}
|
||||
|
||||
{% set options = { items: {'@page.children':page.url}, 'order': {'by': 'folder', 'dir': 'asc'}} %}
|
||||
{% set my_collection = page.collection(options) %}
|
||||
|
||||
{% block content %}
|
||||
{% include 'partials/blog/title.html.twig' with {page: page.parent} %}
|
||||
{% if page.parent.title == 'Pages' %}
|
||||
<div class="item">
|
||||
<div class="item_header">
|
||||
<div class="item_title">
|
||||
<h2>{{site.title}}</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item_content">
|
||||
{{page.content}}
|
||||
</div>
|
||||
|
||||
{% for images in page.media.images %}
|
||||
<div>
|
||||
{{images.derivatives(320,1600,300).sizes('(max-width:26em) 100vw, 50vw').html(page.title, 'images about')}}
|
||||
<div class="item_img">
|
||||
{{images.derivatives(320,1920,300).sizes('(max-width:100vw) 100vw, 50vw').html(page.title, 'images about')}}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
{% else %}
|
||||
<div class="item">
|
||||
|
||||
<div class="item_header">
|
||||
<div class="item_title">
|
||||
{% include 'partials/blog/title.html.twig' with {page: page.parent} %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% for images in page.media.images %}
|
||||
<div class="item_img">
|
||||
{{images.derivatives(320,1920,300).sizes('(max-width:100vw) 100vw, 50vw').html(page.title, 'images about')}}
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
{{page.content}}
|
||||
<div class="item_content">
|
||||
{{page.content}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endif %}
|
||||
|
||||
{% endblock %}
|
||||
|
||||
@@ -6,13 +6,13 @@
|
||||
{% set hero_image_name = page.header.hero_image %}
|
||||
|
||||
{% block stylesheets %}
|
||||
{% do assets.addCss('theme://css/jquery.bxslider.min.css') %}
|
||||
{% do assets.addCss('theme://css/slick.css') %}
|
||||
{{ parent() }}
|
||||
{% endblock %}
|
||||
|
||||
{% block javascripts %}
|
||||
{{ parent() }}
|
||||
{% do assets.add('theme://js/jquery.bxslider.min.js') %}
|
||||
{% do assets.add('theme://js/slick.js') %}
|
||||
{% do assets.add('theme://js/item.js') %}
|
||||
{% endblock %}
|
||||
|
||||
@@ -31,22 +31,19 @@
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<section id="body-wrapper" class="section blog-listing">
|
||||
<section class="container {{ grid_size }}">
|
||||
|
||||
{% if show_breadcrumbs and config.plugins.breadcrumbs.enabled %}
|
||||
{% include 'partials/breadcrumbs.html.twig' %}
|
||||
{% endif %}
|
||||
<section id="body-wrapper" class="section">
|
||||
|
||||
{% embed 'partials/layout.html.twig' %}
|
||||
{% block item %}
|
||||
{% include 'partials/blog-item.html.twig' %}
|
||||
{% endblock %}
|
||||
{% block sidebar %}
|
||||
{% include 'partials/sidebar.html.twig' %}
|
||||
{% endblock %}
|
||||
{% endembed %}
|
||||
{% if show_breadcrumbs and config.plugins.breadcrumbs.enabled %}
|
||||
{% include 'partials/breadcrumbs.html.twig' %}
|
||||
{% endif %}
|
||||
|
||||
</section>
|
||||
</section>
|
||||
{% block item %}
|
||||
{% include 'partials/blog-item.html.twig' %}
|
||||
{% endblock %}
|
||||
{% block sidebar %}
|
||||
{% include 'partials/sidebar.html.twig' %}
|
||||
{% endblock %}
|
||||
|
||||
</section>
|
||||
{% endblock %}
|
||||
|
||||
@@ -1,14 +1,20 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
|
||||
{% block hero %}
|
||||
{% include 'partials/sous-nav.html.twig' with {blog: page.parent} %}
|
||||
<header class="sous_nav">
|
||||
{% include 'partials/sous-nav.html.twig' with {blog: page.parent} %}
|
||||
</header>
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="content">
|
||||
<div class="item">
|
||||
|
||||
<div class="item_content">
|
||||
{{ content|raw }}
|
||||
</div>
|
||||
|
||||
{% include "forms/form.html.twig" %}
|
||||
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
@@ -6,7 +6,6 @@
|
||||
{% set show_pagination = header_var('show_pagination', [page, blog])|defined(true) %}
|
||||
|
||||
{% block stylesheets %}
|
||||
{% do assets.addCss('theme://css/bricklayer.css') %}
|
||||
{{ parent() }}
|
||||
{% endblock %}
|
||||
|
||||
@@ -15,30 +14,34 @@
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<section id="body-wrapper" class="section blog-listing">
|
||||
<section id="body-wrapper" class="section">
|
||||
{% embed 'partials/layout.html.twig' with {blog: page} %}
|
||||
{% block item %}
|
||||
|
||||
{% set first_event = { items: {'@page.children':'/whats-on/exhibitions/current-upcoming'}} %}
|
||||
{% set options = { items: {'@root.descendants':''}, 'order': {'by': 'folder', 'dir': 'asc'}} %}
|
||||
{% 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 collection1 = page.collection(options) %}
|
||||
{% set collection2 = page.collection(options2) %}
|
||||
|
||||
{% for siblings in page.collection(first_event) %}
|
||||
{% if siblings.template == 'events' and siblings.first %}
|
||||
<div class="first_card">
|
||||
{% include 'partials/blog-list-item.html.twig' with {blog: page, page: siblings} %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% set mergeCollect = collection1.merge(collection2) %}
|
||||
|
||||
<div class="all_card">
|
||||
{% for siblings in page.collection(options) %}
|
||||
{% if siblings.template == 'events' and not siblings.first or siblings.template == 'news' %}
|
||||
<div class="all_cards">
|
||||
{% 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 %}
|
||||
{% 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} %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
|
||||
@@ -1,52 +0,0 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
{% 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) %}
|
||||
{% set hero_image_name = page.header.hero_image %}
|
||||
|
||||
{% block stylesheets %}
|
||||
{% do assets.addCss('theme://css/jquery.bxslider.min.css') %}
|
||||
{{ parent() }}
|
||||
{% endblock %}
|
||||
|
||||
{% block javascripts %}
|
||||
{{ parent() }}
|
||||
{% do assets.add('theme://js/jquery.bxslider.min.js') %}
|
||||
{% do assets.add('theme://js/item.js') %}
|
||||
{% endblock %}
|
||||
|
||||
{% block hero %}
|
||||
{% if hero_image_name %}
|
||||
{% set hero_image = page.media[hero_image_name] %}
|
||||
{% set content %}
|
||||
<h1>{{ page.title }}</h1>
|
||||
<h2>{{ page.header.subtitle }}</h2>
|
||||
{% include 'partials/blog/date.html.twig' %}
|
||||
{% include 'partials/blog/taxonomy.html.twig' %}
|
||||
{% endset %}
|
||||
{% include 'partials/hero.html.twig' with {id: 'blog-hero'} %}
|
||||
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<section id="body-wrapper" class="section blog-listing">
|
||||
<section class="container {{ grid_size }}">
|
||||
|
||||
{% if show_breadcrumbs and config.plugins.breadcrumbs.enabled %}
|
||||
{% include 'partials/breadcrumbs.html.twig' %}
|
||||
{% endif %}
|
||||
|
||||
{% embed 'partials/layout.html.twig' %}
|
||||
{% block item %}
|
||||
{% include 'partials/blog-item.html.twig' %}
|
||||
{% endblock %}
|
||||
{% block sidebar %}
|
||||
{% include 'partials/sidebar.html.twig' %}
|
||||
{% endblock %}
|
||||
{% endembed %}
|
||||
|
||||
</section>
|
||||
</section>
|
||||
{% endblock %}
|
||||
@@ -29,50 +29,76 @@
|
||||
{% endblock %}
|
||||
|
||||
{% block header %}
|
||||
<section id="header" class="section">
|
||||
<header id="header" class="section">
|
||||
<nav class="navbar">
|
||||
<section class="navbar-section logo">
|
||||
{% include 'partials/logo.html.twig' %}
|
||||
</section>
|
||||
|
||||
<section class="container {{ grid_size }}">
|
||||
<nav class="navbar">
|
||||
<section class="navbar-section desktop-menu">
|
||||
<nav class="dropmenu animated">
|
||||
|
||||
<section class="navbar-section logo">
|
||||
{% include 'partials/logo.html.twig' %}
|
||||
</section>
|
||||
{% block header_navigation %}
|
||||
{% include 'partials/navigation.html.twig' %}
|
||||
{% endblock %}
|
||||
</nav>
|
||||
|
||||
<section class="navbar-section desktop-menu">
|
||||
<nav class="dropmenu animated">
|
||||
|
||||
{% block header_navigation %}
|
||||
{% include 'partials/navigation.html.twig' %}
|
||||
{% endblock %}
|
||||
</nav>
|
||||
|
||||
{% if config.plugins.login.enabled and grav.user.username %}
|
||||
<span class="login-status-wrapper"><i class="fa fa-user"></i> {% include 'partials/login-status.html.twig' %}</span>
|
||||
{% endif %}
|
||||
</section>
|
||||
|
||||
</nav>
|
||||
</section>
|
||||
</section>
|
||||
<div class="mobile-menu">
|
||||
<div class="button_container" id="toggle">
|
||||
<span class="top"></span>
|
||||
<span class="middle"></span>
|
||||
<span class="bottom"></span>
|
||||
{% if config.plugins.login.enabled and grav.user.username %}
|
||||
<span class="login-status-wrapper"><i class="fa fa-user"></i> {% include 'partials/login-status.html.twig' %}</span>
|
||||
{% endif %}
|
||||
</section>
|
||||
</nav>
|
||||
<div class="mobile-menu">
|
||||
<div class="button_container" id="toggle">
|
||||
<div class="open">
|
||||
<a href="#">
|
||||
<img src="/user/themes/vocurations/images/menu_burger.png" alt="menu">
|
||||
</a>
|
||||
</div>
|
||||
<div class="close">
|
||||
<a href="#">
|
||||
<img src="/user/themes/vocurations/images/CROIX.png" alt="croix">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block hero %}
|
||||
<header class="section modular-hero hero">
|
||||
{% include 'partials/sous-nav.html.twig' with {blog: page.parent} %}
|
||||
</header>
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
{% for module in page.collection() %}
|
||||
<div id="{{ module.menu|hyphenize }}"></div>
|
||||
<h2>{{ module.title|raw }}</h2>
|
||||
{{ module.content|raw }}
|
||||
{% endfor %}
|
||||
|
||||
{% block hero %}
|
||||
|
||||
<header class="sous_nav">
|
||||
<ul>
|
||||
{% set options = { items: {'@self.parent':page.url} } %}
|
||||
|
||||
{% for i in page.collection(options) %}
|
||||
{% for child in i.collection %}
|
||||
{% set active_page = (child.active or child.activeChild) ? 'active' : '' %}
|
||||
<li>
|
||||
<a href='{{child.url}}' class="{{active_page}}">{{child.title}}</a>
|
||||
</li>
|
||||
{% set page = child.title %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</header>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
|
||||
<section id="body-wrapper" class="section">
|
||||
{% embed 'partials/layout.html.twig' with {blog: page} %}
|
||||
{% block item %}
|
||||
|
||||
{% for module in page.collection() %}
|
||||
{{ module.content|raw }}
|
||||
{% endfor %}
|
||||
|
||||
{% endblock %}
|
||||
{% endembed %}
|
||||
</section>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
@@ -0,0 +1,37 @@
|
||||
{% set grid_size = theme_var('grid-size') %}
|
||||
{% set image = page.media.images|first %}
|
||||
|
||||
<section class="map_container">
|
||||
<div class="map_header">
|
||||
<h2>{{ page.title|raw }}</h2>
|
||||
</div>
|
||||
{% if image %}
|
||||
<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')}}
|
||||
</div>
|
||||
<div class="content">
|
||||
{% if header.H_open and header.H_time %}
|
||||
<div class="open">
|
||||
<time>{{header.H_open}}</time>
|
||||
<time>{{header.H_time}}</time>
|
||||
</div>
|
||||
{% endif %}
|
||||
{{ content|raw }}
|
||||
</div>
|
||||
</div>
|
||||
{% if header.map == true %}
|
||||
<div class="maps">
|
||||
<div class="map" id="map_{{page.title}}"></div>
|
||||
<div class="adress">
|
||||
<span>{{page.header.street}}</span>
|
||||
<span>{{page.header.city}}</span>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
{{ content|raw }}
|
||||
</div>
|
||||
{% endif %}
|
||||
</section>
|
||||
@@ -0,0 +1,27 @@
|
||||
<div class="card">
|
||||
{% set image = page.media.images|first %}
|
||||
<div class="card-header">
|
||||
{% if blog.template == 'home' %}
|
||||
{% include 'partials/blog/cat.html.twig' %}
|
||||
{% endif %}
|
||||
|
||||
{% for tax in page.taxonomy.category %}
|
||||
<span class="card-cat">
|
||||
{{tax}}
|
||||
</span>
|
||||
{% endfor %}
|
||||
|
||||
<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(900, 700).sizes('(max-width:100vw) 100vw, 50vw').html(page.title, 'images article')}}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
@@ -1,28 +1,16 @@
|
||||
{% set grid_size = theme_var('grid-size') %}
|
||||
{% set image = page.media.images|first %}
|
||||
<div class="card">
|
||||
<div class="date">
|
||||
|
||||
<section class="section modular-text {{ page.header.class}} bg-gray">
|
||||
<section class="container {{ grid_size }}">
|
||||
<div class="columns {{ page.header.image_align|default('align-right') }}">
|
||||
{% if image %}
|
||||
<div class="column col-6 col-md-12">
|
||||
{{image.derivatives(320,1600,300).sizes('(max-width:26em) 100vw, 50vw').html(page.title, 'gallery')}}
|
||||
{{ content|raw }}
|
||||
</div>
|
||||
{% if header.map == true %}
|
||||
<div class="column col-6 col-md-12">
|
||||
<div class="map" id="map_{{page.title}}"></div>
|
||||
<div class="adress">
|
||||
<span>{{page.header.street}}</span>
|
||||
<span>{{page.header.city}}</span>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<div class="column col-12">
|
||||
{{ content|raw }}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
<span class="card-date">
|
||||
<time class="dt-published" datetime="{{ page.header.date_event|date("c") }}">
|
||||
{{ page.header.date_event|date('d.m.Y') }}
|
||||
</time>
|
||||
</span>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
{{ content|raw }}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@@ -19,14 +19,15 @@
|
||||
{% endblock head %}
|
||||
|
||||
{% block stylesheets %}
|
||||
{% do assets.addCss('theme://css-compiled/spectre'~compress) %}
|
||||
{% do assets.addCss('theme://css-compiled/theme'~compress) %}
|
||||
{% do assets.addCss('theme://css/custom.css') %}
|
||||
{% do assets.addCss('theme://css/line-awesome.min.css') %}
|
||||
{% endblock %}
|
||||
|
||||
{% block javascripts %}
|
||||
{% do assets.addJs('jquery', 101) %}
|
||||
<!-- upload -->
|
||||
{% do assets.addJs('theme://js/jquery.treemenu.js', {group:'bottom'}) %}
|
||||
<script src="https://unpkg.com/infinite-scroll@3/dist/infinite-scroll.pkgd.js"></script>
|
||||
{% do assets.addJs('theme://js/site.js', {group:'bottom'}) %}
|
||||
{% endblock %}
|
||||
|
||||
@@ -53,26 +54,30 @@
|
||||
{% if config.plugins.login.enabled and grav.user.username %}
|
||||
<span class="login-status-wrapper"><i class="fa fa-user"></i> {% include 'partials/login-status.html.twig' %}</span>
|
||||
{% endif %}
|
||||
|
||||
</section>
|
||||
</nav>
|
||||
</header>
|
||||
<div class="mobile-menu">
|
||||
<div class="button_container" id="toggle">
|
||||
<span class="top"></span>
|
||||
<span class="middle"></span>
|
||||
<span class="bottom"></span>
|
||||
<div class="open">
|
||||
<a href="#">
|
||||
<img src="/user/themes/vocurations/images/menu_burger.png" alt="menu">
|
||||
</a>
|
||||
</div>
|
||||
<div class="close">
|
||||
<a href="#">
|
||||
<img src="/user/themes/vocurations/images/CROIX.png" alt="croix">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
<main id="start">
|
||||
<main id="start" class="{{page.menu|hyphenize}}">
|
||||
{% block hero %}{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<section id="body-wrapper" class="section {{page.template}}">
|
||||
{% block messages %}
|
||||
{% include 'partials/messages.html.twig' ignore missing %}
|
||||
{% endblock %}
|
||||
<section id="body-wrapper" class="section">
|
||||
{{ block('content_surround') }}
|
||||
</section>
|
||||
{% endblock %}
|
||||
|
||||
@@ -1,28 +1,36 @@
|
||||
{% set images = page.media.images %}
|
||||
|
||||
<div class="content-item h-entry">
|
||||
<div class="item">
|
||||
{% if not hero_image_name %}
|
||||
<div class="content-title text-center">
|
||||
{% include 'partials/blog/lieux.html.twig' %}
|
||||
{% include 'partials/blog/title.html.twig' with {title_level: 'h2'} %}
|
||||
<div class="item_header">
|
||||
<div class="item_lieux lieux">
|
||||
{% include 'partials/blog/lieux.html.twig' %}
|
||||
</div>
|
||||
<div class="item_title title">
|
||||
{% include 'partials/blog/title.html.twig' with {title_level: 'h2'} %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if images %}
|
||||
<div class="slider">
|
||||
{% for images in page.media.images %}
|
||||
{% set captions = images.filename|humanize|regex_replace(['/.jpg/','/.png/','/.pdf/'], [' ',' ',' ']) %}
|
||||
<div>
|
||||
{{images.derivatives(320,1600,300).sizes('(max-width:26em) 100vw, 50vw').html(page.title, 'images article')}}
|
||||
{{images.derivatives(320,1920,300).sizes('(max-width:100vw) 100vw, 50vw').html(captions, 'images article')}}
|
||||
<div class="caption">
|
||||
{{captions}}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="date">
|
||||
<div class="item_date">
|
||||
{% include 'partials/blog/date.html.twig' %}
|
||||
</div>
|
||||
|
||||
<div class="e-content">
|
||||
<div class="item_content">
|
||||
{{ page.content|raw }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,21 +1,45 @@
|
||||
<div class="card">
|
||||
{% set image = page.media.images|first %}
|
||||
{% if blog.template == 'home' %}
|
||||
{% include 'partials/blog/cat.html.twig' %}
|
||||
{% endif %}
|
||||
|
||||
{% if page.template != "modular/news" %}
|
||||
<a href="{{ page.url }}">
|
||||
{% 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-subtitle text-gray">
|
||||
{% include 'partials/blog/date.html.twig' %}
|
||||
|
||||
<div class="card-date">
|
||||
{% include 'partials/blog/date.html.twig' %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{% if image %}
|
||||
<div class="card-image">
|
||||
<a href="{{ page.url }}">{{image.derivatives(320,1600,300).sizes('(max-width:26em) 100vw, 50vw').html(page.title, 'images article')}}</a>
|
||||
{{image.cropZoom(800, 500).sizes('(max-width:100vw) 100vw, 50vw').html(page.title, 'image article')}}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if page.template != "modular/news" %}
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
|
||||
@@ -1,8 +1,10 @@
|
||||
<span class="cat">
|
||||
|
||||
{% if page.template == 'events'%}
|
||||
{{page.parent.parent.title}}
|
||||
<span>{{page.parent.parent.title|regex_replace(['/Exhibitions/'],['Exhibition'])}}</span>
|
||||
{% endif %}
|
||||
{% if page.template == 'news'%}
|
||||
{% if page.template == 'modular/news'%}
|
||||
{{page.parent.title}}
|
||||
{% for tax in page.taxonomy.category %}
|
||||
<span>{{tax}}</span>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
</span>
|
||||
|
||||
@@ -1,19 +1,21 @@
|
||||
{% if page.header.date_start and page.header.date_end == 0 %}
|
||||
<span class="blog-date">
|
||||
<time class="dt-published" datetime="{{ page.header.date_start|date("c") }}">
|
||||
{{ page.header.date_start|date('d.m.Y') }}
|
||||
{% 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') }}
|
||||
</time>
|
||||
</span>
|
||||
|
||||
{% endif %}
|
||||
|
||||
{% if page.header.date_start and page.header.date_end %}
|
||||
<span class="blog-date">
|
||||
<time class="dt-published" datetime="{{ page.header.date_start|date("c") }}">
|
||||
{{ page.header.date_start|date('d.m') }}
|
||||
{% if page.header.date and page.header.date_end %}
|
||||
<time class="dt-published" datetime="{{ page.header.date|date("c") }}">
|
||||
|
||||
{% if page.header.date|date('Y') == page.header.date_end|date('Y') %}
|
||||
{{ page.header.date|date('d.m') }}
|
||||
|
||||
{% else %}
|
||||
{{ page.header.date|date('d.m.Y') }}
|
||||
{% endif %}
|
||||
</time>
|
||||
-
|
||||
<time class="dt-published" datetime="{{ page.header.date_end|date("c") }}">
|
||||
{{ page.header.date_end|date('d.m.Y') }}
|
||||
— {{ page.header.date_end|date('d.m.Y') }}
|
||||
</time>
|
||||
</span>
|
||||
{% endif %}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<span class="blog-lieux">
|
||||
<span class="card-lieux">
|
||||
{% if page.header.lieux %}
|
||||
{{page.header.lieux}}
|
||||
{% endif %}
|
||||
|
||||
@@ -1,20 +1,18 @@
|
||||
{% set title_level = title_level ?: 'h2' %}
|
||||
{% if page.header.link %}
|
||||
|
||||
<{{ title_level }}>
|
||||
<a href="{{ page.header.link }}">
|
||||
<span>{{ page.title }}</span>
|
||||
{% if page.header.artistes %}
|
||||
<span>{{page.header.artistes}}</span>
|
||||
{% endif %}
|
||||
</a>
|
||||
</{{ title_level }}>
|
||||
{% else %}
|
||||
|
||||
<{{ title_level }}>
|
||||
<a href="{{ page.url }}">
|
||||
<span>{{ page.title }}</span>
|
||||
{% if page.header.artistes %}
|
||||
<span>{{page.header.artistes}}</span>
|
||||
{% endif %}
|
||||
</a>
|
||||
</{{ title_level }}>
|
||||
{% endif %}
|
||||
|
||||
@@ -0,0 +1,8 @@
|
||||
<figure role="group" class="{{ attrs.class }}">
|
||||
{% if url %}<a href="{{ url }}">{% endif %}
|
||||
<img {% for attr, value in attrs %}{{ attr ~ '="' ~ value ~ '" ' }}{% endfor %} />
|
||||
{% if url %}</a>{% endif %}
|
||||
{% if attrs.title %}
|
||||
<figcaption>{{ attrs.title }}</figcaption>
|
||||
{% endif %}
|
||||
</figure>
|
||||
@@ -2,23 +2,32 @@
|
||||
|
||||
<div class="adress">
|
||||
<span>{{config.lieux.street}}</span>
|
||||
<span>{{config.lieux.town}}</span>
|
||||
<span>{{config.lieux.country}}</span>
|
||||
<div class="align">
|
||||
<span>{{config.lieux.town}}</span>
|
||||
<span>{{config.lieux.country}}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="contact">
|
||||
<span>{{config.lieux.tel}}</span>
|
||||
<span>{{config.lieux.mail}}</span>
|
||||
<a href="mailto:{{config.lieux.mail}}">{{config.lieux.mail}}</a>
|
||||
<a href="tel:{{config.lieux.tel}}">{{config.lieux.tel}}</a>
|
||||
</div>
|
||||
|
||||
<div class="rs">
|
||||
{% for feature in config.lieux.buttons %}
|
||||
<a href="{{ feature.url }}">{{ feature.text }}</a>
|
||||
<a target="_blank" href="{{ feature.url }}">{{ feature.text }}</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<div class="partenair">
|
||||
|
||||
<div class="logo">
|
||||
<img src="/user/themes/vocurations/images/IMG_1091.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="newsletter">
|
||||
<p>SUBSCRIBE TO OUR NEWSLETTER</p>
|
||||
</div>
|
||||
|
||||
|
||||
</footer>
|
||||
|
||||
@@ -1,7 +1,4 @@
|
||||
{% set item_col = show_sidebar ? 'col-9 col-md-12' : 'col-12' %}
|
||||
{% set sidebar_col = show_sidebar ? 'col-3 col-md-12' : 'col-12' %}
|
||||
|
||||
<div id="item" class="column {{ item_col }}">
|
||||
<div id="item" class="list_card">
|
||||
{% block item %}{% endblock %}
|
||||
</div>
|
||||
|
||||
|
||||
@@ -1,7 +1,4 @@
|
||||
{% set logo = theme_var(mobile ? 'custom_logo_mobile' : 'custom_logo') %}
|
||||
<a href="{{ home_url }}" class="navbar-brand mr-10">
|
||||
{% if logo %}
|
||||
{% set logo_file = (logo|first).name %}
|
||||
<img src="{{ url('theme://images/logo/' ~ logo_file) }}" alt="{{ site.name }}" />
|
||||
{% endif %}
|
||||
<img src="{{ url('theme://images/logo/logo.png') }}" alt="{{ site.name }}" />
|
||||
</a>
|
||||
|
||||
@@ -1,14 +1,12 @@
|
||||
{% set options = { items: {'@page.children': blog.url } } %}
|
||||
{% set active_page = (p.active or p.activeChild) ? 'active' : '' %}
|
||||
{% set options = { items: {'@page.children': blog.url }, 'order': {'by': 'title', 'dir': 'asc'} } %}
|
||||
|
||||
<header class="sous_nav">
|
||||
<ul>
|
||||
{% for p in blog.collection(options) %}
|
||||
<li>
|
||||
<a href="{{ p.url }}" class="{{ active_page }}">
|
||||
{{ p.menu }}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</header>
|
||||
<ul>
|
||||
{% for p in blog.collection(options) %}
|
||||
{% set active_page = (p.active or p.activeChild) ? 'active' : '' %}
|
||||
<li>
|
||||
<a href="{{ p.url }}" class="{{ active_page }}">
|
||||
{{ p.menu }}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
Reference in New Issue
Block a user