3 Commits

Author SHA1 Message Date
7bb8776228 node-type-projetlié /esprojets 2025-11-12 16:55:09 +01:00
9dc42ba58c picto laureat block third node site 2025-11-12 16:32:14 +01:00
d013d3e45f block third position pas fixed 2025-11-12 16:26:53 +01:00
6 changed files with 174 additions and 33 deletions

View File

@@ -3991,7 +3991,7 @@ body {
}
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third {
position: fixed;
position: relative;
}
@media (max-width: 810px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third {
@@ -4026,7 +4026,7 @@ body {
width: 80%;
font-family: "gilroy-light";
text-transform: uppercase;
font-size: 0.6rem;
font-size: 0.7rem;
margin-bottom: 1rem;
margin-top: 1rem;
border-bottom: solid black 1px;
@@ -4049,12 +4049,11 @@ body {
left: -1rem;
width: 2.5rem;
height: 2.5rem;
background-color: #f6f7f3;
background-image: url("../img/LAUREAT.svg");
background-image: url("../img/laureat-ouvert.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
z-index: -1;
z-index: 0;
margin-top: 0.3rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .node-type-projet .node-projet-title {
@@ -5028,16 +5027,15 @@ main {
#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet:has(.laureat:not(:empty))::before {
content: "";
position: absolute;
top: -1rem;
left: -1rem;
top: -1.3rem;
left: -1.3rem;
width: 2.5rem;
height: 2.5rem;
background-color: #f6f7f3;
background-image: url("../img/LAUREAT.svg");
background-image: url("../img/laureat-ouvert.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
z-index: -1;
z-index: 0;
}
#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet div {
display: flex;
@@ -5059,8 +5057,15 @@ main {
order: 1;
font-size: 0px;
}
#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_nom_de_l_equipe {
#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .node-projet-title {
order: 3;
font-size: 0.7rem;
margin-bottom: 0.3rem;
margin-top: 0.3rem;
font-family: "gilroy-regular";
}
#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_nom_de_l_equipe {
order: 4;
}
#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_nom_de_l_equipe h3 {
font-size: 0.6rem;
@@ -5068,7 +5073,8 @@ main {
text-transform: uppercase;
}
#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_intro {
order: 4;
order: 5;
display: none;
}
#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_intro p {
font-size: 0.5rem;

View File

@@ -0,0 +1,26 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="21.999817mm"
height="22.224886mm"
viewBox="0 0 21.999817 22.224886"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<g
id="layer1"
transform="translate(-134.26138,-166.10292)">
<path
id="path15511"
d="m 145.26127,188.3278 c -6.07504,0 -10.99989,-4.97515 -10.99989,-11.11228 0,-6.13746 4.92485,-11.11261 10.99989,-11.11261 6.07508,0 10.99993,4.97515 10.99993,11.11261 h -2.70535 c 0,-4.62785 -3.71358,-8.37963 -8.29458,-8.37963 -4.58099,0 -8.29455,3.75178 -8.29455,8.37963 0,4.6278 3.71356,8.37928 8.29455,8.37928 z"
style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778" />
<path
id="path15512-6"
d="m 140.12905,179.37182 -0.23373,-0.96485 0.27833,-0.0688 0.30571,1.26195 -2.21399,0.54723 -0.072,-0.29711 z m 0.13171,-2.92584 -0.52504,0.1433 -0.0864,1.03237 0.49376,0.23033 -0.0272,0.32445 -2.19958,-1.04941 0.0288,-0.34413 2.34283,-0.66136 z m -0.88498,1.04666 0.0689,-0.82261 -1.15395,0.31733 z m 1.48595,-2.96679 c 0.0612,0.20828 0.0366,0.42668 -0.0739,0.65528 -0.11045,0.22857 -0.26626,0.38354 -0.46742,0.46493 -0.20216,0.0785 -0.41347,0.0633 -0.63391,-0.0453 l -1.36069,-0.67084 0.13282,-0.27489 1.34899,0.66506 c 0.14436,0.0712 0.28041,0.0846 0.40814,0.0402 0.12578,-0.0453 0.2277,-0.1488 0.30578,-0.31037 0.0781,-0.16161 0.0961,-0.30643 0.0541,-0.43449 -0.0439,-0.12901 -0.13809,-0.22909 -0.28245,-0.30028 l -1.34899,-0.66506 0.1314,-0.27192 1.36069,0.67081 c 0.22044,0.10869 0.36224,0.26765 0.42538,0.47692 z m 1.54849,-1.44672 -0.9695,-0.29086 -0.39232,0.37078 0.59622,0.64364 -0.22113,0.20899 -1.55727,-1.68119 0.66576,-0.62919 c 0.14266,-0.13483 0.31217,-0.19895 0.50854,-0.19235 0.19489,0.005 0.35907,0.0795 0.49255,0.22364 0.10086,0.10888 0.16031,0.23886 0.17837,0.38995 0.0197,0.14958 -0.004,0.29073 -0.0716,0.42344 l 1.01523,0.30169 z m -2.12932,-0.74867 0.58063,0.62684 0.44463,-0.42021 c 0.0824,-0.0779 0.12399,-0.17424 0.1247,-0.28901 8.1e-4,-0.11787 -0.0388,-0.22004 -0.11892,-0.3065 -0.0801,-0.0865 -0.17763,-0.13241 -0.29264,-0.13782 -0.11343,-0.007 -0.21135,0.0286 -0.29378,0.10648 z m 2.45359,-2.76643 -0.12456,0.53199 -0.24966,0.11287 0.0622,-0.50376 z m 0.36989,2.7588 0.96591,-0.43672 0.11708,0.26418 -1.2423,0.56169 -0.93123,-2.10142 1.22745,-0.55497 0.11706,0.26418 -0.95106,0.43 0.28603,0.64543 0.87676,-0.39641 0.11571,0.26118 -0.87672,0.39641 z m 2.97586,-0.41872 -0.23266,-0.49656 -1.02119,0.097 -0.13691,0.53167 -0.32096,0.0305 0.63268,-2.37261 0.34039,-0.0323 1.05957,2.21182 z m -1.17666,-0.69428 0.81372,-0.0773 -0.51368,-1.09092 z m 3.55272,-1.1568 -0.0655,0.28176 -0.65617,-0.15569 -0.45572,1.95955 -0.29161,-0.0692 0.45569,-1.95955 -0.65299,-0.15494 0.0655,-0.28177 z"
style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.0 KiB

View File

@@ -172,16 +172,16 @@ main{
content: "";
position: absolute;
// display: block;
top: -1rem;
left: -1rem;
top:-1.3rem;
left: -1.3rem;
width: 2.5rem;
height: 2.5rem;
background-color: #f6f7f3;
background-image: url("../img/LAUREAT.svg");
// background-color: #f6f7f3;
background-image: url("../img/laureat-ouvert.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
z-index: -1;
z-index: 0;
}
@@ -207,8 +207,15 @@ main{
order: 1;
font-size: 0px;
}
.field_field_nom_de_l_equipe{
.node-projet-title{
order: 3;
font-size: 0.7rem;
margin-bottom: 0.3rem;
margin-top: 0.3rem;
font-family: "gilroy-regular";
}
.field_field_nom_de_l_equipe{
order: 4;
h3{
font-size: 0.6rem;
margin: 0;
@@ -216,7 +223,8 @@ main{
}
}
.field_field_intro{
order: 4;
order: 5;
display: none;
p{
font-size: 0.5rem;
font-family: "gilroy-light";

View File

@@ -368,7 +368,7 @@
width: 100%;
}
.block-region-third{
position: fixed;
position: relative;
// width: 80%;
@media(max-width: 810px){
position: relative;
@@ -398,7 +398,7 @@
width: 80%;
font-family: "gilroy-light";
text-transform: uppercase;
font-size: 0.6rem;
font-size: 0.7rem;
margin-bottom: 1rem;
margin-top: 1rem;
border-bottom: solid black 1px;
@@ -423,12 +423,12 @@
left: -1rem;
width: 2.5rem;
height: 2.5rem;
background-color: #f6f7f3;
background-image: url("../img/LAUREAT.svg");
// background-color: #f6f7f3;
background-image: url("../img/laureat-ouvert.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
z-index: -1;
z-index: 0;
margin-top: 0.3rem;
}
.node-projet-title{

View File

@@ -0,0 +1,100 @@
{#
/**
* @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'.
*
* @see template_preprocess_node()
*
* @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 }}>
{% set node_title = node.label %}
{% set node_url = (url is defined and url) ? url : path('entity.node.canonical', {'node': node.id}) %}
{% if node_title %}
{{ title_prefix }}
<h3{{ title_attributes }} class="node-projet-title">
<a href="{{ node_url }}" rel="bookmark">{{ node_title }}</a>
</h3>
{{ title_suffix }}
{% endif %}
{{ content }}
</div>
</article>

View File

@@ -85,16 +85,17 @@
<div{{ content_attributes }}>
{% set node_title = node.label %}
{% set node_url = (url is defined and url) ? url : path('entity.node.canonical', {'node': node.id}) %}
{{ content }}
{% set node_title = node.label %}
{% set node_url = (url is defined and url) ? url : path('entity.node.canonical', {'node': node.id}) %}
{% if node_title %}
{{ title_prefix }}
<h3{{ title_attributes }} class="node-projet-title">
<a href="{{ node_url }}" rel="bookmark">{{ node_title }}</a>
</h3>
{{ title_suffix }}
{% endif %}
{% if node_title %}
{{ title_prefix }}
<h3{{ title_attributes }} class="node-projet-title">
<a href="{{ node_url }}" rel="bookmark">{{ node_title }}</a>
</h3>
{{ title_suffix }}
{% endif %}
{{ content }}
</div>