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

config regions

This commit is contained in:
ouidade 2024-02-26 14:44:32 +01:00
parent 44e475bdd5
commit 687bf3602e
32 changed files with 3765 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
config/sync/block.block.quartiers_de_demain_entete.yml Normal file
View File

@ -0,0 +1,31 @@
uuid: 187b21f7-2db8-41ed-805f-e4f917edbdcb
langcode: fr
status: true
dependencies:
config:
- system.menu.entete
module:
- menu_block
theme:
- quartiers_de_demain
id: quartiers_de_demain_entete
theme: quartiers_de_demain
region: header_nav
weight: -4
provider: null
plugin: 'menu_block:entete'
settings:
id: 'menu_block:entete'
label: Entête
label_display: visible
provider: menu_block
follow: false
follow_parent: child
label_link: false
label_type: block
level: 1
depth: 0
expand_all_items: false
parent: 'entete:'
suggestion: entete
visibility: { }

25
config/sync/block.block.quartiers_de_demain_logoepau.yml Normal file
View File

@ -0,0 +1,25 @@
uuid: 0161a650-3026-475f-9d46-10b890c83b3e
langcode: fr
status: true
dependencies:
content:
- 'block_content:logo_link:dacc759c-d305-4366-a56b-ef214acd0be9'
module:
- block_content
theme:
- quartiers_de_demain
id: quartiers_de_demain_logoepau
theme: quartiers_de_demain
region: footer_left
weight: -3
provider: null
plugin: 'block_content:dacc759c-d305-4366-a56b-ef214acd0be9'
settings:
id: 'block_content:dacc759c-d305-4366-a56b-ef214acd0be9'
label: 'Logo epau'
label_display: '0'
provider: block_content
status: true
info: ''
view_mode: full
visibility: { }

25
config/sync/block.block.quartiers_de_demain_logoepau_2.yml Normal file
View File

@ -0,0 +1,25 @@
uuid: 9c73ff0b-78f4-4108-8015-8f5cd6cf1366
langcode: fr
status: true
dependencies:
content:
- 'block_content:logo_link:dacc759c-d305-4366-a56b-ef214acd0be9'
module:
- block_content
theme:
- quartiers_de_demain
id: quartiers_de_demain_logoepau_2
theme: quartiers_de_demain
region: header_left
weight: -3
provider: null
plugin: 'block_content:dacc759c-d305-4366-a56b-ef214acd0be9'
settings:
id: 'block_content:dacc759c-d305-4366-a56b-ef214acd0be9'
label: 'Logo epau'
label_display: '0'
provider: block_content
status: true
info: ''
view_mode: full
visibility: { }

25
config/sync/block.block.quartiers_de_demain_logorepu.yml Normal file
View File

@ -0,0 +1,25 @@
uuid: 3964797d-6b83-441d-833c-ff7f666ac938
langcode: fr
status: true
dependencies:
content:
- 'block_content:logo_link:32b479fd-6b3f-4640-b817-c91d40425761'
module:
- block_content
theme:
- quartiers_de_demain
id: quartiers_de_demain_logorepu
theme: quartiers_de_demain
region: footer_left
weight: -4
provider: null
plugin: 'block_content:32b479fd-6b3f-4640-b817-c91d40425761'
settings:
id: 'block_content:32b479fd-6b3f-4640-b817-c91d40425761'
label: 'Logo répu'
label_display: '0'
provider: block_content
status: true
info: ''
view_mode: full
visibility: { }

25
config/sync/block.block.quartiers_de_demain_logorepu_2.yml Normal file
View File

