scrollreveal
This commit is contained in:
ouidade
parent
312298ae52
commit
d398a59d59
|
|
@ -1,755 +0,0 @@
|
||||||
/*quartiers_de_demain*/
|
|
||||||
/*global*/
|
|
||||||
/* Colors used for quartiers_de_demain */
|
|
||||||
@media (min-width: 48rem) {
|
|
||||||
:root {
|
|
||||||
font-size: calc(1rem + ((1vw - .48rem) * 1.389));
|
|
||||||
/* .48rem = viewportWidthMinimum /100 */
|
|
||||||
/* 1.389rem = 100 * fontSizeDifference / viewportWidthDifference */ } }
|
|
||||||
|
|
||||||
@media (min-width: 120em) {
|
|
||||||
:root {
|
|
||||||
font-size: 2rem; } }
|
|
||||||
|
|
||||||
/*marianne*/
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Marianne';
|
|
||||||
src: url("../fonts/Marianne/Marianne-Thin.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Thin.woff") format("woff");
|
|
||||||
font-weight: 300;
|
|
||||||
font-style: normal; }
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Marianne';
|
|
||||||
src: url("../fonts/Marianne/Marianne-Thin_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Thin_Italic.woff") format("woff");
|
|
||||||
font-weight: 300;
|
|
||||||
font-style: italic; }
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Marianne';
|
|
||||||
src: url("../fonts/Marianne/Marianne-Light.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Light.woff") format("woff");
|
|
||||||
font-weight: 400;
|
|
||||||
font-style: normal; }
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Marianne';
|
|
||||||
src: url("../fonts/Marianne/Marianne-Light_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Light_Italic.woff") format("woff");
|
|
||||||
font-weight: 400;
|
|
||||||
font-style: italic; }
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Marianne';
|
|
||||||
src: url("../fonts/Marianne/Marianne-Regular.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Regular.woff") format("woff");
|
|
||||||
font-weight: 600;
|
|
||||||
font-style: normal; }
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Marianne';
|
|
||||||
src: url("../fonts/Marianne/Marianne-Regular_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Regular_Italic.woff") format("woff");
|
|
||||||
font-weight: 600;
|
|
||||||
font-style: italic; }
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Marianne';
|
|
||||||
src: url("../fonts/Marianne/Marianne-Medium.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Medium.woff") format("woff");
|
|
||||||
font-weight: 800;
|
|
||||||
font-style: normal; }
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Marianne';
|
|
||||||
src: url("../fonts/Marianne/Marianne-Medium_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Medium_Italic.woff") format("woff");
|
|
||||||
font-weight: 800;
|
|
||||||
font-style: italic; }
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Marianne';
|
|
||||||
src: url("../fonts/Marianne/Marianne-Bold.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Bold.woff") format("woff");
|
|
||||||
font-weight: 900;
|
|
||||||
font-style: normal; }
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Marianne';
|
|
||||||
src: url("../fonts/Marianne/Marianne-Bold_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Bold_Italic.woff") format("woff");
|
|
||||||
font-weight: 900;
|
|
||||||
font-style: italic; }
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Marianne';
|
|
||||||
src: url("../fonts/Marianne/Marianne-ExtraBold.woff2") format("woff2"), url("../fonts/Marianne/Marianne-ExtraBold.woff") format("woff");
|
|
||||||
font-weight: 1000;
|
|
||||||
font-style: normal; }
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Marianne';
|
|
||||||
src: url("../fonts/Marianne/Marianne-ExtraBold_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-ExtraBold_Italic.woff") format("woff");
|
|
||||||
font-weight: 1000;
|
|
||||||
font-style: italic; }
|
|
||||||
|
|
||||||
/*Font Awesome*/
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Font Awesome';
|
|
||||||
src: url("../fonts/Font Awesome/fontawesome-webfont.woff2") format("woff2");
|
|
||||||
font-weight: 400;
|
|
||||||
font-style: normal; }
|
|
||||||
|
|
||||||
.layout-container {
|
|
||||||
position: relative;
|
|
||||||
width: 100vw;
|
|
||||||
background-color: white;
|
|
||||||
font-family: "Marianne", sans-serif;
|
|
||||||
font-weight: 400;
|
|
||||||
font-style: normal;
|
|
||||||
font-size: 0.8rem;
|
|
||||||
top: 0%;
|
|
||||||
left: 0%;
|
|
||||||
overflow: hidden;
|
|
||||||
display: flex;
|
|
||||||
flex-flow: row wrap; }
|
|
||||||
.layout-container header {
|
|
||||||
flex: 0 0 100%; }
|
|
||||||
.layout-container footer {
|
|
||||||
flex: 0 0 100%; }
|
|
||||||
.layout-container main {
|
|
||||||
width: 100%;
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr); }
|
|
||||||
.layout-container .content_container {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr); }
|
|
||||||
|
|
||||||
.layout-content {
|
|
||||||
grid-column: 1 / span 12;
|
|
||||||
padding-top: 125px; }
|
|
||||||
@media (max-width: 500px) {
|
|
||||||
.layout-content {
|
|
||||||
padding-top: 50px; } }
|
|
||||||
|
|
||||||
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
|
|
||||||
ul {
|
|
||||||
list-style-type: none; }
|
|
||||||
|
|
||||||
a {
|
|
||||||
text-decoration: none; }
|
|
||||||
|
|
||||||
:link {
|
|
||||||
color: black; }
|
|
||||||
|
|
||||||
:visited {
|
|
||||||
color: black; }
|
|
||||||
|
|
||||||
html.js body {
|
|
||||||
margin: 0 !important; }
|
|
||||||
|
|
||||||
html.js body div.dialog-off-canvas-main-canvas div.layout-container {
|
|
||||||
margin: 0 !important; }
|
|
||||||
|
|
||||||
svg.mailto {
|
|
||||||
display: none; }
|
|
||||||
|
|
||||||
svg.ext {
|
|
||||||
display: none; }
|
|
||||||
|
|
||||||
/*partials*/
|
|
||||||
header {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
grid-template-rows: repeat(3, 1fr);
|
|
||||||
height: 125px;
|
|
||||||
background-color: white;
|
|
||||||
z-index: 99;
|
|
||||||
width: 100vw;
|
|
||||||
max-width: 100vw;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
border-bottom: 1px solid #808080; }
|
|
||||||
@media (max-width: 810px) {
|
|
||||||
header {
|
|
||||||
height: 110px; } }
|
|
||||||
@media (max-width: 660px) {
|
|
||||||
header {
|
|
||||||
height: 70px; } }
|
|
||||||
@media (max-width: 450px) {
|
|
||||||
header {
|
|
||||||
display: flex;
|
|
||||||
height: 50px; } }
|
|
||||||
header .contextual-region {
|
|
||||||
width: max-content; }
|
|
||||||
header .header_left_container {
|
|
||||||
grid-column: 1 /span 11;
|
|
||||||
grid-row: 1 /span 3;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
border-right: 1px solid #808080;
|
|
||||||
padding-left: 2%;
|
|
||||||
padding-right: 2%; }
|
|
||||||
@media (max-width: 660px) {
|
|
||||||
header .header_left_container {
|
|
||||||
height: inherit; } }
|
|
||||||
@media (max-width: 891px) {
|
|
||||||
header .header_left_container #block-quartiers-de-demain-logorepu-2 {
|
|
||||||
height: 110px; } }
|
|
||||||
header .header_left_container #block-quartiers-de-demain-logoepau-2 {
|
|
||||||
height: 125px; }
|
|
||||||
@media (max-width: 891px) {
|
|
||||||
header .header_left_container #block-quartiers-de-demain-logoepau-2 {
|
|
||||||
height: 110px; } }
|
|
||||||
header .header_left_container #block-quartiers-de-demain-logoquartiersdedemain {
|
|
||||||
margin-left: auto;
|
|
||||||
padding-right: 5%; }
|
|
||||||
header .header_left_container img {
|
|
||||||
width: auto;
|
|
||||||
height: 125px; }
|
|
||||||
@media (max-width: 891px) {
|
|
||||||
header .header_left_container img {
|
|
||||||
height: 110px; } }
|
|
||||||
@media (max-width: 660px) {
|
|
||||||
header .header_left_container img {
|
|
||||||
height: 70px; } }
|
|
||||||
@media (max-width: 450px) {
|
|
||||||
header .header_left_container img {
|
|
||||||
height: 50px; } }
|
|
||||||
header .header_right_container {
|
|
||||||
margin: auto; }
|
|
||||||
@media (max-width: 660px) {
|
|
||||||
header .header_right_container {
|
|
||||||
padding-right: 0; } }
|
|
||||||
header .header_right_container .language-switcher-language-url {
|
|
||||||
text-transform: uppercase; }
|
|
||||||
header .header_right_container .language-switcher-language-url ul {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
font-size: 0.6rem;
|
|
||||||
padding: 0; }
|
|
||||||
@media (max-width: 660px) {
|
|
||||||
header .header_right_container .language-switcher-language-url ul {
|
|
||||||
margin-bottom: 0; } }
|
|
||||||
@media (max-width: 500px) {
|
|
||||||
header .header_right_container .language-switcher-language-url ul {
|
|
||||||
flex-direction: column;
|
|
||||||
margin: auto; } }
|
|
||||||
header .header_right_container .language-switcher-language-url ul li:nth-child(1)::after {
|
|
||||||
content: " / ";
|
|
||||||
white-space: pre; }
|
|
||||||
@media (max-width: 660px) {
|
|
||||||
header .header_right_container .language-switcher-language-url ul li:nth-child(1)::after {
|
|
||||||
content: none; } }
|
|
||||||
header .header_right_container .language-switcher-language-url ul .is-active {
|
|
||||||
font-weight: 600; }
|
|
||||||
header .header_nav_container {
|
|
||||||
display: none;
|
|
||||||
grid-row: 3;
|
|
||||||
grid-column: 1 /span 12;
|
|
||||||
position: absolute;
|
|
||||||
top: 100%;
|
|
||||||
width: 100%;
|
|
||||||
background: #e8ebf4;
|
|
||||||
border-bottom: 1px solid #808080;
|
|
||||||
border-top: 1px solid #808080;
|
|
||||||
font-size: 1rem;
|
|
||||||
text-align: center; }
|
|
||||||
header .header_nav_container #block-quartiers-de-demain-entete {
|
|
||||||
grid-column: 1 /span 11;
|
|
||||||
order: 2;
|
|
||||||
margin: auto; }
|
|
||||||
header .header_nav_container #block-quartiers-de-demain-entete h2 {
|
|
||||||
display: none; }
|
|
||||||
header .display-nav-opened {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
grid-gap: 10px; }
|
|
||||||
header .open-block, header .open-block.opened {
|
|
||||||
cursor: pointer; }
|
|
||||||
header .open-block span, header .open-block.opened span {
|
|
||||||
display: block;
|
|
||||||
width: 58px;
|
|
||||||
height: 2px;
|
|
||||||
position: relative;
|
|
||||||
background: black;
|
|
||||||
border-radius: 3px;
|
|
||||||
z-index: 1; }
|
|
||||||
@media (max-width: 660px) {
|
|
||||||
header .open-block span, header .open-block.opened span {
|
|
||||||
width: 25px; } }
|
|
||||||
header .open-block {
|
|
||||||
height: 100%;
|
|
||||||
display: grid;
|
|
||||||
align-items: center;
|
|
||||||
margin: auto; }
|
|
||||||
@media (max-width: 450px) {
|
|
||||||
header .open-block {
|
|
||||||
height: 50px; } }
|
|
||||||
header .open-block span {
|
|
||||||
margin-bottom: 13px;
|
|
||||||
transform-origin: 4px 0px; }
|
|
||||||
@media (max-width: 660px) {
|
|
||||||
header .open-block span {
|
|
||||||
margin-bottom: 5px; } }
|
|
||||||
header .open-block.opened {
|
|
||||||
margin: auto; }
|
|
||||||
header .open-block.opened span {
|
|
||||||
transform-origin: center;
|
|
||||||
margin-bottom: 0; }
|
|
||||||
header .open-block.opened > div > span:first-child {
|
|
||||||
transform: translateY(57%) rotate(45deg); }
|
|
||||||
header .open-block.opened > div > span:nth-child(2) {
|
|
||||||
transform: rotate(-45deg); }
|
|
||||||
header .open-block.opened > div > span:nth-child(3) {
|
|
||||||
display: none; }
|
|
||||||
|
|
||||||
footer {
|
|
||||||
z-index: 100; }
|
|
||||||
footer span.totop {
|
|
||||||
display: inline-flex;
|
|
||||||
width: 100vw; }
|
|
||||||
footer span.totop #toTop {
|
|
||||||
margin: auto;
|
|
||||||
background-color: #fff;
|
|
||||||
border-top-left-radius: 10%;
|
|
||||||
border-top-right-radius: 10%;
|
|
||||||
padding-bottom: 0.5rem; }
|
|
||||||
footer span.totop #toTop .arrow-up {
|
|
||||||
font-size: 1.7rem;
|
|
||||||
line-height: 2.5rem;
|
|
||||||
text-align: center;
|
|
||||||
width: 4rem;
|
|
||||||
height: 2rem;
|
|
||||||
display: inline-block;
|
|
||||||
text-align: top; }
|
|
||||||
footer span.totop #toTop .arrow-up::before {
|
|
||||||
content: url("../images/up-arrow.svg"); }
|
|
||||||
|
|
||||||
.footer {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
grid-template-rows: repeat(1, 1fr);
|
|
||||||
background-color: white;
|
|
||||||
padding-top: 1rem;
|
|
||||||
padding-bottom: 1rem;
|
|
||||||
border-top: 1px solid #808080; }
|
|
||||||
.footer section {
|
|
||||||
width: fit-content; }
|
|
||||||
.footer h2, .footer ul {
|
|
||||||
margin: 0; }
|
|
||||||
@media (max-width: 891px) {
|
|
||||||
.footer {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
justify-content: space-between; } }
|
|
||||||
@media (max-width: 600px) {
|
|
||||||
.footer {
|
|
||||||
flex-wrap: nowrap; } }
|
|
||||||
.footer #footer-left {
|
|
||||||
grid-column: 1 /span 5;
|
|
||||||
grid-row: 1; }
|
|
||||||
@media (max-width: 500px) {
|
|
||||||
.footer #footer-left {
|
|
||||||
max-width: 25%; } }
|
|
||||||
.footer #footer-left .footer_left_container {
|
|
||||||
padding-left: 5%;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row; }
|
|
||||||
@media (max-width: 891px) {
|
|
||||||
.footer #footer-left .footer_left_container {
|
|
||||||
max-width: 50vw; } }
|
|
||||||
@media (max-width: 500px) {
|
|
||||||
.footer #footer-left .footer_left_container {
|
|
||||||
padding-left: 15%; } }
|
|
||||||
.footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau {
|
|
||||||
height: 125px; }
|
|
||||||
@media (max-width: 891px) {
|
|
||||||
.footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau {
|
|
||||||
height: 110px; } }
|
|
||||||
.footer #footer-left .footer_left_container img {
|
|
||||||
width: auto;
|
|
||||||
height: 125px; }
|
|
||||||
@media (max-width: 891px) {
|
|
||||||
.footer #footer-left .footer_left_container img {
|
|
||||||
height: 110px; } }
|
|
||||||
@media (max-width: 660px) {
|
|
||||||
.footer #footer-left .footer_left_container img {
|
|
||||||
height: 70px; } }
|
|
||||||
@media (max-width: 450px) {
|
|
||||||
.footer #footer-left .footer_left_container img {
|
|
||||||
height: 50px; } }
|
|
||||||
.footer #footer-middle {
|
|
||||||
grid-column: 6 /span 7;
|
|
||||||
grid-row: 1;
|
|
||||||
font-size: 0.6rem; }
|
|
||||||
.footer #footer-middle #block-quartiers-de-demain-pieddepage ul li {
|
|
||||||
padding-bottom: 0.2rem; }
|
|
||||||
@media (max-width: 891px) {
|
|
||||||
.footer #footer-middle #block-quartiers-de-demain-pieddepage ul {
|
|
||||||
padding-left: 00.5rem; } }
|
|
||||||
.footer #footer-right {
|
|
||||||
grid-column: 10 / 12;
|
|
||||||
grid-row: 1; }
|
|
||||||
@media (max-width: 500px) {
|
|
||||||
.footer #footer-right {
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-end;
|
|
||||||
max-width: 35%; } }
|
|
||||||
.footer #footer-right #block-quartiers-de-demain-socialmedialinks {
|
|
||||||
flex-direction: column; }
|
|
||||||
.footer #footer-right #block-quartiers-de-demain-socialmedialinks h2 {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
font-size: 0.8rem;
|
|
||||||
font-weight: 400;
|
|
||||||
padding-bottom: 0.6rem;
|
|
||||||
font-size: 0.6rem; }
|
|
||||||
.footer #footer-right #block-quartiers-de-demain-socialmedialinks h2::before {
|
|
||||||
content: "Nous contacter";
|
|
||||||
padding-bottom: 0.6rem;
|
|
||||||
font-weight: 600; }
|
|
||||||
.footer #footer-right #block-quartiers-de-demain-socialmedialinks .fa-3x {
|
|
||||||
font-size: 1.5em; }
|
|
||||||
@media (max-width: 891px) {
|
|
||||||
.footer div {
|
|
||||||
flex-wrap: wrap; } }
|
|
||||||
@media (max-width: 520px) {
|
|
||||||
.footer div {
|
|
||||||
flex-direction: column; } }
|
|
||||||
|
|
||||||
.layout-sidebar-first {
|
|
||||||
width: 25%;
|
|
||||||
position: fixed;
|
|
||||||
left: 3%;
|
|
||||||
top: 200px;
|
|
||||||
z-index: 98; }
|
|
||||||
@media (max-width: 891px) {
|
|
||||||
.layout-sidebar-first {
|
|
||||||
margin-left: 5%;
|
|
||||||
margin-top: 9rem; } }
|
|
||||||
@media (max-width: 500px) {
|
|
||||||
.layout-sidebar-first {
|
|
||||||
width: 80%;
|
|
||||||
margin-top: 3rem; } }
|
|
||||||
.layout-sidebar-first #toTop-aside {
|
|
||||||
margin: auto;
|
|
||||||
background-color: #fff;
|
|
||||||
border-top-left-radius: 10%;
|
|
||||||
border-top-right-radius: 10%;
|
|
||||||
padding-bottom: 0.5rem; }
|
|
||||||
.layout-sidebar-first #toTop-aside .arrow-up {
|
|
||||||
font-size: 1.7rem;
|
|
||||||
line-height: 2.5rem;
|
|
||||||
text-align: center;
|
|
||||||
width: 3rem;
|
|
||||||
height: 2rem;
|
|
||||||
display: inline-block;
|
|
||||||
text-align: top; }
|
|
||||||
.layout-sidebar-first #toTop-aside .arrow-up::before {
|
|
||||||
content: url(../images/up-arrow.svg);
|
|
||||||
width: 50%; }
|
|
||||||
.layout-sidebar-first .sidebar_first_container {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
width: 50%;
|
|
||||||
font-weight: 400; }
|
|
||||||
.layout-sidebar-first .sidebar_first_container .field-content {
|
|
||||||
margin-bottom: 0.5rem;
|
|
||||||
font-size: 0.5rem; }
|
|
||||||
@media (max-width: 810px) {
|
|
||||||
.layout-sidebar-first .sidebar_first_container {
|
|
||||||
display: none; } }
|
|
||||||
.layout-sidebar-first .sidebar_first_container #block-quartiers-de-demain-views-block-statics-block-1 {
|
|
||||||
order: 1;
|
|
||||||
text-transform: uppercase; }
|
|
||||||
|
|
||||||
/*pages*/
|
|
||||||
.home footer span.totop {
|
|
||||||
display: inline-flex;
|
|
||||||
width: 100vw;
|
|
||||||
background: #e8ebf4; }
|
|
||||||
|
|
||||||
.partenaires .layout-content .content_container #block-quartiers-de-demain-titredepage {
|
|
||||||
grid-column: 3 /span 9;
|
|
||||||
grid-row: 1;
|
|
||||||
margin-top: 3rem; }
|
|
||||||
@media (max-width: 500px) {
|
|
||||||
.partenaires .layout-content .content_container #block-quartiers-de-demain-titredepage {
|
|
||||||
margin-top: 1rem;
|
|
||||||
grid-column: 2 /span 9; } }
|
|
||||||
.partenaires .layout-content .content_container #block-quartiers-de-demain-titredepage h1 {
|
|
||||||
text-transform: uppercase;
|
|
||||||
color: #f7002b;
|
|
||||||
font-size: 1.6rem;
|
|
||||||
font-weight: 300; }
|
|
||||||
|
|
||||||
.partenaires .layout-content .content_container .views-element-container {
|
|
||||||
grid-column: 3 /span 9;
|
|
||||||
grid-row: 2; }
|
|
||||||
@media (max-width: 500px) {
|
|
||||||
.partenaires .layout-content .content_container .views-element-container {
|
|
||||||
grid-column: 2 /span 9; } }
|
|
||||||
.partenaires .layout-content .content_container .views-element-container .node-type-partenaire {
|
|
||||||
width: 100%;
|
|
||||||
padding-bottom: 3rem;
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(9, 1fr);
|
|
||||||
grid-template-rows: repeat(auto-fill); }
|
|
||||||
@media (max-width: 810px) {
|
|
||||||
.partenaires .layout-content .content_container .views-element-container .node-type-partenaire {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column; } }
|
|
||||||
.partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_field_logo {
|
|
||||||
grid-column: 1 / 3;
|
|
||||||
grid-row: 1 /span 3;
|
|
||||||
padding-right: 1rem;
|
|
||||||
margin: auto; }
|
|
||||||
.partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_field_logo img {
|
|
||||||
object-fit: contain;
|
|
||||||
max-width: 200px;
|
|
||||||
max-height: 200px; }
|
|
||||||
.partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_title {
|
|
||||||
grid-column: 3 /span 8;
|
|
||||||
grid-row: 1;
|
|
||||||
font-weight: 500;
|
|
||||||
font-size: 0.6rem;
|
|
||||||
margin-left: 1rem; }
|
|
||||||
@media (max-width: 810px) {
|
|
||||||
.partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_title {
|
|
||||||
margin-left: 0; } }
|
|
||||||
.partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_body {
|
|
||||||
grid-column: 3 /span 8;
|
|
||||||
grid-row: 2;
|
|
||||||
margin-left: 1rem; }
|
|
||||||
@media (max-width: 810px) {
|
|
||||||
.partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_body {
|
|
||||||
margin-left: 0; } }
|
|
||||||
.partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_field_lien {
|
|
||||||
grid-column: 3 /span 8;
|
|
||||||
grid-row: 3;
|
|
||||||
border-bottom: 2px solid #0732c2;
|
|
||||||
width: fit-content;
|
|
||||||
padding-bottom: 0.5rem;
|
|
||||||
margin-left: 1rem; }
|
|
||||||
@media (max-width: 810px) {
|
|
||||||
.partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_field_lien {
|
|
||||||
margin-left: 0; } }
|
|
||||||
.partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_field_lien a {
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center; }
|
|
||||||
.partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_field_lien a svg {
|
|
||||||
display: none; }
|
|
||||||
.partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_field_lien a::before {
|
|
||||||
display: inline-block;
|
|
||||||
content: url("../images/noun-arrow-to-right.svg");
|
|
||||||
padding-right: 0.5rem;
|
|
||||||
padding-top: 0.2rem; }
|
|
||||||
|
|
||||||
#presentation, #home {
|
|
||||||
width: 100%;
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
padding-top: 3rem; }
|
|
||||||
#presentation #block-quartiers-de-demain-views-block-statics-fields-block-1, #home #block-quartiers-de-demain-views-block-statics-fields-block-1 {
|
|
||||||
order: 2;
|
|
||||||
border-top: 2px solid #0732c2;
|
|
||||||
padding-top: 0.3rem; }
|
|
||||||
#presentation #block-quartiers-de-demain-views-block-statics-fields-block-1 .views-field-field-pieces-jointes, #home #block-quartiers-de-demain-views-block-statics-fields-block-1 .views-field-field-pieces-jointes {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row; }
|
|
||||||
#presentation #block-quartiers-de-demain-views-block-statics-fields-block-1 .views-field-field-pieces-jointes::before, #home #block-quartiers-de-demain-views-block-statics-fields-block-1 .views-field-field-pieces-jointes::before {
|
|
||||||
content: url(../images/noun-arrow-download.svg);
|
|
||||||
padding-right: 00.3rem; }
|
|
||||||
#presentation #block-quartiers-de-demain-views-block-statics-fields-block-1 .views-field-field-pieces-jointes .field-content, #home #block-quartiers-de-demain-views-block-statics-fields-block-1 .views-field-field-pieces-jointes .field-content {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
font-size: 0.5rem;
|
|
||||||
font-weight: 800; }
|
|
||||||
#presentation #block-quartiers-de-demain-views-block-statics-fields-block-1 .views-field-field-pieces-jointes .field-content span, #home #block-quartiers-de-demain-views-block-statics-fields-block-1 .views-field-field-pieces-jointes .field-content span {
|
|
||||||
font-weight: 600; }
|
|
||||||
#presentation .layout-content, #home .layout-content {
|
|
||||||
grid-row: 1;
|
|
||||||
order: 2; }
|
|
||||||
@media (max-width: 500px) {
|
|
||||||
#presentation .layout-content, #home .layout-content {
|
|
||||||
padding-top: 50px; } }
|
|
||||||
#presentation .layout-content .content_container, #home .layout-content .content_container {
|
|
||||||
display: flex;
|
|
||||||
margin-bottom: 0; }
|
|
||||||
#presentation .layout-content .content_container #block-quartiers-de-demain-titredepage, #home .layout-content .content_container #block-quartiers-de-demain-titredepage {
|
|
||||||
display: none; }
|
|
||||||
#presentation .layout-content .content_container article.node-type-static, #home .layout-content .content_container article.node-type-static {
|
|
||||||
width: 100%; }
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_body, #home .layout-content .content_container article.node-type-static .field_body {
|
|
||||||
padding-left: 20%;
|
|
||||||
padding-right: 20%; }
|
|
||||||
@media (max-width: 810px) {
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_body, #home .layout-content .content_container article.node-type-static .field_body {
|
|
||||||
padding-left: 13%;
|
|
||||||
padding-right: 13%; } }
|
|
||||||
@media (max-width: 640px) {
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_body, #home .layout-content .content_container article.node-type-static .field_body {
|
|
||||||
padding-left: 10%;
|
|
||||||
padding-right: 10%; } }
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_body h2, #home .layout-content .content_container article.node-type-static .field_body h2 {
|
|
||||||
font-size: 0.8rem;
|
|
||||||
font-weight: 600;
|
|
||||||
margin-bottom: 0; }
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_body img, #home .layout-content .content_container article.node-type-static .field_body img {
|
|
||||||
width: 100%;
|
|
||||||
height: auto; }
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .paragraph, #home .layout-content .content_container article.node-type-static .paragraph {
|
|
||||||
padding-top: 2rem;
|
|
||||||
padding-bottom: 2rem;
|
|
||||||
padding-left: 20%;
|
|
||||||
padding-right: 20%; }
|
|
||||||
@media (max-width: 810px) {
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .paragraph, #home .layout-content .content_container article.node-type-static .paragraph {
|
|
||||||
padding-left: 13%;
|
|
||||||
padding-right: 13%; } }
|
|
||||||
@media (max-width: 640px) {
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .paragraph, #home .layout-content .content_container article.node-type-static .paragraph {
|
|
||||||
padding-left: 10%;
|
|
||||||
padding-right: 10%; } }
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes .field_field_title, #home .layout-content .content_container article.node-type-static .field_field_textes .field_field_title {
|
|
||||||
text-transform: uppercase;
|
|
||||||
font-size: 1rem;
|
|
||||||
font-weight: 400; }
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--1 .field_field_title, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--2 .field_field_title, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--6 .field_field_title, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_title, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_title, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--1 .field_field_title, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--2 .field_field_title, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--6 .field_field_title, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_title, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_title {
|
|
||||||
color: #0732c2; }
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--3 .field_field_title, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--4 .field_field_title, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--3 .field_field_title, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--4 .field_field_title {
|
|
||||||
color: #f7002b; }
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--1, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--2, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--3, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--4, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--6, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--1, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--2, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--3, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--4, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--6, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 {
|
|
||||||
background-color: #e8ebf4; }
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--1, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--2, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--3, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--4, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--1, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--2, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--3, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--4 {
|
|
||||||
padding-top: 1rem; }
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--1, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--2, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--3, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--1, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--2, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--3 {
|
|
||||||
padding-bottom: 1rem; }
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 {
|
|
||||||
text-align: center; }
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column; }
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_title, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_title {
|
|
||||||
width: 60%;
|
|
||||||
margin: auto;
|
|
||||||
padding-bottom: 1rem; }
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2), #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
align-items: flex-start !important; }
|
|
||||||
@media (max-width: 500px) {
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2), #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) {
|
|
||||||
flex-direction: column; } }
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) p, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) p {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
padding-right: 30px;
|
|
||||||
text-align: left;
|
|
||||||
color: #0732c2;
|
|
||||||
width: calc(100vw / 3); }
|
|
||||||
@media (max-width: 500px) {
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) p, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) p {
|
|
||||||
padding-right: 0px;
|
|
||||||
text-align: center;
|
|
||||||
width: 100%; } }
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) p img, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) p img {
|
|
||||||
width: 70%;
|
|
||||||
height: auto;
|
|
||||||
padding-bottom: 1rem;
|
|
||||||
margin: auto; }
|
|
||||||
@media (max-width: 500px) {
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) p img, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) p img {
|
|
||||||
width: 40%; } }
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 {
|
|
||||||
padding-bottom: 4rem; }
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_title, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_title {
|
|
||||||
padding-bottom: 1rem; }
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_texte div:nth-child(2), #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_texte div:nth-child(2) {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row; }
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_texte div:nth-child(2).flex-start, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_texte div:nth-child(2).flex-start {
|
|
||||||
align-items: flex-start !important; }
|
|
||||||
@media (max-width: 500px) {
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_texte div:nth-child(2), #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_texte div:nth-child(2) {
|
|
||||||
flex-direction: column; } }
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_texte div:nth-child(2) p, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_texte div:nth-child(2) p {
|
|
||||||
width: calc(100vw / 3);
|
|
||||||
padding-right: 30px;
|
|
||||||
text-align: left; }
|
|
||||||
@media (max-width: 500px) {
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_texte div:nth-child(2) p, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_texte div:nth-child(2) p {
|
|
||||||
padding-right: 0px;
|
|
||||||
text-align: center;
|
|
||||||
width: 100%; } }
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes p, #home .layout-content .content_container article.node-type-static .field_field_textes p {
|
|
||||||
margin-bottom: 0; }
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto, #home .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto {
|
|
||||||
height: auto;
|
|
||||||
float: inline-start;
|
|
||||||
padding-right: 0.5rem; }
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto img, #home .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto img {
|
|
||||||
width: 40px;
|
|
||||||
height: auto;
|
|
||||||
margin: auto; }
|
|
||||||
@media (max-width: 891px) {
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto img, #home .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto img {
|
|
||||||
width: 30px; } }
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 img, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 img {
|
|
||||||
width: -moz-available;
|
|
||||||
width: 100%;
|
|
||||||
height: auto; }
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 img:hover, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 img:hover {
|
|
||||||
filter: brightness(75%);
|
|
||||||
transition: 0.2s;
|
|
||||||
cursor: url(../images/noun-loop-3037049.svg), auto;
|
|
||||||
cursor: zoom-in;
|
|
||||||
cursor: -moz-zoom-in;
|
|
||||||
cursor: -webkit-zoom-in; }
|
|
||||||
@media (max-width: 500px) {
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 img:hover, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 img:hover {
|
|
||||||
filter: brightness(100%); } }
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 .zoom_in, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 .zoom_in {
|
|
||||||
-ms-transform: scale(1.7);
|
|
||||||
/* IE 9 */
|
|
||||||
-webkit-transform: scale(1.7);
|
|
||||||
/* Safari 3-8 */
|
|
||||||
transform: scale(1.7);
|
|
||||||
max-width: 100vw;
|
|
||||||
overflow-x: scroll;
|
|
||||||
position: relative;
|
|
||||||
z-index: 98; }
|
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 .zoom_in:hover, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 .zoom_in:hover {
|
|
||||||
filter: brightness(100%);
|
|
||||||
transition: 0.2s;
|
|
||||||
overflow-x: scroll;
|
|
||||||
cursor: zoom-out;
|
|
||||||
cursor: -moz-zoom-out;
|
|
||||||
cursor: -webkit-zoom-out; }
|
|
||||||
|
|
||||||
.presentation footer span.totop {
|
|
||||||
display: inline-flex;
|
|
||||||
width: 100vw;
|
|
||||||
background: #e8ebf4; }
|
|
||||||
|
|
||||||
.node-type-static .layout-content {
|
|
||||||
grid-row: 1; }
|
|
||||||
.node-type-static .layout-content .content_container {
|
|
||||||
margin-bottom: 3rem; }
|
|
||||||
.node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage {
|
|
||||||
grid-column: 3 /span 9;
|
|
||||||
grid-row: 1;
|
|
||||||
margin-top: 3rem; }
|
|
||||||
@media (max-width: 500px) {
|
|
||||||
.node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage {
|
|
||||||
margin-top: 1rem;
|
|
||||||
grid-column: 2 /span 9; } }
|
|
||||||
.node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage h1 {
|
|
||||||
text-transform: uppercase;
|
|
||||||
color: #f7002b;
|
|
||||||
font-size: 1.6rem;
|
|
||||||
font-weight: 300; }
|
|
||||||
.node-type-static .layout-content .content_container article.node-type-static {
|
|
||||||
grid-column: 3 /span 9;
|
|
||||||
grid-row: 2; }
|
|
||||||
@media (max-width: 500px) {
|
|
||||||
.node-type-static .layout-content .content_container article.node-type-static {
|
|
||||||
grid-column: 2 /span 9; } }
|
|
||||||
.node-type-static .layout-content .content_container article.node-type-static div.field_body h2 {
|
|
||||||
font-size: 0.8rem;
|
|
||||||
font-weight: 600;
|
|
||||||
margin-bottom: 0; }
|
|
||||||
.node-type-static .layout-content .content_container article.node-type-static div.field_body p {
|
|
||||||
margin-top: 0; }
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
{"version":3,"sourceRoot":"","sources":["../scss/quartiers_de_demain.scss","../scss/global/variables/_colors.scss","../scss/global/variables/_core.scss","../scss/global/_fonts.scss","../scss/global/_layout.scss","../scss/global/variables/_typography.scss","../scss/global/_reset.scss","../scss/partials/_header.scss","../scss/partials/_footer.scss","../scss/partials/_aside.scss","../scss/pages/_home.scss","../scss/pages/_partenaires.scss","../scss/pages/_presentation.scss","../scss/pages/_static.scss"],"names":[],"mappings":"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","file":"quartiers_de_demain.css"}
|
|
||||||
|
|
@ -0,0 +1,123 @@
|
||||||
|
/*
|
||||||
|
* ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
|
||||||
|
* This devtool is neither made for production nor for readable output files.
|
||||||
|
* It uses "eval()" calls to create a separate source file in the browser devtools.
|
||||||
|
* If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
|
||||||
|
* or disable the default devtool with "devtool: false".
|
||||||
|
* If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
|
||||||
|
*/
|
||||||
|
/******/ (() => { // webpackBootstrap
|
||||||
|
/******/ var __webpack_modules__ = ({
|
||||||
|
|
||||||
|
/***/ "./src/assets/scss/quartiers_de_demain.scss":
|
||||||
|
/*!**************************************************!*\
|
||||||
|
!*** ./src/assets/scss/quartiers_de_demain.scss ***!
|
||||||
|
\**************************************************/
|
||||||
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||||||
|
|
||||||
|
"use strict";
|
||||||
|
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__webpack_require__.p + \"./css/bundle.css\");\n\n//# sourceURL=webpack://quartiers_de_demain/./src/assets/scss/quartiers_de_demain.scss?");
|
||||||
|
|
||||||
|
/***/ }),
|
||||||
|
|
||||||
|
/***/ "./src/assets/js/animated_logo.js":
|
||||||
|
/*!****************************************!*\
|
||||||
|
!*** ./src/assets/js/animated_logo.js ***!
|
||||||
|
\****************************************/
|
||||||
|
/***/ (() => {
|
||||||
|
|
||||||
|
eval("\nfunction setLogoContainerSize() {\n let svgContainer = document.querySelector('#logo-animated');\n let svgElement = document.querySelector('#logo-animated svg');\n svgContainer.style.height = `${svgElement.clientHeight}px`;\n }\n setLogoContainerSize();\n window.addEventListener('resize', setLogoContainerSize);\n console.log('animated');\n\n let chemins = document.querySelectorAll('#logo-animated svg path');\n for (let chemin of chemins) {\n let length = chemin.getTotalLength();\n chemin.style.strokeDasharray = length;\n chemin.style.strokeDashoffset = length;\n }\n\n \n let consultationCouleur = document.querySelector('#consultation-couleur');\n let consultationNoir = document.querySelector('#consultation-noir');\n \n let quartierCouleur = document.querySelector('#quartier-couleur');\n let quartierNoir = document.querySelector('#quartier-noir');\n \n let consultationTranslate = 200;\n let quartierTranslate = -200;\n\n function startCountdown() {\n let startTime;\n let animationTime = 1800;\n\n function animate(timestamp) {\n if (!startTime) startTime = timestamp;\n const elapsedTime = timestamp - startTime;\n\n if (elapsedTime <= animationTime) {\n const animationPercent = elapsedTime / animationTime;\n animateLogo(animationPercent);\n requestAnimationFrame(animate);\n } else {\n animateLogo(1);\n }\n\n }\n requestAnimationFrame(animate);\n }\n\n // function animateLogo(animationPercent) {\n // for (let i = 0; i < chemins.length; i++) {\n // let draw = chemins[i].getTotalLength() * animationPercent;\n // chemins[i].style.strokeDashoffset = chemins[i].getTotalLength() - draw;\n // chemins[i].style.opacity = Math.min(animationPercent * ((chemins.length - 1) / i), 1);\n // }\n // let animationPercentCouleur = Math.min(animationPercent / 0.5, 1);\n // let animationPercentNoir = Math.max((animationPercent - 0.4) / 0.6, 0);\n\n // consultationCouleur.style.opacity = animationPercentCouleur;\n // consultationNoir.style.opacity = animationPercentNoir;\n // quartierCouleur.style.opacity = animationPercentCouleur;\n // quartierNoir.style.opacity = animationPercentNoir;\n\n // consultationNoir.style.transform = `translate(${consultationTranslate * (animationPercent - 1)}px, ${consultationTranslate * (animationPercent - 1)}px)`;\n\n // quartierNoir.style.transform = `translate(${quartierTranslate * (animationPercent - 1)}px, ${quartierTranslate * (animationPercent - 1)}px)`;\n // }\n\n function animateLogo(animationPercent) {\n // Calcul du pourcentage de l'animation principale\n let mainAnimationPercent = animationPercent;\n\n // Décalage pour l'animation des éléments noir\n let noirDelay = 0.7; // Exemple de décalage de 30% de l'animation principale\n let noirQuartierDelay = 0.1; // Exemple de décalage de 30% de l'animation principale\n\n // Calcul du pourcentage de l'animation pour les éléments noir avec décalage\n let animationPercentNoir = Math.max((mainAnimationPercent - noirDelay) / (1 - noirDelay), 0);\n\n for (let i = 0; i < chemins.length; i++) {\n let draw = chemins[i].getTotalLength() * mainAnimationPercent;\n chemins[i].style.strokeDashoffset = chemins[i].getTotalLength() - draw;\n chemins[i].style.opacity = Math.min(mainAnimationPercent * ((chemins.length - 1) / i), 1);\n }\n let animationPercentCouleur = Math.min(mainAnimationPercent / 0.5, 1);\n\n let animationPercentNoirQuartier = Math.max((mainAnimationPercent - noirQuartierDelay) / (1 - noirQuartierDelay), 0);\n\n for (let i = 0; i < chemins.length; i++) {\n let draw = chemins[i].getTotalLength() * mainAnimationPercent;\n chemins[i].style.strokeDashoffset = chemins[i].getTotalLength() - draw;\n chemins[i].style.opacity = Math.min(mainAnimationPercent * ((chemins.length - 1) / i), 1);\n }\n consultationCouleur.style.opacity = animationPercentCouleur;\n consultationNoir.style.opacity = animationPercentNoir;\n quartierCouleur.style.opacity = animationPercentCouleur;\n quartierNoir.style.opacity = animationPercentNoirQuartier;\n\n // Décalage des éléments noir dans le temps\n consultationNoir.style.transform = `translate(${consultationTranslate * (mainAnimationPercent - 1)}px, ${consultationTranslate * (mainAnimationPercent - 1)}px)`;\n quartierNoir.style.transform = `translate(${quartierTranslate * (mainAnimationPercent - 1)}px, ${quartierTranslate * (mainAnimationPercent - 1)}px)`;\n}\n\n\n\n window.addEventListener('load', startCountdown);\n\n\n//# sourceURL=webpack://quartiers_de_demain/./src/assets/js/animated_logo.js?");
|
||||||
|
|
||||||
|
/***/ }),
|
||||||
|
|
||||||
|
/***/ "./src/assets/js/quartiers_de_demain.js":
|
||||||
|
/*!**********************************************!*\
|
||||||
|
!*** ./src/assets/js/quartiers_de_demain.js ***!
|
||||||
|
\**********************************************/
|
||||||
|
/***/ (() => {
|
||||||
|
|
||||||
|
eval("/**\n * @file\n * quartiers_de_demain behaviors.\n */\n (function (Drupal) {\n\n 'use strict';\n \n Drupal.behaviors.quartiers_de_demain = {\n attach: function (context, settings) {\n console.log('It works!');\n }\n };\n } (Drupal));\n\n \n jQuery(document).ready(function($){\n\n $('.open-block').click(function(){\n $(this).toggleClass('opened');\n\n $('.header_nav_container').toggleClass('display-nav-opened');\n \n if(mobile == true){\n $(\"body\").css(\"overflow\",\"hidden\");\n }\n\n });\n \n // Hide the header_nav_container when a link inside it is clicked\n $('.header_nav_container li').click(function() {\n $('.header_nav_container').fadeOut();\n });\n\n\n\n//////////// agrandissement du shema\n\n $('#paragraph-id--9 img').click(function() {\n $(this).toggleClass('zoom_in');\n });\n\n\n});\n\n\n// /////////////////\n//// ancre dans texte au click parragraphe correspondant arrive en dessous du header \n\n\n(function($, window) {\n var adjustAnchor = function() {\n var $anchor = $('.sidebar_first_container'),\n fixedElementHeight = 350;\n if ($anchor.length > 0) {\n $('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);\n }\n };\n\n $(window).on('hashchange', function() {\n adjustAnchor();\n });\n\n\n\n\n\nfunction scrollReaveal(){\n\n const nodes = {\n logo : document.querySelectorAll('#logo-animated-container'),\n chapeau : document.querySelectorAll('.field_body'),\n paragraph: document.querySelectorAll('.field_field_textes .paragraph--type--static-parts'),\n // article : document.querySelectorAll('.home #txt_present, article#presentation'),\n // blocs : document.querySelectorAll('#block-colloque2024-views-block-slide-programme-block-1, #block-colloque2024-views-block-dernieres-publications-block-1, .__ressources > *'), \n // p : document.querySelectorAll('article#presentation p, .letter-sort, .participant_full .content > *'),\n // programme: document.querySelectorAll('.programme.container'),\n // thumbnails : document.querySelectorAll('.programme .thumbnails, .views.__publications .thumbnails, .les_intervenants .thumbnails_participants'),\n // node_moment : document.querySelectorAll('#moments .__title, #moments .__wrapper, #moments .__wrap_content .__content > *, #moments .__wrap_side')\n\n }\n\n const showUp = {\n origin: 'bottom',\n delay: 100,\n duration: 1000,\n distance: '50px',\n easing: 'cubic-bezier(0.5, 0, 0, 1)'\n }\n\n const Show = {\n delay: 100,\n duration: 600,\n easing: 'cubic-bezier(0.5, 0, 0, 1)'\n }\n\n // const showleft = {\n // origin: 'left',\n // delay: 100,\n // duration: 600,\n // distance: '50px',\n // easing: 'cubic-bezier(0.5, 0, 0, 1)'\n // }\n\n console.log(nodes);\n\n ScrollReveal().reveal(nodes.logo, Show);\n // ScrollReveal().reveal(nodes.hero_participant, showleft);\n ScrollReveal().reveal(nodes.chapeau, showUp);\n ScrollReveal().reveal(nodes.paragraph, showUp);\n // ScrollReveal().reveal(nodes.p, showUp);\n // ScrollReveal().reveal(nodes.programme, showUp);\n // ScrollReveal().reveal(nodes.thumbnails, showUp);\n // ScrollReveal().reveal(nodes.views, showUp);\n // ScrollReveal().reveal(nodes.title_participant, Show);\n // ScrollReveal().reveal(nodes.node_moment, showUp);\n}\n\n\n$( document ).ready(function() {\n // currenturl();\n scrollReaveal();\n // notes();\n // slide();\n // burger();\n // replaceAny();\n // select_custom();\n // remove_isactive();\n // hidden_morelinkMoment();\n // pagination();\n // Light();\n});\n\n})(jQuery);\n\n//# sourceURL=webpack://quartiers_de_demain/./src/assets/js/quartiers_de_demain.js?");
|
||||||
|
|
||||||
|
/***/ })
|
||||||
|
|
||||||
|
/******/ });
|
||||||
|
/************************************************************************/
|
||||||
|
/******/ // The require scope
|
||||||
|
/******/ var __webpack_require__ = {};
|
||||||
|
/******/
|
||||||
|
/************************************************************************/
|
||||||
|
/******/ /* webpack/runtime/define property getters */
|
||||||
|
/******/ (() => {
|
||||||
|
/******/ // define getter functions for harmony exports
|
||||||
|
/******/ __webpack_require__.d = (exports, definition) => {
|
||||||
|
/******/ for(var key in definition) {
|
||||||
|
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
||||||
|
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
||||||
|
/******/ }
|
||||||
|
/******/ }
|
||||||
|
/******/ };
|
||||||
|
/******/ })();
|
||||||
|
/******/
|
||||||
|
/******/ /* webpack/runtime/global */
|
||||||
|
/******/ (() => {
|
||||||
|
/******/ __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/hasOwnProperty shorthand */
|
||||||
|
/******/ (() => {
|
||||||
|
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
||||||
|
/******/ })();
|
||||||
|
/******/
|
||||||
|
/******/ /* webpack/runtime/make namespace object */
|
||||||
|
/******/ (() => {
|
||||||
|
/******/ // define __esModule on exports
|
||||||
|
/******/ __webpack_require__.r = (exports) => {
|
||||||
|
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
||||||
|
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
||||||
|
/******/ }
|
||||||
|
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
||||||
|
/******/ };
|
||||||
|
/******/ })();
|
||||||
|
/******/
|
||||||
|
/******/ /* webpack/runtime/publicPath */
|
||||||
|
/******/ (() => {
|
||||||
|
/******/ var scriptUrl;
|
||||||
|
/******/ if (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + "";
|
||||||
|
/******/ var document = __webpack_require__.g.document;
|
||||||
|
/******/ if (!scriptUrl && document) {
|
||||||
|
/******/ if (document.currentScript)
|
||||||
|
/******/ 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(/#.*$/, "").replace(/\?.*$/, "").replace(/\/[^\/]+$/, "/");
|
||||||
|
/******/ __webpack_require__.p = scriptUrl;
|
||||||
|
/******/ })();
|
||||||
|
/******/
|
||||||
|
/************************************************************************/
|
||||||
|
/******/
|
||||||
|
/******/ // startup
|
||||||
|
/******/ // Load entry module and return exports
|
||||||
|
/******/ // This entry module can't be inlined because the eval devtool is used.
|
||||||
|
/******/ __webpack_modules__["./src/assets/js/quartiers_de_demain.js"](0, {}, __webpack_require__);
|
||||||
|
/******/ __webpack_modules__["./src/assets/js/animated_logo.js"](0, {}, __webpack_require__);
|
||||||
|
/******/ var __webpack_exports__ = {};
|
||||||
|
/******/ __webpack_modules__["./src/assets/scss/quartiers_de_demain.scss"](0, __webpack_exports__, __webpack_require__);
|
||||||
|
/******/
|
||||||
|
/******/ })()
|
||||||
|
;
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,67 +0,0 @@
|
||||||
/**
|
|
||||||
* @file
|
|
||||||
* quartiers_de_demain behaviors.
|
|
||||||
*/
|
|
||||||
(function (Drupal) {
|
|
||||||
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
Drupal.behaviors.quartiers_de_demain = {
|
|
||||||
attach: function (context, settings) {
|
|
||||||
console.log('It works!');
|
|
||||||
}
|
|
||||||
};
|
|
||||||
} (Drupal));
|
|
||||||
|
|
||||||
|
|
||||||
jQuery(document).ready(function($){
|
|
||||||
|
|
||||||
$('.open-block').click(function(){
|
|
||||||
$(this).toggleClass('opened');
|
|
||||||
|
|
||||||
$('.header_nav_container').toggleClass('display-nav-opened');
|
|
||||||
|
|
||||||
if(mobile == true){
|
|
||||||
$("body").css("overflow","hidden");
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
// Hide the header_nav_container when a link inside it is clicked
|
|
||||||
$('.header_nav_container li').click(function() {
|
|
||||||
$('.header_nav_container').fadeOut();
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
//////////// agrandissement du shema
|
|
||||||
|
|
||||||
$('#paragraph-id--9 img').click(function() {
|
|
||||||
$(this).toggleClass('zoom_in');
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
// /////////////////
|
|
||||||
//// ancre dans texte au click parragraphe correspondant arrive en dessous du header
|
|
||||||
|
|
||||||
|
|
||||||
(function($, window) {
|
|
||||||
var adjustAnchor = function() {
|
|
||||||
var $anchor = $('.sidebar_first_container'),
|
|
||||||
fixedElementHeight = 350;
|
|
||||||
if ($anchor.length > 0) {
|
|
||||||
$('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
$(window).on('hashchange', function() {
|
|
||||||
adjustAnchor();
|
|
||||||
});
|
|
||||||
|
|
||||||
})(jQuery, window);
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,22 +1,448 @@
|
||||||
{
|
{
|
||||||
"name": "quartiers_de_demain",
|
"name": "quartiers_de_demain",
|
||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
"description": "",
|
|
||||||
"main": "index.js",
|
"main": "index.js",
|
||||||
|
"dependencies": {
|
||||||
|
"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",
|
||||||
|
"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",
|
||||||
|
"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": {
|
||||||
|
"file-loader": "^6.2.0",
|
||||||
|
"sass": "^1.77.2",
|
||||||
|
"sass-loader": "^14.2.1",
|
||||||
|
"webpack": "^5.91.0",
|
||||||
|
"webpack-cli": "^5.1.4"
|
||||||
|
},
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"test": "echo \"Error: no test specified\" && exit 1",
|
"test": "echo \"Error: no test specified\" && exit 1",
|
||||||
"sass": "node-sass -w scss -o css"
|
"watch": "webpack --watch"
|
||||||
},
|
|
||||||
"devDependancies": {
|
|
||||||
"node-sass": "*"
|
|
||||||
},
|
|
||||||
"repository": {
|
|
||||||
"type": "git",
|
|
||||||
"url": "https://figureslibres.io/gitea/bachir/docker-quartiersdedemain"
|
|
||||||
},
|
},
|
||||||
|
"keywords": [],
|
||||||
"author": "",
|
"author": "",
|
||||||
"license": "ISC",
|
"license": "ISC",
|
||||||
"devDependencies": {
|
"description": ""
|
||||||
"node-sass": "^9.0.0"
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,9 +1,8 @@
|
||||||
# Main theme library.
|
# Main theme library.
|
||||||
global:
|
global:
|
||||||
js:
|
js:
|
||||||
js/quartiers_de_demain.js: {}
|
dist/assets/bundle.js: {}
|
||||||
js/animated_logo.js: {}
|
|
||||||
css:
|
css:
|
||||||
theme:
|
theme:
|
||||||
css/quartiers_de_demain.css: {}
|
dist/assets/css/bundle.css: {}
|
||||||
css/animated_logo.css: {}
|
css/animated_logo.css: {}
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 8.1 KiB After Width: | Height: | Size: 8.1 KiB |
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 58 KiB After Width: | Height: | Size: 58 KiB |
|
Before Width: | Height: | Size: 5.2 KiB After Width: | Height: | Size: 5.2 KiB |
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 2.0 KiB After Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 3.1 KiB After Width: | Height: | Size: 3.1 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 25 KiB |
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 692 B After Width: | Height: | Size: 692 B |
|
|
@ -0,0 +1,134 @@
|
||||||
|
/**
|
||||||
|
* @file
|
||||||
|
* quartiers_de_demain behaviors.
|
||||||
|
*/
|
||||||
|
(function (Drupal) {
|
||||||
|
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
Drupal.behaviors.quartiers_de_demain = {
|
||||||
|
attach: function (context, settings) {
|
||||||
|
console.log('It works!');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
} (Drupal));
|
||||||
|
|
||||||
|
|
||||||
|
jQuery(document).ready(function($){
|
||||||
|
|
||||||
|
$('.open-block').click(function(){
|
||||||
|
$(this).toggleClass('opened');
|
||||||
|
|
||||||
|
$('.header_nav_container').toggleClass('display-nav-opened');
|
||||||
|
|
||||||
|
if(mobile == true){
|
||||||
|
$("body").css("overflow","hidden");
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
// Hide the header_nav_container when a link inside it is clicked
|
||||||
|
$('.header_nav_container li').click(function() {
|
||||||
|
$('.header_nav_container').fadeOut();
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//////////// agrandissement du shema
|
||||||
|
|
||||||
|
$('#paragraph-id--9 img').click(function() {
|
||||||
|
$(this).toggleClass('zoom_in');
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
// /////////////////
|
||||||
|
//// ancre dans texte au click parragraphe correspondant arrive en dessous du header
|
||||||
|
|
||||||
|
|
||||||
|
(function($, window) {
|
||||||
|
var adjustAnchor = function() {
|
||||||
|
var $anchor = $('.sidebar_first_container'),
|
||||||
|
fixedElementHeight = 350;
|
||||||
|
if ($anchor.length > 0) {
|
||||||
|
$('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
$(window).on('hashchange', function() {
|
||||||
|
adjustAnchor();
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
function scrollReaveal(){
|
||||||
|
|
||||||
|
const nodes = {
|
||||||
|
logo : document.querySelectorAll('#logo-animated-container'),
|
||||||
|
chapeau : document.querySelectorAll('.field_body'),
|
||||||
|
paragraph: document.querySelectorAll('.field_field_textes .paragraph--type--static-parts'),
|
||||||
|
// article : document.querySelectorAll('.home #txt_present, article#presentation'),
|
||||||
|
// blocs : document.querySelectorAll('#block-colloque2024-views-block-slide-programme-block-1, #block-colloque2024-views-block-dernieres-publications-block-1, .__ressources > *'),
|
||||||
|
// p : document.querySelectorAll('article#presentation p, .letter-sort, .participant_full .content > *'),
|
||||||
|
// programme: document.querySelectorAll('.programme.container'),
|
||||||
|
// thumbnails : document.querySelectorAll('.programme .thumbnails, .views.__publications .thumbnails, .les_intervenants .thumbnails_participants'),
|
||||||
|
// node_moment : document.querySelectorAll('#moments .__title, #moments .__wrapper, #moments .__wrap_content .__content > *, #moments .__wrap_side')
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
const showUp = {
|
||||||
|
origin: 'bottom',
|
||||||
|
delay: 100,
|
||||||
|
duration: 1000,
|
||||||
|
distance: '50px',
|
||||||
|
easing: 'cubic-bezier(0.5, 0, 0, 1)'
|
||||||
|
}
|
||||||
|
|
||||||
|
const Show = {
|
||||||
|
delay: 100,
|
||||||
|
duration: 600,
|
||||||
|
easing: 'cubic-bezier(0.5, 0, 0, 1)'
|
||||||
|
}
|
||||||
|
|
||||||
|
// const showleft = {
|
||||||
|
// origin: 'left',
|
||||||
|
// delay: 100,
|
||||||
|
// duration: 600,
|
||||||
|
// distance: '50px',
|
||||||
|
// easing: 'cubic-bezier(0.5, 0, 0, 1)'
|
||||||
|
// }
|
||||||
|
|
||||||
|
console.log(nodes);
|
||||||
|
|
||||||
|
ScrollReveal().reveal(nodes.logo, Show);
|
||||||
|
// ScrollReveal().reveal(nodes.hero_participant, showleft);
|
||||||
|
ScrollReveal().reveal(nodes.chapeau, showUp);
|
||||||
|
ScrollReveal().reveal(nodes.paragraph, showUp);
|
||||||
|
// ScrollReveal().reveal(nodes.p, showUp);
|
||||||
|
// ScrollReveal().reveal(nodes.programme, showUp);
|
||||||
|
// ScrollReveal().reveal(nodes.thumbnails, showUp);
|
||||||
|
// ScrollReveal().reveal(nodes.views, showUp);
|
||||||
|
// ScrollReveal().reveal(nodes.title_participant, Show);
|
||||||
|
// ScrollReveal().reveal(nodes.node_moment, showUp);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
$( document ).ready(function() {
|
||||||
|
// currenturl();
|
||||||
|
scrollReaveal();
|
||||||
|
// notes();
|
||||||
|
// slide();
|
||||||
|
// burger();
|
||||||
|
// replaceAny();
|
||||||
|
// select_custom();
|
||||||
|
// remove_isactive();
|
||||||
|
// hidden_morelinkMoment();
|
||||||
|
// pagination();
|
||||||
|
// Light();
|
||||||
|
});
|
||||||
|
|
||||||
|
})(jQuery);
|
||||||
|
|
@ -54,6 +54,7 @@
|
||||||
#block-quartiers-de-demain-views-block-statics-block-1{
|
#block-quartiers-de-demain-views-block-statics-block-1{
|
||||||
order: 1;
|
order: 1;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -37,7 +37,7 @@ footer{
|
||||||
section{width: fit-content;}
|
section{width: fit-content;}
|
||||||
h2, ul{margin: 0;}
|
h2, ul{margin: 0;}
|
||||||
border-top: 1px solid #808080;
|
border-top: 1px solid #808080;
|
||||||
@media(max-width: 891px){
|
@media(max-width: 700px){
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
@ -54,7 +54,7 @@ footer{
|
||||||
}
|
}
|
||||||
.footer_left_container{
|
.footer_left_container{
|
||||||
padding-left: 5%;
|
padding-left: 5%;
|
||||||
@media(max-width: 891px){
|
@media(max-width: 700px){
|
||||||
max-width: 50vw;
|
max-width: 50vw;
|
||||||
}
|
}
|
||||||
@media (max-width: 500px){
|
@media (max-width: 500px){
|
||||||
|
|
@ -65,7 +65,7 @@ footer{
|
||||||
|
|
||||||
#block-quartiers-de-demain-logoepau{
|
#block-quartiers-de-demain-logoepau{
|
||||||
height: $header-height;
|
height: $header-height;
|
||||||
@media(max-width: 891px){
|
@media(max-width: 700px){
|
||||||
height: $header-height-pad;
|
height: $header-height-pad;
|
||||||
}
|
}
|
||||||
// > div {
|
// > div {
|
||||||
|
|
@ -81,7 +81,7 @@ footer{
|
||||||
// padding: 0 2rem;
|
// padding: 0 2rem;
|
||||||
// width: 100%;
|
// width: 100%;
|
||||||
// height: auto;
|
// height: auto;
|
||||||
// @media(max-width: 891px){
|
// @media(max-width: 700px){
|
||||||
// padding: 0;
|
// padding: 0;
|
||||||
// }
|
// }
|
||||||
// }
|
// }
|
||||||
|
|
@ -91,7 +91,7 @@ footer{
|
||||||
img{
|
img{
|
||||||
width: auto;
|
width: auto;
|
||||||
height: $header-height;
|
height: $header-height;
|
||||||
@media(max-width: 891px){
|
@media(max-width: 700px){
|
||||||
height: $header-height-pad;
|
height: $header-height-pad;
|
||||||
}
|
}
|
||||||
@media(max-width: 660px){
|
@media(max-width: 660px){
|
||||||
|
|
@ -111,7 +111,7 @@ footer{
|
||||||
ul li{
|
ul li{
|
||||||
padding-bottom: 0.2rem;
|
padding-bottom: 0.2rem;
|
||||||
}
|
}
|
||||||
@media(max-width: 891px){
|
@media(max-width: 700px){
|
||||||
ul{
|
ul{
|
||||||
padding-left: 00.5rem;
|
padding-left: 00.5rem;
|
||||||
}
|
}
|
||||||
|
|
@ -122,7 +122,7 @@ footer{
|
||||||
#footer-right{
|
#footer-right{
|
||||||
grid-column: 10 / 12;
|
grid-column: 10 / 12;
|
||||||
grid-row: 1;
|
grid-row: 1;
|
||||||
@media (max-width: 500px){
|
@media (max-width: 700px){
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
max-width: 35%;
|
max-width: 35%;
|
||||||
|
|
@ -150,7 +150,7 @@ footer{
|
||||||
}
|
}
|
||||||
|
|
||||||
div{
|
div{
|
||||||
@media(max-width: 891px){
|
@media(max-width: 700px){
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
@media(max-width: 520px){
|
@media(max-width: 520px){
|
||||||
|
|
@ -24,6 +24,7 @@
|
||||||
@import "partials/header";
|
@import "partials/header";
|
||||||
@import "partials/footer";
|
@import "partials/footer";
|
||||||
@import "partials/aside";
|
@import "partials/aside";
|
||||||
|
@import "partials/animation-logo";
|
||||||
|
|
||||||
/*pages*/
|
/*pages*/
|
||||||
@import "pages/home";
|
@import "pages/home";
|
||||||
|
|
@ -46,5 +46,6 @@
|
||||||
{{ page }}
|
{{ page }}
|
||||||
{{ page_bottom }}
|
{{ page_bottom }}
|
||||||
<js-bottom-placeholder token="{{ placeholder_token }}">
|
<js-bottom-placeholder token="{{ placeholder_token }}">
|
||||||
|
<script src="https://unpkg.com/scrollreveal"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -72,10 +72,10 @@
|
||||||
<path d="M420,800 Q565,685 710,800" fill="none" stroke="#2b21c8" stroke-width="60"/>
|
<path d="M420,800 Q565,685 710,800" fill="none" stroke="#2b21c8" stroke-width="60"/>
|
||||||
<path d="M1270,25 Q1155,170 1270,315" fill="none" stroke="#f7002b" stroke-width="60"/>
|
<path d="M1270,25 Q1155,170 1270,315" fill="none" stroke="#f7002b" stroke-width="60"/>
|
||||||
</svg>
|
</svg>
|
||||||
<img src="/themes/custom/quartiers_de_demain/images/consultation-couleurs.png" id="consultation-couleur"/>
|
<img src="/themes/custom/quartiers_de_demain/src/assets/img/consultation-couleurs.png" id="consultation-couleur"/>
|
||||||
<img src="/themes/custom/quartiers_de_demain/images/consultation-noir.png" id="consultation-noir"/>
|
<img src="/themes/custom/quartiers_de_demain/src/assets/img/consultation-noir.png" id="consultation-noir"/>
|
||||||
<img src="/themes/custom/quartiers_de_demain/images/quartier-couleur.png" id="quartier-couleur"/>
|
<img src="/themes/custom/quartiers_de_demain/src/assets/img/quartier-couleur.png" id="quartier-couleur"/>
|
||||||
<img src="/themes/custom/quartiers_de_demain/images/quartier-noir.png" id="quartier-noir"/>
|
<img src="/themes/custom/quartiers_de_demain/src/assets/img/quartier-noir.png" id="quartier-noir"/>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,42 @@
|
||||||
|
const webpack = require("webpack");
|
||||||
|
const path = require("path");
|
||||||
|
|
||||||
|
let config = {
|
||||||
|
mode: 'development',
|
||||||
|
entry: [
|
||||||
|
"./src/assets/js/quartiers_de_demain.js",
|
||||||
|
"./src/assets/js/animated_logo.js",
|
||||||
|
"./src/assets/scss/quartiers_de_demain.scss",
|
||||||
|
"./src/assets/css/animated_logo.css",
|
||||||
|
|
||||||
|
],
|
||||||
|
|
||||||
|
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;
|
||||||
Loading…
Reference in New Issue