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

footnotes

Browse Source
This commit is contained in:
ouidade
2023-06-09 16:07:33 +02:00
parent d2e0d6e7d4
commit 47d640beb3
410 changed files with 3605 additions and 16626 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/templates/layout/page.html.twig
+1
View File
@@ -38,6 +38,7 @@
<header role="banner">
<section id="header-top">
{{ page.header_top_left }}
{{ page.header_top_middle }}
{{ page.header_top_rigth }}
</section>
{{ page.header_bottom }}
web/themes/custom/rorschach/config/schema/rorschach.schema.yml
+2 -2
View File
@@ -1,5 +1,5 @@
# Schema for the configuration files of the eql theme.
# Schema for the configuration files of the rorschach theme.
rorschach.settings:
type: theme_settings
label: 'Rorschach settings'
label: 'rorschach settings'
web/themes/custom/rorschach/css-compiled/global/layout.css
-2
View File
@@ -1,2 +0,0 @@
.body {
margin: 0; }
web/themes/custom/rorschach/css-compiled/global/variables/colors.css
-1
View File
@@ -1 +0,0 @@
/* Colors used for Rorschach */
web/themes/custom/rorschach/css-compiled/global/variables/typography.css
View File
web/themes/custom/rorschach/css-compiled/pages/off_canvas_page_wrapper.css
View File
web/themes/custom/rorschach/css-compiled/pages/static.css
-3
View File
@@ -1,3 +0,0 @@
.field--name-field-textes {
grid-column-start: 2;
grid-column-end: 7; }
web/themes/custom/rorschach/css-compiled/styles.css
-3772
View File
File diff suppressed because it is too large Load Diff
web/themes/custom/rorschach/css-prefixed/styles.css
-3953
View File
File diff suppressed because one or more lines are too long
web/themes/custom/rorschach/images/rorschach.png
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.1 KiB