@ -0,0 +1,25 @@
uuid: f5634286-a0f7-4ffe-a343-d357e44585e0
langcode: fr
status: true
dependencies:
content:
- 'block_content:logo_link:32b479fd-6b3f-4640-b817-c91d40425761'
module:
- block_content
theme:
- quartiers_de_demain
id: quartiers_de_demain_logorepu_2
theme: quartiers_de_demain
region: header_left
weight: -4
provider: null
plugin: 'block_content:32b479fd-6b3f-4640-b817-c91d40425761'
settings:
id: 'block_content:32b479fd-6b3f-4640-b817-c91d40425761'
label: 'Logo répu'
label_display: '0'
provider: block_content
status: true
info: ''
view_mode: full
visibility: { }

31
config/sync/block.block.quartiers_de_demain_pieddepage.yml Normal file
View File

@ -0,0 +1,31 @@
uuid: fb3ab396-be9a-49fe-beca-ba81e4a9868a
langcode: fr
status: true
dependencies:
config:
- system.menu.footer
module:
- menu_block
theme:
- quartiers_de_demain
id: quartiers_de_demain_pieddepage
theme: quartiers_de_demain
region: footer_middle
weight: -4
provider: null
plugin: 'menu_block:footer'
settings:
id: 'menu_block:footer'
label: 'Pied de page'
label_display: '0'
provider: menu_block
follow: false
follow_parent: child
label_link: false
label_type: block
level: 1
depth: 0
expand_all_items: false
parent: 'footer:'
suggestion: footer
visibility: { }

20
config/sync/block.block.quartiers_de_demain_selecteurdelangue.yml Normal file
View File

@ -0,0 +1,20 @@
uuid: 7fb2da00-52fc-4725-a9fc-583d77b762aa
langcode: fr
status: true
dependencies:
module:
- language
theme:
- quartiers_de_demain
id: quartiers_de_demain_selecteurdelangue
theme: quartiers_de_demain
region: header_right
weight: -4
provider: null
plugin: 'language_block:language_interface'
settings:
id: 'language_block:language_interface'
label: 'Sélecteur de langue'
label_display: '0'
provider: language
visibility: { }

165
config/sync/block.block.quartiers_de_demain_socialmedialinks.yml Normal file
View File

@ -0,0 +1,165 @@
uuid: e579509b-efa5-439d-a32c-37b4b77b9c8d
langcode: fr
status: true
dependencies:
module:
- social_media_links
theme:
- quartiers_de_demain
id: quartiers_de_demain_socialmedialinks
theme: quartiers_de_demain
region: footer_right
weight: -4
provider: null
plugin: social_media_links_block
settings:
id: social_media_links_block
label: 'Retrouvez-nous sur les réseaux sociaux'
label_display: visible
provider: social_media_links
platforms:
twitter:
value: q2d
description: ''
weight: '-43'
linkedin:
value: q2d
description: ''
weight: '-42'
youtube:
value: q2d
description: ''
weight: '-41'
instagram:
value: ''
description: ''
weight: '-40'
xing:
value: ''
description: ''
weight: '-39'
contact:
value: ''
description: ''
weight: '-38'
rss:
value: ''
description: ''
weight: '-37'
tiktok:
value: ''
description: ''
weight: '-36'
mastodon:
value: ''
description: ''
weight: '-35'
amazon:
value: ''
description: ''
weight: '-34'
bitbucket:
value: ''
description: ''
weight: '-33'
patreon:
value: ''
description: ''
weight: '-32'
vkontakte:
value: ''
description: ''
weight: '-31'
slideshare:
value: ''
description: ''
weight: '-30'
github:
value: ''
description: ''
weight: '-29'
behance:
value: ''
description: ''
weight: '-28'
vimeo:
value: ''
description: ''
weight: '-27'
telegram:
value: ''
description: ''
weight: '-26'
youtube_channel:
value: ''
description: ''
weight: '-25'
googleplus:
value: ''
description: ''
weight: '-24'
facebook:
value: ''
description: ''
weight: '-23'
drupal:
value: ''
description: ''
weight: '-22'
flickr:
value: ''
description: ''
weight: '-21'
gitlab:
value: ''
description: ''
weight: '-20'
tumblr:
value: ''
description: ''
weight: '-19'
pinterest:
value: ''
description: ''
weight: '-18'
email:
value: ''
description: ''
weight: '-17'
goodreads:
value: ''
description: ''
weight: '-16'
googleplay:
value: ''
description: ''
weight: '-15'
whatsapp:
value: ''
description: ''
weight: '-14'
meetup:
value: ''
description: ''
weight: '-13'
website:
value: ''
description: ''
weight: '-12'
glassdoor:
value: ''
description: ''
weight: '-11'
appearance:
orientation: h
show_name: 0
suggestion: ''
link_attributes:
target: '<none>'
rel: '<none>'
iconset:
style: 'fontawesome:3x'
installed_iconsets:
fontawesome:
examples: ''
visibility: { }

