page actualités vignettes

This commit is contained in:
armansansd 2021-08-17 12:35:04 +02:00
parent f221420e15
commit bb59fd169e
14 changed files with 444 additions and 75 deletions

1
web/.gitignore vendored Normal file
View File

@ -0,0 +1 @@
/README.md

View File

@ -36,6 +36,22 @@ parameters:
# @default none
# cookie_domain: '.example.com'
#
# Set the session ID string length. The length can be between 22 to 256. The
# PHP recommended value is 48. See
# https://www.php.net/manual/session.security.ini.php for more information.
# This value should be kept in sync with
# \Drupal\Core\Session\SessionConfiguration::__construct()
# @default 48
sid_length: 48
#
# Set the number of bits in encoded session ID character. The possible
# values are '4' (0-9, a-f), '5' (0-9, a-v), and '6' (0-9, a-z, A-Z, "-",
# ","). The PHP recommended value is 6. See
# https://www.php.net/manual/session.security.ini.php for more information.
# This value should be kept in sync with
# \Drupal\Core\Session\SessionConfiguration::__construct()
# @default 6
sid_bits_per_character: 6
twig.config:
# Twig debugging:
#

View File

@ -1,6 +1,6 @@
<?php
// @codingStandardsIgnoreFile
// phpcs:ignoreFile
/**
* @file
@ -308,16 +308,18 @@ $settings['hash_salt'] = '';
$settings['update_free_access'] = FALSE;
/**
* Fallback to HTTP for Update Manager.
* Fallback to HTTP for Update Manager and for fetching security advisories.
*
* If your Drupal site fails to connect to updates.drupal.org using HTTPS to
* fetch Drupal core, module and theme update status, you may uncomment this
* setting and set it to TRUE to allow an insecure fallback to HTTP. Note that
* doing so will open your site up to a potential man-in-the-middle attack. You
* should instead attempt to resolve the issues before enabling this option.
* If your site fails to connect to updates.drupal.org over HTTPS (either when
* fetching data on available updates, or when fetching the feed of critical
* security announcements), you may uncomment this setting and set it to TRUE to
* allow an insecure fallback to HTTP. Note that doing so will open your site up
* to a potential man-in-the-middle attack. You should instead attempt to
* resolve the issues before enabling this option.
* @see https://www.drupal.org/docs/system-requirements/php-requirements#openssl
* @see https://en.wikipedia.org/wiki/Man-in-the-middle_attack
* @see \Drupal\update\UpdateFetcher
* @see \Drupal\system\SecurityAdvisories\SecurityAdvisoriesFetcher
*/
# $settings['update_fetch_with_http_fallback'] = TRUE;
@ -385,17 +387,20 @@ $settings['update_free_access'] = FALSE;
* Sets which headers to trust from your reverse proxy.
*
* Common values are:
* - \Symfony\Component\HttpFoundation\Request::HEADER_X_FORWARDED_ALL
* - \Symfony\Component\HttpFoundation\Request::HEADER_X_FORWARDED_FOR
* - \Symfony\Component\HttpFoundation\Request::HEADER_X_FORWARDED_HOST
* - \Symfony\Component\HttpFoundation\Request::HEADER_X_FORWARDED_PORT
* - \Symfony\Component\HttpFoundation\Request::HEADER_X_FORWARDED_PROTO
* - \Symfony\Component\HttpFoundation\Request::HEADER_FORWARDED
*
* Note the default value of
* @code
* \Symfony\Component\HttpFoundation\Request::HEADER_X_FORWARDED_ALL | \Symfony\Component\HttpFoundation\Request::HEADER_FORWARDED
* \Symfony\Component\HttpFoundation\Request::HEADER_X_FORWARDED_FOR | \Symfony\Component\HttpFoundation\Request::HEADER_X_FORWARDED_HOST | \Symfony\Component\HttpFoundation\Request::HEADER_X_FORWARDED_PORT | \Symfony\Component\HttpFoundation\Request::HEADER_X_FORWARDED_PROTO | \Symfony\Component\HttpFoundation\Request::HEADER_FORWARDED
* @endcode
* is not secure by default. The value should be set to only the specific
* headers the reverse proxy uses. For example:
* @code
* \Symfony\Component\HttpFoundation\Request::HEADER_X_FORWARDED_ALL
* \Symfony\Component\HttpFoundation\Request::HEADER_X_FORWARDED_FOR | \Symfony\Component\HttpFoundation\Request::HEADER_X_FORWARDED_HOST | \Symfony\Component\HttpFoundation\Request::HEADER_X_FORWARDED_PORT | \Symfony\Component\HttpFoundation\Request::HEADER_X_FORWARDED_PROTO
* @endcode
* This would trust the following headers:
* - X_FORWARDED_FOR
@ -403,11 +408,14 @@ $settings['update_free_access'] = FALSE;
* - X_FORWARDED_PROTO
* - X_FORWARDED_PORT
*
* @see \Symfony\Component\HttpFoundation\Request::HEADER_X_FORWARDED_ALL
* @see \Symfony\Component\HttpFoundation\Request::HEADER_X_FORWARDED_FOR
* @see \Symfony\Component\HttpFoundation\Request::HEADER_X_FORWARDED_HOST
* @see \Symfony\Component\HttpFoundation\Request::HEADER_X_FORWARDED_PORT
* @see \Symfony\Component\HttpFoundation\Request::HEADER_X_FORWARDED_PROTO
* @see \Symfony\Component\HttpFoundation\Request::HEADER_FORWARDED
* @see \Symfony\Component\HttpFoundation\Request::setTrustedProxies
*/
# $settings['reverse_proxy_trusted_headers'] = \Symfony\Component\HttpFoundation\Request::HEADER_X_FORWARDED_ALL | \Symfony\Component\HttpFoundation\Request::HEADER_FORWARDED;
# $settings['reverse_proxy_trusted_headers'] = \Symfony\Component\HttpFoundation\Request::HEADER_X_FORWARDED_FOR | \Symfony\Component\HttpFoundation\Request::HEADER_X_FORWARDED_HOST | \Symfony\Component\HttpFoundation\Request::HEADER_X_FORWARDED_PORT | \Symfony\Component\HttpFoundation\Request::HEADER_X_FORWARDED_PROTO | \Symfony\Component\HttpFoundation\Request::HEADER_FORWARDED;
/**
@ -603,6 +611,21 @@ $settings['update_free_access'] = FALSE;
# ini_set('pcre.backtrack_limit', 200000);
# ini_set('pcre.recursion_limit', 200000);
/**
* Add Permissions-Policy header to disable Google FLoC.
*
* By default, Drupal sends the 'Permissions-Policy: interest-cohort=()' header
* to disable Google's Federated Learning of Cohorts feature, introduced in
* Chrome 89.
*
* See https://en.wikipedia.org/wiki/Federated_Learning_of_Cohorts for more
* information about FLoC.
*
* If you don't wish to disable FLoC in Chrome, you can set this value
* to FALSE.
*/
# $settings['block_interest_cohort'] = TRUE;
/**
* Configuration overrides.
*

View File

@ -1,6 +1,6 @@
<?php
// @codingStandardsIgnoreFile
// phpcs:ignoreFile
/**
* @file

View File

@ -1,6 +1,6 @@
<?php
// @codingStandardsIgnoreFile
// phpcs:ignoreFile
/**
* @file

View File

@ -1333,7 +1333,8 @@ iframe {
z-index: 1; }
.close-block {
padding-top: 1rem; }
padding-top: 1.2rem;
padding-left: 2rem; }
.close-block span {
transform-origin: center; }
.close-block > div > span:first-child {
@ -1498,7 +1499,7 @@ footer {
.last-news {
margin-top: 2rem; }
.last-news .views-field-field-image {
height: 25rem; }
height: 20rem; }
.last-news .views-field-field-image img {
width: 100%; }
.last-news .views-field-field-image {
@ -1516,10 +1517,10 @@ footer {
align-self: flex-start;
grid-column: 1;
grid-auto-rows: min-content;
font-size: 0.8rem;
font-size: 0.6rem;
text-transform: uppercase; }
.last-news .views-field-title {
font-size: 2.3rem !important;
font-size: 1rem !important;
font-weight: 500;
line-height: 1.2;
padding-top: .3rem; }
@ -2130,6 +2131,9 @@ article p, .paragraph p {
color: white;
padding: .3rem 1rem; }
.block-region-third .views-field-field-intro {
display: none; }
.block-region-first {
background-color: black;
color: white; }
@ -2207,36 +2211,169 @@ article p, .paragraph p {
font-size: 0.8rem;
text-decoration: none; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-1 * {
.path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-1 article {
background: #4dabc1 !important; }
.path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-1 article .field_programme {
color: #4dabc1; }
.path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-2 article {
background: #61ab32 !important; }
.path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-2 article .field_programme {
color: #61ab32; }
.path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-3 article {
background: #646578 !important; }
.path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-3 article .field_programme {
color: #646578; }
.path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-4 article {
background: black; }
.path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-4 article .field_programme {
color: black; }
.path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-5 article {
background: #ab9569 !important; }
.path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-5 article .field_programme {
color: #ab9569; }
.path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-6 article {
background: #e01a35 !important; }
.path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-6 article .field_programme {
color: #e01a35; }
.path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-7 article {
background: #28429f !important; }
.path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-7 article .field_programme {
color: #28429f; }
.path-actus .content_container .layout__region--content #actus_blocks-block_2 .slick-slide {
margin: 0 1rem;
padding: 0; }
.path-actus .content_container .layout__region--content #actus_blocks-block_2 article {
color: white; }
.path-actus .content_container .layout__region--content #actus_blocks-block_2 article div {
display: grid;
grid-column: 1 / span 2;
margin-top: -1rem; }
.path-actus .content_container .layout__region--content #actus_blocks-block_2 article div .field_programme {
grid-row: 1;
z-index: 10; }
.path-actus .content_container .layout__region--content #actus_blocks-block_2 article div .field_image {
grid-row: 2;
margin-top: -.5rem; }
.path-actus .content_container .layout__region--content #actus_blocks-block_2 article div .field_image img {
width: 100%; }
.path-actus .content_container .layout__region--content #actus_blocks-block_2 article div .field_sous_titre {
grid-row: 3;
margin: .5rem 1rem !important; }
.path-actus .content_container .layout__region--content #actus_blocks-block_2 article h2 {
color: white;
margin: -1rem 1rem 1rem 1rem; }
.path-actus .content_container .layout__region--content #actus_blocks-block_2 article .field_programme {
display: block; }
.path-actus .content_container .layout__region--content #actus_blocks-block_2 article .field_programme a {
background: white;
display: inline-block;
width: auto;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
padding: .3rem .3rem 0 .3rem; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .slick-slide {
margin: 0 1rem;
padding: 0; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-1 article, .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-1 h2 {
color: #4dabc1 !important; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-2 * {
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-1 .field_programme a {
background: #4dabc1; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-2 article, .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-2 h2 {
color: #61ab32 !important; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-3 * {
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-2 .field_programme a {
background: #61ab32; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-3 article, .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-3 h2 {
color: #646578 !important; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-4 * {
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-3 .field_programme a {
background: #646578; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-4 article, .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-4 h2 {
color: black; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-5 * {
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-4 .field_programme a {
background: black; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-5 article, .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-5 h2 {
color: #ab9569 !important; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-6 * {
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-5 .field_programme a {
background: #ab9569; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-6 article, .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-6 h2 {
color: #e01a35 !important; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-7 * {
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-6 .field_programme a {
background: #e01a35; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-7 article, .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-7 h2 {
color: #28429f !important; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .views-row article {
display: grid !important;
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-7 .field_programme a {
background: #28429f; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 article {
background: white; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 article > div:first-of-type {
display: grid;
grid-column: 1 / span 2;
margin-top: -1rem; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 article > div:first-of-type .field_programme {
grid-row: 1;
z-index: 10; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 article > div:first-of-type .field_image {
grid-row: 2;
margin-top: -.5rem; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 article > div:first-of-type .field_image img {
width: 100%; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 article > div:first-of-type .field_dates_actu {
grid-row: 3;
margin: .5rem 1rem; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 article > div:first-of-type .field_sous_titre {
grid-row: 4;
margin: 0rem 1rem; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 article h2 {
margin: .5rem 1rem !important; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 article .field_programme {
display: block; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 article .field_programme a {
color: white;
display: inline-block;
width: auto;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
padding: .3rem .3rem 0 .3rem; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .links, .path-actus .content_container .layout__region--content #actus_blocks-block_2 .links {
visibility: hidden; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .views-row article, .path-actus .content_container .layout__region--content #actus_blocks-block_2 .views-row article {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
position: relative;
height: auto; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .views-row article h2 {
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .views-row article .field_programme, .path-actus .content_container .layout__region--content #actus_blocks-block_2 .views-row article .field_programme {
margin: 0 0 0 1rem; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .views-row article h2, .path-actus .content_container .layout__region--content #actus_blocks-block_2 .views-row article h2 {
grid-row: 2;
grid-column: 1 / span 2; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .views-row article div {
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .views-row article div:first, .path-actus .content_container .layout__region--content #actus_blocks-block_2 .views-row article div:first {
grid-row: 1;
grid-column: 1 / span 2; }
@ -2249,11 +2386,6 @@ article p, .paragraph p {
.path-actus .content_container .layout__region--content #home_blocks-block_3 .slick-slide .views-row {
padding: 0.4rem; }
.path-actus .content_container .slick-slide {
margin: 0 1rem;
background-color: white;
padding: 1rem; }
.path-actus .content_container .slick-arrow {
position: absolute;
height: 100%;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -7,7 +7,7 @@ $(function(){
slidesToShow: 1,
slidesToScroll: 1,
centerMode: true,
centerPadding: '60px',
centerPadding: '200px',
});
$('.last-ressources').slick({
slidesToShow: 3,

View File

@ -50,63 +50,272 @@
}
}
#actus_blocks-block_1{
#actus_blocks-block_2{
.programme-1{
*{
color: $col-1 !important;
article{
background: $col-1 !important;
.field_programme{
color: $col-1;
}
}
}
.programme-2{
*{
color: $col-2 !important;
article{
background: $col-2 !important;
.field_programme{
color: $col-2;
}
}
}
.programme-3{
*{
color: $col-eur !important;
article{
background: $col-eur !important;
.field_programme{
color: $col-eur;
}
}
}
.programme-4{
*{
article{
background: black;
.field_programme{
color: black;
}
}
}
.programme-5{
article{
background: $col-mond !important;
.field_programme{
color: $col-mond;
}
}
}
.programme-6{
article{
background: $col-ter !important;
.field_programme{
color: $col-ter;
}
}
}
.programme-7{
article{
background: $col-met !important;
.field_programme{
color: $col-met;
}
}
}
.slick-slide{
margin: 0 1rem;
padding: 0;
}
article{
//
div{
display: grid;
grid-column: 1 / span 2;
margin-top: -1rem;
div:not(.field_image){
// margin: 0 1rem;
}
.field_programme{
grid-row: 1;
z-index: 10;
}
.field_image{
grid-row: 2;
margin-top: -.5rem;
img{
width: 100%;
}
}
.field_sous_titre{
grid-row: 3;
margin: .5rem 1rem !important;
}
}
color:white;
h2{
color: white;
margin: -1rem 1rem 1rem 1rem;
}
.field_programme{
display: block;
a{
background: white;
display: inline-block;
width: auto;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
padding: .3rem .3rem 0 .3rem;
}
}
}
}
#actus_blocks-block_1{
.slick-slide{
margin: 0 1rem;
padding: 0;
}
.slick-slide{
// background: white;
}
.programme-1{
article, h2{
color: $col-1 !important;
}
.field_programme{
a{
background: $col-1;
}
}
}
.programme-2{
article, h2{
color: $col-2 !important;
}
.field_programme{
a{
background: $col-2;
}
}
}
.programme-3{
article, h2{
color: $col-eur !important;
}
.field_programme{
a{
background: $col-eur;
}
}
}
.programme-4{
article, h2{
color: black;
}
.field_programme{
a{
background: black;
}
}
}
.programme-5{
*{
article, h2{
color: $col-mond !important;
}
.field_programme{
a{
background: $col-mond;
}
}
}
.programme-6{
*{
article, h2{
color: $col-ter !important;
}
.field_programme{
a{
background: $col-ter;
}
}
}
.programme-7{
*{
article, h2{
color: $col-met !important;
}
.field_programme{
a{
background: $col-met;
}
}
}
article{
//
background: white;
&>div:first-of-type{
display: grid;
grid-column: 1 / span 2;
margin-top: -1rem;
div:not(.field_image){
// margin: 0 1rem;
}
.field_programme{
grid-row: 1;
z-index: 10;
}
.field_image{
grid-row: 2;
margin-top: -.5rem;
img{
width: 100%;
}
}
.field_dates_actu{
grid-row: 3;
margin: .5rem 1rem;
}
.field_sous_titre{
grid-row: 4;
margin: 0rem 1rem;
}
}
// color:white;
h2{
// color: white;
// margin: -1rem 1rem 1rem 1rem;
margin: .5rem 1rem !important;
}
.field_programme{
display: block;
a{
color: white;
display: inline-block;
width: auto;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
padding: .3rem .3rem 0 .3rem;
}
}
}
}
#actus_blocks-block_1, #actus_blocks-block_2{
.links{
visibility: hidden;
}
.views-row article{
display: grid !important;
display: grid;
grid-template-columns: repeat( 2, minmax(0, 1fr));
position: relative;
height: auto;
.field_programme{
margin: 0 0 0 1rem;
}
h2{
grid-row: 2;
grid-column: 1 / span 2;
}
div{
div:first{
grid-row: 1;
grid-column: 1 / span 2;
}
@ -130,11 +339,7 @@
//carroussel
.slick-slide{
margin: 0 1rem;
background-color: white;
padding: 1rem;
}
.slick-arrow{
position: absolute;
height: 100%;

View File

@ -19,6 +19,9 @@ article, .paragraph{
color: white;
padding: .3rem 1rem;
}
.views-field-field-intro{
display: none;
}
}
.block-region-first{

View File

@ -84,7 +84,7 @@
.last-news{
margin-top: 2rem;
.views-field-field-image{
height: 25rem;
height: 20rem;
img{
width: 100%;
}
@ -106,7 +106,7 @@
grid-column: 1;
grid-auto-rows: min-content;
font-size: $font-medium;
font-size: $font-normal;
text-transform: uppercase;
@ -117,7 +117,7 @@
// }
.views-field-title{
// grid-row: 5;
font-size: $font-extra !important;
font-size: $font-big !important;
font-weight: 500;
line-height: 1.2;
padding-top: .3rem;

View File

@ -204,7 +204,8 @@
}
}
.close-block{
padding-top: 1rem;
padding-top: 1.2rem;
padding-left: 2rem;
span{
transform-origin: center;
}

View File

@ -33,18 +33,6 @@
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
</conditions>
</rule>
<!-- If running on a PHP version affected by httpoxy vulnerability
uncomment the following rule to mitigate it's impact. To make this
rule work, you will also need to add HTTP_PROXY to the allowed server
variables manually in IIS. See https://www.drupal.org/node/2783079.
<rule name="Erase HTTP_PROXY" patternSyntax="Wildcard">
<match url="*.*" />
<serverVariables>
<set name="HTTP_PROXY" value="" />
</serverVariables>
<action type="None" />
</rule>
-->
<!-- To redirect all users to access the site WITH the 'www.' prefix,
http://example.com/foo will be redirected to http://www.example.com/foo)
adapt and uncomment the following: -->