bachir
/
drupal-quartiersdedemain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css enjeux

This commit is contained in:
ouidade 2024-07-15 13:04:02 +02:00
parent 0db3a90e5c
commit 7a3a139c3f
8 changed files with 671 additions and 6099 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
web/themes/custom/quartiers_de_demain/dist/assets/bundle.js vendored
View File

File diff suppressed because one or more lines are too long

90
web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css vendored
View File

@ -1711,51 +1711,13 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
background-size: 50px 50px; background-size: 50px 50px;
} }
} }
#home article.node-type-static #paragraph-id--21, #home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux {
#home article.node-type-static #paragraph-id--28 {
background-color: #edefe8;
position: relative;
padding-bottom: 6rem;
}
#home article.node-type-static #paragraph-id--21.paragraph--type--static-parts,
#home article.node-type-static #paragraph-id--28.paragraph--type--static-parts {
padding-top: 0 !important;
}
#home article.node-type-static #paragraph-id--21 .field_field_title,
#home article.node-type-static #paragraph-id--28 .field_field_title {
font-family: "gilroy-bold";
}
#home article.node-type-static #paragraph-id--21 .field_field_picto,
#home article.node-type-static #paragraph-id--28 .field_field_picto {
display: none;
}
#home article.node-type-static #paragraph-id--21 .field_field_texte,
#home article.node-type-static #paragraph-id--28 .field_field_texte {
width: 65%;
margin: auto;
}
@media (max-width: 1090px) {
#home article.node-type-static #paragraph-id--21 .field_field_texte,
#home article.node-type-static #paragraph-id--28 .field_field_texte {
width: 80%;
}
}
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto,
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: flex-start; justify-content: flex-start;
padding-left: 6rem;
} }
@media (max-width: 1090px) { #home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux h3 {
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto,
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto {
padding-left: 1.5rem;
}
}
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto h3,
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto h3 {
flex: 0 80%; flex: 0 80%;
color: #0833c2; color: #0833c2;
display: flex; display: flex;
@ -1764,26 +1726,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
padding-top: 3rem; padding-top: 3rem;
border-top: solid 1px #0833c2; border-top: solid 1px #0833c2;
} }
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p, #home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(1)::before {
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p {
padding-right: 1rem;
padding-bottom: 1rem;
flex: 1 30%;
max-width: 30%;
display: flex;
flex-direction: column;
}
@media (max-width: 1090px) {
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p,
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p {
padding-right: 1rem;
flex: 1 30%;
max-width: 50%;
font-size: 0.9rem;
}
}
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(1)::before,
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(1)::before {
background-image: url("../img/ampoule.svg"); background-image: url("../img/ampoule.svg");
background-size: 90px 100px; background-size: 90px 100px;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -1794,15 +1737,13 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
padding-bottom: 1rem; padding-bottom: 1rem;
} }
@media (max-width: 810px) { @media (max-width: 810px) {
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(1)::before, #home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(1)::before {
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(1)::before {
width: 50px; width: 50px;
height: 50px; height: 50px;
background-size: 50px 50px; background-size: 50px 50px;
} }
} }
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(2)::before, #home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(2)::before {
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(2)::before {
background-image: url("../img/bonhome.svg"); background-image: url("../img/bonhome.svg");
background-size: 90px 100px; background-size: 90px 100px;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -1813,15 +1754,13 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
padding-bottom: 1rem; padding-bottom: 1rem;
} }
@media (max-width: 810px) { @media (max-width: 810px) {
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(2)::before, #home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(2)::before {
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(2)::before {
width: 50px; width: 50px;
height: 50px; height: 50px;
background-size: 50px 50px; background-size: 50px 50px;
} }
} }
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(3)::before, #home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(3)::before {
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(3)::before {
background-image: url("../img/feuilles.svg"); background-image: url("../img/feuilles.svg");
background-size: 90px 100px; background-size: 90px 100px;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -1832,15 +1771,13 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
padding-bottom: 1rem; padding-bottom: 1rem;
} }
@media (max-width: 810px) { @media (max-width: 810px) {
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(3)::before, #home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(3)::before {
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(3)::before {
width: 50px; width: 50px;
height: 50px; height: 50px;
background-size: 50px 50px; background-size: 50px 50px;
} }
} }
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(4)::before, #home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(4)::before {
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(4)::before {
background-image: url("../img/calendrier.svg"); background-image: url("../img/calendrier.svg");
background-size: 90px 100px; background-size: 90px 100px;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -1851,15 +1788,13 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
padding-bottom: 1rem; padding-bottom: 1rem;
} }
@media (max-width: 810px) { @media (max-width: 810px) {
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(4)::before, #home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(4)::before {
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(4)::before {
width: 50px; width: 50px;
height: 50px; height: 50px;
background-size: 50px 50px; background-size: 50px 50px;
} }
} }
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(5)::before, #home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(5)::before {
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(5)::before {
background-image: url("../img/crayons.svg"); background-image: url("../img/crayons.svg");
background-size: 60px 100px; background-size: 60px 100px;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -1870,8 +1805,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
padding-bottom: 1rem; padding-bottom: 1rem;
} }
@media (max-width: 810px) { @media (max-width: 810px) {
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(5)::before, #home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(5)::before {
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(5)::before {
width: 50px; width: 50px;
height: 50px; height: 50px;
background-size: 50px 50px; background-size: 50px 50px;

5803
web/themes/custom/quartiers_de_demain/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

445
web/themes/custom/quartiers_de_demain/package.json
View File

@ -2,445 +2,14 @@
"name": "quartiers_de_demain", "name": "quartiers_de_demain",
"version": "1.0.0", "version": "1.0.0",
"main": "index.js", "main": "index.js",
"dependencies": {
"@types/slick-carousel": "^1.6.40",
"acorn": "^6.4.2",
"ansi-colors": "^1.1.0",
"ansi-cyan": "^0.1.1",
"ansi-gray": "^0.1.1",
"ansi-red": "^0.1.1",
"ansi-regex": "^5.0.1",
"ansi-styles": "^4.3.0",
"ansi-wrap": "^0.1.0",
"anymatch": "^3.1.3",
"arch": "^2.2.0",
"archive-type": "^4.0.0",
"arr-diff": "^4.0.0",
"arr-flatten": "^1.1.0",
"arr-union": "^3.1.0",
"array-each": "^1.0.1",
"array-slice": "^1.1.0",
"array-unique": "^0.3.2",
"assign-symbols": "^1.0.0",
"async-done": "^2.0.0",
"async-settle": "^2.0.0",
"atob": "^2.1.2",
"babel": "^6.23.0",
"bach": "^2.0.1",
"balanced-match": "^1.0.2",
"bare-events": "^2.2.2",
"base64-js": "^1.5.1",
"bin-build": "^3.0.0",
"bin-check": "^4.1.0",
"bin-version": "^3.1.0",
"bin-version-check": "^4.0.0",
"bin-wrapper": "^4.1.0",
"binary-extensions": "^2.3.0",
"bl": "^5.1.0",
"boolbase": "^1.0.0",
"brace-expansion": "^1.1.11",
"braces": "^3.0.3",
"browserslist": "^4.23.0",
"buffer": "^6.0.3",
"buffer-alloc": "^1.2.0",
"buffer-alloc-unsafe": "^1.1.0",
"buffer-crc32": "^0.2.13",
"buffer-fill": "^1.0.0",
"cacheable-request": "^2.1.4",
"callsites": "^4.1.0",
"caniuse-lite": "^1.0.30001623",
"caw": "^2.0.1",
"chalk": "^4.1.2",
"change-file-extension": "^0.1.1",
"chokidar": "^3.6.0",
"clone": "^2.1.2",
"clone-buffer": "^1.0.0",
"clone-response": "^1.0.2",
"clone-stats": "^1.0.0",
"cloneable-readable": "^1.1.3",
"color-convert": "^2.0.1",
"color-name": "^1.1.4",
"color-support": "^1.1.3",
"commander": "^2.0.0",
"concat-map": "^0.0.1",
"concat-with-sourcemaps": "^1.1.0",
"config-chain": "^1.1.13",
"content-disposition": "^0.5.4",
"convert-hrtime": "^5.0.0",
"convert-source-map": "^2.0.0",
"copy-anything": "^2.0.6",
"copy-props": "^4.0.0",
"core-util-is": "^1.0.3",
"cross-spawn": "^6.0.5",
"css": "^3.0.0",
"css-select": "^4.3.0",
"css-tree": "^1.1.3",
"css-what": "^6.1.0",
"cssbeautify": "^0.3.1",
"csscomb": "^3.1.8",
"csscomb-core": "^3.0.0-3.1",
"csso": "^4.2.0",
"d": "^1.0.2",
"debug": "^3.2.7",
"debug-fabulous": "^1.1.0",
"decode-uri-component": "^0.2.2",
"decompress": "^4.2.1",
"decompress-response": "^3.3.0",
"decompress-tar": "^4.1.1",
"decompress-tarbz2": "^4.1.1",
"decompress-targz": "^4.1.1",
"decompress-unzip": "^4.0.1",
"detect-file": "^1.0.0",
"detect-newline": "^2.1.0",
"dom-serializer": "^1.4.1",
"domelementtype": "^2.3.0",
"domhandler": "^4.3.1",
"domutils": "^2.8.0",
"dot-prop": "^8.0.2",
"download": "^6.2.5",
"duplexer3": "^0.1.5",
"each-props": "^3.0.0",
"easy-transform-stream": "^1.0.1",
"electron-to-chromium": "^1.4.783",
"emoji-regex": "^8.0.0",
"end-of-stream": "^1.4.4",
"entities": "^2.2.0",
"environment": "^1.1.0",
"errno": "^0.1.8",
"es5-ext": "^0.10.64",
"es6-iterator": "^2.0.3",
"es6-symbol": "^3.1.4",
"es6-weak-map": "^2.0.3",
"escalade": "^3.1.2",
"escape-string-regexp": "^1.0.5",
"esniff": "^2.0.1",
"event-emitter": "^0.3.5",
"exec-buffer": "^3.2.0",
"execa": "^1.0.0",
"executable": "^4.1.1",
"expand-tilde": "^2.0.2",
"ext": "^1.7.0",
"ext-list": "^2.2.2",
"ext-name": "^5.0.0",
"extend": "^3.0.2",
"extend-shallow": "^3.0.2",
"fancy-log": "^1.3.3",
"fast-equals": "^5.0.1",
"fast-fifo": "^1.3.2",
"fast-glob": "^3.3.2",
"fast-levenshtein": "^3.0.0",
"fast-xml-parser": "^4.4.0",
"fastest-levenshtein": "^1.0.16",
"fastq": "^1.17.1",
"fd-slicer": "^1.1.0",
"file-type": "^19.0.0",
"filename-reserved-regex": "^2.0.0",
"filenamify": "^2.1.0",
"fill-range": "^7.1.1",
"find-versions": "^3.2.0",
"findup-sync": "^5.0.0",
"fined": "^2.0.0",
"flagged-respawn": "^2.0.0",
"for-in": "^1.0.2",
"for-own": "^1.0.0",
"fraction.js": "^4.3.7",
"from2": "^2.3.0",
"fs-constants": "^1.0.0",
"fs-mkdirp-stream": "^2.0.1",
"fs.realpath": "^1.0.0",
"function-bind": "^1.1.2",
"function-timeout": "^1.0.2",
"get-caller-file": "^2.0.5",
"get-proxy": "^2.1.0",
"get-stream": "^4.1.0",
"gifsicle": "^5.3.0",
"glob": "^3.2.8",
"glob-parent": "^5.1.2",
"glob-stream": "^8.0.2",
"glob-watcher": "^6.0.0",
"global-modules": "^1.0.0",
"global-prefix": "^1.0.2",
"globby": "^14.0.1",
"glogg": "^2.2.0",
"gonzales-pe": "^3.0.0-28",
"got": "^7.1.0",
"graceful-fs": "^4.2.11",
"gulp": "^5.0.0",
"gulp-autoprefixer": "^9.0.0",
"gulp-cli": "^3.0.0",
"gulp-concat": "^2.6.1",
"gulp-cssbeautify": "^3.0.1",
"gulp-csscomb": "^3.1.0",
"gulp-csso": "^4.0.1",
"gulp-imagemin": "^9.1.0",
"gulp-less": "^5.0.0",
"gulp-load-plugins": "^2.0.8",
"gulp-plugin-extras": "^1.0.0",
"gulp-rename": "^2.0.0",
"gulp-sass": "^5.1.0",
"gulp-sourcemaps": "^3.0.0",
"gulp-uglify": "^3.0.2",
"gulplog": "^2.2.0",
"has-flag": "^4.0.0",
"has-gulplog": "^0.1.0",
"has-symbol-support-x": "^1.4.2",
"has-to-string-tag-x": "^1.4.1",
"hasown": "^2.0.1",
"homedir-polyfill": "^1.0.3",
"http-cache-semantics": "^3.8.1",
"human-signals": "^2.1.0",
"iconv-lite": "^0.6.3",
"identifier-regex": "^1.0.0",
"ieee754": "^1.2.1",
"ignore": "^5.3.1",
"image-size": "^0.5.5",
"imagemin": "^9.0.0",
"imagemin-gifsicle": "^7.0.0",
"imagemin-mozjpeg": "^10.0.0",
"imagemin-optipng": "^8.0.0",
"imagemin-svgo": "^10.0.1",
"immutable": "^4.3.6",
"import-lazy": "^3.1.0",
"inflight": "^1.0.6",
"inherits": "^2.0.4",
"ini": "^1.3.8",
"interpret": "^3.1.1",
"into-stream": "^3.1.0",
"irregular-plurals": "^3.5.0",
"is-absolute": "^1.0.0",
"is-binary-path": "^2.1.0",
"is-core-module": "^2.13.1",
"is-extendable": "^1.0.1",
"is-extglob": "^2.1.1",
"is-fullwidth-code-point": "^3.0.0",
"is-gif": "^3.0.0",
"is-glob": "^4.0.3",
"is-identifier": "^1.0.0",
"is-jpg": "^3.0.0",
"is-natural-number": "^4.0.1",
"is-negated-glob": "^1.0.0",
"is-number": "^7.0.0",
"is-object": "^1.0.2",
"is-plain-obj": "^1.1.0",
"is-plain-object": "^5.0.0",
"is-png": "^2.0.0",
"is-promise": "^2.2.2",
"is-relative": "^1.0.0",
"is-retry-allowed": "^1.2.0",
"is-stream": "^1.1.0",
"is-svg": "^4.4.0",
"is-unc-path": "^1.0.0",
"is-valid-glob": "^1.0.0",
"is-what": "^3.14.1",
"is-windows": "^1.0.2",
"isarray": "^1.0.0",
"isexe": "^2.0.0",
"isobject": "^3.0.1",
"isurl": "^1.0.0",
"json-buffer": "^3.0.0",
"junk": "^4.0.1",
"keyv": "^3.0.0",
"kind-of": "^1.1.0",
"last-run": "^2.0.0",
"lead": "^4.0.0",
"less": "^4.2.0",
"liftoff": "^5.0.0",
"lodash.clonedeep": "^4.5.0",
"lowercase-keys": "^1.0.1",
"lru-cache": "^2.7.3",
"lru-queue": "^0.1.0",
"make-dir": "^1.3.0",
"make-error": "^1.3.6",
"make-error-cause": "^1.2.2",
"map-cache": "^0.2.2",
"mdn-data": "^2.0.14",
"memoizee": "^0.4.17",
"merge-stream": "^2.0.0",
"merge2": "^1.4.1",
"micromatch": "^4.0.7",
"mime": "^1.6.0",
"mime-db": "^1.52.0",
"mimic-fn": "^2.1.0",
"mimic-response": "^1.0.1",
"minimatch": "^0.2.12",
"mozjpeg": "^8.0.0",
"ms": "^2.1.3",
"mute-stdout": "^2.0.0",
"nanoid": "^3.3.7",
"needle": "^3.3.1",
"next-tick": "^1.1.0",
"nice-try": "^1.0.5",
"node-module": "^2.0.0",
"node-releases": "^2.0.14",
"node-uuid": "^1.4.0",
"normalize-path": "^3.0.0",
"normalize-range": "^0.1.2",
"normalize-url": "^2.0.1",
"now-and-later": "^3.0.0",
"npm-conf": "^1.1.3",
"npm-run-path": "^2.0.2",
"nth-check": "^2.1.1",
"object-assign": "^4.1.1",
"object.defaults": "^1.1.0",
"object.pick": "^1.3.0",
"once": "^1.4.0",
"onetime": "^5.1.2",
"optipng-bin": "^7.0.1",
"os-filter-obj": "^2.0.0",
"ow": "^2.0.0",
"p-cancelable": "^0.3.0",
"p-event": "^1.3.0",
"p-finally": "^1.0.0",
"p-is-promise": "^1.1.0",
"p-map-series": "^1.0.0",
"p-pipe": "^4.0.0",
"p-reduce": "^1.0.0",
"p-timeout": "^1.2.1",
"parse-filepath": "^1.0.2",
"parse-node-version": "^1.0.1",
"parse-passwd": "^1.0.0",
"path-is-absolute": "^1.0.1",
"path-key": "^2.0.1",
"path-parse": "^1.0.7",
"path-root": "^0.1.1",
"path-root-regex": "^0.1.2",
"path-type": "^5.0.0",
"peek-readable": "^5.0.0",
"pend": "^1.2.0",
"picocolors": "^1.0.1",
"picomatch": "^2.3.1",
"pify": "^4.0.1",
"pinkie": "^2.0.4",
"pinkie-promise": "^2.0.1",
"plugin-error": "^1.0.1",
"plur": "^5.1.0",
"postcss": "^7.0.39",
"postcss-value-parser": "^4.2.0",
"prepend-http": "^1.0.4",
"pretty-bytes": "^6.1.1",
"process-nextick-args": "^2.0.1",
"proto-list": "^1.2.4",
"prr": "^1.0.1",
"pseudomap": "^1.0.2",
"pump": "^3.0.0",
"query-string": "^5.1.1",
"queue-microtask": "^1.2.3",
"queue-tick": "^1.0.1",
"readable-stream": "^3.6.2",
"readable-web-to-node-stream": "^3.0.2",
"readdirp": "^3.6.0",
"rechoir": "^0.8.0",
"remove-trailing-separator": "^1.1.0",
"replace-ext": "^2.0.0",
"replace-homedir": "^2.0.0",
"require-directory": "^2.1.1",
"reserved-identifiers": "^1.0.0",
"resolve": "^1.22.8",
"resolve-dir": "^1.0.1",
"resolve-options": "^2.0.0",
"responselike": "^1.0.2",
"reusify": "^1.0.4",
"rimraf": "^2.7.1",
"run-parallel": "^1.2.0",
"safe-buffer": "^5.2.1",
"safer-buffer": "^2.1.2",
"sax": "^1.3.0",
"seek-bzip": "^1.0.6",
"semver": "^5.7.2",
"semver-greatest-satisfied-range": "^2.0.0",
"semver-regex": "^2.0.0",
"semver-truncate": "^1.1.2",
"shebang-command": "^1.2.0",
"shebang-regex": "^1.0.0",
"sigmund": "^1.0.1",
"signal-exit": "^3.0.7",
"slash": "^5.1.0",
"slick": "^1.12.2",
"slick-carousel": "^1.8.1",
"sort-keys": "^1.1.2",
"sort-keys-length": "^1.0.1",
"source-map": "^0.5.7",
"source-map-js": "^1.2.0",
"source-map-resolve": "^0.6.0",
"sparkles": "^2.1.0",
"stable": "^0.1.8",
"stream-composer": "^1.0.2",
"stream-exhaust": "^1.0.2",
"streamx": "^2.16.1",
"strict-uri-encode": "^1.1.0",
"string_decoder": "^1.3.0",
"string-width": "^4.2.3",
"strip-ansi": "^6.0.1",
"strip-bom-string": "^1.0.0",
"strip-dirs": "^2.1.0",
"strip-eof": "^1.0.0",
"strip-final-newline": "^2.0.0",
"strip-outer": "^1.0.1",
"strnum": "^1.0.5",
"strtok3": "^7.0.0",
"super-regex": "^1.0.0",
"supports-color": "^7.2.0",
"supports-preserve-symlinks-flag": "^1.0.0",
"sver": "^1.8.4",
"svgo": "^2.8.0",
"tar-stream": "^1.6.2",
"teex": "^1.0.1",
"temp-dir": "^1.0.0",
"tempfile": "^2.0.0",
"through": "^2.3.8",
"through2": "^2.0.5",
"time-span": "^5.1.0",
"time-stamp": "^1.1.0",
"timed-out": "^4.0.1",
"timers-ext": "^0.1.7",
"to-buffer": "^1.1.1",
"to-regex-range": "^5.0.1",
"to-through": "^3.0.0",
"token-types": "^5.0.1",
"trim-repeated": "^1.0.0",
"tslib": "^2.6.2",
"tunnel-agent": "^0.6.0",
"type": "^2.7.2",
"type-fest": "^3.13.1",
"uglify-js": "^3.17.4",
"uint8array-extras": "^1.1.0",
"unbzip2-stream": "^1.4.3",
"unc-path-regex": "^0.1.2",
"undertaker": "^2.0.0",
"undertaker-registry": "^2.0.0",
"undici-types": "^5.26.5",
"unicorn-magic": "^0.1.0",
"update-browserslist-db": "^1.0.16",
"url-parse-lax": "^1.0.0",
"url-to-options": "^1.0.1",
"util-deprecate": "^1.0.2",
"uuid": "^3.4.0",
"v8flags": "^4.0.1",
"value-or-function": "^4.0.0",
"vinyl": "^3.0.0",
"vinyl-contents": "^2.0.0",
"vinyl-fs": "^4.0.0",
"vinyl-sourcemap": "^2.0.0",
"vinyl-sourcemaps-apply": "^0.2.1",
"vow": "^0.4.4",
"vow-fs": "^0.3.2",
"vow-queue": "^0.3.1",
"which": "^1.3.1",
"wrap-ansi": "^7.0.0",
"wrappy": "^1.0.2",
"xtend": "^4.0.2",
"y18n": "^5.0.8",
"yallist": "^2.1.2",
"yargs-parser": "^20.2.9",
"yauzl": "^2.10.0"
},
"devDependencies": { "devDependencies": {
"autoprefixer": "^10.4.19",
"file-loader": "^6.2.0", "file-loader": "^6.2.0",
"postcss-loader": "^8.1.1",
"sass": "^1.77.2", "sass": "^1.77.2",
"sass-loader": "^14.2.1", "sass-loader": "^14.2.1",
"webpack": "^5.91.0", "webpack": "^5.91.0",
"webpack-cli": "^5.1.4" "webpack-cli": "^5.1.4"
}, },
"scripts": { "scripts": {
"test": "echo \"Error: no test specified\" && exit 1", "test": "echo \"Error: no test specified\" && exit 1",
@ -449,5 +18,13 @@
"keywords": [], "keywords": [],
"author": "", "author": "",
"license": "ISC", "license": "ISC",
"description": "" "description": "",
"browserslist": [
"defaults",
"not ie < 11",
"last 2 versions",
"> 1%",
"iOS 7",
"last 3 iOS versions"
]
} }

5
web/themes/custom/quartiers_de_demain/postcss.config.js Normal file
View File

@ -0,0 +1,5 @@
module.exports = {
plugins: [
require('autoprefixer')
]
};

2
web/themes/custom/quartiers_de_demain/src/assets/js/quartiers_de_demain.js
View File

@ -254,6 +254,7 @@
logo : document.querySelectorAll('#logo-animated-container'), logo : document.querySelectorAll('#logo-animated-container'),
chapeau : document.querySelectorAll('.field_body'), chapeau : document.querySelectorAll('.field_body'),
paragraph: document.querySelectorAll('.field_field_textes .paragraph--type--static-parts'), paragraph: document.querySelectorAll('.field_field_textes .paragraph--type--static-parts'),
enjeux : document.querySelectorAll('.field_field_textes .paragraph--type--static-parts .enjeux'),
} }
const showUp = { const showUp = {
@ -275,6 +276,7 @@
ScrollReveal().reveal(nodes.logo, Show); ScrollReveal().reveal(nodes.logo, Show);
ScrollReveal().reveal(nodes.chapeau, showUp); ScrollReveal().reveal(nodes.chapeau, showUp);
ScrollReveal().reveal(nodes.paragraph, showUp); ScrollReveal().reveal(nodes.paragraph, showUp);
ScrollReveal().reveal(nodes.enjeux, showUp);
} }

368
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss
View File

@ -201,141 +201,249 @@
} }
} }
.enjeux{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
h3{
flex: 0 80%;
color: #0833c2ff;
display: flex;
flex-direction: column;
font-size: 1rem;
padding-top: 3rem;
border-top: solid 1px #0833c2ff;
}
p{
// padding-right: 1rem;
// padding-bottom: 1rem;
// flex: 1 30%;
// max-width: 30%;
// display: flex;
// flex-direction: column;
// @media(max-width: 1090px){
// padding-right: 1rem;
// flex: 1 30%;
// max-width: 50%;
// font-size: 0.9rem;
// }
/////////
&:nth-of-type(1)::before{
background-image: url("../img/ampoule.svg");
background-size: 90px 100px;
background-repeat: no-repeat;
display: inline-block;
width: 100px;
height: 100px;
content: "";
padding-bottom: 1rem;
@media(max-width: 810px){
width: 50px;
height: 50px;
background-size: 50px 50px;
}
}
&:nth-of-type(2)::before{
background-image: url("../img/bonhome.svg");
background-size: 90px 100px;
background-repeat: no-repeat;
display: inline-block;
width: 100px;
height: 100px;
content: "";
padding-bottom: 1rem;
@media(max-width: 810px){
width: 50px;
height: 50px;
background-size: 50px 50px;
}
}
&:nth-of-type(3)::before{
background-image: url("../img/feuilles.svg");
background-size: 90px 100px;
background-repeat: no-repeat;
display: inline-block;
width: 100px;
height: 100px;
content: "";
padding-bottom: 1rem;
@media(max-width: 810px){
width: 50px;
height: 50px;
background-size: 50px 50px;
}
}
&:nth-of-type(4)::before{
background-image: url("../img/calendrier.svg");
background-size: 90px 100px;
background-repeat: no-repeat;
display: inline-block;
width: 100px;
height: 100px;
content: "";
padding-bottom: 1rem;
@media(max-width: 810px){
width: 50px;
height: 50px;
background-size: 50px 50px;
}
}
&:nth-of-type(5)::before{
background-image: url("../img/crayons.svg");
background-size: 60px 100px;
background-repeat: no-repeat;
display: inline-block;
width: 100px;
height: 100px;
content: "";
padding-bottom: 1rem;
@media(max-width: 810px){
width: 50px;
height: 50px;
background-size: 50px 50px;
}
}
}
}
} }
} }
} }
#paragraph-id--21, // #paragraph-id--21,
#paragraph-id--28{ ///// Les enjeux 2 // #paragraph-id--28{ ///// Les enjeux 2
&.paragraph--type--static-parts{padding-top: 0 !important;} // &.paragraph--type--static-parts{padding-top: 0 !important;}
background-color: #edefe8; // background-color: #edefe8;
position: relative; // position: relative;
padding-bottom: 6rem; // padding-bottom: 6rem;
.field_field_title{ // .field_field_title{
font-family: 'gilroy-bold'; // font-family: 'gilroy-bold';
} // }
.field_field_picto{ // .field_field_picto{
display: none; // display: none;
} // }
.field_field_texte{ // .field_field_texte{
width: 65%; // width: 65%;
margin: auto; // margin: auto;
@media(max-width: 1090px){ // @media(max-width: 1090px){
width: 80%; // width: 80%;
} // }
.colone-picto{ // .colone-picto{
display: flex; // display: flex;
flex-direction: row; // flex-direction: row;
flex-wrap: wrap; // flex-wrap: wrap;
justify-content: flex-start; // justify-content: flex-start;
padding-left: 6rem; // padding-left: 6rem;
@media(max-width: 1090px){ // @media(max-width: 1090px){
padding-left: 1.5rem; // padding-left: 1.5rem;
} // }
h3{ // h3{
flex: 0 80%; // flex: 0 80%;
color: #0833c2ff; // color: #0833c2ff;
display: flex; // display: flex;
flex-direction: column; // flex-direction: column;
font-size: 1rem; // font-size: 1rem;
padding-top: 3rem; // padding-top: 3rem;
border-top: solid 1px #0833c2ff; // border-top: solid 1px #0833c2ff;
} // }
p{ // p{
padding-right: 1rem; // padding-right: 1rem;
padding-bottom: 1rem; // padding-bottom: 1rem;
flex: 1 30%; // flex: 1 30%;
max-width: 30%; // max-width: 30%;
display: flex; // display: flex;
flex-direction: column; // flex-direction: column;
@media(max-width: 1090px){ // @media(max-width: 1090px){
padding-right: 1rem; // padding-right: 1rem;
flex: 1 30%; // flex: 1 30%;
max-width: 50%; // max-width: 50%;
font-size: 0.9rem; // font-size: 0.9rem;
} // }
///////// // /////////
&:nth-of-type(1)::before{ // &:nth-of-type(1)::before{
background-image: url("../img/ampoule.svg"); // background-image: url("../img/ampoule.svg");
background-size: 90px 100px; // background-size: 90px 100px;
background-repeat: no-repeat; // background-repeat: no-repeat;
display: inline-block; // display: inline-block;
width: 100px; // width: 100px;
height: 100px; // height: 100px;
content: ""; // content: "";
padding-bottom: 1rem; // padding-bottom: 1rem;
@media(max-width: 810px){ // @media(max-width: 810px){
width: 50px; // width: 50px;
height: 50px; // height: 50px;
background-size: 50px 50px; // background-size: 50px 50px;
} // }
} // }
&:nth-of-type(2)::before{ // &:nth-of-type(2)::before{
background-image: url("../img/bonhome.svg"); // background-image: url("../img/bonhome.svg");
background-size: 90px 100px; // background-size: 90px 100px;
background-repeat: no-repeat; // background-repeat: no-repeat;
display: inline-block; // display: inline-block;
width: 100px; // width: 100px;
height: 100px; // height: 100px;
content: ""; // content: "";
padding-bottom: 1rem; // padding-bottom: 1rem;
@media(max-width: 810px){ // @media(max-width: 810px){
width: 50px; // width: 50px;
height: 50px; // height: 50px;
background-size: 50px 50px; // background-size: 50px 50px;
} // }
} // }
&:nth-of-type(3)::before{ // &:nth-of-type(3)::before{
background-image: url("../img/feuilles.svg"); // background-image: url("../img/feuilles.svg");
background-size: 90px 100px; // background-size: 90px 100px;
background-repeat: no-repeat; // background-repeat: no-repeat;
display: inline-block; // display: inline-block;
width: 100px; // width: 100px;
height: 100px; // height: 100px;
content: ""; // content: "";
padding-bottom: 1rem; // padding-bottom: 1rem;
@media(max-width: 810px){ // @media(max-width: 810px){
width: 50px; // width: 50px;
height: 50px; // height: 50px;
background-size: 50px 50px; // background-size: 50px 50px;
} // }
} // }
&:nth-of-type(4)::before{ // &:nth-of-type(4)::before{
background-image: url("../img/calendrier.svg"); // background-image: url("../img/calendrier.svg");
background-size: 90px 100px; // background-size: 90px 100px;
background-repeat: no-repeat; // background-repeat: no-repeat;
display: inline-block; // display: inline-block;
width: 100px; // width: 100px;
height: 100px; // height: 100px;
content: ""; // content: "";
padding-bottom: 1rem; // padding-bottom: 1rem;
@media(max-width: 810px){ // @media(max-width: 810px){
width: 50px; // width: 50px;
height: 50px; // height: 50px;
background-size: 50px 50px; // background-size: 50px 50px;
} // }
} // }
&:nth-of-type(5)::before{ // &:nth-of-type(5)::before{
background-image: url("../img/crayons.svg"); // background-image: url("../img/crayons.svg");
background-size: 60px 100px; // background-size: 60px 100px;
background-repeat: no-repeat; // background-repeat: no-repeat;
display: inline-block; // display: inline-block;
width: 100px; // width: 100px;
height: 100px; // height: 100px;
content: ""; // content: "";
padding-bottom: 1rem; // padding-bottom: 1rem;
@media(max-width: 810px){ // @media(max-width: 810px){
width: 50px; // width: 50px;
height: 50px; // height: 50px;
background-size: 50px 50px; // background-size: 50px 50px;
} // }
} // }
} // }
} // }
} // }
} // }
#paragraph-id--6{ /////// quartier 2030 #paragraph-id--6{ /////// quartier 2030
@ -610,8 +718,8 @@
} }
} }
} }
.paragraph--type--static-parts:not(#paragraph-id--7){ .paragraph--type--static-parts:not(#paragraph-id--7){
#svg1{ #svg1{
display: none; display: none;

14
web/themes/custom/quartiers_de_demain/webpack.config.js
View File

@ -23,6 +23,7 @@ let config = {
{ {
test: /\.scss$/i, test: /\.scss$/i,
use: [ use: [
{ {
loader: 'file-loader', loader: 'file-loader',
options: { options: {
@ -46,12 +47,23 @@ let config = {
name: '[name].[ext]', name: '[name].[ext]',
outputPath: 'fonts/' outputPath: 'fonts/'
} }
} },
{
loader: 'postcss-loader',
options: {
sourceMap: true,
config: {
path: 'postcss.config.js'
}
}
},
] ]
}, },
], ],
} }
} }