18
config/sync/block.block.quartiers_de_demain_titredepage.yml Normal file
View File

@ -0,0 +1,18 @@
uuid: 982f47fb-d649-450f-a614-ec6bd106417a
langcode: fr
status: true
dependencies:
theme:
- quartiers_de_demain
id: quartiers_de_demain_titredepage
theme: quartiers_de_demain
region: content
weight: 0
provider: null
plugin: page_title_block
settings:
id: page_title_block
label: 'Titre de page'
label_display: '0'
provider: core
visibility: { }

1
config/sync/core.extension.yml
View File

@ -111,4 +111,5 @@ theme:
seven: 0 seven: 0
adminimal_theme: 0 adminimal_theme: 0
stark: 0 stark: 0
quartiers_de_demain: 0
profile: figli_starter_kit profile: figli_starter_kit

9
config/sync/quartiers_de_demain.settings.yml Normal file
View File

@ -0,0 +1,9 @@
features:
node_user_picture: false
comment_user_picture: true
comment_user_verification: true
favicon: 1
logo:
use_default: 1
favicon:
use_default: 1

2
config/sync/system.theme.yml
View File

@ -2,4 +2,4 @@ _core:
default_config_hash: TpdA4rsOBAawnqeon9A-Ooht_4VO3hHKib79xyHcTyg default_config_hash: TpdA4rsOBAawnqeon9A-Ooht_4VO3hHKib79xyHcTyg
langcode: fr langcode: fr
admin: adminimal_theme admin: adminimal_theme
default: stark default: quartiers_de_demain

1
web/sites/README.txt
View File

@ -1,4 +1,3 @@
This directory structure contains the settings and configuration files specific
to your site or sites and is an integral part of multisite configurations. to your site or sites and is an integral part of multisite configurations.
It is now recommended to place your custom and downloaded extensions in the It is now recommended to place your custom and downloaded extensions in the

281
web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css Normal file
View File

