template home + scss

This commit is contained in:
2020-07-13 20:30:10 +02:00
parent 3a082e23cc
commit 82f7d7d6b6
40 changed files with 6034 additions and 8 deletions
File diff suppressed because one or more lines are too long
@@ -0,0 +1 @@
body,html{font-size:16px;line-height:1.2}li,ol,ul{list-style:none}header{height:100px}header div{height:inherit}#block-popsu-colloque-branding{position:relative;z-index:999}#block-popsu-colloque-branding>a{position:relative;display:block;height:9rem}#block-popsu-colloque-branding>a img{width:auto;height:100%;-o-object-fit:contain;object-fit:contain}#block-mainnavigation{display:flex;padding-bottom:1rem;border-left:1px solid red;align-items:flex-end}#block-mainnavigation ul li{padding:0 1rem;border-right:1px solid #000}.__img-hero{position:relative;right:50%;left:50%;width:100vw;height:400px;margin-right:-50vw;margin-left:-50vw}.side_notes img,article img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.side_notes{position:relative}.side_notes>*{position:absolute;width:300px}.side_notes .d-flex{flex-direction:column}.__slide .thumbnails{width:calc(100% / 5);max-width:300px;height:auto;margin:1rem 0;transition:.3s transform ease,.3s box-shadow ease;transform:scale(1);background:#fff;box-shadow:none}.__slide .thumbnails:hover{transition:.3s all ease;transform:scale(1.05);box-shadow:0 0 3px 3px #00f}.__slide .thumbnails>.__wrap{padding:1rem}.__slide .thumbnails .__media{margin-right:1rem}.__slide .thumbnails .__media figcaption{height:100%}.__slide .thumbnails .__media figcaption img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.__slide .thumbnails .d-flex{padding:1rem}.thumbnails figcaption{height:100px}.thumbnails figcaption img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
@@ -0,0 +1,33 @@
header{
height: 100px;
div {
height: inherit;
}
}
#block-popsu-colloque-branding{
position: relative;
z-index: 999;
& > a{
display: block;
height: 9rem;
position: relative;
img{
width: auto;
height: 100%;
object-fit: contain;
}
}
}
#block-mainnavigation{
border-left: 1px solid $color1;
padding-bottom: 1rem;
display: flex;
align-items: flex-end;
ul{
li{
padding: 0 1rem;
border-right: 1px solid $col_black;
}
}
}
@@ -0,0 +1,9 @@
.__img-hero{
height: 400px;
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
@@ -0,0 +1,54 @@
/**
* @file
* Presentational styles for Drupal stark theme layout.
*
* It is left empty for testing purposes.
*
* @see https://www.drupal.org/project/drupal/issues/2349711
*/
.__slide{
.thumbnails{
margin: 1rem 0;
max-width: 300px;
height: auto;
width: calc(100% / 5 );
background: white;
transform: scale(1);
box-shadow: none;
transition: 0.3s transform ease, 0.3s box-shadow ease;
&:hover{
transform: scale(1.05);
transition: 0.3s all ease;
box-shadow: 0px 0px 3px 3px blue;
}
& > .__wrap{
padding: 1rem;
}
.__media{
margin-right: 1rem;
figcaption{
height: 100%;
img{
width: 100%;
height: 100%;
object-fit: cover;
}
}
}
.d-flex{
padding: 1rem;
}
}
}
.thumbnails{
figcaption{
height: 100px;
img{
width: 100%;
height: 100%;
object-fit: cover;
}
}
}
@@ -6,6 +6,26 @@
*
* @see https://www.drupal.org/project/drupal/issues/2349711
*/
@import "variables/var.scss";
body,html{
font-size: 16px;
line-height: 1.2;
}
ul,li,ol{
list-style: none;
}
@import "components/header.scss";
@import "components/hero.scss";
main{
// margin-top: $margin-hero;
}
article img,
.side_notes img{
width: 100%;
@@ -13,9 +33,9 @@ article img,
object-fit: cover;
}
.layout-content > div{
/* .layout-content > div{
display: flex;
}
} */
.side_notes{
position: relative;
}
@@ -28,3 +48,6 @@ article img,
.side_notes .d-flex {
flex-direction: column;
}
@import "components/thumbnails.scss";
@@ -0,0 +1,6 @@
$color1: red;
$col_black: black;
// margin
$margin-hero: -3rem;
Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

@@ -0,0 +1,166 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<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="50"
viewBox="0 0 13.229167 13.229167"
version="1.1"
id="svg1476"
inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
sodipodi:docname="logo_popsu_urlsite.svg">
<defs
id="defs1470">
<clipPath
id="clipPath138"
clipPathUnits="userSpaceOnUse">
<path
id="path136"
d="M 270.537,513.328 H 402.448 V 428.777 H 270.537 Z" />
</clipPath>
<clipPath
id="clipPath154"
clipPathUnits="userSpaceOnUse">
<path
id="path152"
d="m 287.707,556.237 h 90.128 v -78.999 h -90.128 z" />
</clipPath>
<clipPath
id="clipPath170"
clipPathUnits="userSpaceOnUse">
<path
id="path168"
d="m 262.498,530.522 h 74.377 v -86.151 h -74.377 z" />
</clipPath>
<clipPath
id="clipPath190"
clipPathUnits="userSpaceOnUse">
<path
id="path188"
d="m 406.086,506.959 h 22.617 V 480.26 h -22.617 z" />
</clipPath>
<clipPath
id="clipPath206"
clipPathUnits="userSpaceOnUse">
<path
id="path204"
d="m 357.604,507.208 h 21.209 v -26.625 h -21.209 z" />
</clipPath>
<clipPath
id="clipPath222"
clipPathUnits="userSpaceOnUse">
<path
id="path220"
d="m 380.867,507.541 h 20.731 V 480.26 h -20.731 z" />
</clipPath>
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="3.959798"
inkscape:cx="-12.83935"
inkscape:cy="32.182205"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
inkscape:document-rotation="0"
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="metadata1473">
<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">
<g
transform="matrix(1.0559371,0,0,1.0559371,-0.69429542,-0.24316876)"
id="g898">
<g
transform="matrix(0.08893718,0,0,-0.08893718,-22.688316,50.201572)"
id="g132">
<g
id="g134" />
<g
id="g146">
<g
clip-path="url(#clipPath138)"
id="g144">
<g
transform="translate(310.6016,460.0586)"
id="g142">
<path
d="m 0,0 -11.617,12.09 -7.524,-1.776 -16.09,11.441 -0.183,16.761 -4.651,13.154 28.875,-2.141 4.533,3.741 16.45,-7.473 11.257,4.038 21.44,-8.844 6.795,5.48 15.17,-0.797 11.975,-3.195 -1.997,-29.137 17.414,-5.124 -4.46,-15.966 -11.364,2.156 -10.57,-12.18 -9.958,16.093 -16.362,-11.262 -8.509,-8.393 -3.834,1.142 -12.081,-10.399 -15.067,-0.69 -12.104,4.074 6.34,14.777 z"
style="fill:#e01a35;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path140" />
</g>
</g>
</g>
</g>
<g
transform="matrix(0.08893718,0,0,-0.08893718,-22.688316,50.201572)"
id="g148">
<g
id="g150" />
<g
id="g162">
<g
clip-path="url(#clipPath154)"
id="g160">
<g
transform="translate(377.835,512.293)"
id="g158">
<path
d="m 0,0 -17.073,-17.364 3.019,-12.14 -20.615,-5.551 -13.31,12.545 -12.456,-6.383 -11.789,12.715 8.548,12.032 -16.494,6.841 -9.958,3.446 12.636,23.289 16.904,14.514 8.173,-11.535 29.468,-2.585 6.563,4.029 11.115,-10.904 -6.07,-9.638 z"
style="fill:#ac966a;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path156" />
</g>
</g>
</g>
</g>
<g
transform="matrix(0.08893718,0,0,-0.08893718,-22.688316,50.201572)"
id="g164">
<g
id="g166" />
<g
id="g178">
<g
clip-path="url(#clipPath170)"
id="g176">
<g
transform="translate(311.2832,444.3711)"
id="g174">
<path
d="m 0,0 -22.35,9.612 -10.213,-7.21 -12.633,17.192 6.865,16.934 -10.455,9.288 7.571,15.582 14.298,-3.602 0.399,17.836 -0.399,10.519 26.266,-3.335 19.632,-10.483 -7.779,-11.788 8.26,-28.379 6.13,-4.648 -6.13,-14.301 -11.171,2.164 z"
style="fill:#28429f;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path172" />
</g>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.3 KiB

+43
View File
@@ -0,0 +1,43 @@
var gulp = require('gulp');
var sass = require('gulp-sass');
var cleancss = require('gulp-clean-css');
var csscomb = require('gulp-csscomb');
var rename = require('gulp-rename');
var autoprefixer = require('gulp-autoprefixer');
var sourcemaps = require('gulp-sourcemaps');
// configure the paths
var watch_dir = './css/**/*.scss';
var src_dir = './css/*.scss';
var dest_dir = './css-compiled';
var paths = {
source: src_dir
};
function watch() {
return gulp.watch(watch_dir, build);
}
function build() {
return gulp.src(paths.source)
.pipe(sourcemaps.init())
.pipe(sass({
outputStyle: 'compact',
precision: 10
}).on('error', sass.logError)
)
.pipe(sourcemaps.write())
.pipe(autoprefixer())
.pipe(gulp.dest(dest_dir))
.pipe(csscomb())
.pipe(cleancss())
.pipe(rename({
suffix: '.min'
}))
.pipe(gulp.dest(dest_dir));
}
exports.watch = watch;
exports.build = build;
exports.default = build;
+417 -1
View File
@@ -1 +1,417 @@
<svg xmlns="http://www.w3.org/2000/svg" width="57" height="66" viewBox="471.5 467 57 66" enable-background="new 471.5 467 57 66"><path opacity=".2" fill="#303030" d="M528.5 504.965c0 16.634-13.123 27.615-28.24 27.615-10.29 0-19.894-5.523-24.978-14.167l.605-.027c1.313 1.192 3.39 2.58 7.404 2.515 4.77-.064 5.645-.875 9.855-2.756 22.716-10.17 26.925-19.457 27.736-21.59s2.013-5.587.756-9.415c-.242-.737-.42-1.333-.54-1.808-3.018-3.372-6.017-5.225-6.92-5.784-.14-.093-.29-.177-.43-.26l.44.26c2.01 1.247 14.314 8.782 14.314 25.417z"/><path fill="#fff" d="M509.09 518.507c1.006 0 2.077.065 2.83.568.756.503 1.193 1.63 1.445 2.263.25.634 0 1.006-.503 1.258-.438.25-.503.12-.94-.69-.44-.81-.82-1.63-3.01-1.63s-2.887.755-3.948 1.63c-1.062.876-1.443 1.193-1.825.69s-.253-1.006.437-1.63 1.825-1.63 2.888-2.077c1.06-.45 1.62-.383 2.625-.383zm-10.413 7.152c1.257 1.005 3.14 1.825 7.153 1.825 4.015 0 6.836-1.137 8.094-2.077.568-.438.82-.065.875.187.056.25.186.624-.252 1.07-.316.317-3.194 2.33-6.594 2.636-3.4.31-7.964.504-10.73-2.01-.438-.44-.316-1.07 0-1.323.317-.25.568-.438.94-.438.374.008.317.008.513.13z"/><path opacity=".2" fill="#aaa" d="M520.89 496.545c-.81 2.133-5.02 11.42-27.735 21.59-4.21 1.88-5.085 2.69-9.854 2.756-4.013.066-6.09-1.32-7.403-2.514l-.605.028h-.01c-2.393-4.042-3.78-8.783-3.78-13.952 0-7.852 2.97-13.654 6.287-17.687.11-.13.213-.26.325-.382 2.683-3.148 5.55-5.17 7.218-6.203.038-.028.075-.047.112-.065.42-.25.754-.447.987-.568 2.757-1.51 4.77-2.263 7.963-4.77.12-.092.242-.186.354-.288l.008-.01c.875-.754 1.64-1.76 2.18-3.4v-.008c.325-.97.567-2.16.716-3.65l.02.018c2.253 2.69 4.954 5.886 6.89 7.144.69.447 1.38.848 2.068 1.202l.3.15c2.243 1.126 4.507 1.945 6.807 3.333l.428.26c.903.56 3.902 2.412 6.92 5.784.12.475.298 1.07.54 1.807 1.274 3.837.073 7.292-.737 9.425z"/><path opacity=".5" fill="#333" d="M514.176 479.538c-3.26-2.077-6.464-2.887-9.603-4.955-1.938-1.267-4.64-4.47-6.893-7.162-.438 4.332-1.686 6.148-3.26 7.35-3.195 2.515-5.207 3.26-7.963 4.77-2.338 1.256-14.958 8.726-14.958 24.913 0 5.17 1.387 9.91 3.77 13.96 5.077 8.635 14.68 14.158 24.97 14.158 15.126 0 28.24-10.98 28.24-27.614 0-9.127-3.707-15.526-7.386-19.633-3.016-3.382-6.015-5.217-6.918-5.785zm7.627 7.34c4.117 5.15 6.213 11.23 6.213 18.077 0 3.968-.755 7.712-2.245 11.148-1.414 3.25-3.444 6.13-6.053 8.56-5.15 4.806-12.062 7.45-19.475 7.45-3.67 0-7.265-.698-10.692-2.086-3.372-1.36-6.398-3.297-9.016-5.774-5.532-5.225-8.57-12.257-8.57-19.8 0-6.716 2.18-12.695 6.483-17.753 3.288-3.865 6.836-6.007 8.196-6.743.67-.363 1.285-.69 1.89-.997 1.892-.97 3.68-1.89 6.14-3.818 1.312-.997 2.71-2.58 3.305-6.585 2.077 2.468 4.48 5.234 6.314 6.426 1.63 1.08 3.307 1.835 4.918 2.562 1.527.69 3.11 1.406 4.676 2.403l.056.037c4.62 2.84 7.06 5.896 7.86 6.892z"/><path opacity=".5" fill="#fff" d="M497.98 468.678c.874 2.58.753 3.893.753 4.452 0 .56-.307 2.077-1.313 2.832-.438.317-.568.568-.568.624 0 .25.568.438.568 1.006 0 .69-.317 2.077-3.642 5.393-3.325 3.316-8.103 6.278-11.8 8.103-3.698 1.826-5.468 1.686-5.97.81s.185-2.83 2.514-5.392l9.667-6.278 9.164-6.398.503-2.44"/><path fill="#fff" d="M497.98 468.613c-.57 4.145-1.826 5.393-3.512 6.715-2.83 2.133-5.588 3.446-6.212 3.763-1.63.82-7.535 4.08-10.608 8.784-.94 1.444 0 2.012.186 2.133.187.12 2.33.372 6.9-2.385 4.574-2.757 6.595-4.387 9.175-7.078 1.377-1.444 1.573-2.263 1.573-2.636 0-.438-.316-.624-.82-.754-.25-.065-.316-.187 0-.373.317-.186 1.622-.82 1.938-1.07.318-.25 1.827-1.257 1.882-2.887.065-1.63-.056-2.766-.503-4.21zm-14.112 45.628c.065-4.898 4.648-9.472 10.422-9.536 7.348-.065 12.424 7.283 16.13 7.208 3.14-.064 9.166-6.212 12.118-6.212 3.14 0 4.014 3.26 4.014 5.206 0 1.938-.623 5.458-2.133 7.656-1.51 2.198-2.44 3.008-4.2 2.888-2.264-.187-6.78-7.21-9.67-7.35-3.64-.12-11.547 7.6-17.75 7.6-3.763 0-4.9-.567-6.147-1.378-1.92-1.312-2.85-3.315-2.785-6.08z"/></svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<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="100mm"
height="50mm"
viewBox="0 0 100 50"
version="1.1"
id="svg1376"
inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
sodipodi:docname="logo.svg">
<defs
id="defs1370">
<clipPath
id="clipPath246"
clipPathUnits="userSpaceOnUse">
<path
id="path244"
d="M 0,595.28 H 841.89 V 0 H 0 Z" />
</clipPath>
<clipPath
id="clipPath254"
clipPathUnits="userSpaceOnUse">
<path
id="path252"
d="m 346.556,116.783 h 56.921 V 80.2988 h -56.921 z" />
</clipPath>
<clipPath
id="clipPath270"
clipPathUnits="userSpaceOnUse">
<path
id="path268"
d="m 353.965,135.3 h 38.891 v -34.089 h -38.891 z" />
</clipPath>
<clipPath
id="clipPath286"
clipPathUnits="userSpaceOnUse">
<path
id="path284"
d="m 343.086,124.203 h 32.096 V 87.0273 h -32.096 z" />
</clipPath>
<clipPath
id="clipPath306"
clipPathUnits="userSpaceOnUse">
<path
id="path304"
d="m 405.047,114.036 h 9.76 v -11.521 h -9.76 z" />
</clipPath>
<clipPath
id="clipPath322"
clipPathUnits="userSpaceOnUse">
<path
id="path320"
d="m 384.127,114.144 h 9.151 v -11.49 h -9.151 z" />
</clipPath>
<clipPath
id="clipPath338"
clipPathUnits="userSpaceOnUse">
<path
id="path336"
d="m 394.164,114.286 h 8.946 v -11.771 h -8.946 z" />
</clipPath>
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1.4"
inkscape:cx="85.138242"
inkscape:cy="175.75044"
inkscape:document-units="mm"
inkscape:current-layer="text354"
inkscape:document-rotation="0"
showgrid="false"
inkscape:window-width="1816"
inkscape:window-height="924"
inkscape:window-x="104"
inkscape:window-y="104"
inkscape:window-maximized="0" />
<metadata
id="metadata1373">
<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">
<g
id="g1301"
transform="matrix(0.59294734,0,0,-0.59294734,-202.24036,87.207539)">
<g
id="g240">
<g
id="g242"
clip-path="url(#clipPath246)">
<g
id="g248">
<g
id="g250" />
<g
id="g262">
<g
clip-path="url(#clipPath254)"
id="g260">
<g
transform="translate(363.8438,93.7969)"
id="g258">
<path
d="m 0,0 -5.013,5.218 -3.246,-0.767 -6.944,4.937 -0.078,7.232 -2.007,5.677 12.46,-0.924 1.955,1.613 7.1,-3.223 4.857,1.741 9.252,-3.816 2.932,2.365 6.545,-0.344 5.167,-1.379 -0.861,-12.573 7.514,-2.21 -1.924,-6.89 -4.902,0.931 -4.563,-5.258 -4.297,6.946 -7.06,-4.86 -3.672,-3.622 -1.654,0.493 -5.213,-4.487 -6.502,-0.298 -5.223,1.758 2.735,6.377 z"
style="fill:#e01a35;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path256" />
</g>
</g>
</g>
</g>
<g
id="g264">
<g
id="g266" />
<g
id="g278">
<g
clip-path="url(#clipPath270)"
id="g276">
<g
transform="translate(392.8564,116.3379)"
id="g274">
<path
d="m 0,0 -7.367,-7.494 1.303,-5.238 -8.896,-2.395 -5.744,5.412 -5.374,-2.754 -5.088,5.488 3.688,5.191 -7.117,2.952 -4.297,1.487 5.454,10.05 7.292,6.263 3.528,-4.978 12.717,-1.115 2.831,1.738 4.797,-4.705 -2.62,-4.159 z"
style="fill:#ac966a;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path272" />
</g>
</g>
</g>
</g>
<g
id="g280">
<g
id="g282" />
<g
id="g294">
<g
clip-path="url(#clipPath286)"
id="g292">
<g
transform="translate(364.1387,87.0273)"
id="g290">
<path
d="m 0,0 -9.645,4.148 -4.407,-3.111 -5.451,7.418 2.962,7.308 -4.511,4.008 3.267,6.724 6.17,-1.555 0.172,7.697 -0.172,4.539 L -0.281,35.737 8.19,31.213 4.834,26.127 8.398,13.881 11.043,11.875 8.398,5.704 3.577,6.638 Z"
style="fill:#28429f;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path288" />
</g>
</g>
</g>
</g>
<g
id="g296"
transform="translate(376.334,102.5146)">
<path
d="m 0,0 c -3.334,0 -5.868,2.069 -5.868,5.867 0,3.566 2.554,5.924 5.903,5.924 3.348,0 5.885,-2.054 5.885,-5.852 C 5.92,2.377 3.346,0 0,0 M -12.131,3.546 -13.23,3.527 V 0.27 h -2.86 v 11.251 h 4.157 c 3.15,0 4.804,-1.584 4.804,-3.907 0,-2.63 -1.779,-4.068 -5.002,-4.068 m -9.804,-7.594 H 45.019 V 15.74 h -66.954 z"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path298" />
</g>
<g
id="g300">
<g
id="g302" />
<g
id="g314">
<g
clip-path="url(#clipPath306)"
id="g312">
<g
transform="translate(411.9629,114.0361)"
id="g310">
<path
d="m 0,0 v -6.644 c 0,-1.746 -0.702,-2.467 -2.051,-2.467 -1.494,0 -2.178,0.884 -2.178,2.574 V 0 h -2.687 v -8.303 c 0.521,-2.198 2.332,-3.218 4.793,-3.218 3.024,0 4.967,1.602 4.967,4.86 V 0 Z"
style="fill:#312921;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path308" />
</g>
</g>
</g>
</g>
<g
id="g316">
<g
id="g318" />
<g
id="g330">
<g
clip-path="url(#clipPath322)"
id="g328">
<g
transform="translate(388.1514,108.2607)"
id="g326">
<path
d="M 0,0 -1.177,-0.019 V 3.565 H 0 C 1.474,3.565 2.226,2.978 2.226,1.819 2.226,0.663 1.507,0.018 0,0 M 0.222,5.883 H -4.024 V -5.606 h 2.922 v 3.328 l 1.121,0.016 c 3.289,0 5.108,1.469 5.108,4.155 0,2.372 -1.689,3.99 -4.905,3.99"
style="fill:#312921;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path324" />
</g>
</g>
</g>
</g>
<g
id="g332">
<g
id="g334" />
<g
id="g346">
<g
clip-path="url(#clipPath338)"
id="g344">
<g
transform="translate(399.582,109.5713)"
id="g342">
<path
d="m 0,0 c -1.35,0.378 -2.375,0.665 -2.375,1.404 0,0.613 0.485,0.953 1.476,0.953 1.114,0 2.52,-0.395 3.637,-0.989 l 0.557,2.359 c -1.079,0.592 -2.449,0.988 -4.213,0.988 -2.789,0 -4.318,-1.386 -4.318,-3.474 0,-2.249 1.978,-3.005 3.617,-3.455 1.494,-0.414 2.305,-0.665 2.305,-1.421 0,-0.684 -0.703,-1.063 -1.713,-1.063 -1.385,0 -2.736,0.451 -3.851,1.045 l -0.54,-2.378 c 1.045,-0.594 2.665,-1.026 4.338,-1.026 2.951,0 4.608,1.513 4.608,3.654 C 3.528,-1.261 1.729,-0.468 0,0"
style="fill:#312921;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path340" />
</g>
</g>
</g>
</g>
<path
d="M 507,78.211 H 375 v 20 h 132 z"
style="fill:#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path348" />
</g>
</g>
<g
style="font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.0981px;font-family:'Freight Sans';-inkscape-font-specification:FreightSans-Book;writing-mode:lr-tb;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="text354"
transform="matrix(1,0,0,-1,378.1338,89.8779)"
aria-label="PLATE-FORME DOBSERVATION
DES PROJETS ET STRATÉGIES URBAINES">
<path
id="path889"
d="m 1.3967453,-4.5992085 v 1.9443527 h 0.8803308 q 0.4886875,0 0.7555595,-0.2530085 0.2668719,-0.2530084 0.2668719,-0.7209008 0,-0.4644265 -0.2668719,-0.7174349 -0.266872,-0.2530085 -0.7555595,-0.2530085 z M 0.69663972,-5.1745428 H 2.2770761 q 0.8699332,0 1.3135644,0.3951091 0.4470972,0.3916433 0.4470972,1.1506686 0,0.7659571 -0.4470972,1.1576003 -0.4436312,0.3916433 -1.3135644,0.3916433 H 1.3967453 V 0 H 0.69663972 Z" />
<path
id="path891"
d="m 4.7354586,-5.1745428 h 0.7001055 v 4.58534503 h 2.519687 V 0 H 4.7354586 Z" />
<path
id="path893"
d="M 10.319196,-4.4848348 9.3695477,-1.9096939 H 11.27231 Z M 9.9240868,-5.1745428 H 10.717771 L 12.68985,0 H 11.962018 L 11.49066,-1.3274279 H 9.1581297 L 8.6867714,0 H 7.9485413 Z" />
<path
id="path895"
d="m 11.9537,-5.1745428 h 4.377393 V -4.585345 H 14.494182 V 0 H 13.79061 V -4.585345 H 11.9537 Z" />
<path
id="path897"
d="m 16.929994,-5.1745428 h 3.271781 V -4.585345 H 17.6301 v 1.5319142 h 2.464233 V -2.464233 H 17.6301 v 1.87503523 h 2.63406 V 0 h -3.334166 z" />
<path
id="path899"
d="m 20.462601,-2.2285539 h 1.868104 v 0.5684025 h -1.868104 z" />
<path
id="path901"
d="m 23.240205,-5.1745428 h 2.973716 v 0.5891978 h -2.27361 v 1.5249825 h 2.051795 v 0.5891977 H 23.940311 V 0 h -0.700106 z" />
<path
id="path903"
d="m 29.059926,-4.6997187 q -0.762491,0 -1.213054,0.5684026 -0.447097,0.5684025 -0.447097,1.5492435 0,0.9773751 0.447097,1.5457777 0.450563,0.56840255 1.213054,0.56840255 0.762492,0 1.206123,-0.56840255 0.447097,-0.5684026 0.447097,-1.5457777 0,-0.980841 -0.447097,-1.5492435 -0.443631,-0.5684026 -1.206123,-0.5684026 z m 0,-0.5684025 q 1.088283,0 1.739867,0.7312984 0.651583,0.7278325 0.651583,1.9547502 0,1.2234519 -0.651583,1.95475027 -0.651584,0.72783254 -1.739867,0.72783254 -1.091748,0 -1.746798,-0.72783254 -0.651583,-0.72783257 -0.651583,-1.95475027 0,-1.2269177 0.651583,-1.9547502 0.65505,-0.7312984 1.746798,-0.7312984 z" />
<path
id="path905"
d="m 34.800904,-2.4261085 q 0.225281,0.076249 0.436699,0.3257917 0.214884,0.2495426 0.429768,0.6862422 L 36.377874,0 H 35.625781 L 34.9638,-1.3274279 q -0.256475,-0.5198804 -0.499085,-0.689708 -0.239145,-0.1698276 -0.65505,-0.1698276 H 33.047174 V 0 h -0.700106 v -5.1745428 h 1.580437 q 0.887262,0 1.323962,0.370848 0.436699,0.3708481 0.436699,1.1194758 0,0.4886876 -0.228747,0.8110134 -0.225281,0.3223258 -0.658515,0.4470971 z m -1.75373,-2.1731 v 1.8369107 h 0.880331 q 0.506017,0 0.762491,-0.2322132 0.25994,-0.2356791 0.25994,-0.689708 0,-0.4540289 -0.25994,-0.6827762 -0.256474,-0.2322133 -0.762491,-0.2322133 z" />
<path
id="path907"
d="m 36.456867,-5.1745428 h 1.043227 l 1.320496,3.5213232 1.327428,-3.5213232 h 1.043226 V 0 h -0.682776 v -4.5437546 l -1.33436,3.54905013 H 38.470537 L 37.136177,-4.5437546 V 0 h -0.67931 z" />
<path
id="path909"
d="m 42.213428,-5.1745428 h 3.271781 v 0.5891978 h -2.571675 v 1.5319142 h 2.464233 v 0.5891978 h -2.464233 v 1.87503523 h 2.63406 V 0 h -3.334166 z" />
<path
id="path911"
d="m 48.208715,-4.5992085 v 4.02387421 h 0.845672 q 1.070954,0 1.566573,-0.48522171 0.499085,-0.4852217 0.499085,-1.5319142 0,-1.0397608 -0.499085,-1.5215166 -0.495619,-0.4852217 -1.566573,-0.4852217 z m -0.700106,-0.5753343 h 1.438336 q 1.504187,0 2.207759,0.6273224 0.703571,0.6238564 0.703571,1.9547502 0,1.3378255 -0.707037,1.96514787 Q 50.444201,0 48.946945,0 h -1.438336 z" />
<path
id="path913"
d="m 52.525607,-5.1745428 h 0.731299 v 0.5268122 l -0.568403,1.1056122 h -0.447097 l 0.284201,-1.1056122 z" />
<path
id="path915"
d="m 56.103689,-4.6997187 q -0.762492,0 -1.213055,0.5684026 -0.447097,0.5684025 -0.447097,1.5492435 0,0.9773751 0.447097,1.5457777 0.450563,0.56840255 1.213055,0.56840255 0.762491,0 1.206122,-0.56840255 0.447097,-0.5684026 0.447097,-1.5457777 0,-0.980841 -0.447097,-1.5492435 -0.443631,-0.5684026 -1.206122,-0.5684026 z m 0,-0.5684025 q 1.088283,0 1.739866,0.7312984 0.651583,0.7278325 0.651583,1.9547502 0,1.2234519 -0.651583,1.95475027 -0.651583,0.72783254 -1.739866,0.72783254 -1.091749,0 -1.746798,-0.72783254 -0.651584,-0.72783257 -0.651584,-1.95475027 0,-1.2269177 0.651584,-1.9547502 0.655049,-0.7312984 1.746798,-0.7312984 z" />
<path
id="path917"
d="m 60.090932,-2.4711648 v 1.89583051 h 1.122942 q 0.564937,0 0.835275,-0.23221324 0.273803,-0.23567907 0.273803,-0.71743497 0,-0.4852217 -0.273803,-0.713969 -0.270338,-0.2322133 -0.835275,-0.2322133 z m 0,-2.1280437 v 1.5596412 h 1.036295 q 0.512949,0 0.762492,-0.1906228 0.253008,-0.1940887 0.253008,-0.5891978 0,-0.3916432 -0.253008,-0.5857319 -0.249543,-0.1940887 -0.762492,-0.1940887 z m -0.700105,-0.5753343 h 1.788388 q 0.800616,0 1.23385,0.3327235 0.433234,0.3327234 0.433234,0.9461823 0,0.4748241 -0.221816,0.7555595 -0.221816,0.2807354 -0.651584,0.3500528 0.516415,0.1109078 0.800616,0.4644264 0.287667,0.3500528 0.287667,0.876865 0,0.69317381 -0.471358,1.07095355 Q 62.118466,0 61.248533,0 h -1.857706 z" />
<path
id="path919"
d="m 66.751641,-5.0047152 v 0.6827763 q -0.398575,-0.1906228 -0.752093,-0.2842013 -0.353519,-0.093579 -0.682776,-0.093579 -0.571869,0 -0.883797,0.2218157 -0.308462,0.2218156 -0.308462,0.6307882 0,0.343121 0.204486,0.5198803 0.207952,0.1732935 0.783286,0.2807354 l 0.422836,0.086647 q 0.783287,0.1490324 1.154135,0.5268121 0.374314,0.3743139 0.374314,1.0051021 0,0.7520936 -0.506017,1.14027095 -0.502551,0.38817736 -1.476461,0.38817736 -0.367382,0 -0.783286,-0.08318086 -0.412438,-0.08318087 -0.85607,-0.24607672 v -0.7209008 q 0.426302,0.23914498 0.835275,0.3604504 0.408972,0.12130542 0.804081,0.12130542 0.599596,0 0.925387,-0.2356791 0.325792,-0.23567911 0.325792,-0.67237865 0,-0.3812456 -0.235679,-0.5961295 -0.232213,-0.2148839 -0.765957,-0.3223258 l -0.426302,-0.083181 q -0.783286,-0.1559641 -1.133339,-0.4886876 -0.350053,-0.3327234 -0.350053,-0.925387 0,-0.6862421 0.481756,-1.0813512 0.485222,-0.3951091 1.33436,-0.3951091 0.363916,0 0.741696,0.065851 0.377779,0.065852 0.772888,0.1975545 z" />
<path
id="path921"
d="m 67.482666,-5.1745428 h 3.27178 v 0.5891978 h -2.571675 v 1.5319142 h 2.464233 v 0.5891978 h -2.464233 v 1.87503523 h 2.634061 V 0 h -3.334166 z" />
<path
id="path923"
d="m 73.890137,-2.4261085 q 0.225282,0.076249 0.4367,0.3257917 0.214884,0.2495426 0.429768,0.6862422 L 75.467108,0 h -0.752094 l -0.661981,-1.3274279 q -0.256474,-0.5198804 -0.499085,-0.689708 -0.239145,-0.1698276 -0.655049,-0.1698276 H 72.136407 V 0 h -0.700105 v -5.1745428 h 1.580436 q 0.887263,0 1.323962,0.370848 0.4367,0.3708481 0.4367,1.1194758 0,0.4886876 -0.228748,0.8110134 -0.225281,0.3223258 -0.658515,0.4470971 z m -1.75373,-2.1731 v 1.8369107 h 0.880331 q 0.506017,0 0.762491,-0.2322132 0.259941,-0.2356791 0.259941,-0.689708 0,-0.4540289 -0.259941,-0.6827762 -0.256474,-0.2322133 -0.762491,-0.2322133 z" />
<path
id="path925"
d="M 76.915956,0 74.94041,-5.1745428 h 0.731299 l 1.639356,4.35659766 1.642822,-4.35659766 h 0.727832 L 77.70964,0 Z" />
<path
id="path927"
d="m 81.39247,-4.4848348 -0.949648,2.5751409 h 1.902762 z m -0.395109,-0.689708 h 0.793684 L 83.763125,0 h -0.727833 l -0.471358,-1.3274279 h -2.33253 L 79.760046,0 h -0.73823 z" />
<path
id="path929"
d="m 83.026972,-5.1745428 h 4.377393 v 0.5891978 h -1.83691 V 0 h -0.703572 v -4.585345 h -1.836911 z" />
<path
id="path931"
d="m 88.003273,-5.1745428 h 0.700105 V 0 h -0.700105 z" />
<path
id="path933"
d="m 92.076856,-4.6997187 q -0.762491,0 -1.213054,0.5684026 -0.447097,0.5684025 -0.447097,1.5492435 0,0.9773751 0.447097,1.5457777 0.450563,0.56840255 1.213054,0.56840255 0.762491,0 1.206123,-0.56840255 0.447097,-0.5684026 0.447097,-1.5457777 0,-0.980841 -0.447097,-1.5492435 -0.443632,-0.5684026 -1.206123,-0.5684026 z m 0,-0.5684025 q 1.088283,0 1.739866,0.7312984 0.651584,0.7278325 0.651584,1.9547502 0,1.2234519 -0.651584,1.95475027 -0.651583,0.72783254 -1.739866,0.72783254 -1.091749,0 -1.746798,-0.72783254 -0.651583,-0.72783257 -0.651583,-1.95475027 0,-1.2269177 0.651583,-1.9547502 0.655049,-0.7312984 1.746798,-0.7312984 z" />
<path
id="path935"
d="m 95.363998,-5.1745428 h 0.942717 l 2.294405,4.32887071 V -5.1745428 h 0.67931 V 0 H 98.337714 L 96.043308,-4.3288707 V 0 h -0.67931 z" />
<path
id="path937"
d="m 1.3967453,2.9957584 v 4.0238742 h 0.8456721 q 1.0709536,0 1.5665729,-0.4852217 0.4990852,-0.4852217 0.4990852,-1.5319142 0,-1.0397608 -0.4990852,-1.5215166 Q 3.313371,2.9957584 2.2424174,2.9957584 Z M 0.69663972,2.4204241 H 2.1349754 q 1.5041873,0 2.2077587,0.6273224 0.7035715,0.6238564 0.7035715,1.9547502 0,1.3378255 -0.7070373,1.9651479 Q 3.632231,7.5949669 2.1349754,7.5949669 H 0.69663972 Z" />
<path
id="path939"
d="m 5.5091516,2.4204241 h 3.2717806 v 0.5891978 h -2.571675 v 1.5319142 h 2.464233 V 5.1307339 H 6.2092572 V 7.0057691 H 8.8433178 V 7.5949669 H 5.5091516 Z" />
<path
id="path941"
d="M 12.564746,2.5902517 V 3.273028 q -0.398575,-0.1906229 -0.752094,-0.2842013 -0.353518,-0.093579 -0.682776,-0.093579 -0.571868,0 -0.883797,0.2218156 -0.3084619,0.2218157 -0.3084619,0.6307882 0,0.3431211 0.2044859,0.5198804 0.207953,0.1732935 0.783287,0.2807354 l 0.422836,0.086647 q 0.783286,0.1490323 1.154134,0.5268121 0.374314,0.3743139 0.374314,1.0051021 0,0.7520936 -0.506017,1.1402709 -0.502551,0.3881774 -1.47646,0.3881774 -0.367382,0 -0.783286,-0.083181 Q 9.6984722,7.5291154 9.2548409,7.3662195 V 6.6453187 q 0.4263019,0.239145 0.8352741,0.3604504 0.408973,0.1213054 0.804082,0.1213054 0.599595,0 0.925387,-0.2356791 0.325792,-0.2356791 0.325792,-0.6723786 0,-0.3812456 -0.235679,-0.5961295 Q 11.677483,5.4080034 11.14374,5.3005615 L 10.717438,5.2173806 Q 9.9341513,5.0614165 9.5840985,4.728693 9.2340457,4.3959696 9.2340457,3.8033059 q 0,-0.6862421 0.4817558,-1.0813512 0.4852215,-0.395109 1.3343595,-0.395109 0.363916,0 0.741696,0.065852 0.37778,0.065851 0.772889,0.1975545 z" />
<path
id="path943"
d="m 15.337413,2.9957584 v 1.9443527 h 0.880331 q 0.488688,0 0.75556,-0.2530085 0.266872,-0.2530085 0.266872,-0.7209008 0,-0.4644265 -0.266872,-0.7174349 -0.266872,-0.2530085 -0.75556,-0.2530085 z M 14.637308,2.4204241 h 1.580436 q 0.869933,0 1.313565,0.3951091 0.447097,0.3916432 0.447097,1.1506686 0,0.7659571 -0.447097,1.1576003 -0.443632,0.3916432 -1.313565,0.3916432 h -0.880331 v 2.0795216 h -0.700105 z" />
<path
id="path945"
d="m 21.129962,5.1688584 q 0.225281,0.076249 0.436699,0.3257917 0.214884,0.2495426 0.429768,0.6862421 l 0.710503,1.4140747 H 21.954838 L 21.292857,6.267539 Q 21.036383,5.7476586 20.793772,5.577831 20.554627,5.4080034 20.138723,5.4080034 H 19.376232 V 7.5949669 H 18.676126 V 2.4204241 h 1.580437 q 0.887262,0 1.323962,0.370848 0.436699,0.370848 0.436699,1.1194758 0,0.4886876 -0.228747,0.8110134 -0.225282,0.3223258 -0.658515,0.4470971 z m -1.75373,-2.1731 v 1.8369107 h 0.880331 q 0.506016,0 0.762491,-0.2322132 0.25994,-0.2356791 0.25994,-0.689708 0,-0.4540289 -0.25994,-0.6827762 -0.256475,-0.2322133 -0.762491,-0.2322133 z" />
<path
id="path947"
d="m 24.850753,2.8952482 q -0.762491,0 -1.213054,0.5684026 -0.447097,0.5684025 -0.447097,1.5492435 0,0.9773751 0.447097,1.5457777 0.450563,0.5684025 1.213054,0.5684025 0.762491,0 1.206123,-0.5684025 0.447097,-0.5684026 0.447097,-1.5457777 0,-0.980841 -0.447097,-1.5492435 -0.443632,-0.5684026 -1.206123,-0.5684026 z m 0,-0.5684025 q 1.088283,0 1.739867,0.7312984 0.651583,0.7278325 0.651583,1.9547502 0,1.2234518 -0.651583,1.9547503 -0.651584,0.7278325 -1.739867,0.7278325 -1.091749,0 -1.746798,-0.7278325 -0.651583,-0.7278326 -0.651583,-1.9547503 0,-1.2269177 0.651583,-1.9547502 0.655049,-0.7312984 1.746798,-0.7312984 z" />
<path
id="path949"
d="m 27.924951,2.4204241 h 0.700106 v 4.8140924 q 0,0.9357847 -0.356985,1.3586207 -0.353518,0.4228361 -1.140271,0.4228361 H 26.860929 V 8.4267755 h 0.21835 q 0.464427,0 0.655049,-0.2599402 0.190623,-0.2599402 0.190623,-0.9323188 z" />
<path
id="path951"
d="m 31.218469,2.4204241 h 3.271781 v 0.5891978 h -2.571675 v 1.5319142 h 2.464233 v 0.5891978 h -2.464233 v 1.8750352 h 2.634061 v 0.5891978 h -3.334167 z" />
<path
id="path953"
d="m 34.454676,2.4204241 h 4.377393 v 0.5891978 h -1.836911 v 4.585345 h -0.703571 v -4.585345 h -1.836911 z" />
<path
id="path955"
d="M 42.532926,2.5902517 V 3.273028 q -0.398575,-0.1906229 -0.752094,-0.2842013 -0.353519,-0.093579 -0.682776,-0.093579 -0.571869,0 -0.883797,0.2218156 -0.308462,0.2218157 -0.308462,0.6307882 0,0.3431211 0.204486,0.5198804 0.207952,0.1732935 0.783287,0.2807354 l 0.422836,0.086647 q 0.783286,0.1490323 1.154134,0.5268121 0.374314,0.3743139 0.374314,1.0051021 0,0.7520936 -0.506017,1.1402709 -0.502551,0.3881774 -1.47646,0.3881774 -0.367382,0 -0.783287,-0.083181 -0.412438,-0.083181 -0.856069,-0.2460767 V 6.6453187 q 0.426302,0.239145 0.835274,0.3604504 0.408973,0.1213054 0.804082,0.1213054 0.599595,0 0.925387,-0.2356791 0.325792,-0.2356791 0.325792,-0.6723786 0,-0.3812456 -0.23568,-0.5961295 Q 41.645663,5.4080034 41.111919,5.3005615 L 40.685617,5.2173806 Q 39.902331,5.0614165 39.552278,4.728693 39.202225,4.3959696 39.202225,3.8033059 q 0,-0.6862421 0.481756,-1.0813512 0.485222,-0.395109 1.33436,-0.395109 0.363916,0 0.741696,0.065852 0.37778,0.065851 0.772889,0.1975545 z" />
<path
id="path957"
d="m 44.605488,2.4204241 h 3.27178 v 0.5891978 h -2.571675 v 1.5319142 h 2.464233 v 0.5891978 h -2.464233 v 1.8750352 h 2.634061 v 0.5891978 h -3.334166 z" />
<path
id="path959"
d="m 47.841693,2.4204241 h 4.377392 v 0.5891978 h -1.83691 v 4.585345 h -0.703572 v -4.585345 h -1.83691 z" />
<path
id="path961"
d="M 57.261483,2.5902517 V 3.273028 Q 56.862908,3.0824051 56.50939,2.9888267 q -0.353519,-0.093579 -0.682777,-0.093579 -0.571868,0 -0.883796,0.2218156 -0.308463,0.2218157 -0.308463,0.6307882 0,0.3431211 0.204487,0.5198804 0.207952,0.1732935 0.783286,0.2807354 l 0.422836,0.086647 q 0.783287,0.1490323 1.154135,0.5268121 0.374314,0.3743139 0.374314,1.0051021 0,0.7520936 -0.506017,1.1402709 -0.502551,0.3881774 -1.476461,0.3881774 -0.367382,0 -0.783286,-0.083181 -0.412439,-0.083181 -0.85607,-0.2460767 V 6.6453187 q 0.426302,0.239145 0.835275,0.3604504 0.408972,0.1213054 0.804081,0.1213054 0.599596,0 0.925387,-0.2356791 0.325792,-0.2356791 0.325792,-0.6723786 0,-0.3812456 -0.235679,-0.5961295 Q 56.374221,5.4080034 55.840477,5.3005615 L 55.414175,5.2173806 Q 54.630889,5.0614165 54.280836,4.728693 53.930783,4.3959696 53.930783,3.8033059 q 0,-0.6862421 0.481756,-1.0813512 0.485221,-0.395109 1.334359,-0.395109 0.363917,0 0.741696,0.065852 0.37778,0.065851 0.772889,0.1975545 z" />
<path
id="path963"
d="m 57.204089,2.4204241 h 4.377393 v 0.5891978 h -1.836911 v 4.585345 H 59.041 v -4.585345 h -1.836911 z" />
<path
id="path965"
d="m 64.634217,5.1688584 q 0.225281,0.076249 0.436699,0.3257917 0.214884,0.2495426 0.429768,0.6862421 l 0.710503,1.4140747 H 65.459094 L 64.797113,6.267539 Q 64.540638,5.7476586 64.298028,5.577831 64.058883,5.4080034 63.642978,5.4080034 H 62.880487 V 7.5949669 H 62.180381 V 2.4204241 h 1.580437 q 0.887262,0 1.323962,0.370848 0.436699,0.370848 0.436699,1.1194758 0,0.4886876 -0.228747,0.8110134 -0.225281,0.3223258 -0.658515,0.4470971 z m -1.75373,-2.1731 v 1.8369107 h 0.880331 q 0.506017,0 0.762491,-0.2322132 0.25994,-0.2356791 0.25994,-0.689708 0,-0.4540289 -0.25994,-0.6827762 -0.256474,-0.2322133 -0.762491,-0.2322133 z" />
<path
id="path967"
d="m 68.019652,3.1101321 -0.949648,2.5751408 h 1.902763 z m -0.395109,-0.689708 h 0.793684 l 1.97208,5.1745428 H 69.662474 L 69.191116,6.267539 h -2.33253 l -0.471358,1.3274279 h -0.73823 z" />
<path
id="path969"
d="m 69.654154,2.4204241 h 4.377393 v 0.5891978 h -1.83691 v 4.585345 h -0.703572 v -4.585345 h -1.836911 z" />
<path
id="path971"
d="m 74.630447,2.4204241 h 3.271781 v 0.5891978 h -2.571675 v 1.5319142 h 2.464233 v 0.5891978 h -2.464233 v 1.8750352 h 2.63406 v 0.5891978 h -3.334166 z m 1.816116,-1.4071429 h 0.641185 L 76.29753,1.9282707 h -0.530278 z" />
<path
id="path973"
d="M 82.112346,6.8567367 V 5.4669232 H 80.968609 V 4.8915889 h 1.836911 v 2.2216222 q -0.405507,0.2876671 -0.894195,0.4366995 -0.488687,0.1455665 -1.043226,0.1455665 -1.213055,0 -1.899297,-0.7070373 -0.682776,-0.7105032 -0.682776,-1.9755455 0,-1.2685081 0.682776,-1.9755455 0.686242,-0.7105031 1.899297,-0.7105031 0.506017,0 0.960045,0.1247712 0.457495,0.1247713 0.842207,0.3673822 V 3.564161 q -0.388178,-0.3292576 -0.824877,-0.4956193 -0.4367,-0.1663618 -0.918456,-0.1663618 -0.949648,0 -1.427938,0.530278 -0.474824,0.530278 -0.474824,1.5804364 0,1.0466925 0.474824,1.5769705 0.47829,0.530278 1.427938,0.530278 0.370848,0 0.661982,-0.062386 0.291133,-0.065852 0.523346,-0.2010205 z" />
<path
id="path975"
d="M 83.375305,2.4204241 H 84.07541 V 7.5949669 H 83.375305 Z" />
<path
id="path977"
d="m 85.348579,2.4204241 h 3.271781 v 0.5891978 h -2.571675 v 1.5319142 h 2.464233 v 0.5891978 h -2.464233 v 1.8750352 h 2.63406 v 0.5891978 h -3.334166 z" />
<path
id="path979"
d="M 92.404176,2.5902517 V 3.273028 q -0.398575,-0.1906229 -0.752094,-0.2842013 -0.353518,-0.093579 -0.682776,-0.093579 -0.571868,0 -0.883797,0.2218156 -0.308462,0.2218157 -0.308462,0.6307882 0,0.3431211 0.204486,0.5198804 0.207952,0.1732935 0.783287,0.2807354 l 0.422836,0.086647 q 0.783286,0.1490323 1.154134,0.5268121 0.374314,0.3743139 0.374314,1.0051021 0,0.7520936 -0.506017,1.1402709 -0.502551,0.3881774 -1.47646,0.3881774 -0.367382,0 -0.783287,-0.083181 -0.412438,-0.083181 -0.856069,-0.2460767 V 6.6453187 q 0.426302,0.239145 0.835274,0.3604504 0.408973,0.1213054 0.804082,0.1213054 0.599595,0 0.925387,-0.2356791 0.325792,-0.2356791 0.325792,-0.6723786 0,-0.3812456 -0.235679,-0.5961295 Q 91.516913,5.4080034 90.983169,5.3005615 L 90.556868,5.2173806 Q 89.773581,5.0614165 89.423528,4.728693 89.073476,4.3959696 89.073476,3.8033059 q 0,-0.6862421 0.481755,-1.0813512 0.485222,-0.395109 1.33436,-0.395109 0.363916,0 0.741696,0.065852 0.37778,0.065851 0.772889,0.1975545 z" />
<path
id="path981"
d="m 94.397023,2.4204241 h 0.703571 v 3.1435434 q 0,0.8318086 0.301531,1.1991908 0.30153,0.3639162 0.977375,0.3639162 0.672379,0 0.973909,-0.3639162 Q 97.65494,6.3957761 97.65494,5.5639675 V 2.4204241 h 0.703571 v 3.2301901 q 0,1.0120339 -0.502551,1.5284484 -0.499085,0.5164145 -1.47646,0.5164145 -0.980841,0 -1.483392,-0.5164145 -0.499085,-0.5164145 -0.499085,-1.5284484 z" />
<path
id="path983"
d="m 101.65791,5.1688584 q 0.22528,0.076249 0.4367,0.3257917 0.21488,0.2495426 0.42976,0.6862421 l 0.71051,1.4140747 h -0.7521 L 101.8208,6.267539 Q 101.56433,5.7476586 101.32172,5.577831 101.08257,5.4080034 100.66667,5.4080034 H 99.904176 V 7.5949669 H 99.204071 V 2.4204241 h 1.580439 q 0.88726,0 1.32396,0.370848 0.4367,0.370848 0.4367,1.1194758 0,0.4886876 -0.22875,0.8110134 -0.22528,0.3223258 -0.65851,0.4470971 z m -1.753734,-2.1731 v 1.8369107 h 0.880334 q 0.50601,0 0.76249,-0.2322132 0.25994,-0.2356791 0.25994,-0.689708 0,-0.4540289 -0.25994,-0.6827762 -0.25648,-0.2322133 -0.76249,-0.2322133 z" />
<path
id="path985"
d="m 104.01398,5.1238021 v 1.8958305 h 1.12294 q 0.56494,0 0.83527,-0.2322132 0.27381,-0.2356792 0.27381,-0.717435 0,-0.4852217 -0.27381,-0.713969 -0.27033,-0.2322133 -0.83527,-0.2322133 z m 0,-2.1280437 v 1.5596412 h 1.03629 q 0.51295,0 0.76249,-0.1906228 0.25301,-0.1940887 0.25301,-0.5891978 0,-0.3916432 -0.25301,-0.5857319 -0.24954,-0.1940887 -0.76249,-0.1940887 z m -0.70011,-0.5753343 h 1.78839 q 0.80062,0 1.23385,0.3327235 0.43323,0.3327234 0.43323,0.9461823 0,0.4748241 -0.22181,0.7555595 -0.22182,0.2807354 -0.65158,0.3500528 0.51641,0.1109078 0.80061,0.4644264 0.28767,0.3500528 0.28767,0.8768649 0,0.6931739 -0.47136,1.0709536 -0.47136,0.3777798 -1.34129,0.3777798 h -1.85771 z" />
<path
id="path987"
d="m 109.3022,3.1101321 -0.94965,2.5751408 h 1.90276 z m -0.39511,-0.689708 h 0.79368 l 1.97208,5.1745428 h -0.72783 L 110.47366,6.267539 h -2.33253 l -0.47135,1.3274279 h -0.73824 z" />
<path
id="path989"
d="m 112.00904,2.4204241 h 0.70011 v 5.1745428 h -0.70011 z" />
<path
id="path991"
d="m 113.98232,2.4204241 h 0.94272 l 2.2944,4.3288707 V 2.4204241 h 0.67931 v 5.1745428 h -0.94271 l -2.29441,-4.3288707 v 4.3288707 h -0.67931 z" />
<path
id="path993"
d="m 118.95099,2.4204241 h 3.27178 v 0.5891978 h -2.57168 v 1.5319142 h 2.46424 v 0.5891978 h -2.46424 v 1.8750352 h 2.63406 v 0.5891978 h -3.33416 z" />
<path
id="path995"
d="M 126.00657,2.5902517 V 3.273028 q -0.39857,-0.1906229 -0.75209,-0.2842013 -0.35352,-0.093579 -0.68278,-0.093579 -0.57187,0 -0.8838,0.2218156 -0.30846,0.2218157 -0.30846,0.6307882 0,0.3431211 0.20449,0.5198804 0.20795,0.1732935 0.78328,0.2807354 l 0.42284,0.086647 q 0.78329,0.1490323 1.15413,0.5268121 0.37432,0.3743139 0.37432,1.0051021 0,0.7520936 -0.50602,1.1402709 -0.50255,0.3881774 -1.47646,0.3881774 -0.36738,0 -0.78329,-0.083181 -0.41243,-0.083181 -0.85607,-0.2460767 V 6.6453187 q 0.42631,0.239145 0.83528,0.3604504 0.40897,0.1213054 0.80408,0.1213054 0.5996,0 0.92539,-0.2356791 0.32579,-0.2356791 0.32579,-0.6723786 0,-0.3812456 -0.23568,-0.5961295 -0.23221,-0.2148839 -0.76596,-0.3223258 l -0.4263,-0.083181 q -0.78328,-0.1559641 -1.13334,-0.4886876 -0.35005,-0.3327234 -0.35005,-0.9253871 0,-0.6862421 0.48176,-1.0813512 0.48522,-0.395109 1.33436,-0.395109 0.36391,0 0.74169,0.065852 0.37778,0.065851 0.77289,0.1975545 z" />
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 31 KiB

File diff suppressed because it is too large Load Diff
@@ -6,6 +6,13 @@
"dependencies": {
"bootstrap": "^4.5.0",
"composer": "^4.1.0",
"gulp": "^4.0.2",
"gulp-autoprefixer": "^7.0.1",
"gulp-clean-css": "^4.3.0",
"gulp-csscomb": "^3.1.0",
"gulp-rename": "^2.0.0",
"gulp-sass": "^4.1.0",
"gulp-sourcemaps": "^2.6.5",
"jquery": "^3.5.1",
"popper.js": "^1.16.1"
},
@@ -4,7 +4,7 @@ global-styling:
theme:
css/bootstrap/css/bootstrap-reboot.min.css: {}
css/bootstrap/css/bootstrap.min.css: {}
css/layout.css: {}
css-compiled/index.min.css: {}
global-scripts:
js:
@@ -0,0 +1,34 @@
{#
/**
* @file
* Default theme implementation to display a block.
*
* Available variables:
* - plugin_id: The ID of the block implementation.
* - label: The configured label of the block if visible.
* - configuration: A list of the block's configuration values.
* - label: The configured label for the block.
* - label_display: The display settings for the label.
* - provider: The module or other provider that provided this block plugin.
* - Block plugin specific settings will also be stored here.
* - content: The content of this block.
* - attributes: array of HTML attributes populated by modules, intended to
* be added to the main container tag of this template.
* - id: A valid HTML ID and guaranteed unique.
* - title_attributes: Same as attributes, except applied to the main title
* tag that appears in the template.
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the main title tag that appears in the template.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the main title tag that appears in the template.
*
* @see template_preprocess_block()
*
* @ingroup themeable
*/
#}
<div{{ attributes }} class="col-md-4">
{% block content %}
{{ content }}
{% endblock %}
</div>
@@ -0,0 +1,41 @@
{#
/**
* @file
* Default theme implementation to display a block.
*
* Available variables:
* - plugin_id: The ID of the block implementation.
* - label: The configured label of the block if visible.
* - configuration: A list of the block's configuration values.
* - label: The configured label for the block.
* - label_display: The display settings for the label.
* - provider: The module or other provider that provided this block plugin.
* - Block plugin specific settings will also be stored here.
* - content: The content of this block.
* - attributes: array of HTML attributes populated by modules, intended to
* be added to the main container tag of this template.
* - id: A valid HTML ID and guaranteed unique.
* - title_attributes: Same as attributes, except applied to the main title
* tag that appears in the template.
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the main title tag that appears in the template.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the main title tag that appears in the template.
*
* @see template_preprocess_block()
*
* @ingroup themeable
*/
#}
<div{{ attributes }} class="col-md-8">
{{ title_prefix }}
{% if label %}
<h2{{ title_attributes }}>{{ label }}</h2>
{% endif %}
{{ title_suffix }}
{% block content %}
<a href="/">
{{ content }}
</a>
{% endblock %}
</div>
@@ -0,0 +1,39 @@
{#
/**
* @file
* Default theme implementation to display a block.
*
* Available variables:
* - plugin_id: The ID of the block implementation.
* - label: The configured label of the block if visible.
* - configuration: A list of the block's configuration values.
* - label: The configured label for the block.
* - label_display: The display settings for the label.
* - provider: The module or other provider that provided this block plugin.
* - Block plugin specific settings will also be stored here.
* - content: The content of this block.
* - attributes: array of HTML attributes populated by modules, intended to
* be added to the main container tag of this template.
* - id: A valid HTML ID and guaranteed unique.
* - title_attributes: Same as attributes, except applied to the main title
* tag that appears in the template.
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the main title tag that appears in the template.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the main title tag that appears in the template.
*
* @see template_preprocess_block()
*
* @ingroup themeable
*/
#}
<div{{ attributes }}>
{{ title_prefix }}
{% if label %}
<h2{{ title_attributes }}>{{ label }}</h2>
{% endif %}
{{ title_suffix }}
{% block content %}
{{ content }}
{% endblock %}
</div>
@@ -0,0 +1,72 @@
{#
/**
* @file
* Default theme implementation for a field.
*
* To override output, copy the "field.html.twig" from the templates directory
* to your theme's directory and customize it, just like customizing other
* Drupal templates such as page.html.twig or node.html.twig.
*
* Instead of overriding the theming for all fields, you can also just override
* theming for a subset of fields using
* @link themeable Theme hook suggestions. @endlink For example,
* here are some theme hook suggestions that can be used for a field_foo field
* on an article node type:
* - field--node--field-foo--article.html.twig
* - field--node--field-foo.html.twig
* - field--node--article.html.twig
* - field--field-foo.html.twig
* - field--text-with-summary.html.twig
* - field.html.twig
*
* Available variables:
* - attributes: HTML attributes for the containing element.
* - label_hidden: Whether to show the field label or not.
* - title_attributes: HTML attributes for the title.
* - label: The label for the field.
* - multiple: TRUE if a field can contain multiple items.
* - items: List of all the field items. Each item contains:
* - attributes: List of HTML attributes for each item.
* - content: The field item's content.
* - entity_type: The entity type to which the field belongs.
* - field_name: The name of the field.
* - field_type: The type of the field.
* - label_display: The display settings for the label.
*
* @see template_preprocess_field()
*
* @ingroup themeable
*/
#}
{%
set title_classes = [
label_display == 'visually_hidden' ? 'visually-hidden',
]
%}
{% if label_hidden %}
{% if multiple %}
<div{{ attributes }}>
{% for item in items %}
<div{{ item.attributes }}>{{ item.content }}</div>
{% endfor %}
</div>
{% else %}
{% for item in items %}
<div{{ attributes }} class="__img-hero">{{ item.content }}</div>
{% endfor %}
{% endif %}
{% else %}
<div{{ attributes }}>
<div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
{% if multiple %}
<div>
{% endif %}
{% for item in items %}
<div{{ item.attributes }}>{{ item.content }}</div>
{% endfor %}
{% if multiple %}
</div>
{% endif %}
</div>
{% endif %}
@@ -0,0 +1,51 @@
{#
/**
* @file
* Default theme implementation for a field.
*
* To override output, copy the "field.html.twig" from the templates directory
* to your theme's directory and customize it, just like customizing other
* Drupal templates such as page.html.twig or node.html.twig.
*
* Instead of overriding the theming for all fields, you can also just override
* theming for a subset of fields using
* @link themeable Theme hook suggestions. @endlink For example,
* here are some theme hook suggestions that can be used for a field_foo field
* on an article node type:
* - field--node--field-foo--article.html.twig
* - field--node--field-foo.html.twig
* - field--node--article.html.twig
* - field--field-foo.html.twig
* - field--text-with-summary.html.twig
* - field.html.twig
*
* Available variables:
* - attributes: HTML attributes for the containing element.
* - label_hidden: Whether to show the field label or not.
* - title_attributes: HTML attributes for the title.
* - label: The label for the field.
* - multiple: TRUE if a field can contain multiple items.
* - items: List of all the field items. Each item contains:
* - attributes: List of HTML attributes for each item.
* - content: The field item's content.
* - entity_type: The entity type to which the field belongs.
* - field_name: The name of the field.
* - field_type: The type of the field.
* - label_display: The display settings for the label.
*
* @see template_preprocess_field()
*
* @ingroup themeable
*/
#}
{%
set title_classes = [
label_display == 'visually_hidden' ? 'visually-hidden',
]
%}
{% for item in items %}
<div class="__sub-title-present">
<p>{{ item.content }}</p>
</div>
{% endfor %}
@@ -0,0 +1,52 @@
{#
/**
* @file
* Default theme implementation for a field.
*
* To override output, copy the "field.html.twig" from the templates directory
* to your theme's directory and customize it, just like customizing other
* Drupal templates such as page.html.twig or node.html.twig.
*
* Instead of overriding the theming for all fields, you can also just override
* theming for a subset of fields using
* @link themeable Theme hook suggestions. @endlink For example,
* here are some theme hook suggestions that can be used for a field_foo field
* on an article node type:
* - field--node--field-foo--article.html.twig
* - field--node--field-foo.html.twig
* - field--node--article.html.twig
* - field--field-foo.html.twig
* - field--text-with-summary.html.twig
* - field.html.twig
*
* Available variables:
* - attributes: HTML attributes for the containing element.
* - label_hidden: Whether to show the field label or not.
* - title_attributes: HTML attributes for the title.
* - label: The label for the field.
* - multiple: TRUE if a field can contain multiple items.
* - items: List of all the field items. Each item contains:
* - attributes: List of HTML attributes for each item.
* - content: The field item's content.
* - entity_type: The entity type to which the field belongs.
* - field_name: The name of the field.
* - field_type: The type of the field.
* - label_display: The display settings for the label.
*
* @see template_preprocess_field()
*
* @ingroup themeable
*/
#}
{%
set title_classes = [
label_display == 'visually_hidden' ? 'visually-hidden',
]
%}
{% for item in items %}
<div class="__title-present">
<h2>{{ item.content }}</h2>
</div>
{% endfor %}
@@ -0,0 +1,50 @@
{#
/**
* @file
* Default theme implementation for a field.
*
* To override output, copy the "field.html.twig" from the templates directory
* to your theme's directory and customize it, just like customizing other
* Drupal templates such as page.html.twig or node.html.twig.
*
* Instead of overriding the theming for all fields, you can also just override
* theming for a subset of fields using
* @link themeable Theme hook suggestions. @endlink For example,
* here are some theme hook suggestions that can be used for a field_foo field
* on an article node type:
* - field--node--field-foo--article.html.twig
* - field--node--field-foo.html.twig
* - field--node--article.html.twig
* - field--field-foo.html.twig
* - field--text-with-summary.html.twig
* - field.html.twig
*
* Available variables:
* - attributes: HTML attributes for the containing element.
* - label_hidden: Whether to show the field label or not.
* - title_attributes: HTML attributes for the title.
* - label: The label for the field.
* - multiple: TRUE if a field can contain multiple items.
* - items: List of all the field items. Each item contains:
* - attributes: List of HTML attributes for each item.
* - content: The field item's content.
* - entity_type: The entity type to which the field belongs.
* - field_name: The name of the field.
* - field_type: The type of the field.
* - label_display: The display settings for the label.
*
* @see template_preprocess_field()
*
* @ingroup themeable
*/
#}
{%
set title_classes = [
label_display == 'visually_hidden' ? 'visually-hidden',
]
%}
{% for item in items %}
<div{{ attributes }} class="btn btn_plus">{{ item.content }}</div>
{% endfor %}
@@ -0,0 +1,49 @@
{#
/**
* @file
* Default theme implementation for a field.
*
* To override output, copy the "field.html.twig" from the templates directory
* to your theme's directory and customize it, just like customizing other
* Drupal templates such as page.html.twig or node.html.twig.
*
* Instead of overriding the theming for all fields, you can also just override
* theming for a subset of fields using
* @link themeable Theme hook suggestions. @endlink For example,
* here are some theme hook suggestions that can be used for a field_foo field
* on an article node type:
* - field--node--field-foo--article.html.twig
* - field--node--field-foo.html.twig
* - field--node--article.html.twig
* - field--field-foo.html.twig
* - field--text-with-summary.html.twig
* - field.html.twig
*
* Available variables:
* - attributes: HTML attributes for the containing element.
* - label_hidden: Whether to show the field label or not.
* - title_attributes: HTML attributes for the title.
* - label: The label for the field.
* - multiple: TRUE if a field can contain multiple items.
* - items: List of all the field items. Each item contains:
* - attributes: List of HTML attributes for each item.
* - content: The field item's content.
* - entity_type: The entity type to which the field belongs.
* - field_name: The name of the field.
* - field_type: The type of the field.
* - label_display: The display settings for the label.
*
* @see template_preprocess_field()
*
* @ingroup themeable
*/
#}
{%
set title_classes = [
label_display == 'visually_hidden' ? 'visually-hidden',
]
%}
{% for item in items %}
<figcaption class="__img">{{ item.content }}</figcaption>
{% endfor %}
@@ -0,0 +1,49 @@
{#
/**
* @file
* Default theme implementation for a field.
*
* To override output, copy the "field.html.twig" from the templates directory
* to your theme's directory and customize it, just like customizing other
* Drupal templates such as page.html.twig or node.html.twig.
*
* Instead of overriding the theming for all fields, you can also just override
* theming for a subset of fields using
* @link themeable Theme hook suggestions. @endlink For example,
* here are some theme hook suggestions that can be used for a field_foo field
* on an article node type:
* - field--node--field-foo--article.html.twig
* - field--node--field-foo.html.twig
* - field--node--article.html.twig
* - field--field-foo.html.twig
* - field--text-with-summary.html.twig
* - field.html.twig
*
* Available variables:
* - attributes: HTML attributes for the containing element.
* - label_hidden: Whether to show the field label or not.
* - title_attributes: HTML attributes for the title.
* - label: The label for the field.
* - multiple: TRUE if a field can contain multiple items.
* - items: List of all the field items. Each item contains:
* - attributes: List of HTML attributes for each item.
* - content: The field item's content.
* - entity_type: The entity type to which the field belongs.
* - field_name: The name of the field.
* - field_type: The type of the field.
* - label_display: The display settings for the label.
*
* @see template_preprocess_field()
*
* @ingroup themeable
*/
#}
{%
set title_classes = [
label_display == 'visually_hidden' ? 'visually-hidden',
]
%}
{% for item in items %}
<figcaption class="__img">{{ item.content }}</figcaption>
{% endfor %}
@@ -0,0 +1,49 @@
{#
/**
* @file
* Default theme implementation for the basic structure of a single Drupal page.
*
* Variables:
* - logged_in: A flag indicating if user is logged in.
* - root_path: The root path of the current page (e.g., node, admin, user).
* - node_type: The content type for the current node, if the page is a node.
* - head_title: List of text elements that make up the head_title variable.
* May contain one or more of the following:
* - title: The title of the page.
* - name: The name of the site.
* - slogan: The slogan of the site.
* - page_top: Initial rendered markup. This should be printed before 'page'.
* - page: The rendered page markup.
* - page_bottom: Closing rendered markup. This variable should be printed after
* 'page'.
* - db_offline: A flag indicating if the database is offline.
* - placeholder_token: The token for generating head, css, js and js-bottom
* placeholders.
*
* @see template_preprocess_html()
*
* @ingroup themeable
*/
#}
<!DOCTYPE html>
<html{{ html_attributes }}>
<head>
<head-placeholder token="{{ placeholder_token }}">
<title>{{ head_title|safe_join(' | ') }}</title>
<css-placeholder token="{{ placeholder_token }}">
<js-placeholder token="{{ placeholder_token }}">
</head>
<body{{ attributes }} class="container-fluid">
{#
Keyboard navigation/accessibility link to main content section in
page.html.twig.
#}
<a href="#main-content" class="visually-hidden focusable">
{{ 'Skip to main content'|t }}
</a>
{{ page_top }}
{{ page }}
{{ page_bottom }}
<js-bottom-placeholder token="{{ placeholder_token }}">
</body>
</html>
@@ -0,0 +1,49 @@
{#
/**
* @file
* Default theme implementation to display a menu.
*
* Available variables:
* - menu_name: The machine name of the menu.
* - items: A nested list of menu items. Each menu item contains:
* - attributes: HTML attributes for the menu item.
* - below: The menu item child items.
* - title: The menu link title.
* - url: The menu link url, instance of \Drupal\Core\Url
* - localized_options: Menu link localized options.
* - is_expanded: TRUE if the link has visible children within the current
* menu tree.
* - is_collapsed: TRUE if the link has children within the current menu tree
* that are not currently visible.
* - in_active_trail: TRUE if the link is in the active trail.
*
* @ingroup themeable
*/
#}
{% import _self as menus %}
{#
We call a macro which calls itself to render the full tree.
@see https://twig.symfony.com/doc/1.x/tags/macro.html
#}
{{ menus.menu_links(items, attributes, 0) }}
{% macro menu_links(items, attributes, menu_level) %}
{% import _self as menus %}
{% if items %}
{% if menu_level == 0 %}
<ul{{ attributes }} class="d-flex m-0 pl-0">
{% else %}
<ul>
{% endif %}
{% for item in items %}
<li{{ item.attributes }}>
{{ link(item.title, item.url) }}
{% if item.below %}
{{ menus.menu_links(item.below, attributes, menu_level + 1) }}
{% endif %}
</li>
{% endfor %}
</ul>
{% endif %}
{% endmacro %}
@@ -0,0 +1,49 @@
{#
/**
* @file
* Default theme implementation to display a menu.
*
* Available variables:
* - menu_name: The machine name of the menu.
* - items: A nested list of menu items. Each menu item contains:
* - attributes: HTML attributes for the menu item.
* - below: The menu item child items.
* - title: The menu link title.
* - url: The menu link url, instance of \Drupal\Core\Url
* - localized_options: Menu link localized options.
* - is_expanded: TRUE if the link has visible children within the current
* menu tree.
* - is_collapsed: TRUE if the link has children within the current menu tree
* that are not currently visible.
* - in_active_trail: TRUE if the link is in the active trail.
*
* @ingroup themeable
*/
#}
{% import _self as menus %}
{#
We call a macro which calls itself to render the full tree.
@see https://twig.symfony.com/doc/1.x/tags/macro.html
#}
{{ menus.menu_links(items, attributes, 0) }}
{% macro menu_links(items, attributes, menu_level) %}
{% import _self as menus %}
{% if items %}
{% if menu_level == 0 %}
<ul{{ attributes }}>
{% else %}
<ul>
{% endif %}
{% for item in items %}
<li{{ item.attributes }}>
{{ link(item.title, item.url) }}
{% if item.below %}
{{ menus.menu_links(item.below, attributes, menu_level + 1) }}
{% endif %}
</li>
{% endfor %}
</ul>
{% endif %}
{% endmacro %}
@@ -78,7 +78,6 @@
<a href="{{ url }}">
<div class="__name">{{ label }}</div>
<div class="__qualite">{{ content.field_qualite }}</div>
<span class="__more">+</span>
</a>
</div>
</article>
@@ -84,7 +84,6 @@
{{content.field_complement_d_info|raw}}
</div>
</div>
<span class="__more">+</span>
</a>
</div>
</article>
@@ -62,7 +62,7 @@
<main role="main" class="d-flex container">
<a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
<div class="layout-content col-10">
<div class="layout-content col-12">
{{ page.content }}
</div>{# /.layout-content #}
@@ -0,0 +1,53 @@
{#
/**
* @file
* Default theme implementation to display a paragraph.
*
* Available variables:
* - paragraph: Full paragraph entity.
* Only method names starting with "get", "has", or "is" and a few common
* methods such as "id", "label", and "bundle" are available. For example:
* - paragraph.getCreatedTime() will return the paragraph creation timestamp.
* - paragraph.id(): The paragraph ID.
* - paragraph.bundle(): The type of the paragraph, for example, "image" or "text".
* - paragraph.getOwnerId(): The user ID of the paragraph author.
* See Drupal\paragraphs\Entity\Paragraph for a full list of public properties
* and methods for the paragraph object.
* - content: All paragraph items. Use {{ content }} to print them all,
* or print a subset such as {{ content.field_example }}. Use
* {{ content|without('field_example') }} to temporarily suppress the printing
* of a given child element.
* - attributes: HTML attributes for the containing element.
* The attributes.class element may contain one or more of the following
* classes:
* - paragraphs: The current template type (also known as a "theming hook").
* - paragraphs--type-[type]: The current paragraphs type. For example, if the paragraph is an
* "Image" it would result in "paragraphs--type--image". Note that the machine
* name will often be in a short form of the human readable label.
* - paragraphs--view-mode--[view_mode]: The View Mode of the paragraph; for example, a
* preview would result in: "paragraphs--view-mode--preview", and
* default: "paragraphs--view-mode--default".
* - view_mode: View mode; for example, "preview" or "full".
* - logged_in: Flag for authenticated user status. Will be true when the
* current user is a logged-in member.
* - is_admin: Flag for admin user status. Will be true when the current user
* is an administrator.
*
* @see template_preprocess_paragraph()
*
* @ingroup themeable
*/
#}
{%
set classes = [
'paragraph',
'paragraph--type--' ~ paragraph.bundle|clean_class,
view_mode ? 'paragraph--view-mode--' ~ view_mode|clean_class,
not paragraph.isPublished() ? 'paragraph--unpublished'
]
%}
{% block paragraph %}
{% block content %}
{{ content }}
{% endblock %}
{% endblock paragraph %}
@@ -0,0 +1,53 @@
{#
/**
* @file
* Default theme implementation to display a paragraph.
*
* Available variables:
* - paragraph: Full paragraph entity.
* Only method names starting with "get", "has", or "is" and a few common
* methods such as "id", "label", and "bundle" are available. For example:
* - paragraph.getCreatedTime() will return the paragraph creation timestamp.
* - paragraph.id(): The paragraph ID.
* - paragraph.bundle(): The type of the paragraph, for example, "image" or "text".
* - paragraph.getOwnerId(): The user ID of the paragraph author.
* See Drupal\paragraphs\Entity\Paragraph for a full list of public properties
* and methods for the paragraph object.
* - content: All paragraph items. Use {{ content }} to print them all,
* or print a subset such as {{ content.field_example }}. Use
* {{ content|without('field_example') }} to temporarily suppress the printing
* of a given child element.
* - attributes: HTML attributes for the containing element.
* The attributes.class element may contain one or more of the following
* classes:
* - paragraphs: The current template type (also known as a "theming hook").
* - paragraphs--type-[type]: The current paragraphs type. For example, if the paragraph is an
* "Image" it would result in "paragraphs--type--image". Note that the machine
* name will often be in a short form of the human readable label.
* - paragraphs--view-mode--[view_mode]: The View Mode of the paragraph; for example, a
* preview would result in: "paragraphs--view-mode--preview", and
* default: "paragraphs--view-mode--default".
* - view_mode: View mode; for example, "preview" or "full".
* - logged_in: Flag for authenticated user status. Will be true when the
* current user is a logged-in member.
* - is_admin: Flag for admin user status. Will be true when the current user
* is an administrator.
*
* @see template_preprocess_paragraph()
*
* @ingroup themeable
*/
#}
{%
set classes = [
'paragraph',
'paragraph--type--' ~ paragraph.bundle|clean_class,
view_mode ? 'paragraph--view-mode--' ~ view_mode|clean_class,
not paragraph.isPublished() ? 'paragraph--unpublished'
]
%}
{% block paragraph %}
{% block content %}
{{ content }}
{% endblock %}
{% endblock paragraph %}
@@ -0,0 +1,55 @@
{#
/**
* @file
* Default theme implementation to display a paragraph.
*
* Available variables:
* - paragraph: Full paragraph entity.
* Only method names starting with "get", "has", or "is" and a few common
* methods such as "id", "label", and "bundle" are available. For example:
* - paragraph.getCreatedTime() will return the paragraph creation timestamp.
* - paragraph.id(): The paragraph ID.
* - paragraph.bundle(): The type of the paragraph, for example, "image" or "text".
* - paragraph.getOwnerId(): The user ID of the paragraph author.
* See Drupal\paragraphs\Entity\Paragraph for a full list of public properties
* and methods for the paragraph object.
* - content: All paragraph items. Use {{ content }} to print them all,
* or print a subset such as {{ content.field_example }}. Use
* {{ content|without('field_example') }} to temporarily suppress the printing
* of a given child element.
* - attributes: HTML attributes for the containing element.
* The attributes.class element may contain one or more of the following
* classes:
* - paragraphs: The current template type (also known as a "theming hook").
* - paragraphs--type-[type]: The current paragraphs type. For example, if the paragraph is an
* "Image" it would result in "paragraphs--type--image". Note that the machine
* name will often be in a short form of the human readable label.
* - paragraphs--view-mode--[view_mode]: The View Mode of the paragraph; for example, a
* preview would result in: "paragraphs--view-mode--preview", and
* default: "paragraphs--view-mode--default".
* - view_mode: View mode; for example, "preview" or "full".
* - logged_in: Flag for authenticated user status. Will be true when the
* current user is a logged-in member.
* - is_admin: Flag for admin user status. Will be true when the current user
* is an administrator.
*
* @see template_preprocess_paragraph()
*
* @ingroup themeable
*/
#}
{%
set classes = [
'paragraph',
'paragraph--type--' ~ paragraph.bundle|clean_class,
view_mode ? 'paragraph--view-mode--' ~ view_mode|clean_class,
not paragraph.isPublished() ? 'paragraph--unpublished'
]
%}
{% block paragraph %}
<div{{ attributes.addClass(classes) }}>
{% block content %}
{{ content }}
{% endblock %}
</div>
{% endblock paragraph %}
@@ -15,7 +15,7 @@
*/
#}
{% if content %}
<div{{ attributes }}>
<div{{ attributes }} class="row align-items-stretch">
{{ content }}
</div>
{% endif %}
@@ -0,0 +1,88 @@
{#
/**
* @file
* Default theme implementation to display a node.
*
* Available variables:
* - node: The node entity with limited access to object properties and methods.
* Only method names starting with "get", "has", or "is" and a few common
* methods such as "id", "label", and "bundle" are available. For example:
* - node.getCreatedTime() will return the node creation timestamp.
* - node.hasField('field_example') returns TRUE if the node bundle includes
* field_example. (This does not indicate the presence of a value in this
* field.)
* - node.isPublished() will return whether the node is published or not.
* Calling other methods, such as node.delete(), will result in an exception.
* See \Drupal\node\Entity\Node for a full list of public properties and
* methods for the node object.
* - label: (optional) The title of the node.
* - content: All node items. Use {{ content }} to print them all,
* or print a subset such as {{ content.field_example }}. Use
* {{ content|without('field_example') }} to temporarily suppress the printing
* of a given child element.
* - author_picture: The node author user entity, rendered using the "compact"
* view mode.
* - metadata: Metadata for this node.
* - date: (optional) Themed creation date field.
* - author_name: (optional) Themed author name field.
* - url: Direct URL of the current node.
* - display_submitted: Whether submission information should be displayed.
* - attributes: HTML attributes for the containing element.
* The attributes.class element may contain one or more of the following
* classes:
* - node: The current template type (also known as a "theming hook").
* - node--type-[type]: The current node type. For example, if the node is an
* "Article" it would result in "node--type-article". Note that the machine
* name will often be in a short form of the human readable label.
* - node--view-mode-[view_mode]: The View Mode of the node; for example, a
* teaser would result in: "node--view-mode-teaser", and
* full: "node--view-mode-full".
* The following are controlled through the node publishing options.
* - node--promoted: Appears on nodes promoted to the front page.
* - node--sticky: Appears on nodes ordered above other non-sticky nodes in
* teaser listings.
* - node--unpublished: Appears on unpublished nodes visible only to site
* admins.
* - title_attributes: Same as attributes, except applied to the main title
* tag that appears in the template.
* - content_attributes: Same as attributes, except applied to the main
* content tag that appears in the template.
* - author_attributes: Same as attributes, except applied to the author of
* the node tag that appears in the template.
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the main title tag that appears in the template.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the main title tag that appears in the template.
* - view_mode: View mode; for example, "teaser" or "full".
* - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.
* - page: Flag for the full page state. Will be true if view_mode is 'full'.
* - readmore: Flag for more state. Will be true if the teaser content of the
* node cannot hold the main body content.
* - logged_in: Flag for authenticated user status. Will be true when the
* current user is a logged-in member.
* - is_admin: Flag for admin user status. Will be true when the current user
* is an administrator.
*
* @see template_preprocess_node()
*
* @todo Remove the id attribute (or make it a class), because if that gets
* rendered twice on a page this is invalid CSS for example: two lists
* in different view modes.
*
* @ingroup themeable
*/
#}
<a href="{{ url }}">
<div class="d-flex">
<div class="__media">
{{content.field_ajouter_un_media}}
</div>
<div class="__wrap">
<div class="__content">
{{ label|raw }}
{{content.field_complement_d_info|raw}}
</div>
</div>
</div>
</a>
@@ -0,0 +1,46 @@
{#
/**
* @file
* Default view template to display all the fields in a row.
*
* Available variables:
* - view: The view in use.
* - fields: A list of fields, each one contains:
* - content: The output of the field.
* - raw: The raw data for the field, if it exists. This is NOT output safe.
* - class: The safe class ID to use.
* - handler: The Views field handler controlling this field.
* - inline: Whether or not the field should be inline.
* - wrapper_element: An HTML element for a wrapper.
* - wrapper_attributes: List of attributes for wrapper element.
* - separator: An optional separator that may appear before a field.
* - label: The field's label text.
* - label_element: An HTML element for a label wrapper.
* - label_attributes: List of attributes for label wrapper.
* - label_suffix: Colon after the label.
* - element_type: An HTML element for the field content.
* - element_attributes: List of attributes for HTML element for field content.
* - has_label_colon: A boolean indicating whether to display a colon after
* the label.
* - element_type: An HTML element for the field content.
* - element_attributes: List of attributes for HTML element for field content.
* - row: The raw result from the query, with all data it fetched.
*
* @see template_preprocess_views_view_fields()
*
* @ingroup themeable
*/
#}
<figcaption class="__img">
{{fields.field_image.content}}
</figcaption>
<div class="__wrap">
<div class="__date">
{{fields.field_heure_du_moment.content}}
</div>
<div class="__content">
{{fields.title.content}}
</div>
</div>
@@ -0,0 +1,54 @@
{#
/**
* @file
* Default view template to display all the fields in a row.
*
* Available variables:
* - view: The view in use.
* - fields: A list of fields, each one contains:
* - content: The output of the field.
* - raw: The raw data for the field, if it exists. This is NOT output safe.
* - class: The safe class ID to use.
* - handler: The Views field handler controlling this field.
* - inline: Whether or not the field should be inline.
* - wrapper_element: An HTML element for a wrapper.
* - wrapper_attributes: List of attributes for wrapper element.
* - separator: An optional separator that may appear before a field.
* - label: The field's label text.
* - label_element: An HTML element for a label wrapper.
* - label_attributes: List of attributes for label wrapper.
* - label_suffix: Colon after the label.
* - element_type: An HTML element for the field content.
* - element_attributes: List of attributes for HTML element for field content.
* - has_label_colon: A boolean indicating whether to display a colon after
* the label.
* - element_type: An HTML element for the field content.
* - element_attributes: List of attributes for HTML element for field content.
* - row: The raw result from the query, with all data it fetched.
*
* @see template_preprocess_views_view_fields()
*
* @ingroup themeable
*/
#}
{% for field in fields -%}
{{ field.separator }}
{%- if field.wrapper_element -%}
<{{ field.wrapper_element }}{{ field.wrapper_attributes }}>
{%- endif %}
{%- if field.label -%}
{%- if field.label_element -%}
<{{ field.label_element }}{{ field.label_attributes }}>{{ field.label }}{{ field.label_suffix }}</{{ field.label_element }}>
{%- else -%}
{{ field.label }}{{ field.label_suffix }}
{%- endif %}
{%- endif %}
{%- if field.element_type -%}
<{{ field.element_type }}{{ field.element_attributes }}>{{ field.content }}</{{ field.element_type }}>
{%- else -%}
{{ field.content }}
{%- endif %}
{%- if field.wrapper_element -%}
</{{ field.wrapper_element }}>
{%- endif %}
{%- endfor %}
@@ -0,0 +1,34 @@
{#
/**
* @file
* Default theme implementation to display a view of unformatted rows.
*
* Available variables:
* - title: The title of this group of rows. May be empty.
* - rows: A list of the view's row items.
* - attributes: The row's HTML attributes.
* - content: The row's content.
* - view: The view object.
* - default_row_class: A flag indicating whether default classes should be
* used on rows.
*
* @see template_preprocess_views_view_unformatted()
*
* @ingroup themeable
*/
#}
{% if title %}
<h3>{{ title }}</h3>
{% endif %}
<div class="__slide">
{% for row in rows %}
{%
set row_classes = [
default_row_class ? 'views-row',
]
%}
<div class="thumbnails">
{{- row.content -}}
</div>
{% endfor %}
</div>
@@ -0,0 +1,34 @@
{#
/**
* @file
* Default theme implementation to display a view of unformatted rows.
*
* Available variables:
* - title: The title of this group of rows. May be empty.
* - rows: A list of the view's row items.
* - attributes: The row's HTML attributes.
* - content: The row's content.
* - view: The view object.
* - default_row_class: A flag indicating whether default classes should be
* used on rows.
*
* @see template_preprocess_views_view_unformatted()
*
* @ingroup themeable
*/
#}
{% if title %}
<h3>{{ title }}</h3>
{% endif %}
<div class="__slide">
{% for row in rows %}
{%
set row_classes = [
default_row_class ? 'views-row',
]
%}
<div class="thumbnails">
{{- row.content -}}
</div>
{% endfor %}
</div>
@@ -0,0 +1,32 @@
{#
/**
* @file
* Default theme implementation to display a view of unformatted rows.
*
* Available variables:
* - title: The title of this group of rows. May be empty.
* - rows: A list of the view's row items.
* - attributes: The row's HTML attributes.
* - content: The row's content.
* - view: The view object.
* - default_row_class: A flag indicating whether default classes should be
* used on rows.
*
* @see template_preprocess_views_view_unformatted()
*
* @ingroup themeable
*/
#}
{% if title %}
<h3>{{ title }}</h3>
{% endif %}
{% for row in rows %}
{%
set row_classes = [
default_row_class ? 'views-row',
]
%}
<div{{ row.attributes.addClass(row_classes) }}>
{{- row.content -}}
</div>
{% endfor %}
@@ -0,0 +1,68 @@
{#
/**
* @file
* Default theme implementation for main view template.
*
* Available variables:
* - attributes: Remaining HTML attributes for the element.
* - css_name: A CSS-safe version of the view name.
* - css_class: The user-specified classes names, if any.
* - header: The optional header.
* - footer: The optional footer.
* - rows: The results of the view query, if any.
* - empty: The content to display if there are no rows.
* - pager: The optional pager next/prev links to display.
* - exposed: Exposed widget form/info to display.
* - feed_icons: Optional feed icons to display.
* - more: An optional link to the next page of results.
* - title: Title of the view, only used when displaying in the admin preview.
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the view title.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the view title.
* - attachment_before: An optional attachment view to be displayed before the
* view content.
* - attachment_after: An optional attachment view to be displayed after the
* view content.
* - dom_id: Unique id for every view being printed to give unique class for
* Javascript.
*
* @see template_preprocess_views_view()
*
* @ingroup themeable
*/
#}
{{ more }}
<div class="views">
{{ title_prefix }}
{{ title }}
{{ title_suffix }}
{% if header %}
<header>
{{ header }}
</header>
{% endif %}
{{ exposed }}
{{ attachment_before }}
{% if rows -%}
{{ rows }}
{% elseif empty -%}
{{ empty }}
{% endif %}
{{ pager }}
{{ attachment_after }}
{% if footer %}
<footer>
{{ footer }}
</footer>
{% endif %}
{{ feed_icons }}
</div>