home & anchor
This commit is contained in:
ouidade
parent
814340e2ac
commit
1118fcbda0
|
|
@ -324,6 +324,142 @@ header {
|
||||||
text-transform: uppercase; }
|
text-transform: uppercase; }
|
||||||
|
|
||||||
/*pages*/
|
/*pages*/
|
||||||
|
#home {
|
||||||
|
width: 100%;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(12, 1fr);
|
||||||
|
grid-gap: 10px; }
|
||||||
|
#home .layout-content {
|
||||||
|
grid-row: 1;
|
||||||
|
order: 2;
|
||||||
|
padding-top: 3rem;
|
||||||
|
padding-bottom: 6rem; }
|
||||||
|
@media (max-width: 500px) {
|
||||||
|
#home .layout-content {
|
||||||
|
padding-top: 0; } }
|
||||||
|
#home .layout-content .content_container {
|
||||||
|
display: flex; }
|
||||||
|
#home .layout-content .content_container #block-quartiers-de-demain-titredepage {
|
||||||
|
display: none; }
|
||||||
|
#home .layout-content .content_container article.node-type-static {
|
||||||
|
width: 100%; }
|
||||||
|
#home .layout-content .content_container article.node-type-static .field_body {
|
||||||
|
padding-left: 20%;
|
||||||
|
padding-right: 20%; }
|
||||||
|
@media (max-width: 640px) {
|
||||||
|
#home .layout-content .content_container article.node-type-static .field_body {
|
||||||
|
padding-left: 10%;
|
||||||
|
padding-right: 10%; } }
|
||||||
|
#home .layout-content .content_container article.node-type-static .field_body h2 {
|
||||||
|
font-size: 0.8rem;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: 0; }
|
||||||
|
#home .layout-content .content_container article.node-type-static .field_body img {
|
||||||
|
width: 100%;
|
||||||
|
height: auto; }
|
||||||
|
#home .layout-content .content_container article.node-type-static .field_body p {
|
||||||
|
margin-top: 0; }
|
||||||
|
#home .layout-content .content_container article.node-type-static .paragraph {
|
||||||
|
padding-top: 1rem;
|
||||||
|
padding-bottom: 1rem;
|
||||||
|
padding-left: 20%;
|
||||||
|
padding-right: 20%; }
|
||||||
|
@media (max-width: 640px) {
|
||||||
|
#home .layout-content .content_container article.node-type-static .paragraph {
|
||||||
|
padding-left: 10%;
|
||||||
|
padding-right: 10%; } }
|
||||||
|
#home .layout-content .content_container article.node-type-static .field_field_textes .field_field_title {
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-size: 1rem;
|
||||||
|
font-weight: 400; }
|
||||||
|
#home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--1 .field_field_title, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--2 .field_field_title, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--6 .field_field_title, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_title, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_title {
|
||||||
|
color: #0732c2; }
|
||||||
|
#home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--3 .field_field_title, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--4 .field_field_title {
|
||||||
|
color: #f7002b; }
|
||||||
|
#home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--1, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--2, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--3, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--4, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--6, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 {
|
||||||
|
background-color: #e8ebf4; }
|
||||||
|
#home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 {
|
||||||
|
text-align: center; }
|
||||||
|
#home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column; }
|
||||||
|
#home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_title {
|
||||||
|
width: 60%;
|
||||||
|
margin: auto; }
|
||||||
|
#home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row; }
|
||||||
|
#home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) p {
|
||||||
|
padding-right: 30px;
|
||||||
|
text-align: left;
|
||||||
|
color: #0732c2; }
|
||||||
|
#home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_texte div:nth-child(2) {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row; }
|
||||||
|
#home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_texte div:nth-child(2) p {
|
||||||
|
padding-right: 30px;
|
||||||
|
text-align: left; }
|
||||||
|
#home .layout-content .content_container article.node-type-static .field_field_textes p {
|
||||||
|
margin-bottom: 0; }
|
||||||
|
#home .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto {
|
||||||
|
height: auto;
|
||||||
|
float: inline-start;
|
||||||
|
padding-right: 0.5rem; }
|
||||||
|
#home .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto img {
|
||||||
|
width: 40px;
|
||||||
|
height: auto; }
|
||||||
|
@media (max-width: 891px) {
|
||||||
|
#home .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto img {
|
||||||
|
width: 30px; } }
|
||||||
|
#home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 img {
|
||||||
|
width: -moz-available;
|
||||||
|
height: auto;
|
||||||
|
cursor: url(/img/layout/backgrounds/zoom.cur), -moz-zoom-in; }
|
||||||
|
#home aside {
|
||||||
|
position: relative;
|
||||||
|
grid-column: 1 /span 2;
|
||||||
|
grid-row: 1;
|
||||||
|
z-index: 100;
|
||||||
|
order: 1;
|
||||||
|
margin-top: 5rem; }
|
||||||
|
@media (max-width: 891px) {
|
||||||
|
#home aside {
|
||||||
|
margin-left: 5%;
|
||||||
|
margin-top: 9rem; } }
|
||||||
|
@media (max-width: 500px) {
|
||||||
|
#home aside {
|
||||||
|
width: 80%;
|
||||||
|
margin-top: 3rem; } }
|
||||||
|
#home aside .sidebar_first_container {
|
||||||
|
position: -webkit-sticky;
|
||||||
|
position: sticky;
|
||||||
|
top: 10rem;
|
||||||
|
font-weight: 400; }
|
||||||
|
#home aside .sidebar_first_container .field-content {
|
||||||
|
margin-bottom: 0.7rem; }
|
||||||
|
@media (max-width: 810px) {
|
||||||
|
#home aside .sidebar_first_container {
|
||||||
|
display: none; } }
|
||||||
|
#home aside .views-field-field-pieces-jointes .field-content {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column; }
|
||||||
|
#home aside .views-field-field-pieces-jointes .field-content .file--application-pdf {
|
||||||
|
display: inline-flex; }
|
||||||
|
#home aside .views-field-field-pieces-jointes .field-content .file--application-pdf a {
|
||||||
|
display: block;
|
||||||
|
font-size: small;
|
||||||
|
font-weight: 800; }
|
||||||
|
#home aside .views-field-field-pieces-jointes .field-content .file--application-pdf::before {
|
||||||
|
content: url(../images/noun-arrow-download.svg);
|
||||||
|
margin: auto;
|
||||||
|
padding-right: 00.5rem; }
|
||||||
|
#home aside .views-field-field-pieces-jointes .field-content span {
|
||||||
|
font-size: small;
|
||||||
|
font-weight: 800; }
|
||||||
|
#home aside .views-field-field-pieces-jointes .field-content span:nth-child(2) {
|
||||||
|
margin-left: 50px;
|
||||||
|
align-self: center; }
|
||||||
|
|
||||||
.partenaires .layout-content .content_container #block-quartiers-de-demain-titredepage {
|
.partenaires .layout-content .content_container #block-quartiers-de-demain-titredepage {
|
||||||
grid-column: 3 /span 9;
|
grid-column: 3 /span 9;
|
||||||
grid-row: 1;
|
grid-row: 1;
|
||||||
|
|
|
||||||
|
|
@ -40,22 +40,22 @@
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
// /////////////////
|
// // /////////////////
|
||||||
//// ancre dans texte au click parragraphe correspondant arrive en dessous du header
|
// //// ancre dans texte au click parragraphe correspondant arrive en dessous du header
|
||||||
|
|
||||||
|
|
||||||
(function($, window) {
|
// (function($, window) {
|
||||||
var adjustAnchor = function() {
|
// var adjustAnchor = function() {
|
||||||
var $anchor = $('#block-quartiers-de-demain-views-block-statics-block-1'),
|
// var $anchor = $('#block-quartiers-de-demain-views-block-statics-block-1'),
|
||||||
fixedElementHeight = 350;
|
// fixedElementHeight = 350;
|
||||||
if ($anchor.length > 0) {
|
// if ($anchor.length > 0) {
|
||||||
$('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);
|
// $('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);
|
||||||
}
|
// }
|
||||||
};
|
// };
|
||||||
|
|
||||||
$(window).on('hashchange', function() {
|
// $(window).on('hashchange', function() {
|
||||||
adjustAnchor();
|
// adjustAnchor();
|
||||||
});
|
// });
|
||||||
|
|
||||||
})(jQuery, window);
|
// })(jQuery, window);
|
||||||
|
|
||||||
|
|
@ -0,0 +1,200 @@
|
||||||
|
|
||||||
|
#home{
|
||||||
|
width: 100%;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(12, 1fr);
|
||||||
|
grid-gap: 10px;
|
||||||
|
.layout-content{
|
||||||
|
// grid-column: 3 / 11;
|
||||||
|
grid-row: 1;
|
||||||
|
order: 2;
|
||||||
|
padding-top: 3rem;
|
||||||
|
padding-bottom: 6rem;
|
||||||
|
// width: 70%;
|
||||||
|
// margin: auto;
|
||||||
|
@media(max-width: 891px){
|
||||||
|
// width: 90%;
|
||||||
|
}
|
||||||
|
@media (max-width:500px) {
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
.content_container{
|
||||||
|
display: flex;
|
||||||
|
#block-quartiers-de-demain-titredepage{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
article.node-type-static{
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
.field_body{
|
||||||
|
padding-left: 20%;
|
||||||
|
padding-right: 20%;
|
||||||
|
@media (max-width:640px) {
|
||||||
|
padding-left: 10%;
|
||||||
|
padding-right: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
// width: 80%;
|
||||||
|
h2{
|
||||||
|
font-size: $font-medium;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
img{
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
p{
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.paragraph{
|
||||||
|
padding-top: 1rem;
|
||||||
|
padding-bottom: 1rem;
|
||||||
|
padding-left: 20%;
|
||||||
|
padding-right: 20%;
|
||||||
|
@media (max-width:640px) {
|
||||||
|
padding-left: 10%;
|
||||||
|
padding-right: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
.field_field_textes{
|
||||||
|
.field_field_title{
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-size: $font-big;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
#paragraph-id--1, #paragraph-id--2, #paragraph-id--6, #paragraph-id--7, #paragraph-id--8{
|
||||||
|
.field_field_title{
|
||||||
|
color: $blue_QDD;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#paragraph-id--3, #paragraph-id--4{
|
||||||
|
.field_field_title{
|
||||||
|
color: $red_QDD;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#paragraph-id--1, #paragraph-id--2, #paragraph-id--3, #paragraph-id--4, #paragraph-id--6, #paragraph-id--8{
|
||||||
|
background-color: $bleu_fond_header;
|
||||||
|
}
|
||||||
|
#paragraph-id--7, #paragraph-id--8{
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#paragraph-id--7{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
.field_field_title{
|
||||||
|
width: 60%;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
.field_field_texte div:nth-child(2){
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
p{
|
||||||
|
padding-right: 30px;
|
||||||
|
text-align: left;
|
||||||
|
color: $blue_QDD;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#paragraph-id--8{
|
||||||
|
.field_field_texte div:nth-child(2){
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
p{
|
||||||
|
padding-right: 30px;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
p{
|
||||||
|
margin-bottom: 0;
|
||||||
|
// padding-bottom: 1.5rem;
|
||||||
|
}
|
||||||
|
.field_field_picto{
|
||||||
|
height: auto;
|
||||||
|
float: inline-start;
|
||||||
|
padding-right: 0.5rem;
|
||||||
|
img{
|
||||||
|
width: 40px;
|
||||||
|
height: auto;
|
||||||
|
@media(max-width: 891px){
|
||||||
|
width: 30px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#paragraph-id--9{
|
||||||
|
img{
|
||||||
|
width: -moz-available;
|
||||||
|
height: auto;
|
||||||
|
cursor: url(/img/layout/backgrounds/zoom.cur), -moz-zoom-in;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
aside{
|
||||||
|
position: relative;
|
||||||
|
grid-column: 1 /span 2;
|
||||||
|
grid-row: 1;
|
||||||
|
z-index: 100;
|
||||||
|
order: 1;
|
||||||
|
margin-top: 5rem;
|
||||||
|
@media(max-width:891px){
|
||||||
|
margin-left: 5%;
|
||||||
|
margin-top: 9rem;
|
||||||
|
}
|
||||||
|
@media (max-width:500px) {
|
||||||
|
width: 80%;
|
||||||
|
margin-top: 3rem;
|
||||||
|
}
|
||||||
|
.sidebar_first_container{
|
||||||
|
position: -webkit-sticky;
|
||||||
|
position: sticky;
|
||||||
|
top: 10rem;
|
||||||
|
font-weight: 400;
|
||||||
|
.field-content{
|
||||||
|
margin-bottom: 0.7rem;
|
||||||
|
}
|
||||||
|
@media (max-width: 810px){
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.views-field-field-pieces-jointes{
|
||||||
|
.field-content{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
.file--application-pdf{
|
||||||
|
display: inline-flex;
|
||||||
|
a{
|
||||||
|
display: block;
|
||||||
|
font-size: small;
|
||||||
|
font-weight: 800;
|
||||||
|
}
|
||||||
|
&::before{
|
||||||
|
content: url(../images/noun-arrow-download.svg);
|
||||||
|
margin: auto;
|
||||||
|
padding-right: 00.5rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
span{
|
||||||
|
font-size: small;
|
||||||
|
font-weight: 800;
|
||||||
|
&:nth-child(2){
|
||||||
|
margin-left: 50px;
|
||||||
|
align-self: center;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -26,7 +26,7 @@
|
||||||
|
|
||||||
|
|
||||||
/*pages*/
|
/*pages*/
|
||||||
|
@import "pages/_home";
|
||||||
@import "pages/partenaires";
|
@import "pages/partenaires";
|
||||||
@import "pages/presentation";
|
@import "pages/presentation";
|
||||||
@import "pages/static";
|
@import "pages/static";
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,61 @@
|
||||||
|
{#
|
||||||
|
/**
|
||||||
|
* @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 %}
|
||||||
|
|
@ -0,0 +1,81 @@
|
||||||
|
{#
|
||||||
|
/**
|
||||||
|
* @file
|
||||||
|
* Default theme implementation 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()
|
||||||
|
*
|
||||||
|
* @ingroup themeable
|
||||||
|
*/
|
||||||
|
#}
|
||||||
|
{%
|
||||||
|
set title_classes = [
|
||||||
|
'field',
|
||||||
|
'field--name-' ~ field_name|clean_class,
|
||||||
|
'field--type-' ~ field_type|clean_class,
|
||||||
|
'field--label-' ~ label_display,
|
||||||
|
label_display == 'visually_hidden' ? 'visually-hidden',
|
||||||
|
]
|
||||||
|
%}
|
||||||
|
{%
|
||||||
|
set ancre_href = '#field-id--' ~ field.id()
|
||||||
|
%}
|
||||||
|
|
||||||
|
{% if label_hidden %}
|
||||||
|
{% if multiple %}
|
||||||
|
<div{{ attributes }}>
|
||||||
|
{% for item in items %}
|
||||||
|
<div{{ item.attributes }}>{{ item.content }}</div>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
{% else %}
|
||||||
|
{% for item in items %}
|
||||||
|
{# <div{{ attributes }}>{{ item.content }}</div> #}
|
||||||
|
<div{{ attributes.addClass(classes).setAttribute('id', 'field-id--' ~ field.id()) }}>{{ item.content }}</div>
|
||||||
|
|
||||||
|
{% endfor %}
|
||||||
|
{% endif %}
|
||||||
|
{% else %}
|
||||||
|
<div{{ attributes }}>
|
||||||
|
<div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
|
||||||
|
{% if multiple %}
|
||||||
|
<div>
|
||||||
|
{% endif %}
|
||||||
|
{% for item in items %}
|
||||||
|
<div{{ item.attributes }}>{{ item.content }}</div>
|
||||||
|
{% endfor %}
|
||||||
|
{% if multiple %}
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
|
@ -0,0 +1,92 @@
|
||||||
|
{#
|
||||||
|
/**
|
||||||
|
* @file
|
||||||
|
* Claro's theme implementation to display a single Drupal page.
|
||||||
|
*
|
||||||
|
* The doctype, html, head, and body tags are not in this template. Instead
|
||||||
|
* they can be found in the html.html.twig template normally located in the
|
||||||
|
* core/modules/system directory.
|
||||||
|
*
|
||||||
|
* Available variables:
|
||||||
|
*
|
||||||
|
* General utility variables:
|
||||||
|
* - base_path: The base URL path of the Drupal installation. Will usually be
|
||||||
|
* "/" unless you have installed Drupal in a sub-directory.
|
||||||
|
* - is_front: A flag indicating if the current page is the front page.
|
||||||
|
* - logged_in: A flag indicating if the user is registered and signed in.
|
||||||
|
* - is_admin: A flag indicating if the user has permission to access
|
||||||
|
* administration pages.
|
||||||
|
*
|
||||||
|
* Site identity:
|
||||||
|
* - front_page: The URL of the front page. Use this instead of base_path when
|
||||||
|
* linking to the front page. This includes the language domain or prefix.
|
||||||
|
*
|
||||||
|
* Page content (in order of occurrence in the default page.html.twig):
|
||||||
|
* - node: Fully loaded node, if there is an automatically-loaded node
|
||||||
|
* associated with the page and the node ID is the second argument in the
|
||||||
|
* page's path (e.g. node/12345 and node/12345/revisions, but not
|
||||||
|
* comment/reply/12345).
|
||||||
|
*
|
||||||
|
* Regions:
|
||||||
|
* - page.header: Items for the header region.
|
||||||
|
* - page.pre_content: Items for the pre-content region.
|
||||||
|
* - page.breadcrumb: Items for the breadcrumb region.
|
||||||
|
* - page.highlighted: Items for the highlighted region.
|
||||||
|
* - page.help: Dynamic help text, mostly for admin pages.
|
||||||
|
* - page.content: The main content of the current page.
|
||||||
|
*
|
||||||
|
* @see template_preprocess_page()
|
||||||
|
* @see html.html.twig
|
||||||
|
*/
|
||||||
|
#}
|
||||||
|
<div class="layout-container" >
|
||||||
|
|
||||||
|
<header role="banner">
|
||||||
|
{{ page.header_left }}
|
||||||
|
{{ page.header_right }}
|
||||||
|
{{ page.header_nav }}
|
||||||
|
</header>
|
||||||
|
|
||||||
|
{{ page.primary_menu }}
|
||||||
|
{{ page.secondary_menu }}
|
||||||
|
|
||||||
|
{{ page.breadcrumb }}
|
||||||
|
|
||||||
|
{{ page.highlighted }}
|
||||||
|
|
||||||
|
{{ page.help }}
|
||||||
|
|
||||||
|
<main role="main" id="home">
|
||||||
|
<a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
|
||||||
|
|
||||||
|
<div class="layout-content">
|
||||||
|
{{ page.content }}
|
||||||
|
</div>{# /.layout-content #}
|
||||||
|
|
||||||
|
{% if page.sidebar_first %}
|
||||||
|
<aside class="layout-sidebar-first" role="complementary">
|
||||||
|
{{ page.sidebar_first }}
|
||||||
|
</aside>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% if page.sidebar_second %}
|
||||||
|
<aside class="layout-sidebar-second" role="complementary">
|
||||||
|
{{ page.sidebar_second }}
|
||||||
|
</aside>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
{# {% if page.footer_top or page.footer_left or page.footer_middle or page.footer_right or page.footer_bottom %} #}
|
||||||
|
<footer role="contentinfo">
|
||||||
|
{# <section id="footer-top">{{ page.footer_top }}</section> #}
|
||||||
|
<div class="footer">
|
||||||
|
<section id="footer-left">{{ page.footer_left }}</section>
|
||||||
|
<section id="footer-middle">{{ page.footer_middle }}</section>
|
||||||
|
<section id="footer-right">{{ page.footer_right }}</section>
|
||||||
|
</div>
|
||||||
|
{# <section id="footer-bottom">{{ page.footer_bottom }}</section> #}
|
||||||
|
</footer>
|
||||||
|
{# {% endif %} #}
|
||||||
|
|
||||||
|
</div>{# /.layout-container #}
|
||||||
|
|
@ -0,0 +1,67 @@
|
||||||
|
{#
|
||||||
|
/**
|
||||||
|
* @file
|
||||||
|
* Default view template to display all the fields in a row.
|
||||||
|
*
|
||||||
|
* Available variables:
|
||||||
|
* - view: The view in use.
|
||||||
|
* - fields: A list of fields, each one contains:
|
||||||
|
* - content: The output of the field.
|
||||||
|
* - raw: The raw data for the field, if it exists. This is NOT output safe.
|
||||||
|
* - class: The safe class ID to use.
|
||||||
|
* - handler: The Views field handler controlling this field.
|
||||||
|
* - inline: Whether or not the field should be inline.
|
||||||
|
* - wrapper_element: An HTML element for a wrapper.
|
||||||
|
* - wrapper_attributes: List of attributes for wrapper element.
|
||||||
|
* - separator: An optional separator that may appear before a field.
|
||||||
|
* - label: The field's label text.
|
||||||
|
* - label_element: An HTML element for a label wrapper.
|
||||||
|
* - label_attributes: List of attributes for label wrapper.
|
||||||
|
* - label_suffix: Colon after the label.
|
||||||
|
* - element_type: An HTML element for the field content.
|
||||||
|
* - element_attributes: List of attributes for HTML element for field content.
|
||||||
|
* - has_label_colon: A boolean indicating whether to display a colon after
|
||||||
|
* the label.
|
||||||
|
* - element_type: An HTML element for the field content.
|
||||||
|
* - element_attributes: List of attributes for HTML element for field content.
|
||||||
|
* - row: The raw result from the query, with all data it fetched.
|
||||||
|
*
|
||||||
|
* @see template_preprocess_views_view_fields()
|
||||||
|
*
|
||||||
|
* @ingroup themeable
|
||||||
|
*/
|
||||||
|
#}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
{% for field in fields -%}
|
||||||
|
{{ field.separator }}
|
||||||
|
{%- if field.wrapper_element -%}
|
||||||
|
<{{ field.wrapper_element }}{{ field.wrapper_attributes }}>
|
||||||
|
{%- endif %}
|
||||||
|
{%- if field.label -%}
|
||||||
|
{%- if field.label_element -%}
|
||||||
|
<{{ field.label_element }}{{ field.label_attributes }}>{{ field.label }}{{ field.label_suffix }}</{{ field.label_element }}>
|
||||||
|
{%- else -%}
|
||||||
|
{{ field.label }}{{ field.label_suffix }}
|
||||||
|
{%- endif %}
|
||||||
|
{%- endif %}
|
||||||
|
{%- if field.element_type -%}
|
||||||
|
|
||||||
|
<{{ field.element_type }}{{ field.element_attributes }}>
|
||||||
|
{# Vérifiez d'abord si le champ contient des données #}
|
||||||
|
{% if row._entity.static_parts is not empty %}
|
||||||
|
{# Accédez à l'ID du paragraphe #}
|
||||||
|
{% set paragraph_id = row._entity.static_parts.entity.id() %}
|
||||||
|
{% endif %}
|
||||||
|
{# Créez le lien d'ancrage avec l'ID du paragraphe #}
|
||||||
|
<a href="#{{ paragraph_id }}">{{ field.content }}</a>
|
||||||
|
</{{ field.element_type }}>
|
||||||
|
{%- else -%}
|
||||||
|
{{ field.content }}
|
||||||
|
{%- endif %}
|
||||||
|
{%- if field.wrapper_element -%}
|
||||||
|
</{{ field.wrapper_element }}>
|
||||||
|
{%- endif %}
|
||||||
|
{%- endfor %}
|
||||||
Loading…
Reference in New Issue