@ -0,0 +1,281 @@
/*quartiers_de_demain*/
/*global*/
/* Colors used for quartiers_de_demain */
.mailto {
text-decoration: underline; }
/*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: rgba(153, 147, 174, 0.1);
font-family: "Marianne", sans-serif;
font-weight: 400;
font-style: normal;
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-content {
order: 2;
padding-top: 3rem;
padding-bottom: 6rem;
width: 70%;
margin: auto; }
@media (max-width: 891px) {
.layout-content {
width: 90%; } }
@media (max-width: 500px) {
.layout-content {
padding-top: 0; } }
aside {
width: 20%;
order: 1;
margin-top: 5rem;
margin-left: 10%;
margin-right: 1rem; }
@media (max-width: 891px) {
aside {
margin-left: 5%;
margin-top: 9rem; } }
@media (max-width: 500px) {
aside {
width: 80%;
margin-top: 3rem; } }
main {
width: 100%;
display: flex;
flex-direction: row;
position: relative; }
@media (max-width: 500px) {
main {
flex-direction: column; } }
.main-content {
margin-top: 7rem; }
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-rows: "logo logo logo logo logo nav" "nav nav nav nav nav nav" "logo logo nav rs"; }
header #block-quartiers-de-demain-logorepu-2 {
grid-row: logo; }
header #block-quartiers-de-demain-logoepau-2 {
grid-area: logo; }
footer {
background-color: white;
padding-top: 3rem;
font-family: "Marianne";
font-weight: 800;
font-size: 1.1rem;
text-transform: lowercase; }
footer div {
display: flex;
flex-direction: row; }
@media (max-width: 891px) {
footer div {
flex-wrap: wrap; } }
@media (max-width: 520px) {
footer div {
flex-direction: column; } }
footer h2 {
font-size: 1.1rem; }
footer section:not(:first-of-type) {
border-left: #fdc300 solid 2px;
padding-left: 2rem; }
@media (max-width: 891px) {
footer section:not(:first-of-type) {
margin-left: 1rem;
margin-right: 1rem;
border-left: #fdc300 solid 2px; } }
@media (max-width: 520px) {
footer section:not(:first-of-type) {
margin-left: 1rem;
margin-right: 1rem;
border-left: none;
border-top: #fdc300 solid 2px; } }
footer section:not(:last-of-type) {
padding-right: 5rem; }
@media (max-width: 891px) {
footer section:not(:last-of-type) {
padding-right: 0; } }
@media (max-width: 520px) {
footer section:not(:last-of-type) {
padding-right: 0; } }
footer section:last-of-type {
padding-right: 5rem; }
@media (max-width: 891px) {
footer section:last-of-type {
border-top: #fdc300 solid 2px;
border-left: none; } }
#footer-left {
margin-left: 10%; }
@media (max-width: 891px) {
#footer-left {
margin-left: 1rem;
padding-left: 2rem;
width: 40%; } }
@media (max-width: 520px) {
#footer-left {
width: 100%;
margin-left: 1rem;
padding-left: 2rem; } }
#footer-left div {
display: flex;
flex-direction: column; }
#footer-left div #block-reha-pieddepage ul {
padding-left: 0; }
#footer-left div #block-reha-logoreha-3 {
display: none; }
#footer-left div .social-media-links--platforms {
display: flex;
flex-direction: row; }
#footer-left div .social-media-links--platforms svg.ext {
display: none; }
@media (max-width: 891px) {
#footer-middle {
width: 40%; } }
@media (max-width: 520px) {
#footer-middle {
width: 100%;
margin-right: 1rem; } }
#footer-middle #block-reha-operateurduprogramme {
display: flex;
flex-direction: column; }
#footer-middle #block-reha-operateurduprogramme img {
max-width: 150px;
height: fit-content;
max-height: 100px;
object-fit: contain;
padding: 1rem; }
#footer-right #block-reha-config-pages-2 {
display: flex;
flex-direction: column; }
#footer-right #block-reha-config-pages-2 .field--name-field-partenaires .field__items {
display: flex;
flex-direction: row;
flex-wrap: wrap; }
#footer-right #block-reha-config-pages-2 .field--name-field-partenaires .field__items img {
max-width: 120px;
height: fit-content;
max-height: 115px;
object-fit: contain; }
/*pages*/

26
web/themes/custom/quartiers_de_demain/js/quartiers_de_demain.js Normal file
View File