web/themes/custom/rorschach/package-lock.json
Generated
+1 -1
View File
@@ -5,7 +5,7 @@
"requires": true,
"packages": {
"": {
"name": "dev.eql.fr",
"name": "dev.rorschach.fr",
"version": "1.0.0",
"license": "ISC",
"devDependencies": {
web/themes/custom/rorschach/package.json
+1 -1
View File
@@ -9,7 +9,7 @@
},
"repository": {
"type": "git",
"url": "https://figureslibres.io/gogs/bachir/d9-eql.git"
"url": "https://figureslibres.io/gogs/bachir/drupal-rorschach.git"
},
"author": "",
"license": "ISC",
web/themes/custom/rorschach.info.yml → web/themes/custom/rorschach/rorschach.info.yml
+1
View File
@@ -12,6 +12,7 @@ libraries:
regions:
header_top_left: 'Header top left'
header_top_middle: 'Header top middle'
header_top_rigth: 'Header top right'
header_bottom: 'Header Bottom'
help: Help
web/themes/custom/rorschach/rorschach.theme
-123
View File
@@ -1,123 +0,0 @@
<?php
/*
* @files
* Theme Template Funtions
*/
// use Drupal\Core\Template\Attribute;
// use Drupal\Core\Link;
// use Drupal\Core\Url;
function rorschach_preprocess_html(&$variables) {
$node = \Drupal::routeMatch()->getParameter('node');
if ($node){
$variables['attributes']['class'][] = 'node-type-' . $node->bundle();
$variables['attributes']['class'][] = 'node-id-' . $node->id();
}
}
function rorschach_preprocess_node(&$variables){
$node = &$variables['node'];
$variables['attributes']['class'][] = 'node-type-' . $node->gettype();
if($node->gettype() == "actualite") {
$actu_type = $node->get('field_actu_type')->getString();
$variables['attributes']['class'][] = 'actu-type-' . $actu_type;
}
if($node->gettype() == "offre_de_service") {
$type_protagoniste = $node->get('field_type_de_protagoniste')->getString();
$variables['attributes']['class'][] = 'type-de-protagoniste-' . $type_protagoniste;
}
}
function rorschach_preprocess_field(&$variables) {
$node = \Drupal::routeMatch()->getParameter('node');
$field_name = &$variables['field_name'];
if($node) {
if ($field_name == 'field_type_de_protagoniste'){
$type_protagoniste = $node->get('field_type_de_protagoniste')->getString();
$variables['attributes']['class'][] = 'type-de-protagoniste-' . $type_protagoniste;
}
}
}
//////////////////////////////////////////////////
// function rorschach_preprocess_field(&$variables){
// $node = &$variables['node'];
// $variables['attributes']['class'][] = 'node-type-' . $node->gettype();
// if($node->gettype() == "offre_de_service") {
// $type_protagoniste = $node->get('field_type_de_protagoniste')->getString();
// $variables['attributes']['class'][] = 'type-de-protagoniste-' . $type_protagoniste;
// }
// }
// function MYTHEME_preprocess_field__MYFIELD(&$variables) {
// if ($variables['element']['#entity_type'] === 'node') {
// $node = $variables['element']['#object'];
// $nid = $node->id();
// $variables['myurl'] = \Drupal::service('path.alias_manager')->getAliasByPath('/node/' . $nid);
// }
// }
// function template_preprocess_block(&$variables) {
// $node = &$variables['node'];
// $variables['attributes']['class'][] = 'node-type-' . $node->gettype();
// if($node->gettype() == "offre_de_service") {
// $type_protagoniste = $node->get('field_type_de_protagoniste')->getString();
// $variables['attributes']['class'][] = 'type-de-protagoniste-' . $type_protagoniste;
// }
// }
///////////////////////////////////////////////////
///////////////////////////////////////////////////
// counter pour id
// function rorschach_preprocess_field(&$variables) {
// // static $counter = 0;
// // $variables['counter'] = $counter++;
// $variables['elements']['#paragraph']->item_id;
// }
// la fonction suivante ne fonctionne pas
// function rorschach_preprocess_field(&$variables) {
// $paragraph = &$variables['paragraph'];
// $variables['attributes']['class'][] = 'paragraph-type-' . $paragraph->id();
// $hook_id = $paragraph->get('paragraph-id--')->getString();
// $variables['attributes']['class'][] = 'hook-id-' . $hook_id;
// }
//might be useful for if-clause: $variables['field_name'] and $variables['field_type']
// if ($paragraph && $paragraph->getEntityTypeId() == 'paragraph' . $paragraph->id() ) {
//whatever logic you need goes here, e.g. something like
//$variables['attributes']['data-from-parent-paragraph'] = $parentEntity->getYourStuff();
// }
// function yourtheme_preprocess_field(&$variables, $hook) {
// $element = $variables['element'];
// $parentEntity = $element['#object'];
// //might be useful for if-clause: $variables['field_name'] and $variables['field_type']
// if ($parentEntity && $parentEntity->getEntityTypeId() == 'paragraph' ) {
// //whatever logic you need goes here, e.g. something like
// //$variables['attributes']['data-from-parent-paragraph'] = $parentEntity->getYourStuff();
// }
// }
// $variables['elements']['#entity']->item_id;
// function MYTHEME_preprocess_views_view_fields__view_machine_name(&$vars) {
// static $counter = 0;
// $vars['counter'] = $counter++;
// }
web/themes/custom/rorschach/scss/global/_fonts.scss
-124
View File
@@ -1,124 +0,0 @@
@font-face {
font-family: 'Font Awesome';
src: url('../fonts/Font Awesome/fontawesome-webfont.woff2') format('woff2');
font-weight: 400;
font-style: normal;
}
/*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;
}
/* Source Code Pro */
@font-face {
font-family: 'Source Code Pro';
src: url('../fonts/source-code-pro/SourceCodePro-Medium.otf.woff2') format('woff2'),
url('../fonts/source-code-pro/SourceCodePro-Medium.otf.woff') format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Source Code Pro';
src: url('../fonts/source-code-pro/SourceCodePro-Bold.otf.woff2') format('woff2'),
url('../fonts/source-code-pro/SourceCodePro-Bold.otf.woff') format('woff');
font-weight: 1000;
font-style: normal;
}
web/themes/custom/rorschach/scss/global/_layout.scss
-68
View File
@@ -1,68 +0,0 @@
.layout-container {
font-family: $font-family-default;
margin: none;
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{
padding-top: 7rem;
padding-bottom: 6rem;
}
.path-frontpage{
margin: 0;
}
.path-node {
margin: 0;
}
.path-faq{
margin: 0;
}
.path-ressources{
margin: 0;
}
.path-webform{
margin: 0;
}
.path-projets{
margin: 0;
}
.path-incubateur{
margin:0;
}
.main-content{
margin-top: 7rem;
}
.field--name-field-titre{
.field__item{
color: $blue-dark;
font-weight: 900;
font-size: 2rem;
}
.field__label{
visibility: hidden;
}
}
.inter-titre {
color: $blue-light;
// text-transform: uppercase;
}
web/themes/custom/rorschach/scss/global/_mediaqueries.scss
-78
View File
@@ -1,78 +0,0 @@
@media (max-width: 959px){
#block-headermenu{
display:none;
}
.page-node-type-static{
.layout__region--top{ //bandeau titre page static
height: 23vh;
.block-entity-fieldnodetitle{
margin-top: 11vh;
}
}
.node-id-20{
.field--name-field-partenaires{ // page partenaires
.paragraph--type--partenaire{
display: flex;
flex-direction: column;
}
}
}
}
.path-frontpage{
.view-display-id-block_2:is(.view-id-home_nodes){ // home présentation programme
.node-type-static{
width: 70%;
// margin: auto;
div:first-child:not(.field__item):not(.field){
display: flex;
flex-direction: column;
}
.field--name-field-accroche{
p{
width: 100%;
}
}
}
}
}
}
@media (max-width: 479px){
#header-top{
#block-logogouv{
img{
min-width: 60px;
width: 70%;
height: auto;
}
}
#block-logoeql{
img{
min-width: 60px;
width: 80%;
height: auto;
}
}
}
.path-frontpage{
.block-region-content{
.block-views-blockactus-blocks-pages-block-1{
.view-actus-blocks-pages{
.view-content{
display: flex;
flex-direction: column;
}
}
}
}
}
}
web/themes/custom/rorschach/scss/global/_typography.scss
-5
View File
@@ -1,5 +0,0 @@
a {
text-decoration: none;
}
web/themes/custom/rorschach/scss/global/variables/_colors.scss
+1 -1
View File
@@ -1,5 +1,5 @@
/* Colors used for EQL */
/* Colors used for rorschach */
$blue-light: rgb(0,158,227);
web/themes/custom/rorschach/scss/global/variables/_typography.scss
-21
View File
@@ -1,21 +0,0 @@
// Font Family
$font-family-default: "Marianne", sans-serif;
// $font-family-header: "Marianne", sans-serif;
// $font-family-chapeau: "Marianne", sans-serif;
$font-family-mono: "Inconsolata", monospace;
$font-family-serif: "Georgia", "Times", "Times New Roman", serif;
// Font Weight
// les deux lignes qui suivent ne marchent pas !!
$font-regular: "Marianne", 600, normal;
$font-regular-italic: 600, italic;
// à tester, pas aboutis
// $font-titre-page() {
// font-style: normal;
// font-weight: 900;
// font-family: $font-family-default;
// }
web/themes/custom/rorschach/scss/pages/_actualite.scss
-369
View File
@@ -1,369 +0,0 @@
.path-node.page-node-type-actualite{
.layout-container{
overflow: unset;
}
.offresdeservices.layout-content.region-content#block-contenudelapageprincipale{
background: none !important;
}
.layout--threecol-25-50-25{
// display: grid;
// grid-template-rows: repeat(6, auto);
.layout__region--top{
// grid-row: 1 / span 2;
// background-color: $background-actus;
// height: 40vh;
background: linear-gradient(to bottom, $background-actus 60%, white 40%);
// padding-right: 1rem;
padding-bottom: 4rem;
.block-region-top{
// position: relative;
display: grid;
grid-template-columns: 1fr repeat(8, 1fr) 1fr;
.block-block-contentacfaf4e3-d7d0-42a6-a2a6-3c6ccd0e9344{
grid-column: 1 / span 10;
width: 100%;
font-family: 'Source Code Pro';
font-size: 1.5rem;
font-weight: 800;
color: $white;
background-color: $blue-light;
text-transform: uppercase;
padding-left: 13%;
padding-top: 1rem;
padding-bottom: 0.5rem;
vertical-align: middle;
}
.block-entity-fieldnodefield-actu-type{
padding-top: 2rem;
grid-column: 2;
}
.block-entity-fieldnodetitle{
grid-column: 2 /span 7;
margin: 0;
.field--name-title{
font-family: "Source Code Pro";
font-size: 2.5rem;
font-weight: 500;
}
}
.block-entity-fieldnodefield-date{
grid-column: 2 / span 3;
text-transform: uppercase;
color: $blue-dark;
font-size: 1.2rem;
font-weight: 800;
.field--name-field-date{
display: flex;
flex-direction: row;
justify-content: flex-start;
.field__item:not(:last-child):after{
padding-right: 1rem;
padding-left: 1rem;
content: "|";
}
}
}
.block-entity-fieldnodefield-sous-titre{
grid-column: 2 /span 7;
margin-top: 1rem;
font-weight: 800;
}
.block-entity-fieldnodefield-images{
grid-column-start: 5;
grid-column-end: 9;
img{
padding-top: 2rem;
width: 600px;
// height: auto;
max-height: 360px;
object-fit: cover;
}
// position: relative;
// bottom: -50%;
}
}
}
.layout__region--first{
// margin-top: 18rem;
.block-region-first{
display: flex;
justify-content: flex-end;
position: -webkit-sticky;
position: sticky;
top: 10rem;
.block-entity-fieldnodefield-textes{
display: flex;
justify-content: flex-end;
width: 50%;
background-color: $white;
padding-right: 2rem;
.field--name-field-titre{
display: flex;
font-size: 1rem;
font-weight: 1000;
color: $blue-dark;
border-bottom: 1px solid $blue-light;
padding-bottom: 0.5rem;
padding-right: 1rem;
// margin-top: 2rem;
margin-bottom: 0.8rem;
&:hover{
text-decoration: underline;
}
}
}
}
}
.layout__region--second{
// grid-row: 3;
flex: 0 1 50%;
// margin-top: 18rem;
.block-region-second{
width: 90%;
.block-entity-fieldnodebody{
p{
margin-top: 0;
}
.field--type-text-with-summary{
background-color: white;
}
}
.block-entity-fieldnodefield-textes{
background-color: $white;
.field--name-field-titre{
font-size: 1.5rem;
font-weight: 1000;
font-family: 'Source Code Pro';
color: $blue-dark;
text-transform: uppercase;
margin-top: 2rem;
margin-bottom: 0.8rem;
}
h4{
text-transform: none !important;
img{
width: 100%;
height: auto;
}
}
.field--type-text-long{
padding-right: 2rem;
}
p{
margin-top: 0;
}
a{
color: $black;
text-decoration: underline;
svg{
display: none;
}
}
}
.block-entity-fieldnodebody{
.panel-body{
#outputtext{
overflow-y: visible !important;
}
}
}
.block-entity-fieldnodefield-partenaires{
.field__label{
font-size: 1.5rem;
font-weight: 1000;
font-family: 'Source Code Pro';
color: $blue-dark;
text-transform: uppercase;
margin-top: 2rem;
margin-bottom: 0.8rem;
}
.field__items{
display: flex;
flex-direction: row;
justify-content: space-between;
.paragraph--type--partenaire{
display: flex;
flex-direction: column;
align-items: center;
// width: 35%;
.field--name-field-lien{
// display: none;
padding-top: 1rem;
}
}
}
}
}
}
.layout__region--third{
// grid-row: 4;
// margin-top: 18rem;
.block-region-third{
display: flex;
flex-direction: column;
width: 65%;
.field--name-field-fichiers{
.field__item{
height: fit-content;
border: 2px solid $blue-light;
background-color: $white;
margin-bottom: 1rem;
min-height: 4rem;
// background: $white;
color: $blue-light;
padding-left: 1rem;
padding-top: 1rem;
}
span:nth-of-type(2){
display: none;
}
.file--mime-application-pdf{
height: inherit;
margin: auto;
::before{
content: url("../images/pictos/noun_Download_file_307900.svg");
min-width:40px;
height: auto;
padding-right: 1rem;
}
a{
hyphens: auto;
display: inline-flex;
align-items: center;
color: $blue-light;
font-weight: 800;
// max-width: 80px ;
}
}
}
.block-entity-fieldnodefield-liens{
.field--name-field-liens{
.field__item{
margin: auto;
height: fit-content;
border: 2px solid $blue-light;
min-height: 4rem;
background: $white;
color: $blue-light;
padding-left: 1rem;
padding-top: 1rem;
margin-bottom: 1rem;
}
a{
display: inline-flex;
align-items: center;
color: $blue-light;
font-weight: 800;
&::before{
content: url("../images/pictos/noun_External Link_674151.svg");
min-width: 40px;
height: auto;
padding-right: 1rem;
}
svg.ext{
display: none;
}
}
}
}
.block-entity-fieldnodefield-ress{
margin-top: 3rem;
h2{
font-size: 0.8rem;
color: $black;
font-weight: 900;
}
.node-type-ressource{
display: flex;
flex-direction: column;
border: 2px solid $blue-light;
padding: 1rem;
height: fit-content;
margin-bottom: 1rem;
background-color: $white;
&:first-of-type{
border-top: 1px solid $blue-light;
padding-top: 1rem;
&::after{
content: url("../images/pictos/noun_Arrow_3771902.svg");
align-self: flex-end;
}
}
.field--name-title{
a{
color: $black;
font-size: 1.4rem;
font-weight: 600;
}
}
.field--name-field-auteur-s-{
font-weight: 800;
p{
margin: 0;
}
.field__label{
display:none;
}
}
.field--name-field-edition{
p{
margin: 0;
}
.field__label{
display:none;
}
}
.field--name-field-images{
width: 50%;
img{
width: 100%;
height: auto;
}
}
}
}
}
}
}
}
web/themes/custom/rorschach/scss/pages/_ami.scss
-113
View File
@@ -1,113 +0,0 @@
.node-id-3{
background: url('../images/pictos/carre-contour-bleu_programme.svg');
background-repeat: no-repeat;
background-position-y: 7rem;
max-width: 100vw;
background-size: contain;
.layout__region--top{ //bandeau titre page static
.block-region-top{
.block-entity-fieldnodefield-images{
display: none;
height: inherit;
}
.block-entity-fieldnodetitle{
.field--name-title{
color: $blue-light;
background-color: $white;
}
}
}
}
.layout__region--third{ // colone de droite fichiers et ressources liées
.block-region-third{
.block-entity-fieldnodefield-liens{
.field--name-field-liens{
.field__item{
background: $blue-light !important;
color: $white !important;
a{
color: $white !important;
}
}
}
}
}
}
.block-entity-fieldnodefield-liens{
///////////////// à activer le 19 février /////////////////
display: none;
//////////////////////////////////
.field--name-field-liens{
.field__item{
background: $blue-light;
color: $white;
}
}
}
.block-entity-fieldnodefield-ress{
margin-top: 3rem;
h2{
font-size: 0.8rem;
color: $black;
font-weight: 900;
}
.node-type-ressource{
display: flex;
flex-direction: column;
border: 2px solid $blue-light;
padding: 1rem;
height: fit-content;
margin-bottom: 1rem;
background-color: $white;
&:first-of-type{
border-top: 1px solid $blue-light;
padding-top: 1rem;
&::after{
content: url("../images/pictos/noun_Arrow_3771902.svg");
align-self: flex-end;
}
}
.field--name-title{
a{
color: $black;
font-size: 1.4rem;
font-weight: 600;
}
}
.field--name-field-auteur-s-{
font-weight: 800;
p{
margin: 0;
}
.field__label{
display:none;
}
}
.field--name-field-edition{
p{
margin: 0;
}
.field__label{
display:none;
}
}
.field--name-field-images{
display: none;
width: 50%;
img{
width: 100%;
height: auto;
}
}
}
}
}
web/themes/custom/rorschach/scss/pages/_annuairederecherche.scss
-101
View File
@@ -1,101 +0,0 @@
.path-ressources.annuairederecherche{
.layout-content{
background: url('../images/pictos/carre-contour-bleu_annuairederecherche.svg');
background-repeat: no-repeat;
background-position-y: 7rem;
max-width: 100vw;
background-size: cover;
.region-content{
#block-contenudelapageprincipale{
span{
padding-top: 3rem;
padding-bottom: 3rem;
vertical-align: middle;
color: $white;
h2{
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: $white;
background-color: $blue-light;
text-transform: uppercase;
width: fit-content;
margin-left: 10%;
margin-top: 8rem;
margin-bottom: 6rem;
}
}
.layout--threecol-25-50-25{
.layout__region--second{
flex: 0 1 50%;
margin-left: 25%;
.block-region-second{
.block-config-pages-block{
background-color: $white;
margin-bottom: 4rem;
}
.node-type-partenaires_logo_footer_{
margin-bottom: 3rem;
div{
// display: grid;
// grid-template-columns: auto auto;
// grid-template-rows: auto auto auto;
.field--name-field-logo{
grid-column: 1;
grid-row: 1 /span 3;
margin-right: 1rem;
max-height: 8rem;
a{
height: 8rem;
width: 8rem;
img{
height: 100%;
width: 100%;
object-fit: contain;
}
}
}
.field--name-title{
grid-column: 2;
font-weight: 800;
background-color: $white;
}
.field--name-body{
background-color: $white;
grid-column: 2;
p {margin: 0;}
}
.field--name-field-lien{
background-color: $white;
grid-column: 2;
a{
color: $black;
text-decoration: underline;
svg{
display: none;
}
}
}
}
}
}
}
}
}
}
}
}
web/themes/custom/rorschach/scss/pages/_basededonnees.scss
-366
View File
@@ -1,366 +0,0 @@
.path-ressources.basededonnees{
.layout-content{
width: 100vw;
.region-content{
#block-contenudelapageprincipale{
span{
padding-top: 3rem;
padding-bottom: 3rem;
vertical-align: middle;
h2{
margin: 0;
padding-top: 2rem;
height: 4rem;
color: $white;
font-family: "Source Code Pro";
text-transform: uppercase;
background: $blue-light;
padding-left: 13%;
}
}
.layout--onecol{
.block-region-content{
// position: relative;
// background: url('../images/pictos/carre-contour-bleu_bdd.svg');
// background-repeat: no-repeat;
// background-position-y: 40vh;
// max-width: 100vw;
// background-size: cover;
display: grid;
grid-template-columns: 1fr repeat(8, 2fr) 1fr;
// bandeau filtres collections
.block-views-blockcollections-block-1{
grid-column: 1 / span 10;
background: $background-actus;
height: fit-content;
display: flex;
div:first-of-type{
width: 100%;
display: grid;
grid-template-columns: 1fr repeat(8, 2fr) 1fr;
.view-id-collections{
grid-column: 3 / span 8;
height: 100%;
display: flex;
width: 80%;
// margin: auto;
.view-content{
display: flex;
flex-direction: row;
margin: auto;
margin-top: 2rem;
margin-bottom: 2rem;
justify-content: space-between;
align-items: center;
.views-row{
display: flex;
margin: auto;
background: $white;
width: 46%;
height: 80%;
padding: 1rem;
.views-field-name{
.field-content{
grid-column: 3 /span 6;
}
span{
margin: 0;
padding: 1rem;
padding-bottom: 2rem;
}
}
a{
color: $black;
font-size: 1.5rem;
font-weight: 600;
}
&:hover{
background: $blue-dark;
a{
color: $white;
}
}
}
.active{
background-color: $blue-dark;
a{
color: $white;
}
}
@media (max-width: 810px){
flex-direction: column;
.views-row{
width: 100%;
margin-top: 1rem;
}
}
}
}
// .view-filters{
// .views-exposed-form-base-de-donnees-block-1{
// .form-item-field-type-de-ressource-target-id{
// #edit-field-type-de-ressource-target-id{
// label{
// display: none;
// }
// }
// }
// }
// }
}
}
//présentation général
.block-config-pages{
grid-column: 3 / span 5;
width: 100%;
margin: auto;
}
// texte présentation
.block-views-blockcollection--block-1{
grid-column: 3 / span 5;
// margin: 2rem;
// .field--name-field-introduction{
// width: 65%;
margin: auto;
background: $white;
margin-top:2rem;
// }
}
//button proposer une ressource
.block-block-content82917d0c-5004-4bfb-af66-ce334782d82d{
visibility: hidden;
// grid-column: 8 / span 9;
// margin-top: 4rem;
// background-color: $blue-light;
// height: fit-content;
// width: 60%;
// margin-left: 2rem;
// grid-row: 2;
// .display{
// display: block;
// }
// .field--name-field-lien{
// display: flex;
// flex-direction: column;
// margin-top: 2rem;
// margin-bottom: 2rem;
// margin-left: 1.5rem;
// margin-right: 1.5rem;
// text-align: center;
// a{
// font-weight: 800;
// color: $white;
// font-size: 1.3rem;
// }
// &:after{
// margin-left: auto;
// padding-top: 1rem;
// display: block;
// content:url("../images/pictos/noun_Arrow_3771902.svg")
// }
// }
}
// grille des ressources
.block-views-blockbase-de-donnees-block-1{
// margin: auto;
width: 80%;
grid-column: 3 / span 8;
.view-filters{
display: none;
background-color: $white;
margin-top: 2rem;
margin-bottom: 2rem;
.views-exposed-form-base-de-donnees-block-1{
width: fit-content;
display: flex;
.js-form-item.form-item.js-form-type-select.form-item-field-type-de-ressource-target-id.js-form-item-field-type-de-ressource-target-id{
width: fit-content;
}
.form-item{
width: fit-content;
}
.form-item-field-type-de-ressource-target-id{
width: fit-content;
}
}
}
.view-content{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 3rem;
.views-row{
width: 49%;
// padding: 1rem;
// width: 50%;
min-height: 250px;
border: 2px solid $blue-light;
background-color: $white;
margin-bottom: 1rem;
&:hover{
background-color: $blue-light;
}
}
@media (max-width: 810px){
flex-direction: column;
.views-row{
width: 100%;
}
}
.node-type-ressource{
display: flex;
flex-direction: column;
// border: 2px solid $blue-light;
padding: 1rem;
// &:hover{
// background-color: $blue-light;
// .field--name-field-mots-clefs{
// // &::after{
// // content: url("../images/pictos/noun_Arrow_3771902.svg");
// // }
// }
// }
// &::after{
// content: url("../images/pictos/noun_Arrow_3771902.svg");
// align-self: end;
// margin-top: 1rem;
// }
.field--name-field-type-de-ressource{
text-transform: uppercase;
a{
color: $blue-light;
font-weight: 900;
font-size: 0.8rem;
}
}
.field--name-title{
h2{
margin: 0;
a{
color: $black;
font-size: 1.4rem;
font-weight: 600;
}
}
}
.field--name-field-auteur-s-{
font-weight: 800;
p{
margin: 0;
}
.field__label{
display:none;
}
}
.field--name-field-edition{
p{
margin: 0;
}
.field__label{
display:none;
}
}
.field--name-field-images{
display: none;
width: 50%;
img{
width: 100%;
height: auto;
}
}
.field--name-field-mots-clefs{
display: flex;
margin-top: 2rem;
flex-direction: row;
flex-wrap: wrap;
// &::after{
// content: url("../images/pictos/noun_Arrow_3771902.svg");
// align-self: center;
// }
.field__item{
margin-right: 0.5rem;
padding-left: 0.3rem;
padding-right: 0.3rem;
font-size: 0.8rem;
a{
background: $blue-dark;
color: $white;
font-weight: 800;
vertical-align: super;
padding-left: 0.1rem;
padding-right: 0.1rem;
display: inline-flex;
}
}
}
ul.links.inline{
display: none;
}
}
}
}
@media (max-width:810px) {
display: flex;
flex-direction: column;
margin: auto;
}
}
}
}
}
}
}
web/themes/custom/rorschach/scss/pages/_basededonnees_autres.scss
-40
View File
@@ -1,40 +0,0 @@
.path-ressources.basededonnees.autres{
//button proposer une ressource
.block-block-content82917d0c-5004-4bfb-af66-ce334782d82d{
visibility: visible !important;
grid-column: 8 / span 9;
margin-top: 4rem;
background-color: $blue-light;
height: fit-content;
width: 60%;
margin-left: 2rem;
grid-row: 2;
.field--name-field-lien{
display: flex;
flex-direction: column;
margin-top: 2rem;
margin-bottom: 2rem;
margin-left: 1.5rem;
margin-right: 1.5rem;
text-align: center;
a{
font-weight: 800;
color: $white;
font-size: 1.3rem;
}
&:after{
margin-left: auto;
padding-top: 1rem;
display: block;
content:url("../images/pictos/noun_Arrow_3771902.svg")
}
}
}
}
web/themes/custom/rorschach/scss/pages/_bookpage.scss
+3
View File
@@ -0,0 +1,3 @@
.page-node-type-book{
background-color: aqua;
}
web/themes/custom/rorschach/scss/pages/_contact.scss
-45
View File
@@ -1,45 +0,0 @@
.node-id-5{
.region-content{
background: url('../images/pictos/carre-contour-bleu_contact.svg');
background-repeat: no-repeat;
// background-position-y: 7rem;
max-width: 100vw;
background-size: contain;
}
.layout__region--top{ //bandeau titre page static
padding-bottom: 3rem;
height: 30vh;
.block-region-top{
.block-entity-fieldnodetitle{
.field--name-title{
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: $white;
background-color: $blue-light;
text-transform: uppercase;
}
}
}
}
.layout__region--second{
.block-region-second{
.block-entity-fieldnodefield-textes{
.paragraph--type--texte{
a{
color: $black;
text-decoration: underline;
svg{
display: none;
}
}
}
}
}
}
}
web/themes/custom/rorschach/scss/pages/_faq.scss
-234
View File
@@ -1,234 +0,0 @@
.path-faq{
#block-contenudelapageprincipale{
h2{
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: $blue-light;
background-color: $white;
text-transform: uppercase;
width: fit-content;
margin-left: 10%;
margin-top: 8rem;
@media (max-width: 810px){
margin-left: 6%;
margin-right: 1%;
}
}
.block-region-content{
display: grid;
grid-template-columns: 1fr repeat(4, 2fr) 1fr;
@media (max-width: 810px){
display: flex;
flex-direction: column;
margin: auto;
}
// texte
.block-config-pages.block-config-pages-block{
grid-column: 2 / span 3;
@media (max-width: 810px){
width: 80%;
margin: auto;
}
}
// bloc bleu déposer une question
.block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398{
///////////////// à activer le 19 février /////////////////
display: none;
//////////////////////////////////
grid-column: 5;
grid-row: 1 /span 2;
height: fit-content;
///////////////// à désactiver le 19 février /////////////////
// display: flex;
//////////////////////////////////
flex-direction: column;
max-width: fit-content;
margin-left: 2rem;
padding: 1rem;
background-color: $blue-light;
.field--name-field-lien{
&:before{
margin-top: 1rem;
display: block;
content: url("../images/pictos/picto_faq.svg");
}
text-align: center;
a{
font-size: 0.8rem;
font-weight: 1000;
color: $blue-dark;
text-transform: uppercase;
}
}
.field--name-field-description{
p{
display: flex;
flex-direction: column;
margin-top: 0;
margin-left: 1.5rem;
margin-right: 1.5rem;
text-align: center;
a{
font-weight: 800;
color: $white;
font-size: 1.3rem;
}
&:after{
margin-left: auto;
padding-top: 1rem;
display: block;
content:url("../images/pictos/noun_Arrow_3771902.svg")
}
}
}
@media (max-width: 810px){
margin: auto;
padding: 0rem;
.field--name-field-lien{
&:before{
margin-top: 1rem;
display: block;
content: url("../images/pictos/picto_faq_2.svg");
}
text-align: center;
a{
font-size: 0.8rem;
font-weight: 1000;
color: $blue-dark;
text-transform: uppercase;
}
}
}
}
.block-views-blockfaq-block-1{
margin-top: 2rem;
grid-column: 2 / span 3;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
@media (max-width: 810px){
width: 80%;
margin: auto;
margin-top: 1rem;
}
div:first-child{
grid-column: 1 / span 3;
// width: 70%;
// margin: auto;
.node-type-question_reponse{
border-bottom: 1px solid $blue-light;
padding-bottom: 2rem;
@media (max-width: 810px){
padding-bottom: 1rem;
}
.field--name-title{
display: none;
}
.field--name-field-question{
cursor: pointer;
p{
font-family: 'Source Code Pro' ;
font-weight: 500 ;
color: $blue-dark ;
font-size: 1.3rem;
&:after{
display:inline-flex;
content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" rotate="-45" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
// justify-self: flex-end;
float: right;
}
}
:hover {
&:after{
display:inline-flex;
content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" rotate="-45" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
// justify-self: flex-end;
float: right;
}
}
}
.field--name-field-reponse{
display: none;
}
.field--name-field-fichiers{
display: none;
span:nth-of-type(2){
display: none;
}
.file--mime-application-pdf{
span:nth-of-type(2){
display: none;
}
::before{
display: inline-block;
content: url("../images/pictos/noun_Download_file_307900.svg");
width: 30px;
height: 30px;
padding-right: 0.8rem;
}
a{
display: inline-flex;
align-items: center;
color: $black;
font-weight: 800;
}
}
}
.field--name-field-liens{
display: none;
a{
&:before{
display: inline-block;
content: url("../images/pictos/noun_External Link_674151.svg");
width: 30px;
height: 30px;
padding-right: 0.8rem;
}
display:flex;
flex-direction: row;
justify-content: left;
align-items: center;
color: $black;
font-weight: 800;
}
svg{
display: none;
}
}
.field--name-field-ress{
display: none;
margin-top: 0.5rem;
a{
color: $black;
text-decoration: underline;
font-weight: 800;
}
}
.opened{
display: block;
}
}
}
}
}
}
}
web/themes/custom/rorschach/scss/pages/_gouvernance.scss
-33
View File
@@ -1,33 +0,0 @@
.node-id-35{
.region-content{
background: url('../images/pictos/carre-contour-bleu_gouvernance.svg');
background-repeat: no-repeat;
// background-position-y: 7rem;
max-width: 100vw;
background-size: contain;
}
.layout__region--top{ //bandeau titre page static
padding-bottom: 3rem;
height: 30vh;
.block-region-top{
.block-entity-fieldnodefield-images{
display: none;
height: inherit;
}
.block-entity-fieldnodetitle{
.field--name-title{
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: $white;
background-color: $blue-light;
text-transform: uppercase;
}
}
}
}
}
web/themes/custom/rorschach/scss/pages/_home.scss
-594
View File
@@ -1,594 +0,0 @@
.path-frontpage{
.block-region-content{
display: grid;
grid-template-areas: "presentation presentation presentation presentation presentation presentation"
"presentation presentation presentation presentation presentation presentation"
"presentation presentation presentation presentation presentation presentation"
"presentation presentation presentation presentation presentation presentation"
"actus actus actus actus actus actus"
"actus actus actus actus actus actus"
"programme programme programme programme programme programme"
"programme programme programme programme programme programme"
"programme programme programme programme programme programme";
grid-template-rows: auto auto auto;
grid-template-columns: 1fr repeat(4, 2fr) 1fr;
min-height: 100vh;
// 1er bandeau home
.block-views-blockhome-nodes-block-1{
grid-area: presentation;
// grid-row: 1;
background: url("../images/pictos/forme_home_2.svg");
// background: url("../images/carre_site.mp4");
background-size: 75%;
background-position-y: bottom;
background-position-x: left;
background-repeat: no-repeat;
@media (max-width: 810px){
background: url("../images/pictos/forme_home_2_smartphone.svg");
background-size: 100%;
background-position-y: bottom;
background-position-x: left;
background-repeat: no-repeat;
}
.node-type-static{
div:first-child{
display: grid;
grid-template-columns: 1fr repeat(4, 2fr) 1fr;
grid-template-rows: repeat(4, auto);
.field--name-field-images{
///////////////// à activer le 19 février /////////////////
display: none;
//////////////////////////////////
grid-column: 4 / span 6;
grid-row: 2;
.field__item{
display: block;
width: 400px;
height: 400px;
@media (max-width: 1517px){
width: 300px;
height: 300px;
}
img{
max-width:100%;
max-height: 100%;
}
}
}
.field--name-field-accroche{
grid-column: 2 /span 2;
grid-row: 2 / span 2;
font-size: 5rem;
font-weight: 900;
color: $blue-light;
line-height: 6.9rem;
margin-top: 4rem;
margin-bottom: 5rem;
width: fit-content;
p{
margin-top: 0rem;
margin-bottom: 0;
}
span {
background-color: $white;
}
@media (max-width: 810px){
grid-column: 2 /span 5;
grid-row: 2;
font-size: 3rem;
line-height: 4.3rem;
margin-top: 0;
margin-bottom: 1rem;
p{
margin-top: 0rem;
}
}
}
.field--name-title{
// grid-column: 4;
// grid-row: 2;
grid-column: 2;
grid-row: 1 / span 2;
margin-top: 3rem;
margin-bottom: 2rem;
h2{
background-color: $white;
a{
color: #e1000f;
font-weight: 900;
text-transform: uppercase;
font-family: "Source Code Pro";
display: table;
margin: 0px auto 0px auto;
// background-color: $white;
}
}
@media (max-width: 1517px){
}
@media (max-width: 810px){
margin-top: 1rem;
grid-column: 2 / 6;
grid-row: 1;
}
}
.links.inline{
grid-column: 2;
grid-row: 4;
max-width: 70%;
min-width: fit-content;
height: 1.5rem;
padding: 0.4rem 1rem;
font-size: 0.8rem;
margin-bottom: 2.5rem;
background-color: $white;
border: 2px solid $blue-light;
list-style: none;
text-align: center !important;
a{
display: inline-flex;
text-transform: uppercase;
font-weight: 700;
color: $blue-light;
align-items: center;
&:after{
display: block;
content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
}
}
@media (max-width: 810px){
grid-column: 2;
grid-row:3;
font-size: 0.6rem;
a{
&:after{
display: none;
}
}
}
}
}
}
}
// bouton déposer candidature
.block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca{
///////////////// à activer le 19 février /////////////////
display: none;
//////////////////////////////////
grid-area: presentation;
grid-column: 3 /span 4;
grid-row: 4;
align-self: flex-end;
margin-bottom: 2.5rem;
max-width: 25%;
min-width: fit-content;
.field--type-link {
grid-column: 3;
// justify-self: flex-end;
position: relative;
// max-width: 70%;
// min-width: fit-content;
height: 1.5rem;
padding: 0.4rem 1rem;
font-size: 0.8rem;
margin: 0;
background-color: $white;
border: 2px solid $blue-light;
list-style: none;
top: -200%;
text-align: center !important;
a{
display: inline-flex;
text-transform: uppercase;
font-weight: 700;
color: $blue-light;
align-items: center;
.ext{
display: none;
}
}
a::after{
content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
}
}
@media (max-width: 810px){
grid-area: presentation;
grid-column: 5;
grid-row: 4;
.field--type-link { font-size: 0.6rem;
a::after{
display: none;
}
}
}
}
// bouton foire aux questions
.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
///////////////// à activer le 19 février /////////////////
display: none;
//////////////////////////////////
grid-area: presentation;
grid-column: 5 ;
grid-row: 4;
background-color: $blue-light;
height: fit-content;
align-self: flex-end;
max-width: 70%;
min-width: fit-content;
.field--name-field-lien{
&:before{
margin-top: 1rem;
display: block;
content: url("../images/pictos/picto_faq.svg");
}
text-align: center;
a{
font-size: 0.8rem;
font-weight: 1000;
color: $blue-dark;
text-transform: uppercase;
}
}
.field--name-field-description{
margin-bottom: 1rem;
p{
margin-top: 0;
margin-bottom: 0;
margin-left: 1.5rem;
margin-right: 1.5rem;
text-align: center;
a{
font-weight: 800;
color: $white;
font-size: 1.3rem;
}
}
}
@media (max-width: 810px){
.field--name-field-lien{
background-color: $white;
border: 2px solid $blue-light;
padding: 0.4rem 1rem;
&:before{display: none;}
a{
display: inline-flex;
text-transform: uppercase;
font-weight: 700;
color: $blue-light;
align-items: center;
font-size: 0.6rem;
}
a::after{
display: none;
}
}
.field--name-field-description{display: none;}
}
}
// date limite de candidature
.block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695{
///////////////// à activer le 19 février /////////////////
// display: none;
//////////////////////////////////
grid-column: 5;
grid-row: 1;
height: fit-content;
///////////////// à désactiver le 19 février /////////////////
display: flex;
//////////////////////////////////
justify-self: flex-end;
width: 50%;
margin-top: 3rem;
.field--name-body{
justify-content: right;
display: flex;
flex-direction: column;
text-transform: uppercase;
text-align: right;
font-size: 1.3rem;
:nth-child(1){
&:after{
display: block;
content: url("../images/pictos/noun_Arrow_3771902-rouge.svg");
transform: rotate(90deg);
height: fit-content;
position: relative;
top: -30px;
right: -60px;
}
}
:nth-child(2){
font-size: 2.5rem;
font-weight: 900;
}
}
@media (max-width: 810px){
display: none;
grid-column: 2 / span 6;
grid-row: 3;
width: 100%;
margin-top:8rem;
.field--name-body{
justify-content: left;
display: flex;
flex-direction:row;
text-transform: uppercase;
text-align: left;
align-items: center;
font-size: 1rem;
font-weight: 800;
:nth-child(1){
width: 25%;
height: fit-content;
&:after{
display: inline-flex;
transform: rotate(360deg) translateX(80px) translateY(-6px) scale(50%);
}
}
:nth-child(2){
margin: 0;
text-align: right;
justify-self: flex-end;
font-size: 1.5rem;
margin-left: 5rem;
margin-top: 0.6rem;
margin-bottom: 2rem;
}
}
}
}
// bandeau actus
.block-views-blockactus-blocks-pages-block-1{
grid-area: actus;
width: 100vw;
border-bottom: 5px solid $blue-light;
border-top: 5px solid $blue-light;
background: $background-actus;
.view-actus-blocks-pages{
.view-content{
display: grid;
grid-template-columns: 1fr repeat(4, 2fr) 1fr;
margin: auto;
padding-top: 2rem;
padding-bottom: 4rem;
@media (max-width: 479px){
display: flex;
padding-left: 1rem;
width: 80%;
}
.views-row:nth-of-type(1) { grid-column: 2; }
.node-type-actualite{
color: $black;
line-height: 1.5rem;
padding: 0.5rem;
div:first-child{ // block actu dans le bandeau
display: flex;
flex-direction: column;
// :nth-child(1) { order: 1; }
// :nth-child(4) { order: 2; }
// :nth-child(5) { order: 3; }
}
.field--name-field-images {
order: 1;
.field__item img{
max-width: 95%;
max-height: 150px;
object-fit: cover;
width: 100%;
padding-bottom: 1rem;
}
}
.field--name-field-date{
order: 2;
display: flex;
flex-direction: row;
justify-content: flex-start;
&:not(:last-child):after{
padding-right: 1rem;
content: "|";
}
time{
font-size: 0.9rem;
font-weight: 800;
padding-right: 1rem;
width: fit-content;
// :not(:last-child):after{
// padding-left: 0.5rem;
// content: "|";
// }
}
}
.field--name-title{
order:3;
}
.field--name-field-sous-titre{
order:4;
margin-top: 0.3rem;
font-weight: 800;
}
.field:not(.field--name-field-images){
width: 100%;
}
h2{ margin:0; }
a{ color: $black; }
.inline.links{
padding-top: none !important;
list-style: none;
width: fit-content;
align-self: flex-end;
padding-right: 1rem;
a{
display: none;
}
}
.field--name-field-actu-type{
order:5;
padding-top: 1rem;
}
}
}
}
}
// bouton voir toutes actus du bandeau bleu
.block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2{
grid-area: actus;
grid-row: 6;
grid-column: 5 / span 6;
max-width: 50%;
min-width: fit-content;
margin-bottom: 2rem;
align-self: flex-end;
@media (max-width: 479px){
grid-column: 3 / span 6;
}
.field--type-link {
width: fit-content;
height: fit-content;
padding: 0.4rem 1rem;
font-size: 0.8rem;
margin: 0;
background-color: $white;
border: 2px solid $blue-light;
list-style: none;
display: inline-flex;
a{
text-transform: uppercase;
font-weight: 700;
color: $blue-light;
display: inline-flex;
align-items: center;
}
a::after{
content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
}
}
}
// présentation programme
.block-views-blockhome-nodes-block-2{
grid-area: programme;
.view-display-id-block_2:is(.view-id-home_nodes){
padding-top: 2rem;
// background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1"><rect x="0" y="0" width="80" height="80" transform="rotate(35) translate(430, -800) scale(15)" fill="none" stroke="rgb(0,158,227)" stroke-width="0.4px"/></svg>');
background: url('../images/pictos/carre-contour-bleu.svg');
// background-position-y: 50%;
background-repeat: no-repeat;
max-width: 100vw;
background-size: cover;
.node-type-static{
width: 70%;
margin: auto;
div:first-child:not(.field__item):not(.field){
display: flex;
flex-direction: row;
flex-wrap: wrap;
:nth-child(4) { order: 3; }
}
.inline.links{
z-index: 95;
align-self: flex-end;
width: fit-content;
height: fit-content;
padding: 0.4rem 1rem;
font-size: 0.8rem;
margin: 0;
background-color: $white;
border: 2px solid $blue-light;
list-style: none;
a{
text-transform: uppercase;
font-weight: 700;
color: $blue-light;
display: inline-flex;
align-items: center;
&:after{
// display: block;
content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
}
}
}
.field--name-field-images{
// grid-column: 2 / 4;
.field__item{
img{
width: 15rem;
height: auto;
}
}
}
.field--name-title{
display: none;
}
.field--name-field-accroche{
flex: 1 1 50px;
// grid-column: 4 / 9;
padding-left: 1rem;
p{
background-color: $white;
font-size: 1.5rem;
width: 110%;
padding-bottom: 2rem;
margin-block-start: 0;
text-align: start !important;
}
}
.field--name-field-videos{
flex: 0 0 80%;
padding-top: 4rem;
margin: auto;
}
}
}
}
}
}
web/themes/custom/rorschach/scss/pages/_incubateur.scss
-429
View File
@@ -1,429 +0,0 @@
.path-incubateur{
background: url('../images/pictos/carre-contour-bleu_programme.svg');
background-repeat: no-repeat;
background-position-y: 7rem;
max-width: 100vw;
background-size: contain;
.layout-container{
overflow: unset;
// display: flex;
// flex-direction: column;
// flex-flow: row wrap;
// header{
// flex: 0 0 100%;
// }
// main{
// flex: 0 0 100%;
.layout-content{
.region-content{
#block-contenudelapageprincipale{
span{
width: fit-content;
// margin-left: 11%;
// margin-top: 15vh;
// @media (max-width: 810px){
// margin-left: 8%;
// margin-right: 5%;
// }
h2{
width: fit-content;
margin-left: 11%;
margin-top: 15vh;
color: $white;
font-family: "Source Code Pro";
text-transform: uppercase;
font-size: 2rem;
font-weight: 800;
background: $blue-light;
margin-bottom: 15vh;
}
}
.layout--threecol-25-50-25{
// menu ancres a gauche
.layout__region--first{ // menu ancres a gauche
position: relative;
.block-region-first{
.block-config-pages-block{
display: flex;
justify-content: flex-end;
position: -webkit-sticky;
position: sticky;
top: 10rem;
@media (max-width: 810px){
display: none;
}
.config_pages--type--incubateur-du-programme {
display: flex;
flex-direction: row-reverse;
width: 50%;
background-color: $white;
padding-right: 2rem;
.field--name-field-titre{
display: flex;
flex-direction: column;
font-size: 1rem;
font-weight: 1000;
color: $blue-dark;
border-bottom: 1px solid $blue-light;
padding-bottom: 0.8rem;
padding-right: 1rem;
margin-top: 1rem;
scroll-margin-top: 7em;
&:hover{
text-decoration: underline;
}
}
}
}
}
}
// paragraphe texte
.layout__region--second{
.block-config-pages-block{
.config_pages--type--incubateur-du-programme{
.field--name-field-textes{
.field__item{
.paragraph--type--texte{
padding-right: 2rem;
margin-top: 1rem;
background-color: $white;
.field--name-field-titre{
font-size: 1.5rem;
font-weight: 1000;
font-family: 'Source Code Pro', monospace;
color: $blue-dark;
text-transform: uppercase;
// margin-top: 2rem;
margin-bottom: 0.8rem;
}
.field--name-field-texte{
margin-bottom: 2rem;
}
}
}
}
}
}
}
// colone de droite fichiers et ressources liées
.layout__region--third{
.block-region-third{
.block-config-pages-block{
.config_pages--type--incubateur-du-programme{
margin-top: 1rem;
display: flex;
flex-direction: column;
width: 70%;
// position: -webkit-sticky;
// position: sticky;
// top: 9rem;
@media (max-width: 810px){
margin: auto;
}
.field--name-field-documents{
height: fit-content;
border: 2px solid $blue-light;
background-color: $white;
margin-bottom: 1rem;
.field__item{
min-height: 4rem;
background: $white;
color: $blue-light;
padding-left: 0.8rem;
padding-top: 1rem;
span:nth-of-type(2){
display: none;
}
.file--mime-application-pdf{
height: inherit;
margin: auto;
::before{
content: url("../images/pictos/noun_Download_file_307900.svg");
min-width:40px;
height: auto;
padding-right: 0.5rem;
display: inline-flex;
align-items: center;
}
a{
hyphens: auto;
display: inline-flex;
align-items: center;
color: $blue-light;
font-weight: 800;
// max-width: 80px ;
}
}
}
}
.field--name-field-liens{
.field__item{
margin: auto;
height: fit-content;
border: 2px solid $blue-light;
min-height: 4rem;
background: $white;
color: $blue-light;
padding-left: 0.8rem;
padding-top: 1rem;
margin-bottom: 1rem;
}
a{
display: inline-flex;
align-items: center;
justify-items: center;
color: $blue-light;
font-weight: 800;
&::before{
content: url("../images/pictos/noun_External Link_674151.svg");
min-width: 40px;
height: auto;
padding-right: 0.5rem;
display: inline-flex;
align-items: center;
}
svg.ext{
display: none;
}
}
}
// .block-entity-fieldnodefield-ress{
// margin-top: 3rem;
// h2{
// font-size: 0.8rem;
// color: $black;
// font-weight: 900;
// }
// .node-type-ressource{
// display: flex;
// flex-direction: column;
// border: 2px solid $blue-light;
// padding: 1rem;
// height: fit-content;
// margin-bottom: 1rem;
// background-color: $white;
// &:first-of-type{
// border-top: 1px solid $blue-light;
// padding-top: 1rem;
// &::after{
// content: url("../images/pictos/noun_Arrow_3771902.svg");
// align-self: flex-end;
// }
// }
// .field--name-title{
// a{
// color: $black;
// font-size: 1.4rem;
// font-weight: 600;
// }
// }
// .field--name-field-auteur-s-{
// font-weight: 800;
// p{
// margin: 0;
// }
// .field__label{
// display:none;
// }
// }
// .field--name-field-edition{
// p{
// margin: 0;
// }
// .field__label{
// display:none;
// }
// }
// .field--name-field-images{
// display: none;
// width: 50%;
// img{
// width: 100%;
// height: auto;
// }
// }
// .field--name-field-type-de-ressource{
// display: inline-flex;
// margin-top: 2rem;
// background: $blue-dark;
// margin-right: 1rem;
// padding-left: 0.3rem;
// padding-right: 0.3rem;
// color: $white;
// font-weight: 800;
// vertical-align: middle;
// }
// }
// }
}
}
}
}
// filtre et grille projets
.layout__region--bottom{
.block-region-bottom{
.block-views-blockprojets-block-3{
padding-top: 1rem;
background-color: white;
.view-projets{
width: 80%;
margin: auto;
.view-filters{
margin-top: 4rem;
display: flex;
flex-direction: row;
&::before{
content: 'Filtrer par:';
}
#views-exposed-form-projets-block-3{
// width: 100%;
display: flex;
flex-direction: row;
#edit-field-neuf-rehabilitation-value--wrapper{
legend{display: none;}
}
#edit-field-encours-fini-value--wrapper{
legend{display: none;}
}
.js-form-type-textfield{
label{display: none;}
}
}
}
//grille de projets
.view-content{
margin-top: 2rem;
display: flex;
flex-direction: row;
.views-row{
width: 25%;
flex: 0 0 25%;
}
}
.node-type-projet{
color: $blue-dark;
line-height: 1.5rem;
padding: 0.5rem;
padding-right: 1rem;
padding-left: 1rem;
div:first-child{
display: flex;
flex-direction: column;
a{
color: $blue-dark;
}
.field--name-field-photo {
order:1;
img{
width: 100%;
max-height: 175px;
object-fit: cover;
}
&::after{
display: block;
content:url('data:image/svg+xml,<svg width="160" height="25" xmlns="http://www.w3.org/2000/svg" version="1.1"> <line x1="0" x2="80" y1="20" y2="20" stroke-linecap="cube" stroke="rgb(9,57,139)" stroke-width="2.5"/></svg>');
}
}
.field--name-field-adresse{
order:2;
display: flex;
text-transform: uppercase;
font-size: 0.9rem;
font-weight: 800;
margin-top: 0.8rem;
line-height: 0.6rem;
.address{
display: flex;
flex-direction: row;
margin: 0;
.locality{
padding-top: 0 !important;
padding-bottom: 0 !important;
&::after{
content:",";
margin-right: 0.3rem;
}
}
.country{
padding-top: 0 !important;
padding-bottom: 0 !important;
} }
}
.field--name-field-sous-titre{
margin-top: 0.5rem;
font-size: 0.9rem;
font-weight: 800;
order: 4;
}
.field--name-title{
order: 3;
margin-top: 0.5rem;
font-size: 1rem;
font-weight: 800;
h2{margin: 0;}
}
.field--name-field-incube{
order:4;
color: red;
margin-top: 0.8rem;
}
}
}
}
}
}
}
}
}
}
}
// }
}
}
web/themes/custom/rorschach/scss/pages/_lesprojets.scss
-208
View File
@@ -1,208 +0,0 @@
.path-projets{
.region-content{
#block-contenudelapageprincipale{
span{
padding-top: 3rem;
padding-bottom: 3rem;
vertical-align: middle;
h2{
margin: 0;
padding-top: 2rem;
height: 4rem;
color: $white;
font-family: "Source Code Pro";
text-transform: uppercase;
background: $blue-light;
padding-left: 13%;
}
}
.layout--onecol{
.block-region-content{
display: grid;
grid-template-columns: 1fr repeat(8, 2fr) 1fr;
/// carte
.block-views-blockprojets-block-2{
grid-column: 1 / span 10;
}
//texte de présentation
.block-config-pages-block{
grid-column: 3 / span 5;
// width: 60%;
margin: auto;
span h2{
display: none;
}
.config_pages--type--les-projets{
.field--name-field-introduction{
p:nth-of-type(1){
font-size: 1.5rem;
}
}
}
}
// bouton projets incubés
.block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220{
grid-column: 8 / span 9;
margin-top: 4rem;
background-color: $blue-light;
height: fit-content;
width: 60%;
margin-left: 2rem;
grid-row: 2;
.display{
display: block;
}
.field--name-field-lien{
display: flex;
flex-direction: column;
margin-top: 2rem;
margin-bottom: 2rem;
margin-left: 1.5rem;
margin-right: 1.5rem;
text-align: center;
a{
font-weight: 800;
color: $white;
font-size: 1.3rem;
}
&:after{
margin-left: auto;
padding-top: 1rem;
display: block;
content:url("../images/pictos/noun_Arrow_3771902.svg")
}
}
}
//partie projets
.block-views-blockprojets-block-1{
grid-column: 3 / span 8;
// width: 80%;
.view-projets{
// width: 80%;
margin: auto;
.view-filters{
margin-top: 4rem;
display: flex;
flex-direction: row;
&::before{
content: 'Filtrer par:';
}
#views-exposed-form-projets-block-1{
display: flex;
flex-direction: row;
#edit-field-neuf-rehabilitation-value--wrapper{
legend{display: none;}
}
#edit-field-encours-fini-value--wrapper{
legend{display: none;}
}
.js-form-type-textfield{
label{display: none;}
}
}
}
//grille de projets
.view-content{
margin-top: 2rem;
display: flex;
flex-direction: row;
.views-row{
width: 25%;
flex: 0 0 25%;
}
}
.node-type-projet{
color: $blue-dark;
line-height: 1.5rem;
padding: 0.5rem;
padding-right: 1rem;
padding-left: 1rem;
div:first-child{
display: flex;
flex-direction: column;
a{
color: $blue-dark;
}
.field--name-field-photo {
order:1;
img{
width: 100%;
max-height: 175px;
object-fit: cover;
}
&::after{
display: block;
content:url('data:image/svg+xml,<svg width="160" height="25" xmlns="http://www.w3.org/2000/svg" version="1.1"> <line x1="0" x2="80" y1="20" y2="20" stroke-linecap="cube" stroke="rgb(9,57,139)" stroke-width="2.5"/></svg>');
}
}
.field--name-field-adresse{
order:2;
display: flex;
text-transform: uppercase;
font-size: 0.9rem;
font-weight: 800;
margin-top: 0.8rem;
line-height: 0.6rem;
.address{
display: flex;
flex-direction: row;
margin: 0;
.locality{
padding-top: 0 !important;
padding-bottom: 0 !important;
&::after{
content:",";
margin-right: 0.3rem;
}
}
.country{
padding-top: 0 !important;
padding-bottom: 0 !important;
} }
}
.field--name-field-sous-titre{
margin-top: 0.5rem;
font-size: 0.9rem;
font-weight: 800;
order: 4;
}
.field--name-title{
order: 3;
margin-top: 0.5rem;
font-size: 1rem;
font-weight: 800;
h2{margin: 0;}
}
.field--name-field-incube{
order:4;
color: red;
margin-top: 0.8rem;
}
}
}
}
}
}
}
}
}
}
web/themes/custom/rorschach/scss/pages/_mentions-legales.scss
-51
View File
@@ -1,51 +0,0 @@
.node-id-6{
background: url('../images/pictos/carre-contour-bleu_contact.svg');
background-repeat: no-repeat;
background-position-y: 7rem;
max-width: 100vw;
background-size: contain;
.layout__region--top{ //bandeau titre page static
padding-bottom: 3rem;
height: 30vh;
.block-region-top{
.block-entity-fieldnodefield-images{
display: none;
height: inherit;
}
.block-entity-fieldnodetitle{
.field--name-title{
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: $white;
background-color: $blue-light;
text-transform: uppercase;
}
}
}
}
.layout__region--second{
.block-region-second{
.block-entity-fieldnodefield-textes{
.paragraph--type--texte{
a{
color: $black;
text-decoration: underline;
svg{
display: none;
}
}
}
}
}
}
}
web/themes/custom/rorschach/scss/pages/_offre.scss
-354
View File
@@ -1,354 +0,0 @@
.page-node-type-offre-de-service{
background: url('../images/pictos/carre-contour-bleu-offre.svg');
background-repeat: no-repeat;
background-position-y: 7rem;
max-width: 100vw;
background-size: contain;
// #block-contenudelapageprincipale{
.layout__region--top{
.block-region-top{
margin-top: 2rem;
margin-left: 13%;
display: grid;
grid-template-columns: auto auto 1fr;
grid-template-rows: repeat(6 auto);
@media (max-width: 810px){
margin-left: 8%;
}
.block-entity-fieldnodefield-photo{
width: fit-content;
grid-column: 1;
grid-row: 1 / span 6;
width: 250px;
height: 250px;
margin-right: 2rem;
img{
width: 100%;
height: auto;
}
@media (max-width: 810px){
width: 90px;
height: 90px;
}
}
.block-entity-fieldnodefield-type-de-protagoniste{
background: $white;
width: fit-content;
grid-column: 2 /span 3;
grid-row: 1;
text-transform: uppercase;
// color: rgb(160, 26, 39);
font-weight: 900;
font-size: 0.8rem;
.type-de-protagoniste-5{
color: rgb(255, 0, 15);
}
.type-de-protagoniste-6{
color:rgb(160, 26, 39);
}
.type-de-protagoniste-7{
color: rgb(199, 215, 74);
}
.type-de-protagoniste-8{
color:rgb(255, 100, 83);
}
.type-de-protagoniste-9{
color:rgb(111, 109, 125);
}
}
.block-entity-fieldnodefield-prenom{
background: $white;
width: fit-content;
grid-column: 2;
grid-row: 2;
padding-right: 0.5rem;
text-transform: uppercase;
font-weight: 900;
font-size: 1.5rem;
}
.block-entity-fieldnodefield-nom{
background: $white;
width: fit-content;
grid-column: 3;
grid-row: 2;
text-transform: uppercase;
font-weight: 900;
font-size: 1.5rem;
}
.block-entity-fieldnodefield-structure{
background: $white;
width: fit-content;
grid-column: 2 / span 3;
grid-row: 3;
text-transform: uppercase;
font-weight: 800;
font-size: 1.2rem;
margin-top: 0.5rem;
&::after{
content:url('data:image/svg+xml,<svg width="160" height="30" xmlns="http://www.w3.org/2000/svg" version="1.1"> <line x1="0" x2="80" y1="20" y2="20" stroke-linecap="cube" stroke="rgb(0,158,227)" stroke-width="3"/></svg>');
}
}
.block-entity-fieldnodetitle{
background: $white;
width: fit-content;
grid-column: 2 / span 3;
grid-row: 4;
font-size: 2.5rem;
font-family: "Source Code Pro";
// padding-right: 15%;
width: 70%;
@media (max-width: 810px){
font-size: 1.2rem;
}
a{
color: $black;
}
}
.block-entity-fieldnodefield-localisation{
background: $white;
width: fit-content;
grid-column: 2 / span 3;
grid-row: 5;
text-transform: uppercase;
font-weight: 800;
font-size: 0.8rem;
margin-top: 1.5rem;
}
.block-entity-fieldnodefield-date-de-proposition{
background: $white;
width: fit-content;
grid-column: 2 / span 3;
grid-row: 6;
font-size: 0.8rem;
padding-top: 1rem;
}
}
}
.layout__region--second{ // paragraphe texte
margin-top: 3rem;
margin-left: 20%;
margin-right: 2rem;
.block-entity-fieldnodebody{
.field--type-text-with-summary{
background: $white;
p{ margin: 0;}
}
}
}
.layout__region--third{ // colone de droite fichiers et ressources liées
margin-top: 3rem;
.block-region-third{
display: flex;
flex-direction: column;
width: 70%;
@media (max-width: 810px){
margin: auto;
}
.title-contact{
background: $blue-light;
color: $white;
text-transform: uppercase;
font-weight: 900;
font-size: 0.8rem;
padding-top: 1rem;
padding-left: 1rem;
padding-right: 1rem;
}
.block-entity-fieldnodefield-courriel{
background: $blue-light;
color: $white;
font-weight: 600;
padding-left: 1rem;
padding-right: 1rem;
padding-bottom: 1rem;
a{
color: white;
hyphens: auto;
svg{
display: none;
}
}
}
.block-entity-fieldnodefield-telephone{
display: none;
background: $blue-light;
color: $white;
font-weight: 600;
padding-left: 1rem;
padding-right: 1rem;
padding-bottom: 1rem;
}
.block-entity-fieldnodefield-fichiers{
height: fit-content;
border: 2px solid $blue-light;
background-color: $white;
margin-top: 1rem;
}
.field--name-field-fichiers{
min-height: 4rem;
background: $white;
color: $blue-light;
padding-left: 1rem;
padding-top: 1rem;
margin-bottom: 1rem;
span:nth-of-type(2){
display: none;
}
.file--mime-application-pdf{
height: inherit;
margin: auto;
::before{
content: url("../images/pictos/noun_Download_file_307900.svg");
min-width:50px;
height: auto;
padding-right: 1rem;
}
a{
hyphens: auto;
display: inline-flex;
align-items: center;
color: $blue-light;
font-weight: 800;
// max-width: 80px ;
}
}
}
.block-entity-fieldnodefield-liens{
margin-top: 1rem;
.field--name-field-liens{
.field__item{
margin: auto;
height: fit-content;
border: 2px solid $blue-light;
min-height: 4rem;
background: $white;
color: $blue-light;
padding-left: 1rem;
padding-top: 1rem;
margin-bottom: 1rem;
}
a{
display: inline-flex;
align-items: center;
color: $blue-light;
font-weight: 800;
&::before{
content: url("../images/pictos/noun_External Link_674151.svg");
min-width: 50px;
height: auto;
padding-right: 1rem;
}
svg.ext{
display: none;
}
}
}
}
.block-entity-fieldnodefield-ress{
margin-top: 3rem;
.field--name-field-ress{
.field__label{
font-size: 0.8rem;
color: $black;
font-weight: 900;
margin-bottom: 1rem;
}
.node-type-ressource{
display: flex;
flex-direction: column;
border: 2px solid $blue-light;
padding: 1rem;
height: fit-content;
margin-bottom: 1rem;
background-color: $white;
&:first-of-type{
border-top: 1px solid $blue-light;
padding-top: 1rem;
&::after{
content: url("../images/pictos/noun_Arrow_3771902.svg");
align-self: flex-end;
}
}
.field--name-title{
h2{
margin: 0;
}
a{
color: $black;
font-size: 1.4rem;
font-weight: 600;
}
}
.field--name-field-auteur-s-{
font-weight: 800;
p{
margin: 0;
}
.field__label{
display:none;
}
}
.field--name-field-edition{
p{
margin: 0;
}
.field__label{
display:none;
}
}
.field--name-field-images{
display: none;
width: 50%;
img{
width: 100%;
height: auto;
}
}
.field--name-field-type-de-ressource{
display: inline-flex;
margin-top: 2rem;
background: $blue-dark;
margin-right: 1rem;
padding-left: 0.3rem;
padding-right: 0.3rem;
color: $white;
font-weight: 800;
vertical-align: middle;
}
}
}
}
}
}
// }
}
web/themes/custom/rorschach/scss/pages/_offresdeservices.scss
-292
View File
@@ -1,292 +0,0 @@
.offresdeservices{
.layout-content{
.region-content{
#block-contenudelapageprincipale{
// background: url('../images/pictos/carre-contour-bleu_programme.svg');
// background-repeat: no-repeat;
// background-position-y: 20vh;
// max-width: 100vw;
// background-size: cover;
span{
padding-top: 3rem;
padding-bottom: 3rem;
vertical-align: middle;
color: $white;
h2{
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: $white;
background-color: $blue-light;
text-transform: uppercase;
width: fit-content;
margin-left: 10%;
margin-top: 8rem;
}
}
.layout--onecol{
.block-region-content{
display: grid;
grid-template-columns: 1fr repeat(4, 2fr) 1fr;
// texte présentation
.block-config-pages-block{
grid-column: 2 / span 3;
// margin: 2rem;
margin-top: 4rem;
.field--name-field-introduction{
margin: auto;
background: $white;
p{margin: 0;}
}
}
// buton déposer une offre
.block-block-content7dc5bc6b-f5ca-4815-b689-49382aafa2dc{
grid-column: 5;
margin-top: 4rem;
background-color: $blue-light;
height: fit-content;
width: 60%;
// width: 80%;
margin-left: 2rem;
aspect-ratio: 1/1;
display: flex;
@media (max-width: 1260px) {
width: 70%;
}
@media (max-width: 1073px) {
width: 80%;
}
@media (max-width: 935px) {
width: 90%;
}
@media (max-width: 810px) {
width: 100%;
}
.field--name-field-lien{
display: flex;
flex-direction: column;
// margin-top: 2rem;
// margin-bottom: 2rem;
// margin-left: 1.5rem;
// margin-right: 1.5rem;
text-align: center;
margin: auto;
padding: 1rem;
a{
display: block;
font-weight: 800;
color: $white;
font-size: 1.3rem;
&:after{
margin-left:80%;
padding-top: 0.5rem;
display: block;
content:url("../images/pictos/noun_Arrow_3771902.svg")
}
}
}
}
// offres
.block-views-blockoffres-de--block-1{
grid-column: 2 / span 3;
@media (max-width: 810px){
grid-column: 2 / span 4;
}
.view-display-id-block_1{
margin: auto;
}
// bandeau filtes
.view-filters{
display: none;
background: $white;
}
// grille offres
.view-content{
display: flex;
flex-wrap: wrap;
margin-top: 3rem;
.views-row{
width: 50%;
.node-type-offre_de_service{
display: flex;
justify-content: space-between;
// flex-direction: column;
// border: 2px solid rgb(199, 215, 74);
// border: 2px solid $blue-light;
padding: 1rem;
height: fit-content;
margin-bottom: 1rem;
background-color: $white;
margin-right: 1rem;
// height: 200px;
&::after{
content: url("../images/pictos/noun_Arrow_3771902.svg");
align-self: flex-end;
}
div:first-of-type{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: repeat(6 auto);
// div:last-of-type{
// // display: inline-flex;
// // justify-content: space-between;
// // &::after{
// // content: url("../images/pictos/noun_Arrow_3771902.svg");
// // align-self: flex-end;
// // }
// }
.field--name-field-type-de-protagoniste{
grid-column: 1 / span 3;
grid-row: 1;
margin-bottom: 1rem;
text-transform: uppercase;
font-weight: 900;
font-size: 0.8rem;
}
.field--name-field-photo{
grid-column: 1;
grid-row: 2 / span 6;
margin-right: 1rem;
max-height: 170px;
img{
max-width: 100%;
object-fit: cover;
height: auto;
max-height: 95%;
}
}
.field--name-field-prenom{
grid-column: 2;
grid-row: 2;
padding-right: 0.5rem;
text-transform: uppercase;
font-weight: 800;
font-size: 1rem;
}
.field--name-field-nom{
grid-column: 3;
grid-row: 2;
text-transform: uppercase;
font-weight: 800;
font-size: 1rem;
}
.field--name-field-structure{
grid-column: 2 / span 3;
grid-row: 3;
text-transform: uppercase;
font-weight: 800;
font-size: 0.8rem;
}
.field--name-title{
grid-column: 2 / span 3;
grid-row: 4;
font-size: 1.3rem;
a{
color: $black;
}
}
.field--name-field-localisation{
grid-column: 2 / span 3;
grid-row: 5;
text-transform: uppercase;
font-weight: 800;
font-size: 00.8rem;
}
.field--name-field-date-de-proposition{
display: inline-flex;
grid-column: 2 /span 3;
grid-row: 6;
font-size: 0.8rem;
padding-top: 1rem;
justify-content: flex-start;
// align-items: center;
// &::after{
// content: url("../images/pictos/noun_Arrow_3771902.svg");
// align-self: flex-end;
// }
time{
justify-self: flex-start;
}
&::before{
content: "proposé le";
hyphens: none;
padding-right: 0.5rem;
}
}
}
}
.type-de-protagoniste-5{
border: 2px solid rgb(255, 0, 15);
// .field--name-field-type-de-protagoniste{
// color: rgb(255, 0, 15);
// }
}
.type-de-protagoniste-6{
border: 2px solid rgb(160, 26, 39);
// .field--name-field-type-de-protagoniste{
// color:rgb(160, 26, 39) ;
// }
}
.type-de-protagoniste-7{
border: 2px solid rgb(199, 215, 74);
// .field--name-field-type-de-protagoniste{
// color: rgb(199, 215, 74);
// }
}
.type-de-protagoniste-8{
border: 2px solid rgb(255, 100, 83);
// .field--name-field-type-de-protagoniste{
// color:rgb(255, 100, 83) ;
// }
}
.type-de-protagoniste-9{
border: 2px solid rgb(111, 109, 125);
// .field--name-field-type-de-protagoniste{
// color:rgb(111, 109, 125) ;
// }
}
}
@media (max-width: 810px){
flex-direction: column;
.views-row{
width: 100%;
}
}
}
}
}
}
}
}
}
}
web/themes/custom/rorschach/scss/pages/_partenaires.scss
-73
View File
@@ -1,73 +0,0 @@
.node-id-20{
background: url('../images/pictos/carre-contour-bleu_partenaire.svg');
background-repeat: no-repeat;
background-position-y: 7rem;
max-width: 100vw;
background-size: contain;
.layout__region--top{ //bandeau titre page static
padding-bottom: 3rem;
height: 30vh;
.block-region-top{
.block-entity-fieldnodetitle{
.field--name-title{
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: $white;
background-color: $blue-light;
text-transform: uppercase;
}
}
}
}
}
.field--name-field-partenaires{
padding-top: 3rem;
.paragraph--type--partenaire{
background-color: $white;
width: 100%;
padding-bottom: 3rem;
display: grid;
grid-template-columns: repeat(7, 1fr);
grid-template-rows: repeat(auto-fill);
@media (max-width: 810px){
display: flex;
flex-direction: column;
}
.field--name-field-logo{
grid-column: 1 / 2;
grid-row: 2;
margin-top: 2rem;
padding-right: 1rem;
}
.field--name-field-titre{
grid-column: 2 / 8;
grid-row: 1;
font-weight: 800;
}
.field--name-field-texte{
grid-column: 2 / 8;
grid-row: 2;
}
.field--name-field-lien{
grid-column: 2 / 8;
grid-row: 3;
}
}
a{
color: $black;
font-weight: 800;
svg{
display: none;
}
}
}
web/themes/custom/rorschach/scss/pages/_programme.scss
-57
View File
@@ -1,57 +0,0 @@
.node-id-4{
background: url('../images/pictos/carre-contour-bleu_programme.svg');
background-repeat: no-repeat;
background-position-y: 7rem;
max-width: 100vw;
background-size: contain;
#block-contenudelapageprincipale{
scroll-margin: 8rem;
}
.layout__region--top{ //bandeau titre page static
padding-bottom: 3rem;
height: 30vh;
.block-region-top{
.block-entity-fieldnodefield-images{
display: none;
height: inherit;
}
.block-entity-fieldnodetitle{
.field--name-title{
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: $white;
background-color: $blue-light;
text-transform: uppercase;
}
}
}
}
.layout__region--second{ // paragraphe texte
width: 25%;
.block-entity-fieldnodefield-textes{
background-color: $white;
.field--name-field-titre{
font-size: 1.5rem;
font-weight: 1000;
font-family: 'Source Code Pro';
color: $blue-dark;
text-transform: uppercase;
}
h4{
text-transform: none !important;
}
.field--type-text-long{
padding-right: 2rem;
}
}
}
}
web/themes/custom/rorschach/scss/pages/_projet.scss
-398
View File
@@ -1,398 +0,0 @@
.path-node.page-node-type-projet{
.layout-container{
overflow: unset;
}
.layout-content{
.region-content{
#block-contenudelapageprincipale{
.layout--threecol-25-50-25{
// display: grid;
// grid-template-rows: repeat(6, auto);
.layout__region--top{
.block-region-top{
// position: relative;
display: grid;
grid-template-columns: 1fr repeat(8, 1fr) 1fr;
.block-entity-fieldnodefield-adresse{
margin-top: 3rem;
grid-column: 2 / span 10;
.field--name-field-adresse{
text-transform: uppercase;
font-weight: 800;
font-size: 0.9rem;
.address{
display: flex;
flex-direction: row;
margin: 0;
.locality::after{
content:",";
margin-right: 0.3rem;
}
}
}
}
.block-entity-fieldnodetitle{
grid-column: 2 /span 7;
margin: 0;
.field--name-title{
font-family: "Source Code Pro";
font-size: 2.8rem;
font-weight: 500;
}
}
.block-entity-fieldnodefield-equipe{
grid-column: 2 / span 7;
.field--name-field-equipe{
color: $blue-dark;
font-size: 1.5rem;
font-weight: 900;
text-transform: uppercase ;
}
}
.block-entity-fieldnodefield-incube{
padding-top: 2rem;
grid-column: 2;
width: fit-content;
.field--name-field-incube{
background-color: red;
color: white;
font-weight: 800;
padding-right: 0.3rem;
padding-left: 0.2rem;
}
}
.block-entity-fieldnodefield-photo{
grid-column-start: 5;
grid-column-end: 9;
img{
padding-top: 2rem;
width: 600px;
// height: auto;
max-height: 360px;
object-fit: cover;
}
// position: relative;
// bottom: -50%;
}
}
}
.layout__region--first{
// margin-top: 18rem;
margin-top: 5rem;
.block-region-first{
display: flex;
justify-content: flex-end;
position: -webkit-sticky;
position: sticky;
top: 10rem;
.block-entity-fieldnodefield-textes{
display: flex;
justify-content: flex-end;
width: 50%;
background-color: $white;
padding-right: 2rem;
.field--name-field-titre{
display: flex;
font-size: 1rem;
font-weight: 1000;
color: $blue-dark;
border-bottom: 1px solid $blue-light;
padding-bottom: 0.5rem;
padding-right: 1rem;
// margin-top: 2rem;
margin-bottom: 0.8rem;
&:hover{
text-decoration: underline;
}
}
}
}
}
.layout__region--second{
// grid-row: 3;
margin-top: 5rem;
flex: 0 1 50%;
// margin-top: 18rem;
.block-region-second{
width: 90%;
.block-entity-fieldnodebody{
p{
margin-top: 0;
}
.field--type-text-with-summary{
background-color: white;
}
}
.block-entity-fieldnodefield-textes{
background-color: $white;
.field--name-field-titre{
font-size: 1.5rem;
font-weight: 1000;
font-family: 'Source Code Pro';
color: $blue-dark;
text-transform: uppercase;
margin-bottom: 0.8rem;
}
h4{
text-transform: none !important;
img{
width: 100%;
height: auto;
}
}
.field--type-text-long{
padding-right: 2rem;
}
p{
margin-top: 0;
}
a{
color: $black;
text-decoration: underline;
svg{
display: none;
}
}
}
.block-entity-fieldnodebody{
.panel-body{
#outputtext{
overflow-y: visible !important;
}
}
}
.block-entity-fieldnodefield-partenaires{
.field__label{
font-size: 1.5rem;
font-weight: 1000;
font-family: 'Source Code Pro';
color: $blue-dark;
text-transform: uppercase;
margin-top: 2rem;
margin-bottom: 0.8rem;
}
.field__items{
display: flex;
flex-direction: row;
justify-content: space-between;
.paragraph--type--partenaire{
display: flex;
flex-direction: column;
align-items: center;
// width: 35%;
.field--name-field-lien{
// display: none;
padding-top: 1rem;
}
}
}
}
}
}
.layout__region--third{
// grid-row: 4;
margin-top: 5rem;
.block-region-third{
display: flex;
flex-direction: column;
width: 65%;
.block-entity-fieldnodefield-fichiers{
h2{display: none;}
.field--name-field-fichiers{
.field__item{
height: fit-content;
border: 2px solid $blue-light;
background-color: $white;
margin-bottom: 1rem;
min-height: 4rem;
// background: $white;
color: $blue-light;
padding-left: 1rem;
padding-top: 1rem;
}
span:nth-of-type(2){
display: none;
}
.file--mime-application-pdf{
height: inherit;
margin: auto;
::before{
content: url("../images/pictos/noun_Download_file_307900.svg");
min-width:40px;
height: auto;
padding-right: 1rem;
}
a{
hyphens: auto;
display: inline-flex;
align-items: center;
color: $blue-light;
font-weight: 800;
// max-width: 80px ;
}
}
}
}
.block-entity-fieldnodefield-liens{
h2{display: none;}
.field--name-field-liens{
.field__item{
margin: auto;
height: fit-content;
border: 2px solid $blue-light;
min-height: 4rem;
background: $white;
color: $blue-light;
padding-left: 1rem;
padding-top: 1rem;
margin-bottom: 1rem;
}
a{
display: inline-flex;
align-items: center;
color: $blue-light;
font-weight: 800;
&::before{
content: url("../images/pictos/noun_External Link_674151.svg");
min-width: 40px;
height: auto;
padding-right: 1rem;
}
svg.ext{
display: none;
}
}
}
}
.block-entity-fieldnodefield-ressource-s-liee-s-{
margin-top: 3rem;
h2{
font-size: 0.8rem;
color: $black;
font-weight: 900;
}
.node-type-ressource{
display: flex;
flex-direction: column;
border: 2px solid $blue-light;
padding: 1rem;
height: fit-content;
margin-bottom: 1rem;
background-color: $white;
&:first-of-type{
border-top: 1px solid $blue-light;
padding-top: 1rem;
&::after{
content: url("../images/pictos/noun_Arrow_3771902.svg");
align-self: flex-end;
}
}
.field--name-title{
a{
color: $black;
font-size: 1.4rem;
font-weight: 600;
}
}
.field--name-field-type-de-ressource{
}
.field--name-field-auteur-s-{
font-weight: 800;
p{
margin: 0;
}
.field__label{
display:none;
}
}
.field--name-field-edition{
p{
margin: 0;
}
.field__label{
display:none;
}
}
.field--name-field-images{
width: 50%;
img{
width: 100%;
height: auto;
}
}
}
}
}
}
.layout__region--bottom{
.block-entity-fieldnodefield-partenaires{
width: 50%;
margin: auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
h2{display: none;}
.field--name-field-partenaires{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
.field--name-field-titre{
display: none;
}
.paragraph--type--partenaire{
display: flex;
flex-direction: column;
}
}
}
}
}
}
}
}
}
web/themes/custom/rorschach/scss/pages/_ressource.scss
-335
View File
@@ -1,335 +0,0 @@
.page-node-type-ressource{
// #block-contenudelapageprincipale{
.layout__region--top{
.block-region-top{
.block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640{
width: 100%;
font-family: 'Source Code Pro';
font-size: 1.5rem;
font-weight: 800;
color: $white;
background-color: $blue-light;
text-transform: uppercase;
padding-left: 13%;
padding-top: 1rem;
padding-bottom: 0.5rem;
vertical-align: middle;
}
.block-entity-fieldnodefield-type-de-ressource{
margin-top: 2rem;
margin-left: 13%;
color: $blue-light;
text-transform: uppercase;
font-weight: 800;
}
.block-entity-fieldnodetitle{
margin-left: 13%;
font-size: 2rem;
font-weight: 600;
}
.block-entity-fieldnodefield-edition{
margin-left: 13%;
.field--name-field-edition{
p{
margin-bottom: 0;
}
}
}
.block-entity-fieldnodefield-auteur-s-{
margin-left: 13%;
.field--name-field-auteur-s-{
font-size: 1.5rem;
font-weight: 800;
p{
margin: 0;
}
}
}
.block-entity-fieldnodefield-date-de-parution{
margin-left: 13%;
}
.block-entity-fieldnodefield-mots-clefs{
margin-left: 13%;
.field--name-field-mots-clefs{
display: inline-flex;
margin-top: 2rem;
// &::after{
// content: url("../images/pictos/noun_Arrow_3771902.svg");
// align-self: end;
// }
.field__item{
background: $blue-dark;
margin-right: 1rem;
padding-left: 0.3rem;
padding-right: 0.3rem;
color: $white;
font-weight: 800;
vertical-align: middle;
}
}
}
}
}
.layout__region--first{ // menu ancres a gauche
margin-top: 3rem;
position: relative;
.block-region-first{
display: flex;
justify-content: flex-end;
position: sticky;
top: 7rem;
.block-entity-fieldnodefield-textes{
display: flex;
width: 50%;
background-color: $white;
padding-right: 2rem;
.field--name-field-titre{
display: flex;
font-size: 1rem;
font-weight: 1000;
color: $blue-dark;
border-bottom: 1px solid $blue-light;
padding-bottom: 0.5rem;
padding-right: 1rem;
&:hover{
text-decoration: underline;
}
}
}
}
}
.layout__region--second{ // paragraphe texte
margin-top: 3rem;
.block-entity-fieldnodefield-textes{
background-color: $white;
.field--name-field-titre{
font-size: 1.5rem;
font-weight: 1000;
font-family: 'Source Code Pro';
color: $blue-dark;
text-transform: uppercase;
}
h4{
text-transform: none !important;
img{
width: 100%;
height: auto;
}
}
.field--type-text-long{
padding-right: 2rem;
}
p{
margin-top: 0;
}
}
}
.layout__region--third{ // colone de droite fichiers et ressources liées
margin-top: 3rem;
.block-region-third{
display: flex;
flex-direction: column;
width: 70%;
.block-entity-fieldnodefield-fichiers{
height: fit-content;
border: 2px solid $blue-light;
background-color: $white;
}
.field--name-field-fichiers{
min-height: 4rem;
background: $white;
color: $blue-light;
padding-left: 1rem;
padding-top: 1rem;
margin-bottom: 1rem;
span:nth-of-type(2){
display: none;
}
.file--mime-application-pdf{
height: inherit;
margin: auto;
::before{
content: url("../images/pictos/noun_Download_file_307900.svg");
min-width:50px;
height: auto;
padding-right: 1rem;
}
a{
hyphens: auto;
display: inline-flex;
align-items: center;
color: $blue-light;
font-weight: 800;
// max-width: 80px ;
}
}
}
.block-entity-fieldnodefield-liens{
.field--name-field-liens{
.field__item{
margin: auto;
height: fit-content;
border: 2px solid $blue-light;
min-height: 4rem;
background: $white;
color: $blue-light;
padding-left: 1rem;
padding-top: 1rem;
margin-bottom: 1rem;
}
a{
display: inline-flex;
align-items: center;
color: $blue-light;
font-weight: 800;
&::before{
content: url("../images/pictos/noun_External Link_674151.svg");
min-width: 50px;
height: auto;
padding-right: 1rem;
}
svg.ext{
display: none;
}
}
}
}
.block-entity-fieldnodefield-ress{
margin-top: 3rem;
.field--name-field-ress{
.field__label{
font-size: 0.8rem;
color: $black;
font-weight: 900;
margin-bottom: 1rem;
}
.node-type-ressource{
display: flex;
flex-direction: column;
border: 2px solid $blue-light;
padding: 1rem;
height: fit-content;
margin-bottom: 1rem;
background-color: $white;
&:first-of-type{
border-top: 1px solid $blue-light;
padding-top: 1rem;
&::after{
content: url("../images/pictos/noun_Arrow_3771902.svg");
align-self: flex-end;
}
}
.field--name-title{
h2{
margin: 0;
}
a{
color: $black;
font-size: 1.4rem;
font-weight: 600;
}
}
.field--name-field-auteur-s-{
font-weight: 800;
p{
margin: 0;
}
.field__label{
display:none;
}
}
.field--name-field-edition{
p{
margin: 0;
}
.field__label{
display:none;
}
}
.field--name-field-images{
display: none;
width: 50%;
img{
width: 100%;
height: auto;
}
}
.field--name-field-type-de-ressource{
text-transform: uppercase;
a{
color: $blue-light;
font-weight: 900;
font-size: 0.8rem;
}
}
.field--name-field-mots-clefs{
display: flex;
margin-top: 2rem;
flex-direction: row;
flex-wrap: wrap;
// &::after{
// content: url("../images/pictos/noun_Arrow_3771902.svg");
// align-self: center;
// }
.field__item{
margin-right: 1rem;
padding-left: 0.3rem;
padding-right: 0.3rem;
a{
background: $blue-dark;
color: $white;
font-weight: 800;
vertical-align: super;
padding-left: 0.1rem;
padding-right: 0.1rem;
display: inline-flex;
}
}
}
ul.links.inline{
display: none;
}
}
}
}
}
}
// }
}
web/themes/custom/rorschach/scss/pages/_static.scss
-293
View File
@@ -1,293 +0,0 @@
.path-node.page-node-type-static{
.layout-container{
overflow: unset;
// display: flex;
// flex-direction: column;
// flex-flow: row wrap;
// header{
// flex: 0 0 100%;
// }
// main{
// flex: 0 0 100%;
.layout-content{
// padding-top: 0;
.layout__region--top{ //bandeau titre page static
padding-bottom: 3rem;
height: 30vh;
@media (max-width: 810px){
padding-bottom: 0rem;
}
.block-entity-fieldnodetitle{
width: fit-content;
margin-left: 11%;
margin-top: 15vh;
@media (max-width: 810px){
margin-left: 8%;
margin-right: 5%;
}
.field--name-title{
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
text-transform: uppercase;
}
}
// .block-entity-fieldnodefield-images{
// display: none;
// height: inherit;
// }
}
// menu ancres a gauche
.layout__region--first{ // menu ancres a gauche
position: relative;
.block-region-first{
display: flex;
justify-content: flex-end;
position: -webkit-sticky;
position: sticky;
top: 10rem;
@media (max-width: 810px){
display: none;
}
.block-entity-fieldnodefield-textes{
display: flex;
width: 50%;
background-color: $white;
padding-right: 2rem;
.field--name-field-titre{
display: flex;
font-size: 1rem;
font-weight: 1000;
color: $blue-dark;
border-bottom: 1px solid $blue-light;
padding-bottom: 0.8rem;
padding-right: 1rem;
margin-top: 1rem;
scroll-margin-top: 7em;
&:hover{
text-decoration: underline;
}
}
}
}
}
// paragraphe texte
.layout__region--second{
@media (max-width: 810px){
flex: 0 1 80%;
margin: auto;
}
// paragraphe texte
.block-entity-fieldnodefield-textes{
margin-top: 1rem;
background-color: $white;
.field--name-field-titre{
font-size: 1.5rem;
font-weight: 1000;
font-family: 'Source Code Pro', monospace;
color: $blue-dark;
text-transform: uppercase;
margin-top: 2rem;
margin-bottom: 0.8rem;
}
h4{
text-transform: none !important;
img{
width: 100%;
height: auto;
}
}
.field--type-text-long{
padding-right: 2rem;
}
p{
margin-top: 0;
}
}
}
// colone de droite fichiers et ressources liées
.layout__region--third{
.block-region-third{
margin-top: 1rem;
display: flex;
flex-direction: column;
width: 70%;
// position: -webkit-sticky;
// position: sticky;
// top: 9rem;
@media (max-width: 810px){
margin: auto;
}
.block-entity-fieldnodefield-fichiers{
height: fit-content;
border: 2px solid $blue-light;
background-color: $white;
}
.field--name-field-fichiers{
min-height: 4rem;
background: $white;
color: $blue-light;
padding-left: 0.8rem;
padding-top: 1rem;
margin-bottom: 1rem;
span:nth-of-type(2){
display: none;
}
.file--mime-application-pdf{
height: inherit;
margin: auto;
::before{
content: url("../images/pictos/noun_Download_file_307900.svg");
min-width:40px;
height: auto;
padding-right: 0.5rem;
display: inline-flex;
align-items: center;
}
a{
hyphens: auto;
display: inline-flex;
align-items: center;
color: $blue-light;
font-weight: 800;
// max-width: 80px ;
}
}
}
.block-entity-fieldnodefield-liens{
.field--name-field-liens{
.field__item{
margin: auto;
height: fit-content;
border: 2px solid $blue-light;
min-height: 4rem;
background: $white;
color: $blue-light;
padding-left: 0.8rem;
padding-top: 1rem;
margin-bottom: 1rem;
}
a{
display: inline-flex;
align-items: center;
justify-items: center;
color: $blue-light;
font-weight: 800;
&::before{
content: url("../images/pictos/noun_External Link_674151.svg");
min-width: 40px;
height: auto;
padding-right: 0.5rem;
display: inline-flex;
align-items: center;
}
svg.ext{
display: none;
}
}
}
}
.block-entity-fieldnodefield-ress{
margin-top: 3rem;
h2{
font-size: 0.8rem;
color: $black;
font-weight: 900;
}
.node-type-ressource{
display: flex;
flex-direction: column;
border: 2px solid $blue-light;
padding: 1rem;
height: fit-content;
margin-bottom: 1rem;
background-color: $white;
&:first-of-type{
border-top: 1px solid $blue-light;
padding-top: 1rem;
&::after{
content: url("../images/pictos/noun_Arrow_3771902.svg");
align-self: flex-end;
}
}
.field--name-title{
a{
color: $black;
font-size: 1.4rem;
font-weight: 600;
}
}
.field--name-field-auteur-s-{
font-weight: 800;
p{
margin: 0;
}
.field__label{
display:none;
}
}
.field--name-field-edition{
p{
margin: 0;
}
.field__label{
display:none;
}
}
.field--name-field-images{
display: none;
width: 50%;
img{
width: 100%;
height: auto;
}
}
.field--name-field-type-de-ressource{
display: inline-flex;
margin-top: 2rem;
background: $blue-dark;
margin-right: 1rem;
padding-left: 0.3rem;
padding-right: 0.3rem;
color: $white;
font-weight: 800;
vertical-align: middle;
}
}
}
}
}
}
// }
}
}
web/themes/custom/rorschach/scss/pages/_toutesactualites.scss
-131
View File
@@ -1,131 +0,0 @@
.path-actualites{
background-color: $background-actus;
margin: 0;
.block-region-content{
display: grid;
grid-template-columns: 1fr 8fr 1fr;
margin: auto;
padding-top: 3rem;
.block-views{
grid-column: 2;
.view-content{
display: flex;
flex-direction: row;
flex-wrap: wrap;
.views-row{
width: 25%;
flex: 0 0 25%;
}
@media (max-width: 810px){
flex-direction: column;
.views-row{
width: 100%;
}
}
}
.view-display-id-block_2{
padding-top: 0;
}
.node-type-actualite{
color: $blue-dark;
line-height: 1.5rem;
padding: 0.5rem;
padding-right: 1rem;
padding-left: 1rem;
div:first-child{
display: flex;
flex-direction: column;
// :nth-child(1) { order: 1; }
// :nth-child(4) { order: 2; }
// :nth-child(5) { order: 3; }
// :nth-child(1) { order: 3; }
// :nth-child(2) { order: 1; }
// :nth-child(3) { order: 2; }
// :nth-child(4) { order: 4; }
a{
color: $blue-dark;
}
.field--name-field-images {
order:1;
.field__item img{
width: 100%;
max-height: 175px;
object-fit: cover;
}
&::after{
display: block;
content:url('data:image/svg+xml,<svg width="160" height="40" xmlns="http://www.w3.org/2000/svg" version="1.1"> <line x1="0" x2="80" y1="20" y2="20" stroke-linecap="cube" stroke="rgb(9,57,139)" stroke-width="5"/></svg>');
}
}
.field--name-field-sous-titre{
margin-top: 0.5rem;
font-size: 0.9rem;
font-weight: 800;
order: 4;
}
.field--name-field-date{
order: 2;
display: flex;
flex-direction: row;
justify-content: flex-start;
.field__item:not(:last-of-type){
::after{
padding-left: 1rem;
content: "|";
}
}
time{
font-size: 0.9rem;
font-weight: 800;
padding-right: 1rem;
width: fit-content;
// :not(:last-child):after{
// padding-left: 0.5rem;
// content: "|";
// }
}
}
.field--name-title{
order: 3;
}
.field:not(.field--name-field-images){
width: 100%;
}
h2{ margin:0; }
.inline.links{
padding-top: none !important;
list-style: none;
width: fit-content;
align-self: flex-end;
padding-right: 1rem;
a{
display: none;
}
// a{
// content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
// }
}
.field--name-field-actu-type{
order: 5;
padding-top: 1rem;
}
}
}
}
}
}
web/themes/custom/rorschach/scss/pages/_webform.scss
-604
View File
@@ -1,604 +0,0 @@
.path-webform{
.region-content{
// div:nth-of-type(2):not(#edit-actions):not(.form-item-couriel-mail-2):not(.form-item-titre-du-document):not(.form-item-intitule-de-l-offre-de-service){
// display: none;
// }
// [role="contentinfo"]{
// display: none;
// }
[aria-label="Message d'avertissement"]{
display: none;
}
// #block-contenudelapageprincipale{
.block-system-main-block{
h2{ display:none}
}
// }
#webform-submission-deposer-une-contribution-add-form{
display: flex;
flex-direction: row;
flex-wrap: wrap;
flex-basis: auto;
justify-content: flex-start;
#edit-titre{
width: 100%;
font-family: 'Source Code Pro';
font-size: 1.5rem;
font-weight: 800;
color: $white;
background-color: $blue-light;
text-transform: uppercase;
padding-left: 13%;
padding-top: 2rem;
padding-bottom: 2rem;
vertical-align: middle;
}
#edit-sous-titre{
width: 100%;
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: $white;
background-color: $blue-light;
text-transform: uppercase;
width: fit-content;
margin-left: 13%;
margin-top: 8rem;
}
#edit-processed-text{
margin-top: 10vh;
margin-left: 13%;
margin-right: 20%;
width: 60%;
}
.form-item-titre-du-document{
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
&:after{
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem;
}
label{width: 100%;}
input{
width: 90%;
height: 5rem;
}
}
.form-item-auteur-s-{
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
&:after{
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem;
}
label{width: 100%;}
input{
width: 90%;
}
}
.form-item-date-de-parution{
margin-left: 13%;
width: 27%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
&:after{
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem;
}
label{width: 100%;}
input{
width: 90%;
}
}
.form-item-nombre-de-pages{
margin-right: 20%;
width: 27%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
margin-right: 3rem;
label{width: 100%;}
input{
// margin-top: 1rem;
width: 100%;
}
}
.form-item-nom-de-la-revue-et-de-l-editeur{
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
&:after{
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem;
}
label{width: 100%;}
input{
width: 90%;
}
}
.form-item-type-de-document-revue-article-etc-{
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
&:after{
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem;
}
label{width: 100%;}
input{
width: 90%;
}
}
.form-item-resume-de-la-ressource{
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
&:after{
content: "*";
color: red;
font-size: 2rem;
padding-left: 1rem;
}
label{width:100%}
div{
width: 90%;
textarea{width: 100%;}
}
}
.form-item-_-ou-4-mots-ou-expression-cles-pour-identifier-le-sujet{
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
label{width: 100%;}
input{
width: 90%;
height: 3rem;
}
}
.form-item-piece-s-jointe-s-{
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
label{width: 100%;}
}
.form-item-url-vers-une-video-ou-un-site-internet{
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
label{width: 100%;}
input{
width: 90%;
height: 3rem;
}
}
.form-item-courriel{
margin-left: 13%;
width: 28%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
&:after{
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem;
}
label{width: 100%;}
input{width: 90%;}
}
.form-item-telephone{
margin-right: 20%;
width: 29%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
margin-right: 3rem;
&:after{
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem;
}
label{width: 100%;}
input{width: 90%;}
}
#edit-actions{
// display: inline-flex;
width: 60%;
input{
width: 30%;
align-self: flex-end;
background-color: $blue-light;
text-transform: uppercase;
color: $white;
font-size: 1.2rem;
font-weight: 600;
float: right;
margin-top: 1rem;
border: none;
}
#edit-actions-submit:after{
content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" fill="rgb(255,255,255)" stroke="rgb(255,255,255)" stroke-width="0.7"/></svg>');
}
}
}
#webform-submission-offre-de-service-add-form{
display: flex;
flex-direction: row;
flex-wrap: wrap;
flex-basis: auto;
justify-content: flex-start;
// input:focus ~ label,
// input:not(:placeholder-shown) ~ label {
// z-index: -1;
// }
#edit-title{
width: 100%;
font-family: 'Source Code Pro';
font-size: 1.5rem;
font-weight: 800;
color: $white;
background-color: $blue-light;
text-transform: uppercase;
padding-left: 13%;
padding-top: 2rem;
padding-bottom: 2rem;
vertical-align: middle;
}
#edit-sous-titre{
width: 100%;
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: $white;
background-color: $blue-light;
text-transform: uppercase;
width: fit-content;
margin-left: 13%;
margin-top: 8rem;
}
#edit-processed-text{
margin-top: 10vh;
margin-left: 13%;
margin-right: 20%;
width: 60%;
}
.form-item-intitule-de-l-offre-de-service{
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
&:after{
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem;
}
label{width: 100%;}
input{
width: 90%;
height: 5rem;
}
}
.form-item-structure{
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
&:after{
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem;
}
label{width: 100%;}
input{
width: 90%;
}
}
.form-item-localisation{
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
&:after{
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem;
}
label{width: 100%; }
input{
width: 90%;
}
}
div{
width: 100%;
.form-item-description{
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
label{width: 100%;}
textarea{
width: 90%;
}
}
}
.form-item-description{
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
label{width: 100%;}
textarea{
width: 90%;
}
}
.form-item-image{
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
}
.form-item-des-documents-complementaires-en-pdf{
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
}
#edit-lien--wrapper{
width: 100%;
.form-item-lien-url{
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
&:after{
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem;
}
label{width: 100%;}
input{
width: 90%;
}
}
}
.form-item-courriel{
margin-left: 13%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
width: 28%;
&:after{
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem;
}
label{width: 100%;}
input{width: 90%;}
}
.form-item-telephone{
margin-right: 20%;
width: 29%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
margin-right: 3rem;
&:after{
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem;
}
label{width: 100%;}
input{width: 90%;}
}
.form-item-j-accepte-que-mon-courriel-soit-diffuse-sur-la-page-de-mon-offre{
margin-top: 3rem;
margin-bottom: 3rem;
margin-left: 13%;
margin-right: 20%;
width: 60%;
}
#edit-actions{
// display: inline-flex;
width: 60%;
input{
width: 30%;
align-self: flex-end;
background-color: $blue-light;
text-transform: uppercase;
color: $white;
font-size: 1.2rem;
font-weight: 600;
float: right;
margin-top: 1rem;
border: none;
}
#edit-actions-submit:after{
content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" fill="rgb(255,255,255)" stroke="rgb(255,255,255)" stroke-width="0.7"/></svg>');
}
}
}
#webform-submission-question-add-form{
display: flex;
flex-direction: row;
flex-wrap: wrap;
flex-basis: auto;
justify-content: flex-start;
margin-top: 10vh;
width: 60%;
margin-left: 13%;
margin-right: 20%;
.form-item-couriel{
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
width: 100%;
&:after{
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem;
}
label{width: 100%;}
input{
width: 90%;
}
}
.form-item-question{
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
width: 100%;
&:after{
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.9rem;
}
label{width: 100%;}
div{
width: 90%;
textarea{
width: 100%;
height: 5rem;
}
}
}
#edit-actions{
// display: inline-flex;
width: 90%;
input{
width: 30%;
align-self: flex-end;
background-color: $blue-light;
text-transform: uppercase;
color: $white;
font-size: 1.2rem;
font-weight: 600;
float: right;
margin-top: 1rem;
border: none;
}
#edit-actions-submit:after{
content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" fill="rgb(255,255,255)" stroke="rgb(255,255,255)" stroke-width="0.7"/></svg>');
}
}
}
}
}
web/themes/custom/rorschach/scss/partials/_footer.scss
-148
View File
@@ -1,148 +0,0 @@
#fotter-bottom{
box-shadow: 1px 0px 8px $black;
display: flex;
flex: 1 1 120px;
flex-direction: row;
background-color: $white;
padding-top: 3rem;
@media (max-width: 810px){
flex-direction: column;
padding-right: 1rem;
}
.region{
display: block;
padding-left: 2rem;
padding-right: 1rem;
padding-bottom: 1rem;
border-left: $blue-light solid 1px;
h2{
margin-top: 0;
color: $blue-dark;
font-size: 1.2rem;
}
}
.region-footer-bottom-left{
margin-left: 3rem;
border: none;
width: 20%;
@media (max-width: 810px){
width: 100%;
margin-left: 0rem;
}
.view-id-partenaires{
.view-content{
display: flex;
flex-direction: row;
justify-content:flex-start;
flex-wrap: wrap;
padding-top: 1rem;
.node-type-partenaires_logo_footer_{
padding-right: 1rem;
padding-bottom: 1rem;
}
}
}
.block-views-blockpartenaires-block-3{
img{
width: auto;
height: 30px;
}
}
}
.region-footer-bottom-right{
width: 30%;
display: flex;
flex-direction: column-reverse;
justify-content: flex-end;
@media (max-width: 810px){
width: 100%;
}
#block-socialnetwork {
margin-bottom: 1rem;
.field--name-body{
p{
margin-top: 0;
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
a{
color: $white;
font-size: 0;
padding-left: 1rem;
}
svg.ext{
display: none;
}
.link-twitter{
display: flex;
&:before{
content: url("../images/pictos/twitter_black.svg");
min-width: 50px;
}
}
.link-youtube{
display: flex;
&:before{
content: url("../images/pictos/youtube_black.svg");
min-width: 50px;
}
}
.link-linkedin{
display: flex;
&:before{
content: url("../images/pictos/linkedin_black.svg");
min-width: 50px;
}
}
}
}
}
#block-pieddepage ul{
margin-top: 0;
color: $blue-dark;
font-weight: 800;
list-style: none;
padding-left: 0;
a{
color: $blue-dark;
font-size: 1.2rem;
text-decoration: underline;
margin-top: 0;
}
}
}
.region-footer-bottom-middle{
width: 60%;
@media (max-width: 810px){
width: 100%;
}
.view-id-partenaires{
.view-content{
display: flex;
flex-direction: row;
justify-content:flex-start;
flex-wrap: wrap;
.node-type-partenaires_logo_footer_{
padding-right: 1rem;
padding-bottom: 1rem;
}
}
}
}
}
web/themes/custom/rorschach/scss/partials/_header.scss
-270
View File
@@ -1,270 +0,0 @@
.layout-container{
position: relative;
header{
// display: block;
width: 100%;
position: fixed;
z-index: 99;
// position: -webkit-sticky;
// position: sticky;
// top: 0;
// .sticky{
// position: fixed;
// }
}
}
#header-top {
height: 7rem;
background-color: $white;
box-shadow: 1px 0px 8px $black;
display: flex;
flex-direction: row;
justify-content: space-between;
color: $black;
top:0%;
scroll-margin: 8rem {};
// logo + menu déroulant
.region-header-top-left {
display:flex;
flex-direction: row;
padding: 1rem;
padding-left: 4%;
align-items:center;
color: $black;
font-weight: 800;
flex: 1;
#block-logogouv{
display: flex;
height: 100%;
align-items: center;
img{
width: 80%;
height: auto;
}
}
#block-logoeql{
display: flex;
height: 100%;
align-items: center;
img{
// min-width: 80px;
width: 80%;
height: auto;
}
}
#block-headermenu{
align-self: baseline;
width: 70%;
margin-left: 3rem;
margin-right: 3rem;
}
ul{
font-size: 1rem;
list-style: none;
display: flex;
flex-direction: row;
justify-content: space-between;
// margin-right: 20px;
width: 100%;
padding-inline-start: 0px;
padding: 1rem;
.is-active{
color:$blue-light;
}
ul{
display: flex;
flex-direction: column;
display: none;
min-width: 100px;
width: 100%;
justify-content: space-between;
background:$white;
// padding-inline-start: 0;
padding-inline-start: 0px;
.is-active{
color:$blue-light;
}
}
li{
display: flex;
flex-direction: column;
// justify-content: space-between;
background-color: $white;
padding-bottom: 0.8rem;
max-width: inherit;
align-items: center;
// padding-left: 0;
// text-align: none
;
// .menuOpen{
// display: flex;
// }
a {
color: $black;
}
.is-active{
color:$blue-light;
}
:hover{
color: $blue-light;
}
}
li:hover ul {
display: block;
}
}
}
// reseaux sociaux
#block-socialnetwork-2{
position: relative;
top: -33px;
align-self: flex-end;
margin-left: auto;
.field--name-body{
min-height: 75px;
margin-right: 1rem;
}
p{
display: flex;
flex-direction: row-reverse;
margin-bottom: 0;
min-height: 65px;
justify-content: space-around;
width: 120%;
a{
color: $white;
font-size: 0;
}
svg.ext{
display: none;
}
.link-twitter{
display: flex;
background-color: black;
width: 40px;
justify-content: center;
align-items: flex-end;
&:before{
content: url("../images/pictos/twitter_white.svg");
min-width: 30px;
padding-bottom: 0.3rem;
}
}
.link-youtube{
display: flex;
background-color: black;
min-width: 40px;
justify-content: center;
align-items: flex-end;
&:before{
content: url("../images/pictos/youtube_white.svg");
min-width: 25px;
padding-bottom: 0.5rem;
}
}
.link-linkedin{
display: flex;
background-color: black;
min-width: 40px;
justify-content: center;
align-items: flex-end;
// background-position-y: top;
&:before{
content: url("../images/pictos/linkedin_white.svg");
min-width: 35px;
padding-bottom: 0.2rem;
}
}
}
}
// menu burger à droite
#block-burger {
z-index: 1;
background-color: $blue-light;
font-size: 0.7rem;
color: $white;
display: block;
width: 7rem;
height: 100%;
margin-top: 0;
:hover{
cursor: pointer;
}
h2{
padding-top: 1rem;
}
h2:after{
display: block;
margin:auto;
height: 70px;
content:url('data:image/svg+xml,<svg width="100" height="70" xmlns="http://www.w3.org/2000/svg" version="1.1"> <path id="path930" d="M 30,13 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-3" d="M 30,25 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-6" d="M 30,37 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/></svg>');
}
#block-burger-menu{
display: block;
margin: 0;
align-self: center;
text-align: center;
// height:7rem;
}
// block menu open fond bleu
.ul1:not(.sous-liste){
width: 300%;
position: relative;
right: 260px;
margin: 0;
padding-top: 2rem;
padding-bottom: 2rem;
z-index: 99;
}
ul {
display: none;
background-color: $blue-light;
line-height: 2rem;
list-style: none;
.ul1 .sous-liste{
a{
opacity: 1;
}
}
a{
opacity: 0.6;
color: $white;
font-weight: 800;
font-size: 1rem;
}
}
&.opened ul {
display: block;
}
}
}
web/themes/custom/rorschach/scss/styles.scss
+1 -20
View File
@@ -20,26 +20,7 @@
// @import "pages/off_canvas_page_wrapper";
@import "pages/_static";
@import "pages/_home";
@import "pages/_partenaires";
@import "pages/_actualite";
@import "pages/_gouvernance";
@import "pages/_ami";
@import "pages/_toutesactualites";
@import "pages/_programme";
@import "pages/_contact";
@import "pages/_faq";
@import "pages/_mentions-legales";
@import "pages/_basededonnees";
@import "pages/_basededonnees_autres";
@import "pages/_ressource";
@import "pages/_offresdeservices";
@import "pages/_offre";
@import "pages/_annuairederecherche";
@import "pages/_webform";
@import "pages/_lesprojets";
@import "pages/_projet";
@import "pages/_incubateur";
@import "pages/_bookpage";
/*partials*/
web/themes/custom/rorschach/templates/block--entity-field--node--field-courriel.html.twig
-45
View File
@@ -1,45 +0,0 @@
{#
/**
* @file
* Theme override to display a block.
*
* Available variables:
* - plugin_id: The ID of the block implementation.
* - label: The configured label of the block if visible.
* - configuration: A list of the block's configuration values.
* - label: The configured label for the block.
* - label_display: The display settings for the label.
* - provider: The module or other provider that provided this block plugin.
* - Block plugin specific settings will also be stored here.
* - content: The content of this block.
* - attributes: array of HTML attributes populated by modules, intended to
* be added to the main container tag of this template.
* - id: A valid HTML ID and guaranteed unique.
* - title_attributes: Same as attributes, except applied to the main title
* tag that appears in the template.
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the main title tag that appears in the template.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the main title tag that appears in the template.
*
* @see template_preprocess_block()
*/
#}
{%
set classes = [
'block',
'block-' ~ configuration.provider|clean_class,
'block-' ~ plugin_id|clean_class,
]
%}
<div class='title-contact'>Contact</div>
<div{{ attributes.addClass(classes) }}>
{{ title_prefix }}
{% if label %}
<span><h2{{ title_attributes }}>{{ label }}</h2></span>
{% endif %}
{{ title_suffix }}
{% block content %}
{{ content }}
{% endblock %}
</div>
web/themes/custom/rorschach/templates/block--entity-field--node--field-type-de-protagoniste.html.twig
-47
View File
@@ -1,47 +0,0 @@
{#
/**
* @file
* Theme override to display a block.
*
* Available variables:
* - plugin_id: The ID of the block implementation.
* - label: The configured label of the block if visible.
* - configuration: A list of the block's configuration values.
* - label: The configured label for the block.
* - label_display: The display settings for the label.
* - provider: The module or other provider that provided this block plugin.
* - Block plugin specific settings will also be stored here.
* - content: The content of this block.
* - attributes: array of HTML attributes populated by modules, intended to
* be added to the main container tag of this template.
* - id: A valid HTML ID and guaranteed unique.
* - title_attributes: Same as attributes, except applied to the main title
* tag that appears in the template.
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the main title tag that appears in the template.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the main title tag that appears in the template.
*
* @see template_preprocess_block()
*/
#}
{%
set classes = [
'block',
'block-' ~ configuration.provider|clean_class,
'block-' ~ plugin_id|clean_class,
]
%}
<div{{ attributes.addClass(classes) }}>
{{ title_prefix }}
{% if label %}
<span><h2{{ title_attributes }}>{{ label }}</h2></span>
{% endif %}
{{ title_suffix }}
{% block content %}
{{ content }}
{% endblock %}
</div>
web/themes/custom/rorschach/templates/block.html.twig
-50
View File
@@ -1,50 +0,0 @@
{#
/**
* @file
* Theme override to display a block.
*
* Available variables:
* - plugin_id: The ID of the block implementation.
* - label: The configured label of the block if visible.
* - configuration: A list of the block's configuration values.
* - label: The configured label for the block.
* - label_display: The display settings for the label.
* - provider: The module or other provider that provided this block plugin.
* - Block plugin specific settings will also be stored here.
* - content: The content of this block.
* - attributes: array of HTML attributes populated by modules, intended to
* be added to the main container tag of this template.
* - id: A valid HTML ID and guaranteed unique.
* - title_attributes: Same as attributes, except applied to the main title
* tag that appears in the template.
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the main title tag that appears in the template.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the main title tag that appears in the template.
*
* @see template_preprocess_block()
*/
#}
{%
set classes = [
'block',
'block-' ~ configuration.provider|clean_class,
'block-' ~ plugin_id|clean_class,
]
%}
<div{{ attributes.addClass(classes) }}>
{{ title_prefix }}
{% if label %}
{# <video autoplay muted loop id="myVideo">
<source src="rain.mp4" type="video/mp4">
</video> #}
<span><h2{{ title_attributes }}>{{ label }}</h2></span>
{% endif %}
{{ title_suffix }}
{% block content %}
{{ content }}
{% endblock %}
</div>
web/themes/custom/rorschach/templates/field--field-type-de-protagoniste.html.twig
-89
View File
@@ -1,89 +0,0 @@
{#
/**
* @file
* Theme override for a field.
*
* To override output, copy the "field.html.twig" from the templates directory
* to your theme's directory and customize it, just like customizing other
* Drupal templates such as page.html.twig or node.html.twig.
*
* Instead of overriding the theming for all fields, you can also just override
* theming for a subset of fields using
* @link themeable Theme hook suggestions. @endlink For example,
* here are some theme hook suggestions that can be used for a field_foo field
* on an article node type:
* - field--node--field-foo--article.html.twig
* - field--node--field-foo.html.twig
* - field--node--article.html.twig
* - field--field-foo.html.twig
* - field--text-with-summary.html.twig
* - field.html.twig
*
* Available variables:
* - attributes: HTML attributes for the containing element.
* - label_hidden: Whether to show the field label or not.
* - title_attributes: HTML attributes for the title.
* - label: The label for the field.
* - multiple: TRUE if a field can contain multiple items.
* - items: List of all the field items. Each item contains:
* - attributes: List of HTML attributes for each item.
* - content: The field item's content.
* - entity_type: The entity type to which the field belongs.
* - field_name: The name of the field.
* - field_type: The type of the field.
* - label_display: The display settings for the label.
*
*
* @see template_preprocess_field()
*/
#}
{%
set classes = [
'field',
'field--name-' ~ field_name|clean_class,
'field--type-' ~ field_type|clean_class,
'field--label-' ~ label_display,
label_display == 'inline' ? 'clearfix',
]
%}
{%
set title_classes = [
'field__label',
label_display == 'visually_hidden' ? 'visually-hidden',
]
%}
{% if label_hidden %}
{% if multiple %}
<div{{attributes.addClass(classes,'field__items')}}>
{% for item in items %}
<div{{item.attributes.addClass('field__item')}}{{ item.content }}></div>
{% endfor %}
</div>
{% else %}
{% for item in items %}
<div {{ attributes.addClass(classes, 'field__item') }}>{{ item.content }}</div>
{% endfor %}
{% endif %}
{% else %}
<div{{attributes.addClass(classes)}}>
<div{{title_attributes.addClass(title_classes)}}>{{ label }}</div>
{% if multiple %}
<div class="field__items">
{% endif %}
{% for item in items %}
<div{{item.attributes.addClass('field__item')}}>{{ item.content }}</div>
{% endfor %}
{% if multiple %}
</div>
{% endif %}
</div>
{% endif %}
web/themes/custom/rorschach/templates/field.html.twig
-97
View File
@@ -1,97 +0,0 @@
{#
/**
* @file
* Theme override for a field.
*
* To override output, copy the "field.html.twig" from the templates directory
* to your theme's directory and customize it, just like customizing other
* Drupal templates such as page.html.twig or node.html.twig.
*
* Instead of overriding the theming for all fields, you can also just override
* theming for a subset of fields using
* @link themeable Theme hook suggestions. @endlink For example,
* here are some theme hook suggestions that can be used for a field_foo field
* on an article node type:
* - field--node--field-foo--article.html.twig
* - field--node--field-foo.html.twig
* - field--node--article.html.twig
* - field--field-foo.html.twig
* - field--text-with-summary.html.twig
* - field.html.twig
*
* Available variables:
* - attributes: HTML attributes for the containing element.
* - label_hidden: Whether to show the field label or not.
* - title_attributes: HTML attributes for the title.
* - label: The label for the field.
* - multiple: TRUE if a field can contain multiple items.
* - items: List of all the field items. Each item contains:
* - attributes: List of HTML attributes for each item.
* - content: The field item's content.
* - entity_type: The entity type to which the field belongs.
* - field_name: The name of the field.
* - field_type: The type of the field.
* - label_display: The display settings for the label.
*
*
* @see template_preprocess_field()
*/
#}
{%
set classes = [
'field',
'field--name-' ~ field_name|clean_class,
'field--type-' ~ field_type|clean_class,
'field--label-' ~ label_display,
label_display == 'inline' ? 'clearfix',
]
%}
{%
set title_classes = [
'field__label',
label_display == 'visually_hidden' ? 'visually-hidden',
]
%}
{%
set ouid_classes = [
'first_part_home',
]
%}
{% if label_hidden %}
{% if multiple %}
<div{{ attributes.addClass(classes, 'field__items') }}>
{% for item in items %}
<div{{ item.attributes.addClass('field__item') }}>{{ item.content }}</div>
{% endfor %}
</div>
{% else %}
{% for item in items %}
<div {{ attributes.addClass(classes, 'field__item') }}>{{ item.content }}</div>
{% endfor %}
{% endif %}
{% else %}
<div{{ attributes.addClass(classes) }}>
<div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
{% if multiple %}
<div class="field__items">
{% endif %}
{% for item in items %}
<div{{ item.attributes.addClass('field__item') }}>{{ item.content }}</div>
{% endfor %}
{% if multiple %}
</div>
{% endif %}
</div>
{% endif %}
web/themes/custom/rorschach/templates/layout/html--node.html.twig → web/themes/custom/rorschach/templates/html--node.html.twig
View File
web/themes/custom/rorschach/templates/layout/html.html.twig → web/themes/custom/rorschach/templates/html.html.twig
View File
web/themes/custom/rorschach/templates/layout/container.html.twig
-30
View File
@@ -1,30 +0,0 @@
{#
/**
* @file
* Default theme implementation of a container used to wrap child elements.
*
* Used for grouped form items. Can also be used as a theme wrapper for any
* renderable element, to surround it with a <div> and HTML attributes.
* See \Drupal\Core\Render\Element\RenderElement for more
* information on the #theme_wrappers render array property, and
* \Drupal\Core\Render\Element\container for usage of the container render
* element.
*
* Available variables:
* - attributes: HTML attributes for the containing element.
* - children: The rendered child elements of the container.
* - has_parent: A flag to indicate that the container has one or more parent
containers.
*
* @see template_preprocess_container()
*
* @ingroup themeable
*/
#}
{%
set classes = [
has_parent ? 'js-form-wrapper',
has_parent ? 'form-wrapper',
]
%}
<div{{ attributes.addClass(classes) }}>{{ children }}</div>
web/themes/custom/rorschach/templates/layout/html--ressources--annuairederecherche.html.twig
-56
View File
@@ -1,56 +0,0 @@
{#
/**
* @file
* Theme override for the basic structure of a single Drupal page.
*
* Variables:
* - logged_in: A flag indicating if user is logged in.
* - root_path: The root path of the current page (e.g., node, admin, user).
* - node_type: The content type for the current node, if the page is a node.
* - head_title: List of text elements that make up the head_title variable.
* May contain one or more of the following:
* - title: The title of the page.
* - name: The name of the site.
* - slogan: The slogan of the site.
* - page_top: Initial rendered markup. This should be printed before 'page'.
* - page: The rendered page markup.
* - page_bottom: Closing rendered markup. This variable should be printed after
* 'page'.
* - db_offline: A flag indicating if the database is offline.
* - placeholder_token: The token for generating head, css, js and js-bottom
* placeholders.
*
* @see template_preprocess_html()
*/
#}
{%
set body_classes = [
logged_in ? 'user-logged-in',
not root_path ? 'path-frontpage' : 'path-' ~ root_path|clean_class,
node_type ? 'page-node-type-' ~ node_type|clean_class,
db_offline ? 'db-offline',
'annuairederecherche',
]
%}
<!DOCTYPE html>
<html{{ html_attributes }}>
<head>
<head-placeholder token="{{ placeholder_token }}">
<title>{{ head_title|safe_join(' | ') }}</title>
<css-placeholder token="{{ placeholder_token }}">
<js-placeholder token="{{ placeholder_token }}">
</head>
<body{{ attributes.addClass(body_classes) }}>
{#
Keyboard navigation/accessibility link to main content section in
page.html.twig.
#}
<a href="#main-content" class="visually-hidden focusable skip-link">
{{ 'Skip to main content'|t }}
</a>
{{ page_top }}
{{ page }}
{{ page_bottom }}
<js-bottom-placeholder token="{{ placeholder_token }}">
</body>
</html>
web/themes/custom/rorschach/templates/layout/html--ressources--bdd--30.html.twig
-57
View File
@@ -1,57 +0,0 @@
{#
/**
* @file
* Theme override for the basic structure of a single Drupal page.
*
* Variables:
* - logged_in: A flag indicating if user is logged in.
* - root_path: The root path of the current page (e.g., node, admin, user).
* - node_type: The content type for the current node, if the page is a node.
* - head_title: List of text elements that make up the head_title variable.
* May contain one or more of the following:
* - title: The title of the page.
* - name: The name of the site.
* - slogan: The slogan of the site.
* - page_top: Initial rendered markup. This should be printed before 'page'.
* - page: The rendered page markup.
* - page_bottom: Closing rendered markup. This variable should be printed after
* 'page'.
* - db_offline: A flag indicating if the database is offline.
* - placeholder_token: The token for generating head, css, js and js-bottom
* placeholders.
*
* @see template_preprocess_html()
*/
#}
{%
set body_classes = [
logged_in ? 'user-logged-in',
not root_path ? 'path-frontpage' : 'path-' ~ root_path|clean_class,
node_type ? 'page-node-type-' ~ node_type|clean_class,
db_offline ? 'db-offline',
'basededonnees',
'autres',
]
%}
<!DOCTYPE html>
<html{{ html_attributes }}>
<head>
<head-placeholder token="{{ placeholder_token }}">
<title>{{ head_title|safe_join(' | ') }}</title>
<css-placeholder token="{{ placeholder_token }}">
<js-placeholder token="{{ placeholder_token }}">
</head>
<body{{ attributes.addClass(body_classes) }}>
{#
Keyboard navigation/accessibility link to main content section in
page.html.twig.
#}
<a href="#main-content" class="visually-hidden focusable skip-link">
{{ 'Skip to main content'|t }}
</a>
{{ page_top }}
{{ page }}
{{ page_bottom }}
<js-bottom-placeholder token="{{ placeholder_token }}">
</body>
</html>
web/themes/custom/rorschach/templates/layout/html--ressources--bdd.html.twig
-56
View File
@@ -1,56 +0,0 @@
{#
/**
* @file
* Theme override for the basic structure of a single Drupal page.
*
* Variables:
* - logged_in: A flag indicating if user is logged in.
* - root_path: The root path of the current page (e.g., node, admin, user).
* - node_type: The content type for the current node, if the page is a node.
* - head_title: List of text elements that make up the head_title variable.
* May contain one or more of the following:
* - title: The title of the page.
* - name: The name of the site.
* - slogan: The slogan of the site.
* - page_top: Initial rendered markup. This should be printed before 'page'.
* - page: The rendered page markup.
* - page_bottom: Closing rendered markup. This variable should be printed after
* 'page'.
* - db_offline: A flag indicating if the database is offline.
* - placeholder_token: The token for generating head, css, js and js-bottom
* placeholders.
*
* @see template_preprocess_html()
*/
#}
{%
set body_classes = [
logged_in ? 'user-logged-in',
not root_path ? 'path-frontpage' : 'path-' ~ root_path|clean_class,
node_type ? 'page-node-type-' ~ node_type|clean_class,
db_offline ? 'db-offline',
'basededonnees',
]
%}
<!DOCTYPE html>
<html{{ html_attributes }}>
<head>
<head-placeholder token="{{ placeholder_token }}">
<title>{{ head_title|safe_join(' | ') }}</title>
<css-placeholder token="{{ placeholder_token }}">
<js-placeholder token="{{ placeholder_token }}">
</head>
<body{{ attributes.addClass(body_classes) }}>
{#
Keyboard navigation/accessibility link to main content section in
page.html.twig.
#}
<a href="#main-content" class="visually-hidden focusable skip-link">
{{ 'Skip to main content'|t }}
</a>
{{ page_top }}
{{ page }}
{{ page_bottom }}
<js-bottom-placeholder token="{{ placeholder_token }}">
</body>
</html>
web/themes/custom/rorschach/templates/layout/html--ressources--offresdeservice.html.twig
-57
View File
@@ -1,57 +0,0 @@
{#
/**
* @file
* Theme override for the basic structure of a single Drupal page.
*
* Variables:
* - logged_in: A flag indicating if user is logged in.
* - root_path: The root path of the current page (e.g., node, admin, user).
* - node_type: The content type for the current node, if the page is a node.
* - head_title: List of text elements that make up the head_title variable.
* May contain one or more of the following:
* - title: The title of the page.
* - name: The name of the site.
* - slogan: The slogan of the site.
* - page_top: Initial rendered markup. This should be printed before 'page'.
* - page: The rendered page markup.
* - page_bottom: Closing rendered markup. This variable should be printed after
* 'page'.
* - db_offline: A flag indicating if the database is offline.
* - placeholder_token: The token for generating head, css, js and js-bottom
* placeholders.
*
* @see template_preprocess_html()
*/
#}
{%
set body_classes = [
logged_in ? 'user-logged-in',
not root_path ? 'path-frontpage' : 'path-' ~ root_path|clean_class,
node_type ? 'page-node-type-' ~ node_type|clean_class,
db_offline ? 'db-offline',
'offresdeservices',
]
%}
<!DOCTYPE html>
<html{{ html_attributes }}>
<head>
<head-placeholder token="{{ placeholder_token }}">
<title>{{ head_title|safe_join(' | ') }}</title>
<css-placeholder token="{{ placeholder_token }}">
<js-placeholder token="{{ placeholder_token }}">
</head>
<body{{ attributes.addClass(body_classes) }}>
{#
Keyboard navigation/accessibility link to main content section in
page.html.twig.
#}
<a href="#main-content" class="visually-hidden focusable skip-link">
{{ 'Skip to main content'|t }}
</a>
{{ page_top }}
{{ page }}
{{ page_bottom }}
<js-bottom-placeholder token="{{ placeholder_token }}">
</body>
</html>
web/themes/custom/rorschach/templates/layout/paragraphs-summary.html.twig
-50
View File
@@ -1,50 +0,0 @@
{#
/**
* @file
* Default theme implementation for a paragraphs summary.
*
* Available variables:
* - expanded: Whether the summary is expanded or not.
* - content: Array of content summary items.
* - behaviors: Array of behavior summary items.
*
* @see template_preprocess()
*
* @ingroup themeable
*/
#}
{% set classes = [
'paragraphs-description',
expanded ? 'paragraphs-expanded-description' : 'paragraphs-collapsed-description'
] %}
{% set label_classes = [
'field_title'
] %}
{% spaceless %}
{% if content is not empty or behaviors is not empty %}
{# <div{{ attributes.addClass(classes) }}> #}
{% if content is not empty %}
{# <div class="paragraphs-content-wrapper"> #}
{%- for content_item in content -%}
<span {{ attributes.addClass(label_classes) }}>{{ content_item }}</span>
{%- if not loop.last -%}, {% endif %}
{%- endfor -%}
{# </div> #}
{% endif %}
{% if behaviors is not empty %}
<div class="paragraphs-plugin-wrapper">
{%- for behavior_item in behaviors -%}
<span class="summary-plugin">
{%- if behavior_item.label is not null -%}
<span class="summary-plugin-label">{{ behavior_item.label }}</span>
{%- endif -%}
{{ behavior_item.value -}}
</span>
{%- endfor -%}
</div>
{% endif %}
{# </div> #}
{% endif %}
{% endspaceless %}
web/themes/custom/rorschach/templates/node.html.twig
-99
View File
@@ -1,99 +0,0 @@
{#
/**
* @file
* Default theme implementation to display a node.
*
* Available variables:
* - node: The node entity with limited access to object properties and methods.
* Only method names starting with "get", "has", or "is" and a few common
* methods such as "id", "label", and "bundle" are available. For example:
* - node.getCreatedTime() will return the node creation timestamp.
* - node.hasField('field_example') returns TRUE if the node bundle includes
* field_example. (This does not indicate the presence of a value in this
* field.)
* - node.isPublished() will return whether the node is published or not.
* Calling other methods, such as node.delete(), will result in an exception.
* See \Drupal\node\Entity\Node for a full list of public properties and
* methods for the node object.
* - label: (optional) The title of the node.
* - content: All node items. Use {{ content }} to print them all,
* or print a subset such as {{ content.field_example }}. Use
* {{ content|without('field_example') }} to temporarily suppress the printing
* of a given child element.
* - author_picture: The node author user entity, rendered using the "compact"
* view mode.
* - metadata: Metadata for this node.
* - date: (optional) Themed creation date field.
* - author_name: (optional) Themed author name field.
* - url: Direct URL of the current node.
* - display_submitted: Whether submission information should be displayed.
* - attributes: HTML attributes for the containing element.
* The attributes.class element may contain one or more of the following
* classes:
* - node: The current template type (also known as a "theming hook").
* - node--type-[type]: The current node type. For example, if the node is an
* "Article" it would result in "node--type-article". Note that the machine
* name will often be in a short form of the human readable label.
* - node--view-mode-[view_mode]: The View Mode of the node; for example, a
* teaser would result in: "node--view-mode-teaser", and
* full: "node--view-mode-full".
* The following are controlled through the node publishing options.
* - node--promoted: Appears on nodes promoted to the front page.
* - node--sticky: Appears on nodes ordered above other non-sticky nodes in
* teaser listings.
* - node--unpublished: Appears on unpublished nodes visible only to site
* admins.
* - title_attributes: Same as attributes, except applied to the main title
* tag that appears in the template.
* - content_attributes: Same as attributes, except applied to the main
* content tag that appears in the template.
* - author_attributes: Same as attributes, except applied to the author of
* the node tag that appears in the template.
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the main title tag that appears in the template.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the main title tag that appears in the template.
* - view_mode: View mode; for example, "teaser" or "full".
* - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.
* - page: Flag for the full page state. Will be true if view_mode is 'full'.
* - readmore: Flag for more state. Will be true if the teaser content of the
* node cannot hold the main body content.
* - logged_in: Flag for authenticated user status. Will be true when the
* current user is a logged-in member.
* - is_admin: Flag for admin user status. Will be true when the current user
* is an administrator.
*
* @see template_preprocess_node()
*
* @todo Remove the id attribute (or make it a class), because if that gets
* rendered twice on a page this is invalid CSS for example: two lists
* in different view modes.
*
* @ingroup themeable
*/
#}
<article{{ attributes }}>
{{ title_prefix }}
{% if label and not page %}
<h2{{ title_attributes }}>
<a href="{{ url }}" rel="bookmark">{{ label }}</a>
</h2>
{% endif %}
{{ title_suffix }}
{% if display_submitted %}
<footer>
{{ author_picture }}
<div{{ author_attributes }}>
{% trans %}Submitted by {{ author_name }} on {{ date }}{% endtrans %}
{{ metadata }}
</div>
</footer>
{% endif %}
<div{{ content_attributes }}>
{{ content }}
</div>
</article>
web/themes/custom/rorschach/templates/layout/page.html.twig → web/themes/custom/rorschach/templates/page.html.twig
+1
View File
@@ -38,6 +38,7 @@
<header role="banner">
<section id="header-top">
{{ page.header_top_left }}
{{ page.header_top_middle }}
{{ page.header_top_rigth }}
</section>
{{ page.header_bottom }}
web/themes/custom/rorschach/templates/paragraph--texte--textes-toc.html.twig
-61
View File
@@ -1,61 +0,0 @@
{#
/**
* @file
* Default theme implementation to display a paragraph.
*
* Available variables:
* - paragraph: Full paragraph entity.
* Only method names starting with "get", "has", or "is" and a few common
* methods such as "id", "label", and "bundle" are available. For example:
* - paragraph.getCreatedTime() will return the paragraph creation timestamp.
* - paragraph.id(): The paragraph ID.
* - paragraph.bundle(): The type of the paragraph, for example, "image" or "text".
* - paragraph.getOwnerId(): The user ID of the paragraph author.
* See Drupal\paragraphs\Entity\Paragraph for a full list of public properties
* and methods for the paragraph object.
* - content: All paragraph items. Use {{ content }} to print them all,
* or print a subset such as {{ content.field_example }}. Use
* {{ content|without('field_example') }} to temporarily suppress the printing
* of a given child element.
* - attributes: HTML attributes for the containing element.
* The attributes.class element may contain one or more of the following
* classes:
* - paragraphs: The current template type (also known as a "theming hook").
* - paragraphs--type-[type]: The current paragraphs type. For example, if the paragraph is an
* "Image" it would result in "paragraphs--type--image". Note that the machine
* name will often be in a short form of the human readable label.
* - paragraphs--view-mode--[view_mode]: The View Mode of the paragraph; for example, a
* preview would result in: "paragraphs--view-mode--preview", and
* default: "paragraphs--view-mode--default".
* - view_mode: View mode; for example, "preview" or "full".
* - logged_in: Flag for authenticated user status. Will be true when the
* current user is a logged-in member.
* - is_admin: Flag for admin user status. Will be true when the current user
* is an administrator.
*
* @see template_preprocess_paragraph()
*
* @ingroup themeable
*/
#}
{%
set classes = [
'paragraph',
'paragraph--type--' ~ paragraph.bundle|clean_class,
view_mode ? 'paragraph--view-mode--' ~ view_mode|clean_class,
not paragraph.isPublished() ? 'paragraph--unpublished',
]
%}
{%
set ancre_href = '#paragraph-id--' ~ paragraph.id()
%}
{% block paragraph %}
{# <div{{ attributes.addClass(classes) }}> #}
<div{{ attributes.addClass(classes) }}>
<a href="{{ ancre_href }}">
{% block content %}
{{ content }}
{% endblock %}
</a>
</div>
{% endblock paragraph %}
web/themes/custom/rorschach/templates/paragraph.html.twig
-56
View File
@@ -1,56 +0,0 @@
{#
/**
* @file
* Default theme implementation to display a paragraph.
*
* Available variables:
* - paragraph: Full paragraph entity.
* Only method names starting with "get", "has", or "is" and a few common
* methods such as "id", "label", and "bundle" are available. For example:
* - paragraph.getCreatedTime() will return the paragraph creation timestamp.
* - paragraph.id(): The paragraph ID.
* - paragraph.bundle(): The type of the paragraph, for example, "image" or "text".
* - paragraph.getOwnerId(): The user ID of the paragraph author.
* See Drupal\paragraphs\Entity\Paragraph for a full list of public properties
* and methods for the paragraph object.
* - content: All paragraph items. Use {{ content }} to print them all,
* or print a subset such as {{ content.field_example }}. Use
* {{ content|without('field_example') }} to temporarily suppress the printing
* of a given child element.
* - attributes: HTML attributes for the containing element.
* The attributes.class element may contain one or more of the following
* classes:
* - paragraphs: The current template type (also known as a "theming hook").
* - paragraphs--type-[type]: The current paragraphs type. For example, if the paragraph is an
* "Image" it would result in "paragraphs--type--image". Note that the machine
* name will often be in a short form of the human readable label.
* - paragraphs--view-mode--[view_mode]: The View Mode of the paragraph; for example, a
* preview would result in: "paragraphs--view-mode--preview", and
* default: "paragraphs--view-mode--default".
* - view_mode: View mode; for example, "preview" or "full".
* - logged_in: Flag for authenticated user status. Will be true when the
* current user is a logged-in member.
* - is_admin: Flag for admin user status. Will be true when the current user
* is an administrator.
*
* @see template_preprocess_paragraph()
*
* @ingroup themeable
*/
#}
{%
set classes = [
'paragraph',
'paragraph--type--' ~ paragraph.bundle|clean_class,
view_mode ? 'paragraph--view-mode--' ~ view_mode|clean_class,
not paragraph.isPublished() ? 'paragraph--unpublished'
]
%}
{% block paragraph %}
{# <div{{ attributes.addClass(classes) }}> #}
<div{{ attributes.addClass(classes).setAttribute('id', 'paragraph-id--' ~ paragraph.id()) }}>
{% block content %}
{{ content }}
{% endblock %}
</div>
{% endblock paragraph %}
web/themes/custom/rorschach/templates/partials/menu.html.twig
-67
View File
@@ -1,67 +0,0 @@
{#
/**
* @file
* Default theme implementation to display a menu.
*
* Available variables:
* - menu_name: The machine name of the menu.
* - items: A nested list of menu items. Each menu item contains:
* - attributes: HTML attributes for the menu item.
* - below: The menu item child items.
* - title: The menu link title.
* - url: The menu link url, instance of \Drupal\Core\Url
* - localized_options: Menu link localized options.
* - is_expanded: TRUE if the link has visible children within the current
* menu tree.
* - is_collapsed: TRUE if the link has children within the current menu tree
* that are not currently visible.
* - in_active_trail: TRUE if the link is in the active trail.
*
* @ingroup themeable
*/
#}
{% import _self as menus %}
{%
set classes = [
'sous-liste',
]
%}
{%
set ulClasses = [
'ul1',
'ul2'
]
%}
{#
We call a macro which calls itself to render the full tree.
@see https://twig.symfony.com/doc/1.x/tags/macro.html
#}
{{ menus.menu_links(items, attributes, 0) }}
{% macro menu_links(items, attributes, menu_level) %}
{% import _self as menus %}
<div class="menuOpen">
{% if items %}
{% if menu_level == 0 %}
<ul{{ attributes.addClass(ulClasses, 'ul1') }}{{attributes.removeClass(classes, 'sous-liste')}}{{ attributes }}>
{% else %}
<ul{{ attributes.addClass(ulClasses, 'ul2') }}{{attributes.removeClass(classes, 'sous-liste')}}{{ attributes }}>
{% endif %}
{# <div{{ attributes.addClass('sous-liste') }}{{attributes.removeClass(ulClasses, 'ul1')}}> #}
{% for item in items %}
<div{{ attributes.addClass('sous-liste') }}{{attributes.removeClass(ulClasses)}}>
<li{{ item.attributes }}>
{{ link(item.title, item.url) }}
{% if item.below %}
{{ menus.menu_links(item.below, attributes, menu_level + 1) }}
{% endif %}
</li>
</div>
{% endfor %}
{# </div> #}
</ul>
{% endif %}
</div>
{% endmacro %}
web/themes/custom/rorschach/templates/layout/region.html.twig → web/themes/custom/rorschach/templates/region.html.twig
View File
web/themes/custom/rorschach/templates/select.html.twig
-29
View File
@@ -1,29 +0,0 @@
{#
/**
* @file
* Default theme implementation for a select element.
*
* Available variables:
* - attributes: HTML attributes for the <select> tag.
* - options: The <option> element children.
*
* @see template_preprocess_select()
*
* @ingroup themeable
*/
#}
{% apply spaceless %}
<select{{ attributes }}>
{% for option in options %}
{% if option.type == 'optgroup' %}
<optgroup label="{{ option.label }}">
{% for sub_option in option.options %}
<option value="{{ sub_option.value }}"{{ sub_option.selected ? ' selected="selected"' }}>{{ sub_option.label }}</option>
{% endfor %}
</optgroup>
{% elseif option.type == 'option' %}
<option value="{{ option.value }}"{{ option.selected ? ' selected="selected"' }}>{{ option.label }}</option>
{% endif %}
{% endfor %}
</select>
{% endapply %}
web/themes/custom/rorschach/templates/views-view-unformatted.html.twig
-34
View File
@@ -1,34 +0,0 @@
{#
/**
* @file
* Theme override to display a view of unformatted rows.
*
* Available variables:
* - title: The title of this group of rows. May be empty.
* - rows: A list of the view's row items.
* - attributes: The row's HTML attributes.
* - content: The row's content.
* - view: The view object.
* - default_row_class: A flag indicating whether default classes should be
* used on rows.
*
* @see template_preprocess_views_view_unformatted()
*/
#}
{% if title %}
<h3>{{ title }}</h3>
{% endif %}
{% for row in rows %}
{%
set row_classes = [
default_row_class ? 'views-row',
]
%}
{# {%
set collection = '#collection-id--' ~ a.content
%} #}
<div{{ row.attributes.addClass(row_classes) }}>
{{- row.content -}}
</div>
{% endfor %}
web/themes/custom/rorschach/templates/views-view.html.twig
-95
View File
@@ -1,95 +0,0 @@
{#
/**
* @file
* Theme override for a main view template.
*
* Available variables:
* - attributes: Remaining HTML attributes for the element.
* - css_name: A CSS-safe version of the view name.
* - css_class: The user-specified classes names, if any.
* - header: The optional header.
* - footer: The optional footer.
* - rows: The results of the view query, if any.
* - empty: The content to display if there are no rows.
* - pager: The optional pager next/prev links to display.
* - exposed: Exposed widget form/info to display.
* - feed_icons: Optional feed icons to display.
* - more: An optional link to the next page of results.
* - title: Title of the view, only used when displaying in the admin preview.
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the view title.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the view title.
* - attachment_before: An optional attachment view to be displayed before the
* view content.
* - attachment_after: An optional attachment view to be displayed after the
* view content.
* - dom_id: Unique id for every view being printed to give unique class for
* JavaScript.
*
* @see template_preprocess_views_view()
*/
#}
{%
set classes = [
'view',
'view-' ~ id|clean_class,
'view-id-' ~ id,
'view-display-id-' ~ display_id,
dom_id ? 'js-view-dom-id-' ~ dom_id,
]
%}
<div{{ attributes.addClass(classes) }}>
{{ title_prefix }}
{% if title %}
{{ title }}
{% endif %}
{{ title_suffix }}
{% if header %}
<div class="view-header">
{{ header }}
</div>
{% endif %}
{% if exposed %}
<div class="view-filters">
{{ exposed }}
</div>
{% endif %}
{% if attachment_before %}
<div class="attachment attachment-before">
{{ attachment_before }}
</div>
{% endif %}
{% if rows %}
<div class="view-content">
{{ rows }}
</div>
{% elseif empty %}
<div class="view-empty">
{{ empty }}
</div>
{% endif %}
{% if pager %}
{{ pager }}
{% endif %}
{% if attachment_after %}
<div class="attachment attachment-after">
{{ attachment_after }}
</div>
{% endif %}
{% if more %}
{{ more }}
{% endif %}
{% if footer %}
<div class="view-footer">
{{ footer }}
</div>
{% endif %}
{% if feed_icons %}
<div class="feed-icons">
{{ feed_icons }}
</div>
{% endif %}
</div>