diff --git a/web/themes/custom/eql/dist/assets/bundle.js b/web/themes/custom/eql/dist/assets/bundle.js index 9b8f4e5..adf8969 100644 --- a/web/themes/custom/eql/dist/assets/bundle.js +++ b/web/themes/custom/eql/dist/assets/bundle.js @@ -29,6 +29,16 @@ eval("{jQuery(function ($) {\n console.log('salut');\n\n // MENU BURGER\n con /***/ }), +/***/ "./scripts/print.js": +/*!**************************!*\ + !*** ./scripts/print.js ***! + \**************************/ +/***/ (function() { + +eval("{jQuery(function ($) {\n console.log('salut print');\n});\n\n//# sourceURL=webpack://dev.eql.fr/./scripts/print.js?\n}"); + +/***/ }), + /***/ "./scss/styles.scss": /*!**************************!*\ !*** ./scss/styles.scss ***! @@ -36,7 +46,7 @@ eval("{jQuery(function ($) {\n console.log('salut');\n\n // MENU BURGER\n con /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = (__webpack_require__.p + \"./css/bundle.css\");\n\n//# sourceURL=webpack://dev.eql.fr/./scss/styles.scss?\n}"); +eval("{__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n\n\n//# sourceURL=webpack://dev.eql.fr/./scss/styles.scss?\n}"); /***/ }) @@ -46,18 +56,6 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ /******/ var __webpack_require__ = {}; /******/ /************************************************************************/ -/******/ /* webpack/runtime/global */ -/******/ !function() { -/******/ __webpack_require__.g = (function() { -/******/ if (typeof globalThis === 'object') return globalThis; -/******/ try { -/******/ return this || new Function('return this')(); -/******/ } catch (e) { -/******/ if (typeof window === 'object') return window; -/******/ } -/******/ })(); -/******/ }(); -/******/ /******/ /* webpack/runtime/make namespace object */ /******/ !function() { /******/ // define __esModule on exports @@ -69,29 +67,6 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ /******/ }; /******/ }(); /******/ -/******/ /* webpack/runtime/publicPath */ -/******/ !function() { -/******/ var scriptUrl; -/******/ if (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + ""; -/******/ var document = __webpack_require__.g.document; -/******/ if (!scriptUrl && document) { -/******/ if (document.currentScript && document.currentScript.tagName.toUpperCase() === 'SCRIPT') -/******/ scriptUrl = document.currentScript.src; -/******/ if (!scriptUrl) { -/******/ var scripts = document.getElementsByTagName("script"); -/******/ if(scripts.length) { -/******/ var i = scripts.length - 1; -/******/ while (i > -1 && (!scriptUrl || !/^http(s?):/.test(scriptUrl))) scriptUrl = scripts[i--].src; -/******/ } -/******/ } -/******/ } -/******/ // When supporting browsers where an automatic publicPath is not supported you must specify an output.publicPath manually via configuration -/******/ // or pass an empty string ("") and set the __webpack_public_path__ variable from your code to use your own logic. -/******/ if (!scriptUrl) throw new Error("Automatic publicPath is not supported in this browser"); -/******/ scriptUrl = scriptUrl.replace(/^blob:/, "").replace(/#.*$/, "").replace(/\?.*$/, "").replace(/\/[^\/]+$/, "/"); -/******/ __webpack_require__.p = scriptUrl; -/******/ }(); -/******/ /************************************************************************/ /******/ /******/ // startup @@ -99,6 +74,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ /******/ // This entry module can't be inlined because the eval devtool is used. /******/ __webpack_modules__["./scripts/main.js"](0, {}, __webpack_require__); /******/ __webpack_modules__["./scripts/extlink.js"](0, {}, __webpack_require__); +/******/ __webpack_modules__["./scripts/print.js"](0, {}, __webpack_require__); /******/ var __webpack_exports__ = {}; /******/ __webpack_modules__["./scss/styles.scss"](0, __webpack_exports__, __webpack_require__); /******/ diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css index 08eca20..d88a716 100644 --- a/web/themes/custom/eql/dist/assets/css/bundle.css +++ b/web/themes/custom/eql/dist/assets/css/bundle.css @@ -1,3 +1,6 @@ +/*!*******************************************************************************************************************************************************************!*\ + !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./scss/styles.scss ***! + \*******************************************************************************************************************************************************************/ @charset "UTF-8"; /*eql*/ /*setup*/ @@ -261,6 +264,422 @@ svg.ext { margin: auto; } } +/* -----------------------/* + * Feuille de style Print "Bretzel" adaptée + * Made par Alsacréations + tweaks EQL + /* ---------------------- */ +/* + * Ressources et documentations : + * 1- https://www.docuseal.co/blog/css-print-page-style + * 2- https://www.alsacreations.com/astuce/lire/1160-Une-feuille-de-styles-de-base-pour-le-media-print.html +*/ +/* Colors used for EQL */ +/* 1) VRAIE feuille d'impression */ +@media print { + /* Dimension et marges de page */ + @page { + size: A4 portrait; + margin: 1.5cm 1.5cm; + @bottom-center { + content: "Page " counter(page) " / " counter(pages); + } + } + /* Reset général */ + * { + all: unset; + display: revert; + box-sizing: border-box; + } + img { + max-width: 100%; + } + input, + textarea, + select { + all: revert; + } + /* Styles globaux (12pt = 16px) */ + body, + p, + span { + width: auto; + margin: 0; + font-family: "Marianne", serif !important; + font-size: 12pt; + line-height: 1.5; + color: #000000 !important; + background-color: #ffffff !important; + } + .back-cover { + break-before: page; + display: flex; + flex-direction: column; + justify-content: center; + } + .back-cover .region h2 { + margin-top: 0; + color: rgb(9, 57, 139); + font-size: 1.2rem; + } + .back-cover .view-id-partenaires .view-content img { + width: 5rem; + height: auto; + } + .back-cover .view-id-partenaires .view-content a[href^=http]:after { + display: none; + } + .back-cover .view-id-partenaires .views-row-wrapper { + display: flex; + flex-direction: row; + flex-wrap: wrap; + } + /* Espacements typographiques (15pt = 20px) */ + p, + blockquote, + label, + ul, + ol { + margin-block: 0 15pt; + } + p:last-child { + margin-bottom: 0; + } + /* Titrages */ + h1 { + margin-block: 0 24pt; + font-weight: 700; + font-size: 18pt; + line-height: 1.1; + } + h2 { + margin-block: 0 18pt; + font-weight: 700; + font-size: 16pt; + line-height: 1.1; + } + h3 { + margin-block: 0 15pt; + font-weight: 700; + font-size: 14pt; + } + h4 { + margin-block: 0 12pt; + font-weight: 700; + font-size: 12pt; + } + /* Classes dédiées print / no-print */ + .print { + display: revert; + } + .no-print { + display: none; + } + /* Veuves / orphelines */ + p, + blockquote { + orphans: 3; + widows: 3; + } + /* Pas de saut de page au sein de ces éléments */ + blockquote, + ul, + ol, + figure, + table, + .paragraph, + footer, + .top_top, + .top_bottom { + page-break-inside: avoid; + } + /* Pas de saut de page après ces éléments */ + h1, + h2, + h3, + h4, + caption, + .field--name-field-titre { + page-break-after: avoid; + } + /* Styles des liens */ + a, + a:link, + a:visited { + background: transparent !important; + color: unset; + font-weight: 700; + text-decoration: underline !important; + } + /* Afficher l'URL des liens externes */ + a[href^=http]:after, + a[href^=https]:after { + content: " (" attr(href) ")"; + } + /* Masquer vidéos, header, nav… */ + video, + object, + iframe, + nav { + display: none !important; + width: 0 !important; + height: 0 !important; + overflow: hidden !important; + } + /* Style page projet */ + .page-node-type-projet .layout__region--top { + width: 100% !important; + padding-top: 0rem !important; + } + .page-node-type-projet .layout__region--top .top_top { + flex-direction: column !important; + } + .page-node-type-projet .layout__region--top .top_top .block-entity-fieldnodefield-photo { + width: 100% !important; + } + .page-node-type-projet .layout__region--top .top_top .slick-dots, + .page-node-type-projet .layout__region--top .top_top .slick-arrow { + display: none; + } + .page-node-type-projet .layout__region--top .top_top .top_right { + width: 100% !important; + } + .page-node-type-projet .layout__region--top .top_bottom { + width: 100% !important; + } + .page-node-type-projet .layout__region--first { + display: none; + } + .page-node-type-projet .layout__region--second { + flex: 0 1 100% !important; + } + /* --- Couverture : header-top en page 1 --- */ + .layout-container header { + position: static !important; + width: 100% !important; + box-shadow: none !important; + } + #header-top { + display: flex !important; + flex-direction: column; + justify-content: center; + align-items: center; + height: 100vh; + padding: 2cm 1.5cm; + text-align: center; + page-break-after: always; + background: #ffffff !important; + color: #000000 !important; + } + /* On cache le menu du bas du header (la barre de navigation horizontale) */ + .region-header-bottom { + display: none !important; + } + /* Si tu as un logo + titre dans #header-top, tu peux les grossir un peu : */ + #header-top .region-header-top-left img { + max-height: 3cm; + height: auto; + width: auto; + } + #header-top .region-header-top-rigth #block-eql-identitedusite { + font-size: 1.4rem; + text-transform: uppercase; + } +} +/* 2) MODE DEBUG : voir la version print en écran via body.debug-print */ +@media screen { + body.debug-print { + /* Reset général */ + } + body.debug-print * { + all: unset; + display: revert; + box-sizing: border-box; + } + body.debug-print img { + max-width: 100%; + } + body.debug-print input, + body.debug-print textarea, + body.debug-print select { + all: revert; + } + body.debug-print { + /* Styles globaux (12pt = 16px) */ + } + body.debug-print body, + body.debug-print p, + body.debug-print span { + width: auto; + margin: 0; + font-family: "Marianne", serif !important; + font-size: 12pt; + line-height: 1.5; + color: #000000 !important; + background-color: #ffffff !important; + } + body.debug-print .back-cover { + break-before: page; + display: flex; + flex-direction: column; + justify-content: center; + } + body.debug-print .back-cover .region h2 { + margin-top: 0; + color: rgb(9, 57, 139); + font-size: 1.2rem; + } + body.debug-print .back-cover .view-id-partenaires .view-content img { + width: 5rem; + height: auto; + } + body.debug-print .back-cover .view-id-partenaires .view-content a[href^=http]:after { + display: none; + } + body.debug-print .back-cover .view-id-partenaires .views-row-wrapper { + display: flex; + flex-direction: row; + flex-wrap: wrap; + } + body.debug-print { + /* Espacements typographiques (15pt = 20px) */ + } + body.debug-print p, + body.debug-print blockquote, + body.debug-print label, + body.debug-print ul, + body.debug-print ol { + margin-block: 0 15pt; + } + body.debug-print p:last-child { + margin-bottom: 0; + } + body.debug-print { + /* Titrages */ + } + body.debug-print h1 { + margin-block: 0 24pt; + font-weight: 700; + font-size: 18pt; + line-height: 1.1; + } + body.debug-print h2 { + margin-block: 0 18pt; + font-weight: 700; + font-size: 16pt; + line-height: 1.1; + } + body.debug-print h3 { + margin-block: 0 15pt; + font-weight: 700; + font-size: 14pt; + } + body.debug-print h4 { + margin-block: 0 12pt; + font-weight: 700; + font-size: 12pt; + } + body.debug-print { + /* Classes dédiées print / no-print */ + } + body.debug-print .print { + display: revert; + } + body.debug-print .no-print { + display: none; + } + body.debug-print { + /* Veuves / orphelines */ + } + body.debug-print p, + body.debug-print blockquote { + orphans: 3; + widows: 3; + } + body.debug-print { + /* Pas de saut de page au sein de ces éléments */ + } + body.debug-print blockquote, + body.debug-print ul, + body.debug-print ol, + body.debug-print figure, + body.debug-print table, + body.debug-print .paragraph, + body.debug-print footer, + body.debug-print .top_top, + body.debug-print .top_bottom { + page-break-inside: avoid; + } + body.debug-print { + /* Pas de saut de page après ces éléments */ + } + body.debug-print h1, + body.debug-print h2, + body.debug-print h3, + body.debug-print h4, + body.debug-print caption, + body.debug-print .field--name-field-titre { + page-break-after: avoid; + } + body.debug-print { + /* Styles des liens */ + } + body.debug-print a, + body.debug-print a:link, + body.debug-print a:visited { + background: transparent !important; + color: unset; + font-weight: 700; + text-decoration: underline !important; + } + body.debug-print { + /* Afficher l'URL des liens externes */ + } + body.debug-print a[href^=http]:after, + body.debug-print a[href^=https]:after { + content: " (" attr(href) ")"; + } + body.debug-print { + /* Masquer vidéos, header, nav… */ + } + body.debug-print video, + body.debug-print object, + body.debug-print iframe, + body.debug-print nav { + display: none !important; + width: 0 !important; + height: 0 !important; + overflow: hidden !important; + } + body.debug-print { + /* Style page projet */ + } + body.debug-print .page-node-type-projet .layout__region--top { + width: 100% !important; + padding-top: 0rem !important; + } + body.debug-print .page-node-type-projet .layout__region--top .top_top { + flex-direction: column !important; + } + body.debug-print .page-node-type-projet .layout__region--top .top_top .block-entity-fieldnodefield-photo { + width: 100% !important; + } + body.debug-print .page-node-type-projet .layout__region--top .top_top .slick-dots, + body.debug-print .page-node-type-projet .layout__region--top .top_top .slick-arrow { + display: none; + } + body.debug-print .page-node-type-projet .layout__region--top .top_top .top_right { + width: 100% !important; + } + body.debug-print .page-node-type-projet .layout__region--top .top_bottom { + width: 100% !important; + } + body.debug-print .page-node-type-projet .layout__region--first { + display: none; + } + body.debug-print .page-node-type-projet .layout__region--second { + flex: 0 1 100% !important; + } +} /*pages*/ /* @import "pages/partials/header_footer"; @@ -2055,14 +2474,14 @@ svg.ext { padding: 1rem; background-color: rgb(0, 158, 227); } -.path-faq #block-contenudelapageprincipale .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-lien { - text-align: center; -} .path-faq #block-contenudelapageprincipale .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-lien:before { margin-top: 1rem; display: block; content: url("../images/pictos/picto_faq.svg"); } +.path-faq #block-contenudelapageprincipale .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-lien { + text-align: center; +} .path-faq #block-contenudelapageprincipale .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-lien a { font-size: 0.8rem; font-weight: 1000; @@ -2093,14 +2512,14 @@ svg.ext { margin: auto; padding: 0rem; } - .path-faq #block-contenudelapageprincipale .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-lien { - text-align: center; - } .path-faq #block-contenudelapageprincipale .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-lien:before { margin-top: 1rem; display: block; content: url("../images/pictos/picto_faq_2.svg"); } + .path-faq #block-contenudelapageprincipale .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-lien { + text-align: center; + } .path-faq #block-contenudelapageprincipale .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-lien a { font-size: 0.8rem; font-weight: 1000; @@ -2183,6 +2602,13 @@ svg.ext { .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens { display: none; } +.path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens a:before { + display: inline-block; + content: url("../images/pictos/external_link.png"); + width: 30px; + height: 30px; + padding-right: 0.8rem; +} .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens a { display: flex; flex-direction: row; @@ -2191,13 +2617,6 @@ svg.ext { color: rgb(0, 0, 0); font-weight: 800; } -.path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens a:before { - display: inline-block; - content: url("../images/pictos/external_link.png"); - width: 30px; - height: 30px; - padding-right: 0.8rem; -} .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens svg { display: none; } @@ -2280,7 +2699,6 @@ svg.ext { } .page-node-type-ressource .layout__region--top { padding-top: 4rem; - /* Hide empty blocks */ } @media (max-width: 550px) { .page-node-type-ressource .layout__region--top { @@ -2499,6 +2917,9 @@ svg.ext { margin-bottom: 0.5rem; } } +.page-node-type-ressource .layout__region--top { + /* Hide empty blocks */ +} .page-node-type-ressource .layout__region--top .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640:empty, .page-node-type-ressource .layout__region--top .block-entity-fieldnodefield-type-de-ressource:empty, .page-node-type-ressource .layout__region--top .block-entity-fieldnodetitle:empty, @@ -4169,12 +4590,12 @@ svg.ext { padding: 1rem; } } -.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets { - margin: auto; -} .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .buttons-filtres-ressources { display: none; } +.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets { + margin: auto; +} .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets #filtres { scroll-margin-top: 10rem; } @@ -6610,14 +7031,16 @@ body.type-media-reportage-photos .block-region-third .block-entity-fieldnodefiel width: fit-content; justify-content: space-between; padding-inline-start: 0px; +} +.region-header-bottom ul ul .is-active { + color: rgb(0, 158, 227); +} +.region-header-bottom ul ul { opacity: 0; visibility: hidden; transform: translateY(-10px); transition: opacity 0.3s ease, transform 0.3s ease; } -.region-header-bottom ul ul .is-active { - color: rgb(0, 158, 227); -} .region-header-bottom ul li { position: relative; display: flex; @@ -6858,7 +7281,6 @@ body.type-media-reportage-photos .block-region-third .block-entity-fieldnodefiel float: left; height: 100%; min-height: 1px; - display: none; } [dir=rtl] .slick-slide { float: right; @@ -6869,6 +7291,9 @@ body.type-media-reportage-photos .block-region-third .block-entity-fieldnodefiel .slick-slide.slick-loading img { display: none; } +.slick-slide { + display: none; +} .slick-slide.dragging img { pointer-events: none; } @@ -7486,4 +7911,4 @@ article.node-type-ressource.type-presse .field--name-field-images { .type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource h2, .type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource p { margin: 0; padding: 0; -} \ No newline at end of file +} diff --git a/web/themes/custom/eql/dist/assets/images/RF_EPAU_court.svg b/web/themes/custom/eql/dist/assets/images/RF_EPAU_court.svg new file mode 100644 index 0000000..396fd4c --- /dev/null +++ b/web/themes/custom/eql/dist/assets/images/RF_EPAU_court.svg @@ -0,0 +1,382 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/web/themes/custom/eql/dist/assets/images/eql-2023-10-04.sql b/web/themes/custom/eql/dist/assets/images/eql-2023-10-04.sql new file mode 100644 index 0000000..8fa30ea Binary files /dev/null and b/web/themes/custom/eql/dist/assets/images/eql-2023-10-04.sql differ diff --git a/web/themes/custom/eql/dist/assets/images/gouv.png b/web/themes/custom/eql/dist/assets/images/gouv.png new file mode 100644 index 0000000..021b24d Binary files /dev/null and b/web/themes/custom/eql/dist/assets/images/gouv.png differ diff --git a/web/themes/custom/eql/dist/assets/images/logo_EPAU_court_noir-tranparent.png b/web/themes/custom/eql/dist/assets/images/logo_EPAU_court_noir-tranparent.png new file mode 100644 index 0000000..dd23abe Binary files /dev/null and b/web/themes/custom/eql/dist/assets/images/logo_EPAU_court_noir-tranparent.png differ diff --git a/web/themes/custom/eql/dist/assets/images/logo_EPAU_header_2.png b/web/themes/custom/eql/dist/assets/images/logo_EPAU_header_2.png new file mode 100644 index 0000000..aaf1bae Binary files /dev/null and b/web/themes/custom/eql/dist/assets/images/logo_EPAU_header_2.png differ diff --git a/web/themes/custom/eql/dist/assets/images/pictos/download.png b/web/themes/custom/eql/dist/assets/images/pictos/download.png index dbccff0..05dd129 100644 Binary files a/web/themes/custom/eql/dist/assets/images/pictos/download.png and b/web/themes/custom/eql/dist/assets/images/pictos/download.png differ diff --git a/web/themes/custom/eql/dist/assets/images/pictos/ecrits-blanc.svg b/web/themes/custom/eql/dist/assets/images/pictos/ecrits-blanc.svg deleted file mode 100644 index 3eeae8f..0000000 --- a/web/themes/custom/eql/dist/assets/images/pictos/ecrits-blanc.svg +++ /dev/null @@ -1,189 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/web/themes/custom/eql/dist/assets/images/pictos/ecrits.png b/web/themes/custom/eql/dist/assets/images/pictos/ecrits.png deleted file mode 100644 index 02ec7db..0000000 Binary files a/web/themes/custom/eql/dist/assets/images/pictos/ecrits.png and /dev/null differ diff --git a/web/themes/custom/eql/dist/assets/images/pictos/ecrits.svg b/web/themes/custom/eql/dist/assets/images/pictos/ecrits.svg deleted file mode 100644 index 42312dd..0000000 --- a/web/themes/custom/eql/dist/assets/images/pictos/ecrits.svg +++ /dev/null @@ -1,214 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/web/themes/custom/eql/dist/assets/images/pictos/en-images-blanc.svg b/web/themes/custom/eql/dist/assets/images/pictos/en-images-blanc.svg deleted file mode 100644 index f7e5708..0000000 --- a/web/themes/custom/eql/dist/assets/images/pictos/en-images-blanc.svg +++ /dev/null @@ -1,285 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/web/themes/custom/eql/dist/assets/images/pictos/en-images.png b/web/themes/custom/eql/dist/assets/images/pictos/en-images.png index ebb6c9f..28b73d3 100644 Binary files a/web/themes/custom/eql/dist/assets/images/pictos/en-images.png and b/web/themes/custom/eql/dist/assets/images/pictos/en-images.png differ diff --git a/web/themes/custom/eql/dist/assets/images/pictos/en-images.svg b/web/themes/custom/eql/dist/assets/images/pictos/en-images.svg deleted file mode 100644 index ddf8bc3..0000000 --- a/web/themes/custom/eql/dist/assets/images/pictos/en-images.svg +++ /dev/null @@ -1,275 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/web/themes/custom/eql/dist/assets/images/pictos/logo_x.svg b/web/themes/custom/eql/dist/assets/images/pictos/logo_x.svg deleted file mode 100644 index 8d9da4a..0000000 --- a/web/themes/custom/eql/dist/assets/images/pictos/logo_x.svg +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - diff --git a/web/themes/custom/eql/dist/assets/images/pictos/logo_x_blanc.svg b/web/themes/custom/eql/dist/assets/images/pictos/logo_x_blanc.svg deleted file mode 100644 index c63c9f6..0000000 --- a/web/themes/custom/eql/dist/assets/images/pictos/logo_x_blanc.svg +++ /dev/null @@ -1,15 +0,0 @@ - - - - - diff --git a/web/themes/custom/eql/dist/assets/images/pictos/logo_x_noir.svg b/web/themes/custom/eql/dist/assets/images/pictos/logo_x_noir.svg deleted file mode 100644 index e94656f..0000000 --- a/web/themes/custom/eql/dist/assets/images/pictos/logo_x_noir.svg +++ /dev/null @@ -1,15 +0,0 @@ - - - - - diff --git a/web/themes/custom/eql/dist/assets/images/pictos/logo_x_rond.svg b/web/themes/custom/eql/dist/assets/images/pictos/logo_x_rond.svg index e32a11d..ac48c62 100644 --- a/web/themes/custom/eql/dist/assets/images/pictos/logo_x_rond.svg +++ b/web/themes/custom/eql/dist/assets/images/pictos/logo_x_rond.svg @@ -1,7 +1,7 @@ - - - - - - - - - - - - - - - - - - - - - diff --git a/web/themes/custom/eql/dist/assets/images/pictos/noun_External Link_674151.svg b/web/themes/custom/eql/dist/assets/images/pictos/noun_External Link_674151.svg new file mode 100644 index 0000000..e3b4906 --- /dev/null +++ b/web/themes/custom/eql/dist/assets/images/pictos/noun_External Link_674151.svg @@ -0,0 +1,34 @@ + +image/svg+xml diff --git a/web/themes/custom/eql/dist/assets/images/pictos/podcasts-blanc.svg b/web/themes/custom/eql/dist/assets/images/pictos/podcasts-blanc.svg deleted file mode 100644 index 43bb9b3..0000000 --- a/web/themes/custom/eql/dist/assets/images/pictos/podcasts-blanc.svg +++ /dev/null @@ -1,116 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/web/themes/custom/eql/dist/assets/images/pictos/podcasts.png b/web/themes/custom/eql/dist/assets/images/pictos/podcasts.png index 8d61e06..f2c4d8a 100644 Binary files a/web/themes/custom/eql/dist/assets/images/pictos/podcasts.png and b/web/themes/custom/eql/dist/assets/images/pictos/podcasts.png differ diff --git a/web/themes/custom/eql/dist/assets/images/pictos/podcasts.svg b/web/themes/custom/eql/dist/assets/images/pictos/podcasts.svg deleted file mode 100644 index 5c4d705..0000000 --- a/web/themes/custom/eql/dist/assets/images/pictos/podcasts.svg +++ /dev/null @@ -1,116 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/web/themes/custom/eql/dist/assets/images/pictos/videos-blanc.svg b/web/themes/custom/eql/dist/assets/images/pictos/videos-blanc.svg deleted file mode 100644 index 1d44fba..0000000 --- a/web/themes/custom/eql/dist/assets/images/pictos/videos-blanc.svg +++ /dev/null @@ -1,74 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/web/themes/custom/eql/dist/assets/images/pictos/videos.png b/web/themes/custom/eql/dist/assets/images/pictos/videos.png deleted file mode 100644 index 0a1f500..0000000 Binary files a/web/themes/custom/eql/dist/assets/images/pictos/videos.png and /dev/null differ diff --git a/web/themes/custom/eql/dist/assets/images/pictos/videos.svg b/web/themes/custom/eql/dist/assets/images/pictos/videos.svg deleted file mode 100644 index 4499515..0000000 --- a/web/themes/custom/eql/dist/assets/images/pictos/videos.svg +++ /dev/null @@ -1,74 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/web/themes/custom/eql/package-lock.json b/web/themes/custom/eql/package-lock.json index dfd308a..034918c 100644 --- a/web/themes/custom/eql/package-lock.json +++ b/web/themes/custom/eql/package-lock.json @@ -13,13 +13,14 @@ "slick-carousel": "^1.8.1" }, "devDependencies": { + "copy-webpack-plugin": "^13.0.1", "css-loader": "^7.1.2", "extract-loader": "^4.0.3", "file-loader": "^6.2.0", - "mini-css-extract-plugin": "^2.9.2", + "mini-css-extract-plugin": "^2.9.4", "node-sass": "*", - "sass": "^1.89.2", - "sass-loader": "^14.2.1", + "sass": "^1.96.0", + "sass-loader": "^16.0.6", "webpack": "^5.91.0", "webpack-cli": "^5.1.4" } @@ -1277,9 +1278,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001727", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001727.tgz", - "integrity": "sha512-pB68nIHmbN6L/4C6MH1DokyR3bYqFwjaSs/sWDHGj4CTcFtQUQMuJftVwWkXq7mNWOybD3KhUv3oWHoGxgP14Q==", + "version": "1.0.30001760", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001760.tgz", + "integrity": "sha512-7AAMPcueWELt1p3mi13HR/LHH0TJLT11cnwDJEs3xA4+CK/PLKeO9Kl1oru24htkyUKtkGCvAx4ohB0Ttry8Dw==", "dev": true, "funding": [ { @@ -1439,6 +1440,87 @@ "integrity": "sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==", "dev": true }, + "node_modules/copy-webpack-plugin": { + "version": "13.0.1", + "resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-13.0.1.tgz", + "integrity": "sha512-J+YV3WfhY6W/Xf9h+J1znYuqTye2xkBUIGyTPWuBAT27qajBa5mR4f8WBmfDY3YjRftT2kqZZiLi1qf0H+UOFw==", + "dev": true, + "license": "MIT", + "dependencies": { + "glob-parent": "^6.0.1", + "normalize-path": "^3.0.0", + "schema-utils": "^4.2.0", + "serialize-javascript": "^6.0.2", + "tinyglobby": "^0.2.12" + }, + "engines": { + "node": ">= 18.12.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + }, + "peerDependencies": { + "webpack": "^5.1.0" + } + }, + "node_modules/copy-webpack-plugin/node_modules/ajv": { + "version": "8.17.1", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz", + "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==", + "dev": true, + "license": "MIT", + "dependencies": { + "fast-deep-equal": "^3.1.3", + "fast-uri": "^3.0.1", + "json-schema-traverse": "^1.0.0", + "require-from-string": "^2.0.2" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/epoberezkin" + } + }, + "node_modules/copy-webpack-plugin/node_modules/ajv-keywords": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz", + "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==", + "dev": true, + "license": "MIT", + "dependencies": { + "fast-deep-equal": "^3.1.3" + }, + "peerDependencies": { + "ajv": "^8.8.2" + } + }, + "node_modules/copy-webpack-plugin/node_modules/json-schema-traverse": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz", + "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==", + "dev": true, + "license": "MIT" + }, + "node_modules/copy-webpack-plugin/node_modules/schema-utils": { + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.3.tgz", + "integrity": "sha512-eflK8wEtyOE6+hsaRVPxvUKYCpRgzLqDTb8krvAsRIwOGlHoSgYLgBXoubGgLd2fT41/OUYdb48v4k4WWHQurA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/json-schema": "^7.0.9", + "ajv": "^8.9.0", + "ajv-formats": "^2.1.1", + "ajv-keywords": "^5.1.0" + }, + "engines": { + "node": ">= 10.13.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + } + }, "node_modules/core-js": { "version": "2.6.12", "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz", @@ -1992,6 +2074,19 @@ "url": "https://github.com/sponsors/isaacs" } }, + "node_modules/glob-parent": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz", + "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==", + "dev": true, + "license": "ISC", + "dependencies": { + "is-glob": "^4.0.3" + }, + "engines": { + "node": ">=10.13.0" + } + }, "node_modules/glob-to-regexp": { "version": "0.4.1", "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz", @@ -2294,7 +2389,6 @@ "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", "dev": true, "license": "MIT", - "optional": true, "engines": { "node": ">=0.10.0" } @@ -2314,7 +2408,6 @@ "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", "dev": true, "license": "MIT", - "optional": true, "dependencies": { "is-extglob": "^2.1.1" }, @@ -2652,9 +2745,9 @@ } }, "node_modules/mini-css-extract-plugin": { - "version": "2.9.2", - "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.9.2.tgz", - "integrity": "sha512-GJuACcS//jtq4kCtd5ii/M0SZf7OZRH+BxdqXZHaJfb8TJiVl+NgQRPwiYt2EuqeSkNydn/7vP+bcE27C5mb9w==", + "version": "2.9.4", + "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.9.4.tgz", + "integrity": "sha512-ZWYT7ln73Hptxqxk2DxPU9MmapXRhxkJD6tkSR04dnQxm8BGu2hzgKLugK5yySD97u/8yy7Ma7E76k9ZdvtjkQ==", "dev": true, "license": "MIT", "dependencies": { @@ -3193,6 +3286,16 @@ "node": ">=10" } }, + "node_modules/normalize-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", + "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/npmlog": { "version": "6.0.2", "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-6.0.2.tgz", @@ -3769,9 +3872,9 @@ "optional": true }, "node_modules/sass": { - "version": "1.89.2", - "resolved": "https://registry.npmjs.org/sass/-/sass-1.89.2.tgz", - "integrity": "sha512-xCmtksBKd/jdJ9Bt9p7nPKiuqrlBMBuuGkQlkhZjjQk3Ty48lv93k5Dq6OPkKt4XwxDJ7tvlfrTa1MPA9bf+QA==", + "version": "1.96.0", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.96.0.tgz", + "integrity": "sha512-8u4xqqUeugGNCYwr9ARNtQKTOj4KmYiJAVKXf2CTIivTCR51j96htbMKWDru8H5SaQWpyVgTfOF8Ylyf5pun1Q==", "dev": true, "license": "MIT", "dependencies": { @@ -3808,9 +3911,9 @@ } }, "node_modules/sass-loader": { - "version": "14.2.1", - "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-14.2.1.tgz", - "integrity": "sha512-G0VcnMYU18a4N7VoNDegg2OuMjYtxnqzQWARVWCIVSZwJeiL9kg8QMsuIZOplsJgTzZLF6jGxI3AClj8I9nRdQ==", + "version": "16.0.6", + "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-16.0.6.tgz", + "integrity": "sha512-sglGzId5gmlfxNs4gK2U3h7HlVRfx278YK6Ono5lwzuvi1jxig80YiuHkaDBVsYIKFhx8wN7XSCI0M2IDS/3qA==", "dev": true, "license": "MIT", "dependencies": { @@ -4356,6 +4459,54 @@ "url": "https://opencollective.com/webpack" } }, + "node_modules/tinyglobby": { + "version": "0.2.15", + "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz", + "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "fdir": "^6.5.0", + "picomatch": "^4.0.3" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/SuperchupuDev" + } + }, + "node_modules/tinyglobby/node_modules/fdir": { + "version": "6.5.0", + "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz", + "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12.0.0" + }, + "peerDependencies": { + "picomatch": "^3 || ^4" + }, + "peerDependenciesMeta": { + "picomatch": { + "optional": true + } + } + }, + "node_modules/tinyglobby/node_modules/picomatch": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz", + "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, "node_modules/to-regex-range": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", diff --git a/web/themes/custom/eql/package.json b/web/themes/custom/eql/package.json index b7af41b..5e8c509 100644 --- a/web/themes/custom/eql/package.json +++ b/web/themes/custom/eql/package.json @@ -14,13 +14,14 @@ "author": "", "license": "ISC", "devDependencies": { + "copy-webpack-plugin": "^13.0.1", "css-loader": "^7.1.2", "extract-loader": "^4.0.3", "file-loader": "^6.2.0", - "mini-css-extract-plugin": "^2.9.2", + "mini-css-extract-plugin": "^2.9.4", "node-sass": "*", - "sass": "^1.89.2", - "sass-loader": "^14.2.1", + "sass": "^1.96.0", + "sass-loader": "^16.0.6", "webpack": "^5.91.0", "webpack-cli": "^5.1.4" }, diff --git a/web/themes/custom/eql/scripts/print.js b/web/themes/custom/eql/scripts/print.js new file mode 100644 index 0000000..116bcac --- /dev/null +++ b/web/themes/custom/eql/scripts/print.js @@ -0,0 +1,3 @@ +jQuery(function ($) { + console.log('salut print'); +}); \ No newline at end of file diff --git a/web/themes/custom/eql/scss/global/_print.scss b/web/themes/custom/eql/scss/global/_print.scss new file mode 100644 index 0000000..5935734 --- /dev/null +++ b/web/themes/custom/eql/scss/global/_print.scss @@ -0,0 +1,290 @@ +/* -----------------------/* + * Feuille de style Print "Bretzel" adaptée + * Made par Alsacréations + tweaks EQL + /* ---------------------- */ + +/* + * Ressources et documentations : + * 1- https://www.docuseal.co/blog/css-print-page-style + * 2- https://www.alsacreations.com/astuce/lire/1160-Une-feuille-de-styles-de-base-pour-le-media-print.html +*/ + +@import "variables/_colors"; +@import "variables/_typography"; + +// Mixin commun pour les styles d'impression +@mixin print-base() { + + /* Reset général */ + * { + all: unset; + display: revert; + box-sizing: border-box; + } + + img { + max-width: 100%; + } + + input, + textarea, + select { + all: revert; + } + + /* Styles globaux (12pt = 16px) */ + body, + p, + span { + width: auto; + margin: 0; + font-family: "Marianne", serif !important; + font-size: 12pt; + line-height: 1.5; + color: #000000 !important; + background-color: #ffffff !important; + } + + .back-cover { + break-before: page; + display: flex; + flex-direction: column; + justify-content: center; + + .region { + h2 { + margin-top: 0; + color: $blue-dark; + font-size: 1.2rem; + } + } + + .view-id-partenaires { + .view-content { + img { + width: 5rem; + height: auto; + } + + a[href^="http"]:after { + display: none; + } + } + + .views-row-wrapper { + display: flex; + flex-direction: row; + flex-wrap: wrap; + } + } + } + + /* Espacements typographiques (15pt = 20px) */ + p, + blockquote, + label, + ul, + ol { + margin-block: 0 15pt; + } + + p:last-child { + margin-bottom: 0; + } + + /* Titrages */ + h1 { + margin-block: 0 24pt; + font-weight: 700; + font-size: 18pt; + line-height: 1.1; + } + + h2 { + margin-block: 0 18pt; + font-weight: 700; + font-size: 16pt; + line-height: 1.1; + } + + h3 { + margin-block: 0 15pt; + font-weight: 700; + font-size: 14pt; + } + + h4 { + margin-block: 0 12pt; + font-weight: 700; + font-size: 12pt; + } + + /* Classes dédiées print / no-print */ + .print { + display: revert; + } + + .no-print { + display: none; + } + + /* Veuves / orphelines */ + p, + blockquote { + orphans: 3; + widows: 3; + } + + /* Pas de saut de page au sein de ces éléments */ + blockquote, + ul, + ol, + figure, + table, + .paragraph, + footer, + .top_top, + .top_bottom { + page-break-inside: avoid; + } + + /* Pas de saut de page après ces éléments */ + h1, + h2, + h3, + h4, + caption, + .field--name-field-titre { + page-break-after: avoid; + } + + /* Styles des liens */ + a, + a:link, + a:visited { + background: transparent !important; + color: unset; + font-weight: 700; + text-decoration: underline !important; + } + + /* Afficher l'URL des liens externes */ + a[href^="http"]:after, + a[href^="https"]:after { + content: " (" attr(href) ")"; + } + + /* Masquer vidéos, header, nav… */ + video, + object, + iframe, + nav { + display: none !important; + width: 0 !important; + height: 0 !important; + overflow: hidden !important; + } + + /* Style page projet */ + .page-node-type-projet { + .layout__region--top { + width: 100% !important; + padding-top: 0rem !important; + + .top_top { + flex-direction: column !important; + + .block-entity-fieldnodefield-photo { + width: 100% !important; + } + + .slick-dots, + .slick-arrow { + display: none; + } + + .top_right { + width: 100% !important; + } + } + + .top_bottom { + width: 100% !important; + } + } + + .layout__region--first { + display: none; + } + + .layout__region--second { + flex: 0 1 100% !important; + } + } + + + +} + +/* 1) VRAIE feuille d'impression */ +@media print { + /* Dimension et marges de page */ + @page { + size: A4 portrait; + margin: 1.5cm 1.5cm; + @bottom-center { + content: "Page " counter(page) " / " counter(pages); + } + + } + + @include print-base(); + + + /* --- Couverture : header-top en page 1 --- */ + .layout-container header { + position: static !important; // ne plus être fixed en print + width: 100% !important; + box-shadow: none !important; + } + + #header-top { + display: flex !important; + flex-direction: column; + justify-content: center; + align-items: center; + + height: 100vh; // occupe la hauteur de la "page" + padding: 2cm 1.5cm; // marges internes + text-align: center; + page-break-after: always; // 👉 le contenu commence sur la page suivante + + background: #ffffff !important; + color: #000000 !important; + } + + /* On cache le menu du bas du header (la barre de navigation horizontale) */ + .region-header-bottom { + display: none !important; + } + + /* Si tu as un logo + titre dans #header-top, tu peux les grossir un peu : */ + #header-top .region-header-top-left img { + max-height: 3cm; + height: auto; + width: auto; + } + + #header-top .region-header-top-rigth #block-eql-identitedusite { + font-size: 1.4rem; + text-transform: uppercase; + } + +} + +/* 2) MODE DEBUG : voir la version print en écran via body.debug-print */ +@media screen { + body.debug-print { + @include print-base(); + } +} diff --git a/web/themes/custom/eql/scss/print.scss b/web/themes/custom/eql/scss/print.scss deleted file mode 100644 index 0301ff6..0000000 --- a/web/themes/custom/eql/scss/print.scss +++ /dev/null @@ -1,242 +0,0 @@ - - -/* -----------------------/* - * Reset CSS Print "Bretzel" - * Made par Alsacréations - /* ---------------------- */ - -/* - * Ressources et documentations : - * 1- https://www.docuseal.co/blog/css-print-page-style - * 2- https://www.alsacreations.com/astuce/lire/1160-Une-feuille-de-styles-de-base-pour-le-media-print.html -*/ -// @media screen{ -@media print { - /* Dimension et marges de page */ - @page { - size: A4 portrait; - margin: 1.5cm 1.5cm; - // @bottom-center { - // content: "Page " counter(page) " / " counter(pages); - // } - } - // @page:first { - // @top-center { - // content: "Titre du document"; - // font-size: 14pt; - // font-weight: bold; - // } - // } - - - - /* Reset général */ - * { - all: unset; - display: revert; - box-sizing: border-box; - } - img { - max-width: 100%; - } - input, - textarea, - select { - all: revert; - } - - /* On redéfinit les styles globaux (12pt = 16px) */ - body { - - width: auto; - margin: 0; - font-family: serif; - font-size: 12pt; - font-family: Georgia, serif; - line-height: 1.5; - color: #000000 !important; - background-color: #ffffff !important; - } - // #fotter-bottom{ - // box-shadow: none !important; - // border-top: rgba($color: #000000, $alpha: 0.5); - // a[href^="http"]:after, - // a[href^="https"]:after { - // content: ""; - // } - // } - .back-cover{ - break-before: page; - // margin-top: 55rem; - display: flex; - flex-direction: column ; - justify-content: center; - - .region{ - - h2{ - margin-top: 0; - color: $blue-dark; - font-size: 1.2rem; - } - } - .view-id-partenaires{ - .view-content { - img{ - width: 5rem; - height: auto; - } - a[href^="http"]:after{display: none;} - } - .views-row-wrapper{ - display: flex; - flex-direction: row; - flex-wrap: wrap; - } - } - } - - - /* Espacements typographiques (15pt = 20px) */ - p, - blockquote, - label, - ul, - ol { - margin-block: 0 15pt; - } - p:last-child { - margin-bottom: 0; - } - - /* Titrages (24pt = 32px) */ - h1 { - margin-block: 0 24pt; - font-weight: 700; - font-size: 18pt; - line-height: 1.1; - } - h2 { - margin-block: 0 18pt; - font-weight: 700; - font-size: 16pt; - line-height: 1.1; - } - h3 { - margin-block: 0 15pt; - font-weight: 700; - font-size: 14pt; - } - h4 { - margin-block: 0 12pt; - font-weight: 700; - font-size: 12pt; - } - - /* Classes dédiées print / no-print */ - .print { - display: revert; - } - .no-print { - display: none; - } - - /* Pas de veuves ou orphelines (3 lignes minimum) */ - p, - blockquote { - orphans: 3; - widows: 3; - } - - /* Pas de saut de page au sein de ces éléments */ - blockquote, - ul, - ol, - figure, - table, - .paragraph, - footer, - .top_top, - .top_bottom { - page-break-inside: avoid; - } - - /* Pas de saut de page après ces éléments */ - h1, - h2, - h3, - h4, - caption, - .field--name-field-titre { - page-break-after: avoid; - } - - /* Styles des liens */ - a, - a:link, - a:visited { - background: transparent !important; - color: unset; - font-weight: 700; - text-decoration: underline !important; - } - - /* On affiche l'URL des liens externes */ - a[href^="http"]:after, - a[href^="https"]:after { - content: " (" attr(href) ")"; - } - - /* On masque les vidéos, header et menu de navigation */ - video, - object, - iframe, - header, - nav { - display: none !important; - width: 0 !important; - height: 0 !important; - overflow: hidden !important; - } - - /* Style page projet */ - .page-node-type-projet{ - .layout__region--top{ - width: 100% !important; - padding-top: 0rem !important; - .top_top{ - flex-direction: column !important; - .block-entity-fieldnodefield-photo{ - width: 100% !important; - } - .slick-dots, .slick-arrow{ - display: none; - } - // .slick-list{ - // overflow: visible; - // .slick-track{ - // display: flex; - // flex-direction: row; - // flex-wrap: wrap; - // width: 100%; - // } - - // } - .top_right{ - width: 100% !important; - } - } - .top_bottom{ - width: 100% !important; - } - } - .layout__region--first{ - display: none; - } - .layout__region--second{ - flex: 0 1 100% !important; - } - } - -} - \ No newline at end of file diff --git a/web/themes/custom/eql/scss/styles.scss b/web/themes/custom/eql/scss/styles.scss index 432813e..fbd7922 100644 --- a/web/themes/custom/eql/scss/styles.scss +++ b/web/themes/custom/eql/scss/styles.scss @@ -19,6 +19,8 @@ +@import "global/_print"; + /*pages*/ /* @import "pages/partials/header_footer"; diff --git a/web/themes/custom/eql/webpack.config.js b/web/themes/custom/eql/webpack.config.js index 6090a46..34e5c8a 100644 --- a/web/themes/custom/eql/webpack.config.js +++ b/web/themes/custom/eql/webpack.config.js @@ -1,41 +1,189 @@ +// const webpack = require("webpack"); +// const path = require("path"); + +// let config = { +// mode: 'development', +// entry: [ +// "./scripts/main.js", +// "./scripts/extlink.js", +// "./scss/styles.scss", + +// ], + +// output: { +// path: path.resolve(__dirname, "./dist/assets"), +// filename: "./bundle.js" +// }, + +// module: { +// rules: [ +// { +// test: /\.scss$/i, +// use: [ +// { +// loader: 'file-loader', +// options: { +// name: './css/bundle.css', +// } +// }, +// // Compile le Sass en CSS +// "sass-loader" +// ], +// }, +// ], +// } +// } + + + + + +// module.exports = config; + + +// const webpack = require("webpack"); +// const path = require("path"); +// const MiniCssExtractPlugin = require("mini-css-extract-plugin"); + +// let config = { +// mode: 'development', + +// entry: [ +// "./scripts/main.js", +// "./scripts/extlink.js", +// "./scss/styles.scss", +// ], + +// output: { +// path: path.resolve(__dirname, "./dist/assets"), +// filename: "./bundle.js", +// }, + +// module: { +// rules: [ +// { +// test: /\.scss$/i, +// use: [ +// // Extract CSS to a separate file (instead of injecting with