@ -0,0 +1,26 @@
/**
* @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($){
});

2425
web/themes/custom/quartiers_de_demain/package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

22
web/themes/custom/quartiers_de_demain/package.json Normal file
View File

@ -0,0 +1,22 @@
{
"name": "quartiers_de_demain",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"sass": "node-sass -w scss -o css"
},
"devDependancies": {
"node-sass": "*"
},
"repository": {
"type": "git",
"url": "https://figureslibres.io/gitea/bachir/docker-quartiersdedemain"
},
"author": "",
"license": "ISC",
"devDependencies": {
"node-sass": "^9.0.0"
}
}

28
web/themes/custom/quartiers_de_demain/quartiers_de_demain.info.yml Normal file
View File

@ -0,0 +1,28 @@
name: quartiers_de_demain
type: theme
base theme: stark
description: quartiers_de_demain drupal theme based on stark
package: quartiers_de_demain
core: 8.x
core_version_requirement: ^8 || ^9 || ^10
libraries:
- quartiers_de_demain/global
regions:
header: 'Header'
header_left: 'Header left'
header_right: 'Header right'
header_nav: 'Header nav'
primary_menu: 'Primary menu'
secondary_menu: 'Secondary menu'
page_top: 'Page top'
page_bottom: 'Page bottom'
featured: 'Featured'
breadcrumb: 'Breadcrumb'
content: 'Content'
sidebar_first: 'Sidebar first'
sidebar_second: 'Sidebar second'
footer_top: 'Footer top'
footer_left: 'Footer left'
footer_middle: 'Footer middle'
footer_right: 'Footer right'
footer_bottom: 'Footer bottom'

7
web/themes/custom/quartiers_de_demain/quartiers_de_demain.libraries.yml Normal file
View File

@ -0,0 +1,7 @@
# Main theme library.
global:
js:
js/quartiers_de_demain.js: {}
css:
theme:
css/quartiers_de_demain.css: {}

76
web/themes/custom/quartiers_de_demain/quartiers_de_demain.theme Normal file
View File

@ -0,0 +1,76 @@
<?php
use Drupal\Core\Url;
use Drupal\Core\Link;
use Drupal\Core\Render\Markup;
/**
* @file
* Functions to support theming in the quartiers_de_demain theme.
*/
/**
* Implements hook_preprocess_HOOK() for html.html.twig.
*/
function quartiers_de_demain_preprocess_html(&$variables) {
$node = \Drupal::routeMatch()->getParameter('node');
if ($node){
$variables['attributes']['class'][] = 'node-type-' . $node->bundle();
$variables['attributes']['class'][] = 'node-id-' . $node->id();
}
}
/**
* Implements hook_preprocess_HOOK() for page.html.twig.
*/
function quartiers_de_demain_preprocess_page(&$variables) {
}
/**
* Implements hook_preprocess_HOOK() for node.html.twig.
*/
function quartiers_de_demain_preprocess_node(&$variables) {
$node = &$variables['node'];
$variables['attributes']['class'][] = 'node-type-' . $node->gettype();
}
/* implements template_preprocess_region() */
function quartiers_de_demain_preprocess_region(&$variables) {
if (isset($variables['region'])) {
$variables['attributes']['class'][] = $variables['region'].'_container';
}
}
/**
* Prepares variables for block templates.
*
* Default template: block.html.twig.
*
* Prepares the values passed to the theme_block function to be passed
* into a pluggable template engine. Uses block properties to generate a
* series of template file suggestions. If none are found, the default
* block.html.twig is used.
*
* Most themes use their own copy of block.html.twig. The default is located
* inside "core/modules/block/templates/block.html.twig". Look in there for the
* full list of available variables.
*
* @param array $variables
* An associative array containing:
* - elements: An associative array containing the properties of the element.
* Properties used: #block, #configuration, #children, #plugin_id.
*/
//https://www.hashbangcode.com/article/drupal-9-programmatically-creating-and-using-urls-and-links
function quartiers_de_demain_preprocess_block(&$variables) {
}

4
web/themes/custom/quartiers_de_demain/scss/global/_core.scss Normal file
View File

@ -0,0 +1,4 @@
.mailto{
text-decoration: underline;
}

108
web/themes/custom/quartiers_de_demain/scss/global/_fonts.scss Normal file
View File

