From 16d98515359658869960cb49a6125a16b32e12a7 Mon Sep 17 00:00:00 2001 From: Julie Blanc Date: Fri, 19 Dec 2025 10:48:31 +0100 Subject: [PATCH] page-article > page-enquete --- assets/css/components/_keywords.scss | 34 ++++++ assets/css/style.css | 109 ++++++++++++++----- assets/css/style.css.map | 2 +- assets/css/style.scss | 3 +- assets/css/template/_page-article.scss | 99 ----------------- assets/css/template/_page-enquete.scss | 145 +++++++++++++++++++++++++ page-enquete/index.html | 15 ++- 7 files changed, 275 insertions(+), 132 deletions(-) create mode 100644 assets/css/components/_keywords.scss delete mode 100644 assets/css/template/_page-article.scss create mode 100644 assets/css/template/_page-enquete.scss diff --git a/assets/css/components/_keywords.scss b/assets/css/components/_keywords.scss new file mode 100644 index 0000000..67566a6 --- /dev/null +++ b/assets/css/components/_keywords.scss @@ -0,0 +1,34 @@ +.keywords{ + list-style: none; + display: flex; + flex-wrap: wrap; + gap: 1ch; + + li{ + height: var(--h-block); + border-radius: calc(var(--h-block)*0.5); + border: var(--border-light); + font-size: var(--fs-normal); + overflow: hidden; + + a{ + text-decoration: none; + width: 100%; + height: 100%; + display: flex; + align-items: center; + padding: 0 1.5ch; + line-height: 1; + padding-top: 2px; + + } + + &:hover{ + border-color: var(--color-txt); + a{ + color: currentColor; + } + } + + } +} \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css index c318e9a..b854f62 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -237,6 +237,36 @@ button:disabled { width: 100%; } +.keywords { + list-style: none; + display: flex; + flex-wrap: wrap; + gap: 1ch; +} +.keywords li { + height: var(--h-block); + border-radius: calc(var(--h-block) * 0.5); + border: var(--border-light); + font-size: var(--fs-normal); + overflow: hidden; +} +.keywords li a { + text-decoration: none; + width: 100%; + height: 100%; + display: flex; + align-items: center; + padding: 0 1.5ch; + line-height: 1; + padding-top: 2px; +} +.keywords li:hover { + border-color: var(--color-txt); +} +.keywords li:hover a { + color: currentColor; +} + .form__newsletter { --size: 24px; position: relative; @@ -695,85 +725,114 @@ body main { padding: 0 var(--padding-body); } -.page-article header { +.page-enquete header { max-width: var(--max-w-content); margin: calc(var(--spacing) * 2) auto; } -.page-article header .page-type { +.page-enquete header .page-type { text-transform: uppercase; color: var(--color-txt-light); margin-bottom: calc(var(--spacing) * 0.5); } -.page-article header h2 { +.page-enquete header h2 { font-size: var(--fs-xbig); } - -.page-article .section__article { +.page-enquete .section__article { max-width: var(--max-w-content); margin: calc(var(--spacing) * 3) auto; } -.page-article .section__article a:hover { +.page-enquete .section__article a:hover { color: var(--grey-200); } -.page-article .section__article .section__title { +.page-enquete .section__article .section__title { font-weight: normal; text-transform: uppercase; font-size: var(--fs-medium); margin-bottom: calc(var(--spacing) * 1); } - -.page-article .hero { +.page-enquete .hero { width: 100vw; position: relative; left: calc(var(--padding-body) * -1); margin: calc(var(--spacing) * 3) 0; } -.page-article .hero figcaption { +.page-enquete .hero figcaption { color: var(--color-txt-light); font-size: var(--fs-small); max-width: var(--max-w-content); margin: 0 auto; padding-top: calc(var(--spacing) * 0.5); } -.page-article .hero.hero-video figure { +.page-enquete .hero.hero-video figure { width: 100%; } -.page-article .hero.hero-video figure img { +.page-enquete .hero.hero-video figure img { width: 100%; aspect-ratio: 16/9; -o-object-fit: cover; object-fit: cover; } - -.page-article .short { +.page-enquete .short { font-size: var(--fs-medium); + margin: auto; max-width: var(--max-w-content); } - -.page-article #section__synthese { +.page-enquete #section__synthese { font-size: var(--fs-medium); } - -.page-article #banner--page { - height: calc(100dvh - var(--header-h)); +.page-enquete #section__synthese p + p { + margin-top: 0.5em; +} +.page-enquete #section__synthese h4 { + margin-top: 2em; + margin-bottom: 1em; + font-size: var(--fs-normal); + font-weight: normal; + -webkit-text-decoration: 1px underline var(--color-txt-light); + text-decoration: 1px underline var(--color-txt-light); + text-underline-offset: 3px; +} +.page-enquete #banner--page { + height: calc(100vh - var(--header-h)); height: calc(100dvh - var(--header-h)); + margin-bottom: calc((100vh - var(--header-h)) * -1); margin-bottom: calc((100dvh - var(--header-h)) * -1); - background-color: red; + padding-bottom: var(--padding-body); position: sticky; top: var(--header-h); width: 240px; + display: flex; + flex-direction: column; + justify-content: space-between; } - -.page-article #section__dl { - margin-top: 0px; +.page-enquete #section__dl { + margin-top: calc(var(--spacing) * 1.5); border-bottom: var(--border-light); } -.page-article #section__dl .dl__group { +.page-enquete #section__dl .dl__group { display: grid; grid-template-columns: 40% 1fr; border-top: var(--border-light); padding: calc(var(--spacing) * 0.5) 0; } -.page-article #section__dl dt { +.page-enquete #section__dl dt { color: var(--color-txt-light); +} +.page-enquete #section__dl ul:not(.keywords) { + list-style: none; +} +.page-enquete #section__dl ul:not(.keywords) li { + padding-bottom: 0.2em; +} +.page-enquete #nav--page ul { + list-style: none; +} +.page-enquete #nav--page ul li { + text-align: center; + color: var(--color-txt-light); +} +.page-enquete #nav--page ul li a { + display: block; + padding: 0.3em 0; + text-decoration: none; }/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/assets/css/style.css.map b/assets/css/style.css.map index 805fa44..92f8eb2 100644 --- a/assets/css/style.css.map +++ b/assets/css/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","base/_var.scss","base/_body.scss","partials/_site-header.scss","components/_buttons.scss","components/_form-newsletter.scss","components/_list-socials.scss","components/_text.scss","partials/_site-menu.scss","partials/_site-footer.scss","partials/_main-layout.scss","template/_page-article.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;EACE,sCAAA;EACA,oCAAA;EAQA,kBAAA;EACA,gBAAA;EACA,iBAAA;EACA,iBAAA;EACA,cAAA;EACA,eAAA;EAEA,sBAAA;EAEA,sBAAA;EAOA,kBAAA;EACA,qBAAA;EAIA,gBAAA;EACA,gBAAA;EACA,cAAA;EAGA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAEA,mBAAA;EACA,oBAAA;EACA,kCAAA;EACA,uBAAA;EACA,0BAAA;EACA,2BAAA;EACA,aAAA;EAIA,oCAAA;EACA,yCAAA;EAEA,gBAAA;EACA,yBAAA;EAGA,oBAAA;EAEA,mBAAA;EACA,eAAA;EACA,eAAA;EAEA,gDAAA;AD3BF;AClBE;EArBF;IAsBI,iBAAA;IACA,cAAA;EDqBF;AACF;;ACyBA;EACE;IACE,kBAAA;IACA,gBAAA;IACA,iBAAA;IACA,iBAAA;IACA,cAAA;IACA,gBAAA;EDtBF;AACF;AExDA;EACI,SAAA;EACA,UAAA;EAEA,sBAAA;EACA,mCAAA;EACA,gCAAA;EACA,8BAAA;EAEA,uBAAA;AFwDJ;;AEtDA;EACI,mBAAA;AFyDJ;;AEvDA;EACI,gBAAA;EACA,aAAA;EACA,YAAA;EACA,uBAAA;AF0DJ;;AExDA;EACI,YAAA;AF2DJ;;AExDA;EACI,wBAAA;EACA,kCAAA;EACA,2BAAA;EAEA,uBAAA;EACA,iCAAA;EACA,YAAA;EACA,kBAAA;AF0DJ;;AG1FA;EACE;IACE,gCAAA;EH6FF;EG3FA;IACE,8BAAA;EH6FF;AACF;AG1FA;EACE,eAAA;EACA,yBAAA;EACA,QAAA;EACA,YAAA;EACA,UAAA;EAEA,4CAAA;EACA,uBAAA;EACA,iCAAA;EAGA,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,eAAA;AHyFF;AGvFE;EACE,qBAAA;AHyFJ;AGxFI;EACE,sBAAA;AH0FN;AGrFE;EACE,YAAA;EACA,UAAA;AHuFJ;AGtFI;EACE,YAAA;AHwFN;AGpFE;EACE,qBAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;EACA,yBAAA;AHsFJ;AGlFE;EACE,aAAA;EACA,QAAA;AHoFJ;AGnFI;EAAiB,6BAAA;AHsFrB;AGnFE;EACE,eAAA;AHqFJ;AGpFI;EACE,WAAA;AHsFN;AGpFI;EAAQ,aAAA;AHuFZ;AGhFM;EAAK,gCAAA;AHmFX;;AIxJA;EACI,eAAA;EACA,wBAAA;EACA,6BAAA;EACA,uBAAA;AJ2JJ;AI1JI;EACI,sBAAA;AJ4JR;AIzJI;EACI,qBAAA;EACA,WAAA;EACA,YAAA;AJ2JR;;AIvJA;EACI,YAAA;AJ0JJ;;AIrJI;EACI,0BAAA;AJwJR;AIvJQ;EACI,qCAAA;EACA,qCAAA;AJyJZ;;AI3IA;EAGI,kCAAA;EACA,2BAAA;EACA,6BAAA;EACA,mBAAA;EACA,oBAAA;EAEA,kBAAA;EAGA,aAAA;EACA,mBAAA;EACA,QAAA;EAEA,0BAAA;EACA,6BAAA;EACA,qBAAA;EAEA,eAAA;AJuIJ;AIpII;EAAa,WAAA;AJuIjB;AIrII;EACI,kBAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,sBAAA;EACA,kBAAA;AJuIR;AIrIQ;EACI,qBAAA;EACA,UAAA;AJuIZ;AInII;EACI,8BAAA;EACA,0BAAA;EACA,2BAAA;EACA,2BAAA;EACA,iBAAA;AJqIR;AIlII;EACI,WAAA;EACA,cAAA;EACA,qCAAA;EACA,oCAAA;EACA,kBAAA;EACA,mBAAA;EACA,kBAAA;EACA,OAAA;EACA,UAAA;EACA,sBAAA;AJoIR;AI/HQ;EACI,sBAAA;EACY,cAAA;AJiIxB;AI/HQ;EACI,WAAA;AJiIZ;;AK7OA;EACI,YAAA;EAEA,kBAAA;EACA,aAAA;EACA,mBAAA;EACA,kBAAA;AL+OJ;AK3OI;EAEI,mCAAA;EACA,WAAA;EACA,2CAAA;EACA,aAAA;EACA,YAAA;EACA,cAAA;EACA,wBAAA;EAEA,2BAAA;EACA,WAAA;EACA,gBAAA;AL2OR;AK1OQ;EACI,wBAAA;EACA,2BAAA;AL4OZ;AK9OQ;EACI,wBAAA;EACA,2BAAA;AL4OZ;AKzOQ;EACI,kCAAA;AL2OZ;AKrOI;EACI,kBAAA;EACA,UAAA;EACA,YAAA;ALuOR;AKnOI;EAGI,uCAAA;EACA,wBAAA;EACA,gCAAA;EACA,mBAAA;EAGA,aAAA;EACA,mBAAA;EACA,WAAA;EACA,0BAAA;EACA,6BAAA;EACA,qBAAA;EAEA,eAAA;ALgOR;AK7NQ;EAAa,WAAA;ALgOrB;AK9NQ;EACI,kBAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,sBAAA;EACA,kBAAA;ALgOZ;AK9NY;EACI,qBAAA;EACA,UAAA;ALgOhB;AK5NQ;EACI,kBAAA;EACA,QAAA;EACA,2BAAA;EACA,aAAA;EACA,iBAAA;AL8NZ;AK3NQ;EACI,WAAA;EACA,cAAA;EACA,qCAAA;EACA,oCAAA;EACA,kBAAA;EACA,mBAAA;EACA,kBAAA;EACA,QAAA;EACA,UAAA;EACA,sBAAA;AL6NZ;AKzNY;EACI,sBAAA;EACY,cAAA;AL2N5B;AKzNY;EACI,WAAA;AL2NhB;;AMpUA;EACI,gBAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,gBAAA;ANuUJ;AMtUI;EACI,aAAA;EACA,mBAAA;EACA,qBAAA;ANwUR;AMrUI;EACI,WAAA;EACA,YAAA;EACA,kBAAA;EACA,SAAA;ANuUR;AMrUI;EACI,aAAA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;ANuUR;AMnUI;EAAO,aAAA;ANsUX;;AMhUA;EACI;IAEI,cAAA;ENkUN;EMhUM;IACI,yCAAA;IACA,+BAAA;SAAA,mBAAA;ENkUV;EM/TM;IACI,QAAA;IAEA,gCAAA;ENgUV;EM/TU;IACI,YAAA;IACA,sBAAA;ENiUd;EM9TM;IACI,cAAA;IACA,cAAA;ENgUV;AACF;AOjXI;;;;EACI,yBAAA;EACA,wBAAA;EACA,2BAAA;EACA,gBAAA;EACA,kBAAA;EACA,kCAAA;APsXR;AOpXQ;;;;EACI,2BAAA;EACA,0BAAA;APyXZ;AOtXQ;;;;EACI,cAAA;EACA,0BAAA;EACA,qBAAA;AP2XZ;AOtXY;;;;EACI,sCAAA;UAAA,8BAAA;EACA,0BAAA;AP2XhB;AOrXI;;;;EACI,2BAAA;EACA,6BAAA;EACA,gBAAA;EACA,kBAAA;EACA,kCAAA;AP0XR;AOzXQ;EANJ;;;;IAOQ,kBAAA;IACA,wBAAA;EP+XV;AACF;AO5XI;;;;EACI,0BAAA;EACA,oBAAA;EACA,sBAAA;APiYR;AO9XI;;;;EACI,2BAAA;EACA,6BAAA;EACA,cAAA;EACA,kBAAA;EACA,sCAAA;EACA,uCAAA;APmYR;AOhYI;;;;;;;EACI,gBAAA;EACA,oBAAA;APwYR;;AGvcA;EACE;IACE,gCAAA;EH0cF;EGxcA;IACE,8BAAA;EH0cF;AACF;AGvcA;EACE,eAAA;EACA,yBAAA;EACA,QAAA;EACA,YAAA;EACA,UAAA;EAEA,4CAAA;EACA,uBAAA;EACA,iCAAA;EAGA,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,eAAA;AHscF;AGpcE;EACE,qBAAA;AHscJ;AGrcI;EACE,sBAAA;AHucN;AGlcE;EACE,YAAA;EACA,UAAA;AHocJ;AGncI;EACE,YAAA;AHqcN;AGjcE;EACE,qBAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;EACA,yBAAA;AHmcJ;AG/bE;EACE,aAAA;EACA,QAAA;AHicJ;AGhcI;EAAiB,6BAAA;AHmcrB;AGhcE;EACE,eAAA;AHkcJ;AGjcI;EACE,WAAA;AHmcN;AGjcI;EAAQ,aAAA;AHocZ;AG7bM;EAAK,gCAAA;AHgcX;;AQrgBA;EACI,eAAA;EACA,YAAA;EACA,sCAAA;EACA,qCAAA;EACA,oBAAA;EACA,QAAA;EACA,iCAAA;EACA,gCAAA;EACA,4BAAA;EAGA,aAAA;EACA,sBAAA;EACA,aAAA;ARsgBJ;AQpgBI;EACI,2BAAA;ARsgBR;AQngBI;EACI,oCAAA;EACA,uCAAA;EACA,YAAA;EACA,aAAA;EACA,sCAAA;ARqgBR;AQpgBQ;EACI,gBAAA;EACA,WAAA;EACA,kCAAA;EACA,WAAA;EACA,2BAAA;EACA,kCAAA;EACA,yBAAA;EACA,wBAAA;EACA,2BAAA;EACA,uBAAA;EACA,gBAAA;ARsgBZ;AQrgBY;EACI,wBAAA;EACA,2BAAA;EACA,uBAAA;ARugBhB;AQ1gBY;EACI,wBAAA;EACA,2BAAA;EACA,uBAAA;ARugBhB;AQrgBY;EACI,iCAAA;EACA,aAAA;ARugBhB;AQngBQ;EACI,cAAA;EACA,WAAA;EACA,WAAA;EACA,WAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;ARqgBZ;AQpgBY;EACI,WAAA;ARsgBhB;AQhgBI;EACI,YAAA;ARkgBR;AQjgBQ;EACI,qBAAA;EACA,yBAAA;ARmgBZ;AQlgBY;EACI,2BAAA;ARogBhB;AQngBgB;EACI,cAAA;EACA,qBAAA;EACA,gBAAA;ARqgBpB;AQpgBoB;EACI,sBAAA;ARsgBxB;AQjgBY;EACI,yBAAA;ARmgBhB;;ASrlBA;EAEG,6BAAA;EACA,0DAAA;ATulBH;ASplBG;EACC,uCAAA;EACA,uCAAA;EACA,UAAA;ATslBJ;ASrlBQ;EACI,YAAA;ATulBZ;ASnlBG;EACC,oCAAA;ATqlBJ;ASplBI;EACI,qBAAA;ATslBR;ASrlBQ;EACI,0BAAA;EACA,mBAAA;ATulBZ;ASllBG;EACC,4BAAA;EACA,sBAAA;ATolBJ;AShlBQ;EACI,0BAAA;EACA,uBAAA;ATklBZ;AS5kBG;EAxCH;IAyCI,oCAAA;ET+kBF;ES5kBE;IACI,uCAAA;IACA,wCAAA;IACA,+BAAA;ET8kBN;ES5kBM;IACI,sCAAA;IACA,0CAAA;ET8kBV;ES3kBE;IAEI,+BAAA;IACA,wCAAA;ET4kBN;ES3kBM;IACI,0BAAA;IACA,kBAAA;ET6kBV;AACF;ASxkBG;EAEC;IACI,aAAA;IACA,8BAAA;IACA,yCAAA;SAAA,oCAAA;IAEA,iBAAA;IACA,cAAA;ETwkBN;ESrkBE;IACI,gBAAA;IACA,eAAA;SAAA,UAAA;IACA,oCAAA;ETukBN;ESpkBE;IACI,mBAAA;ETskBN;ESrkBM;IACI,oCAAA;ETukBV;AACF;;AU9pBA;EACI,kBAAA;EACA,iBAAA;EAEA,aAAA;EACA,sBAAA;AVgqBJ;AU7pBI;EACI,YAAA;EACA,2BAAA;EACA,8BAAA;AV+pBR;;AW1qBA;EACI,+BAAA;EACA,qCAAA;AX6qBJ;AW5qBI;EACI,yBAAA;EACA,6BAAA;EACA,yCAAA;AX8qBR;AW5qBI;EACI,yBAAA;AX8qBR;;AW1qBA;EACI,+BAAA;EACA,qCAAA;AX6qBJ;AW5qBI;EACI,sBAAA;AX8qBR;AW1qBI;EACI,mBAAA;EACA,yBAAA;EACA,2BAAA;EACA,uCAAA;AX4qBR;;AWxqBA;EACI,YAAA;EACA,kBAAA;EACA,oCAAA;EAEA,kCAAA;AX0qBJ;AWxqBI;EACI,6BAAA;EACA,0BAAA;EACA,+BAAA;EACA,cAAA;EACA,uCAAA;AX0qBR;AWtqBQ;EACI,WAAA;AXwqBZ;AWtqBY;EACI,WAAA;EACA,kBAAA;EACA,oBAAA;KAAA,iBAAA;AXwqBhB;;AW/pBA;EACI,2BAAA;EAEA,+BAAA;AXiqBJ;;AW9pBA;EACI,2BAAA;AXiqBJ;;AW7pBA;EACI,sCAAA;EACA,sCAAA;EACA,oDAAA;EACA,qBAAA;EACA,gBAAA;EACA,oBAAA;EACA,YAAA;AXgqBJ;;AW1pBA;EACI,eAAA;EACA,kCAAA;AX6pBJ;AW3pBI;EACI,aAAA;EACA,8BAAA;EACA,+BAAA;EACA,qCAAA;AX6pBR;AW1pBI;EACI,6BAAA;AX4pBR","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","base/_var.scss","base/_body.scss","partials/_site-header.scss","components/_buttons.scss","components/_keywords.scss","components/_form-newsletter.scss","components/_list-socials.scss","components/_text.scss","partials/_site-menu.scss","partials/_site-footer.scss","partials/_main-layout.scss","template/_page-enquete.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;EACE,sCAAA;EACA,oCAAA;EAQA,kBAAA;EACA,gBAAA;EACA,iBAAA;EACA,iBAAA;EACA,cAAA;EACA,eAAA;EAEA,sBAAA;EAEA,sBAAA;EAOA,kBAAA;EACA,qBAAA;EAIA,gBAAA;EACA,gBAAA;EACA,cAAA;EAGA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAEA,mBAAA;EACA,oBAAA;EACA,kCAAA;EACA,uBAAA;EACA,0BAAA;EACA,2BAAA;EACA,aAAA;EAIA,oCAAA;EACA,yCAAA;EAEA,gBAAA;EACA,yBAAA;EAGA,oBAAA;EAEA,mBAAA;EACA,eAAA;EACA,eAAA;EAEA,gDAAA;AD3BF;AClBE;EArBF;IAsBI,iBAAA;IACA,cAAA;EDqBF;AACF;;ACyBA;EACE;IACE,kBAAA;IACA,gBAAA;IACA,iBAAA;IACA,iBAAA;IACA,cAAA;IACA,gBAAA;EDtBF;AACF;AExDA;EACI,SAAA;EACA,UAAA;EAEA,sBAAA;EACA,mCAAA;EACA,gCAAA;EACA,8BAAA;EAEA,uBAAA;AFwDJ;;AEtDA;EACI,mBAAA;AFyDJ;;AEvDA;EACI,gBAAA;EACA,aAAA;EACA,YAAA;EACA,uBAAA;AF0DJ;;AExDA;EACI,YAAA;AF2DJ;;AExDA;EACI,wBAAA;EACA,kCAAA;EACA,2BAAA;EAEA,uBAAA;EACA,iCAAA;EACA,YAAA;EACA,kBAAA;AF0DJ;;AG1FA;EACE;IACE,gCAAA;EH6FF;EG3FA;IACE,8BAAA;EH6FF;AACF;AG1FA;EACE,eAAA;EACA,yBAAA;EACA,QAAA;EACA,YAAA;EACA,UAAA;EAEA,4CAAA;EACA,uBAAA;EACA,iCAAA;EAGA,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,eAAA;AHyFF;AGvFE;EACE,qBAAA;AHyFJ;AGxFI;EACE,sBAAA;AH0FN;AGrFE;EACE,YAAA;EACA,UAAA;AHuFJ;AGtFI;EACE,YAAA;AHwFN;AGpFE;EACE,qBAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;EACA,yBAAA;AHsFJ;AGlFE;EACE,aAAA;EACA,QAAA;AHoFJ;AGnFI;EAAiB,6BAAA;AHsFrB;AGnFE;EACE,eAAA;AHqFJ;AGpFI;EACE,WAAA;AHsFN;AGpFI;EAAQ,aAAA;AHuFZ;AGhFM;EAAK,gCAAA;AHmFX;;AIxJA;EACI,eAAA;EACA,wBAAA;EACA,6BAAA;EACA,uBAAA;AJ2JJ;AI1JI;EACI,sBAAA;AJ4JR;AIzJI;EACI,qBAAA;EACA,WAAA;EACA,YAAA;AJ2JR;;AIvJA;EACI,YAAA;AJ0JJ;;AIrJI;EACI,0BAAA;AJwJR;AIvJQ;EACI,qCAAA;EACA,qCAAA;AJyJZ;;AI3IA;EAGI,kCAAA;EACA,2BAAA;EACA,6BAAA;EACA,mBAAA;EACA,oBAAA;EAEA,kBAAA;EAGA,aAAA;EACA,mBAAA;EACA,QAAA;EAEA,0BAAA;EACA,6BAAA;EACA,qBAAA;EAEA,eAAA;AJuIJ;AIpII;EAAa,WAAA;AJuIjB;AIrII;EACI,kBAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,sBAAA;EACA,kBAAA;AJuIR;AIrIQ;EACI,qBAAA;EACA,UAAA;AJuIZ;AInII;EACI,8BAAA;EACA,0BAAA;EACA,2BAAA;EACA,2BAAA;EACA,iBAAA;AJqIR;AIlII;EACI,WAAA;EACA,cAAA;EACA,qCAAA;EACA,oCAAA;EACA,kBAAA;EACA,mBAAA;EACA,kBAAA;EACA,OAAA;EACA,UAAA;EACA,sBAAA;AJoIR;AI/HQ;EACI,sBAAA;EACY,cAAA;AJiIxB;AI/HQ;EACI,WAAA;AJiIZ;;AK7OA;EACI,gBAAA;EACA,aAAA;EACA,eAAA;EACA,QAAA;ALgPJ;AK9OI;EACI,sBAAA;EACA,yCAAA;EACA,2BAAA;EACA,2BAAA;EACA,gBAAA;ALgPR;AK9OQ;EACI,qBAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,gBAAA;EACA,cAAA;EACA,gBAAA;ALgPZ;AK5OQ;EACI,8BAAA;AL8OZ;AK7OY;EACI,mBAAA;AL+OhB;;AM3QA;EACI,YAAA;EAEA,kBAAA;EACA,aAAA;EACA,mBAAA;EACA,kBAAA;AN6QJ;AMzQI;EAEI,mCAAA;EACA,WAAA;EACA,2CAAA;EACA,aAAA;EACA,YAAA;EACA,cAAA;EACA,wBAAA;EAEA,2BAAA;EACA,WAAA;EACA,gBAAA;ANyQR;AMxQQ;EACI,wBAAA;EACA,2BAAA;AN0QZ;AM5QQ;EACI,wBAAA;EACA,2BAAA;AN0QZ;AMvQQ;EACI,kCAAA;ANyQZ;AMnQI;EACI,kBAAA;EACA,UAAA;EACA,YAAA;ANqQR;AMjQI;EAGI,uCAAA;EACA,wBAAA;EACA,gCAAA;EACA,mBAAA;EAGA,aAAA;EACA,mBAAA;EACA,WAAA;EACA,0BAAA;EACA,6BAAA;EACA,qBAAA;EAEA,eAAA;AN8PR;AM3PQ;EAAa,WAAA;AN8PrB;AM5PQ;EACI,kBAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,sBAAA;EACA,kBAAA;AN8PZ;AM5PY;EACI,qBAAA;EACA,UAAA;AN8PhB;AM1PQ;EACI,kBAAA;EACA,QAAA;EACA,2BAAA;EACA,aAAA;EACA,iBAAA;AN4PZ;AMzPQ;EACI,WAAA;EACA,cAAA;EACA,qCAAA;EACA,oCAAA;EACA,kBAAA;EACA,mBAAA;EACA,kBAAA;EACA,QAAA;EACA,UAAA;EACA,sBAAA;AN2PZ;AMvPY;EACI,sBAAA;EACY,cAAA;ANyP5B;AMvPY;EACI,WAAA;ANyPhB;;AOlWA;EACI,gBAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,gBAAA;APqWJ;AOpWI;EACI,aAAA;EACA,mBAAA;EACA,qBAAA;APsWR;AOnWI;EACI,WAAA;EACA,YAAA;EACA,kBAAA;EACA,SAAA;APqWR;AOnWI;EACI,aAAA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;APqWR;AOjWI;EAAO,aAAA;APoWX;;AO9VA;EACI;IAEI,cAAA;EPgWN;EO9VM;IACI,yCAAA;IACA,+BAAA;SAAA,mBAAA;EPgWV;EO7VM;IACI,QAAA;IAEA,gCAAA;EP8VV;EO7VU;IACI,YAAA;IACA,sBAAA;EP+Vd;EO5VM;IACI,cAAA;IACA,cAAA;EP8VV;AACF;AQ/YI;;;;EACI,yBAAA;EACA,wBAAA;EACA,2BAAA;EACA,gBAAA;EACA,kBAAA;EACA,kCAAA;ARoZR;AQlZQ;;;;EACI,2BAAA;EACA,0BAAA;ARuZZ;AQpZQ;;;;EACI,cAAA;EACA,0BAAA;EACA,qBAAA;ARyZZ;AQpZY;;;;EACI,sCAAA;UAAA,8BAAA;EACA,0BAAA;ARyZhB;AQnZI;;;;EACI,2BAAA;EACA,6BAAA;EACA,gBAAA;EACA,kBAAA;EACA,kCAAA;ARwZR;AQvZQ;EANJ;;;;IAOQ,kBAAA;IACA,wBAAA;ER6ZV;AACF;AQ1ZI;;;;EACI,0BAAA;EACA,oBAAA;EACA,sBAAA;AR+ZR;AQ5ZI;;;;EACI,2BAAA;EACA,6BAAA;EACA,cAAA;EACA,kBAAA;EACA,sCAAA;EACA,uCAAA;ARiaR;AQ9ZI;;;;;;;EACI,gBAAA;EACA,oBAAA;ARsaR;;AGreA;EACE;IACE,gCAAA;EHweF;EGteA;IACE,8BAAA;EHweF;AACF;AGreA;EACE,eAAA;EACA,yBAAA;EACA,QAAA;EACA,YAAA;EACA,UAAA;EAEA,4CAAA;EACA,uBAAA;EACA,iCAAA;EAGA,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,eAAA;AHoeF;AGleE;EACE,qBAAA;AHoeJ;AGneI;EACE,sBAAA;AHqeN;AGheE;EACE,YAAA;EACA,UAAA;AHkeJ;AGjeI;EACE,YAAA;AHmeN;AG/dE;EACE,qBAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;EACA,yBAAA;AHieJ;AG7dE;EACE,aAAA;EACA,QAAA;AH+dJ;AG9dI;EAAiB,6BAAA;AHierB;AG9dE;EACE,eAAA;AHgeJ;AG/dI;EACE,WAAA;AHieN;AG/dI;EAAQ,aAAA;AHkeZ;AG3dM;EAAK,gCAAA;AH8dX;;ASniBA;EACI,eAAA;EACA,YAAA;EACA,sCAAA;EACA,qCAAA;EACA,oBAAA;EACA,QAAA;EACA,iCAAA;EACA,gCAAA;EACA,4BAAA;EAGA,aAAA;EACA,sBAAA;EACA,aAAA;AToiBJ;ASliBI;EACI,2BAAA;AToiBR;ASjiBI;EACI,oCAAA;EACA,uCAAA;EACA,YAAA;EACA,aAAA;EACA,sCAAA;ATmiBR;ASliBQ;EACI,gBAAA;EACA,WAAA;EACA,kCAAA;EACA,WAAA;EACA,2BAAA;EACA,kCAAA;EACA,yBAAA;EACA,wBAAA;EACA,2BAAA;EACA,uBAAA;EACA,gBAAA;AToiBZ;ASniBY;EACI,wBAAA;EACA,2BAAA;EACA,uBAAA;ATqiBhB;ASxiBY;EACI,wBAAA;EACA,2BAAA;EACA,uBAAA;ATqiBhB;ASniBY;EACI,iCAAA;EACA,aAAA;ATqiBhB;ASjiBQ;EACI,cAAA;EACA,WAAA;EACA,WAAA;EACA,WAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;ATmiBZ;ASliBY;EACI,WAAA;AToiBhB;AS9hBI;EACI,YAAA;ATgiBR;AS/hBQ;EACI,qBAAA;EACA,yBAAA;ATiiBZ;AShiBY;EACI,2BAAA;ATkiBhB;ASjiBgB;EACI,cAAA;EACA,qBAAA;EACA,gBAAA;ATmiBpB;ASliBoB;EACI,sBAAA;AToiBxB;AS/hBY;EACI,yBAAA;ATiiBhB;;AUnnBA;EAEG,6BAAA;EACA,0DAAA;AVqnBH;AUlnBG;EACC,uCAAA;EACA,uCAAA;EACA,UAAA;AVonBJ;AUnnBQ;EACI,YAAA;AVqnBZ;AUjnBG;EACC,oCAAA;AVmnBJ;AUlnBI;EACI,qBAAA;AVonBR;AUnnBQ;EACI,0BAAA;EACA,mBAAA;AVqnBZ;AUhnBG;EACC,4BAAA;EACA,sBAAA;AVknBJ;AU9mBQ;EACI,0BAAA;EACA,uBAAA;AVgnBZ;AU1mBG;EAxCH;IAyCI,oCAAA;EV6mBF;EU1mBE;IACI,uCAAA;IACA,wCAAA;IACA,+BAAA;EV4mBN;EU1mBM;IACI,sCAAA;IACA,0CAAA;EV4mBV;EUzmBE;IAEI,+BAAA;IACA,wCAAA;EV0mBN;EUzmBM;IACI,0BAAA;IACA,kBAAA;EV2mBV;AACF;AUtmBG;EAEC;IACI,aAAA;IACA,8BAAA;IACA,yCAAA;SAAA,oCAAA;IAEA,iBAAA;IACA,cAAA;EVsmBN;EUnmBE;IACI,gBAAA;IACA,eAAA;SAAA,UAAA;IACA,oCAAA;EVqmBN;EUlmBE;IACI,mBAAA;EVomBN;EUnmBM;IACI,oCAAA;EVqmBV;AACF;;AW5rBA;EACI,kBAAA;EACA,iBAAA;EAEA,aAAA;EACA,sBAAA;AX8rBJ;AW3rBI;EACI,YAAA;EACA,2BAAA;EACA,8BAAA;AX6rBR;;AYtsBI;EACI,+BAAA;EACA,qCAAA;AZysBR;AYxsBQ;EACI,yBAAA;EACA,6BAAA;EACA,yCAAA;AZ0sBZ;AYxsBQ;EACI,yBAAA;AZ0sBZ;AYtsBI;EACI,+BAAA;EACA,qCAAA;AZwsBR;AYvsBQ;EACI,sBAAA;AZysBZ;AYrsBQ;EACI,mBAAA;EACA,yBAAA;EACA,2BAAA;EACA,uCAAA;AZusBZ;AYnsBI;EACI,YAAA;EACA,kBAAA;EACA,oCAAA;EAEA,kCAAA;AZosBR;AYlsBQ;EACI,6BAAA;EACA,0BAAA;EACA,+BAAA;EACA,cAAA;EACA,uCAAA;AZosBZ;AYhsBY;EACI,WAAA;AZksBhB;AYhsBgB;EACI,WAAA;EACA,kBAAA;EACA,oBAAA;KAAA,iBAAA;AZksBpB;AYzrBI;EACI,2BAAA;EACA,YAAA;EACA,+BAAA;AZ2rBR;AYxrBI;EACI,2BAAA;AZ0rBR;AYxrBQ;EACI,iBAAA;AZ0rBZ;AYvrBQ;EACI,eAAA;EACA,kBAAA;EACA,2BAAA;EACA,mBAAA;EACA,6DAAA;UAAA,qDAAA;EACA,0BAAA;AZyrBZ;AYnrBI;EACI,qCAAA;EACA,sCAAA;EACA,mDAAA;EACA,oDAAA;EACA,mCAAA;EACA,gBAAA;EACA,oBAAA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;EACA,8BAAA;AZqrBR;AYlrBI;EACI,sCAAA;EACA,kCAAA;AZorBR;AYlrBQ;EACI,aAAA;EACA,8BAAA;EACA,+BAAA;EACA,qCAAA;AZorBZ;AYjrBQ;EACI,6BAAA;AZmrBZ;AYhrBQ;EACI,gBAAA;AZkrBZ;AYjrBY;EACI,qBAAA;AZmrBhB;AY3qBQ;EACI,gBAAA;AZ6qBZ;AY3qBY;EACI,kBAAA;EACA,6BAAA;AZ6qBhB;AY1qBgB;EACI,cAAA;EACA,gBAAA;EACA,qBAAA;AZ4qBpB","file":"style.css"} \ No newline at end of file diff --git a/assets/css/style.scss b/assets/css/style.scss index 334ac03..17b6ac5 100644 --- a/assets/css/style.scss +++ b/assets/css/style.scss @@ -8,6 +8,7 @@ // @import 'components/nav-tabs'; // @import 'components/btn--default'; @import 'components/buttons'; +@import 'components/keywords'; @import 'components/form-newsletter'; @import 'components/list-socials'; @import 'components/text'; @@ -19,6 +20,6 @@ @import 'partials/main-layout'; -@import 'template/page-article'; +@import 'template/page-enquete'; diff --git a/assets/css/template/_page-article.scss b/assets/css/template/_page-article.scss deleted file mode 100644 index d3dd4a9..0000000 --- a/assets/css/template/_page-article.scss +++ /dev/null @@ -1,99 +0,0 @@ -.page-article header{ - max-width: var(--max-w-content); - margin: calc(var(--spacing)*2) auto; - .page-type{ - text-transform: uppercase; - color: var(--color-txt-light); - margin-bottom: calc(var(--spacing)*0.5); - } - h2{ - font-size: var(--fs-xbig); - } -} - -.page-article .section__article{ - max-width: var(--max-w-content); - margin: calc(var(--spacing)*3) auto; - a:hover{ - color: var(--grey-200); - } - - - .section__title{ - font-weight: normal; - text-transform: uppercase; - font-size: var(--fs-medium); - margin-bottom: calc(var(--spacing)*1) - } -} - -.page-article .hero{ - width: 100vw; - position: relative; - left: calc(var(--padding-body)*-1); - - margin: calc(var(--spacing)*3) 0; - - figcaption{ - color: var(--color-txt-light); - font-size: var(--fs-small); - max-width: var(--max-w-content); - margin: 0 auto; - padding-top: calc(var(--spacing)*0.5); - } - - &.hero-video{ - figure{ - width: 100%; - - img{ - width: 100%; - aspect-ratio: 16/9; - object-fit: cover; - } - - - } - } -} - - -.page-article .short{ - font-size: var(--fs-medium); - // margin: calc(var(--spacing)*3) auto; - max-width: var(--max-w-content); -} - -.page-article #section__synthese{ - font-size: var(--fs-medium); - -} - -.page-article #banner--page{ - height: calc(100dvh - var(--header-h)); - height: calc(100dvh - var(--header-h)); - margin-bottom: calc((100dvh - var(--header-h))*-1); - background-color: red; - position: sticky; - top: var(--header-h); - width: 240px; - - - -} - -.page-article #section__dl{ - margin-top: 0px; - border-bottom: var(--border-light); - - .dl__group{ - display: grid; - grid-template-columns: 40% 1fr; - border-top: var(--border-light); - padding: calc(var(--spacing)*0.5) 0; - } - - dt{ - color: var(--color-txt-light); - } -} \ No newline at end of file diff --git a/assets/css/template/_page-enquete.scss b/assets/css/template/_page-enquete.scss new file mode 100644 index 0000000..51f3adc --- /dev/null +++ b/assets/css/template/_page-enquete.scss @@ -0,0 +1,145 @@ +.page-enquete{ + + header{ + max-width: var(--max-w-content); + margin: calc(var(--spacing)*2) auto; + .page-type{ + text-transform: uppercase; + color: var(--color-txt-light); + margin-bottom: calc(var(--spacing)*0.5); + } + h2{ + font-size: var(--fs-xbig); + } + } + + .section__article{ + max-width: var(--max-w-content); + margin: calc(var(--spacing)*3) auto; + a:hover{ + color: var(--grey-200); + } + + + .section__title{ + font-weight: normal; + text-transform: uppercase; + font-size: var(--fs-medium); + margin-bottom: calc(var(--spacing)*1) + } + } + + .hero{ + width: 100vw; + position: relative; + left: calc(var(--padding-body)*-1); + + margin: calc(var(--spacing)*3) 0; + + figcaption{ + color: var(--color-txt-light); + font-size: var(--fs-small); + max-width: var(--max-w-content); + margin: 0 auto; + padding-top: calc(var(--spacing)*0.5); + } + + &.hero-video{ + figure{ + width: 100%; + + img{ + width: 100%; + aspect-ratio: 16/9; + object-fit: cover; + } + + + } + } + } + + + .short{ + font-size: var(--fs-medium); + margin: auto; + max-width: var(--max-w-content); + } + + #section__synthese{ + font-size: var(--fs-medium); + + p + p{ + margin-top: 0.5em; + } + + h4{ + margin-top: 2em; + margin-bottom: 1em; + font-size: var(--fs-normal); + font-weight: normal; + text-decoration: 1px underline var(--color-txt-light); + text-underline-offset: 3px; + + } + + } + + #banner--page{ + height: calc(100vh - var(--header-h)); + height: calc(100dvh - var(--header-h)); + margin-bottom: calc((100vh - var(--header-h))*-1); + margin-bottom: calc((100dvh - var(--header-h))*-1); + padding-bottom: var(--padding-body); + position: sticky; + top: var(--header-h); + width: 240px; + display: flex; + flex-direction: column; + justify-content: space-between; + } + + #section__dl{ + margin-top: calc(var(--spacing)*1.5); + border-bottom: var(--border-light); + + .dl__group{ + display: grid; + grid-template-columns: 40% 1fr; + border-top: var(--border-light); + padding: calc(var(--spacing)*0.5) 0; + } + + dt{ + color: var(--color-txt-light); + } + + ul:not(.keywords){ + list-style: none; + li{ + padding-bottom: 0.2em; + } + + } + } + + + #nav--page{ + ul{ + list-style: none; + + li{ + text-align: center; + color: var(--color-txt-light); + // text-transform: uppercase; + + a{ + display: block; + padding: 0.3em 0; + text-decoration: none; + } + } + } + } + +} \ No newline at end of file diff --git a/page-enquete/index.html b/page-enquete/index.html index 38d5b00..a769d69 100644 --- a/page-enquete/index.html +++ b/page-enquete/index.html @@ -16,7 +16,7 @@ -
+

Enquête

L’exécution de Nidal et Khaled ‘Amirah

@@ -67,10 +67,13 @@
Mots-clés
-
@@ -86,7 +89,7 @@
Équipe
-
Nadav Joffe, Basile Trouillet, Francesco Sebregondi
+
Nadav Joffe, Basile Trouillet, Francesco Sebregondi, Basile Trouillet, Francesco Sebregondi
Partenaire(s)