@ -0,0 +1,108 @@
/*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;
}

77
web/themes/custom/quartiers_de_demain/scss/global/_layout.scss Normal file
View File

@ -0,0 +1,77 @@
$header-height : 150px;
$width-menu-slidedown : 550px;
.layout-container {
position: relative;
width: 100vw;
background-color: $background-home;
font-family: $font-family-default;
font-weight: 400;
font-style: normal;
top: 0%;
left: 0%;
// width: 100%;
overflow: hidden;
display: flex;
flex-flow: row wrap;
header{
flex: 0 0 100%;
}
// main{
// // position: relative;
// // top: -7rem;
// }
footer{
flex: 0 0 100%;
}
}
.layout-content{
order: 2;
padding-top: 3rem;
padding-bottom: 6rem;
width: 70%;
margin: auto;
@media(max-width: 891px){
width: 90%;
}
@media (max-width:500px) {
padding-top: 0;
}
}
aside{
width: 20%;
order: 1;
margin-top: 5rem;
margin-left: 10%;
margin-right: 1rem;
@media(max-width:891px){
margin-left: 5%;
margin-top: 9rem;
}
@media (max-width:500px) {
width: 80%;
margin-top: 3rem;
}
}
main{
width: 100%;
display: flex;
flex-direction: row;
position: relative;
@media (max-width:500px) {
flex-direction: column;
}
}
.main-content{
margin-top: 7rem;
}

0
web/themes/custom/quartiers_de_demain/scss/global/_mediaquerries.scss Normal file
View File

27
web/themes/custom/quartiers_de_demain/scss/global/_reset.scss Normal file
View File

@ -0,0 +1,27 @@
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;
}

75
web/themes/custom/quartiers_de_demain/scss/global/variables/_buttons.scss Normal file
View File

@ -0,0 +1,75 @@
// // home
// %buttonwithborder {
// text-transform: uppercase;
// padding: 1rem;
// border: solid black 1px;
// margin-bottom: 1rem;
// background-color: $white-button;
// @media (max-width:891px) {
// font-size: 1rem;
// }
// }
// // %hoveryellow{
// // :hover{
// // background-color: $yellow-puca;
// // }
// // }
// .field--type-link {
// @extend %buttonwithborder;
// width: fit-content;
// }
// .bouton{
// background-color: $white-button !important;
// border: none !important;
// cursor: pointer;
// }
// .field--type-file{
// @extend %buttonwithborder;
// }
// .links{
// @extend %buttonwithborder;
// }
// .views-field-edit-node{
// @extend %buttonwithborder;
// width: fit-content;
// margin-top: 1rem;
// }
// .views-field-edit-user{
// @extend %buttonwithborder;
// width: fit-content;
// margin-top: 1rem;
// }
// .views-field-edit-user:hover{
// background-color: $yellow-puca;
// }
// #edit-unlock{
// display: none;
// }
// #edit-submit:hover{
// background-color: $yellow-puca;
// }
// .views-field-edit-node:hover{
// background-color: $yellow-puca;
// }
// .form-submit:hover{
// background-color: $yellow-puca;
// }

12
web/themes/custom/quartiers_de_demain/scss/global/variables/_colors.scss Normal file
View File

@ -0,0 +1,12 @@
/* Colors used for quartiers_de_demain */
$background-home: rgba(153, 147, 174, 0.1);
$white-button: rgb(255, 255, 255);
$white-header:rgb(255, 255, 255);
$yellow-puca: #fdc300;

9
web/themes/custom/quartiers_de_demain/scss/global/variables/_typography.scss Normal file
View File

@ -0,0 +1,9 @@
// Font Family
$font-family-default: "Marianne", sans-serif;
$font-family-header: "Marianne", sans-serif;
$font-family-chapeau: "Marianne", sans-serif;

34
web/themes/custom/quartiers_de_demain/scss/partials/_aside.scss Normal file
View File

@ -0,0 +1,34 @@
// .layout-sidebar-first{
// #block-reha-phase1{
// border: solid $yellow-puca 1px;
// font-weight: 800;
// padding: 1rem;
// width: 80%;
// @media(max-width:891px){
// width: 100%;
// }
// h2{
// margin-top: 0;
// margin-bottom: 0;
// text-transform: lowercase;
// font-weight: 1000;
// line-height: 1rem;
// font-size:1.5rem ;
// }
// p{
// font-size: 1.5rem;
// line-height: 1.8rem;
// margin-top: 0.8rem;
// }
// footer{
// @extend %buttonwithborder;
// width: fit-content;
// }
// }
// }

137
web/themes/custom/quartiers_de_demain/scss/partials/_footer.scss Normal file
View File

@ -0,0 +1,137 @@
footer{
background-color: $white-header;
padding-top: 3rem;
font-family: "Marianne";
font-weight: 800;
font-size: 1.1rem;
text-transform: lowercase;
div{
display: flex;
flex-direction: row;
@media(max-width: 891px){
// // flex-direction: row;
flex-wrap: wrap;
}
@media(max-width: 520px){
flex-direction: column;
}
}
h2{font-size: 1.1rem;}
section:not(:first-of-type){
border-left: $yellow-puca solid 2px;
padding-left: 2rem;
@media(max-width: 891px){
margin-left: 1rem;
margin-right: 1rem;
border-left: $yellow-puca solid 2px;
// border-left: none;
// border-top: $yellow-puca solid 2px;
}
@media(max-width: 520px){
margin-left: 1rem;
margin-right: 1rem;
border-left: none;
border-top: $yellow-puca solid 2px;
}
}
section:not(:last-of-type){
padding-right: 5rem;
@media(max-width: 891px){
padding-right: 0;
}
@media(max-width: 520px){
padding-right: 0;
}
}
section:last-of-type{
padding-right: 5rem;
@media(max-width: 891px){
border-top: $yellow-puca solid 2px;
border-left: none;
}
}
}
#footer-left {
margin-left: 10%;
@media(max-width: 891px){
margin-left: 1rem;
padding-left: 2rem;
width: 40%;
}
@media(max-width: 520px){
width: 100%;
margin-left: 1rem;
padding-left: 2rem;
}
div{
display: flex;
flex-direction: column;
#block-reha-pieddepage {
ul{
padding-left: 0;
}
}
#block-reha-logoreha-3{
display: none;
}
.social-media-links--platforms{
display: flex;
flex-direction: row;
svg.ext{
display: none;
}
}
}
}
#footer-middle{
@media(max-width: 891px){
width: 40%;
}
@media(max-width: 520px){
width: 100%;
margin-right: 1rem;
}
#block-reha-operateurduprogramme{
display: flex;
flex-direction: column;
img{
max-width: 150px;
height: fit-content;
max-height: 100px;
object-fit: contain;
padding: 1rem;
}
}
}
#footer-right{
#block-reha-config-pages-2{
display: flex;
flex-direction: column;
.field--name-field-partenaires{
.field__items{
display: flex;
flex-direction: row;
flex-wrap: wrap;
img{
max-width: 120px;
height: fit-content;
max-height: 115px;
object-fit: contain;
// padding: 1rem;
}
}
}
}
}

14
web/themes/custom/quartiers_de_demain/scss/partials/_header.scss Normal file
View File

@ -0,0 +1,14 @@
header{
display:grid;
grid-template-rows:"logo logo logo logo logo nav"
"nav nav nav nav nav nav"
"logo logo nav rs" ;
#block-quartiers-de-demain-logorepu-2{
grid-row: logo;
}
#block-quartiers-de-demain-logoepau-2{
grid-area: logo;
}
}

27
web/themes/custom/quartiers_de_demain/scss/quartiers_de_demain.scss Normal file
View File

@ -0,0 +1,27 @@
/*quartiers_de_demain*/
// @import "configuration/_breakpoints.scss";
// @import "functions/mixins/_breakpoints.scss";
/*global*/
@import "global/variables/colors";
@import "global/variables/typography";
// @import "global/variables/buttons";
@import "global/core";
@import "global/fonts";
@import "global/layout";
@import "global/reset";
@import "global/mediaquerries";
/*partials*/
@import "partials/header";
@import "partials/footer";
@import "partials/aside";
/*pages*/