add page intervenant

composer.json

@@ -31,6 +31,7 @@
         "drupal/geolocation": "^3.2",
         "drupal/leaflet": "^1.41",
         "drupal/linkit": "^4.3",
+        "drupal/matomo": "^1.11",
         "drupal/mediteran": "^1.10",
         "drupal/metatag": "^1.13",
         "drupal/paragraphs": "^1.12",

composer.lock

@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "0f2c18ce9172cbf63b8d9e91fde3bfbf",
+    "content-hash": "c99b8032f0c1003b6bc4c819b9f0afb2",
     "packages": [
         {
             "name": "asm89/stack-cors",
@@ -3727,6 +3727,63 @@
                 "issues": "https://www.drupal.org/project/issues/masonry?version=8.x"
             }
         },
+        {
+            "name": "drupal/matomo",
+            "version": "1.11.0",
+            "source": {
+                "type": "git",
+                "url": "https://git.drupalcode.org/project/matomo.git",
+                "reference": "8.x-1.11"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://ftp.drupal.org/files/projects/matomo-8.x-1.11.zip",
+                "reference": "8.x-1.11",
+                "shasum": "82be96c20ab15df03d199ab98d047cef6e67d40b"
+            },
+            "require": {
+                "drupal/core": "^8 || ^9"
+            },
+            "require-dev": {
+                "drupal/php": "*",
+                "drupal/token": "*"
+            },
+            "type": "drupal-module",
+            "extra": {
+                "drupal": {
+                    "version": "8.x-1.11",
+                    "datestamp": "1601651459",
+                    "security-coverage": {
+                        "status": "covered",
+                        "message": "Covered by Drupal's security advisory policy"
+                    }
+                }
+            },
+            "notification-url": "https://packages.drupal.org/8/downloads",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "Carsten Logemann",
+                    "homepage": "https://www.drupal.org/u/C_Logemann"
+                },
+                {
+                    "name": "Shelane French",
+                    "homepage": "https://www.drupal.org/u/shelane"
+                },
+                {
+                    "name": "See other contributors",
+                    "homepage": "https://www.drupal.org/node/247808/committers"
+                }
+            ],
+            "description": "Adds Matomo javascript tracking code to all your site's pages",
+            "homepage": "https://www.drupal.org/project/matomo",
+            "support": {
+                "source": "https://git.drupal.org/project/matomo.git",
+                "issues": "https://www.drupal.org/project/issues/matomo"
+            }
+        },
         {
             "name": "drupal/mediteran",
             "version": "1.13.0",

web/themes/custom/popsu_colloque/css/components/forms/filter.scss

@@ -72,7 +72,7 @@
       height: auto;
       background: $color2;
       color: white;
-      border: none;
+      border: none; 
       outline: none;
       margin-top: 1rem;
       padding: 0.5rem 1rem;
@@ -94,10 +94,163 @@
           margin-right: calc(#{$gutter} * 2);
         }
       }
+      &.form-submit{
+        margin-right: 0.75rem;
+      }
     }
-  }
+  }  
 }
 
+// #views-exposed-form-search-page-1{
+//   width: 100%;
+//   max-width: 50%;
+//   display: flex;
+//   flex-wrap: nowrap;
+//   margin:2rem 0;
+//   & > div{
+//     width: 100%;
+//   }
+//   @media screen and (min-width: 768px) {
+//     max-width: 100%;
+    
+//   }
+//   #edit-actions--2{
+//     @media screen and (min-width: 768px) {
+//       display: flex;
+//       flex-wrap: nowrap;
+//       width: 100%;
+//     }
+//     @media screen and (min-width: 992px) {
+//       width: auto;
+//     }
+//     input{
+//       width: 100%;
+//       height: auto;
+//       background: $color2;
+//       color: white;
+//       border: none;
+//       outline: none;
+//       margin-top: 1rem;
+//       padding: 0.5rem 1rem;
+//       @media screen and (min-width: 768px) {
+//         max-width: 100%;
+//         margin-right: 1rem;
+//       }
+//       @media screen and (min-width: 992px) {
+//         max-width: 100%;
+//         margin-right: 0;
+//         margin-top: 0;
+//       }
+//       &:focus{
+//         border: none;
+//         outline: none;
+//       }
+//       &#edit-submit-publications{
+//         @media screen and (min-width: 768px) {
+//           margin-right: calc(#{$gutter} * 2);
+//         }
+//       }
+//     }
+//   }  
+// }
+
+// .js-form-item-search-api-fulltext{
+//   display: flex;
+//   align-items: baseline;
+
+//   label{
+//     margin-right: 0.75rem;
+//   }
+
+//   input{
+//     width: 100%;
+//     height: auto;
+//     background: white;
+//     color: $color2;
+//     border: none;
+//     outline: none;
+//     margin-top: 1rem;
+//     padding: 0.5rem 1rem;
+//     @media screen and (min-width: 768px) {
+//       max-width: 100%;
+//       margin-right: 1rem;
+//     }
+//     @media screen and (min-width: 992px) {
+//       max-width: 100%;
+//       margin-right: 0;
+//       margin-top: 0;
+//     }
+//     &:focus{
+//       border: none; 
+//       outline: none;
+//     }
+//     &#edit-submit-publications{
+//       @media screen and (min-width: 768px) {
+//         margin-right: calc(#{$gutter} * 2);
+//       }
+//     }
+//   }
+
+// }
+
+#block-formulaireexposesearchpage-1{
+    input{
+    width: 100%;
+    height: auto;
+    background: white;
+    color: $color2;
+    border: none;
+    outline: none;
+    margin-top: 1rem;
+    padding: 0.5rem 1rem;
+    @media screen and (min-width: 768px) {
+      max-width: 100%;
+      margin-right: 1rem;
+    }
+    @media screen and (min-width: 992px) {
+      max-width: 100%;
+      margin-right: 0;
+      margin-top: 0;
+    }
+    &:focus{
+      border: none; 
+      outline: none;
+    }
+    &#edit-submit-publications{
+      @media screen and (min-width: 768px) {
+        margin-right: calc(#{$gutter} * 2);
+      }
+    }
+    &.form-submit{
+      background: $color2;
+      color: white;
+    }
+  }
+  #views-exposed-form-search-page-1{
+    display: flex;
+    flex-wrap: wrap;
+    margin: 2rem 0;
+    & > div{
+      width: 100%;
+      @media screen and (min-width: 768px) {
+        &:first-child{
+          width: 75%;
+        }
+        &:last-child{
+          width: 25%;
+        }
+      }
+      @media screen and (min-width: 992px) {
+        &:first-child{
+          max-width: 350px;
+        }
+        &:last-child{
+          max-width: max-content;
+        }
+      }
+    }
+  }
+}
 .js-form-type-select {
   position: relative;
   font-family: Arial;

web/themes/custom/popsu_colloque/css/components/hero.scss

@@ -89,6 +89,7 @@ body{
         }
         figcaption {
           align-self: center;
+          text-align: left;
         }
       }
     }

web/themes/custom/popsu_colloque/css/components/ressources.scss

@@ -19,4 +19,7 @@
       padding: 0rem 0rem 2rem 0rem;
     }
   }
+  .views-element-container{
+    margin: 4rem auto;
+  }
 }

web/themes/custom/popsu_colloque/css/components/slides/slides.scss

@@ -13,7 +13,8 @@
   display: none;
 }
 
-#block-views-block-slide-programme-block-1{
+#block-views-block-slide-programme-block-1,
+#block-views-block-slide-programme-node-intervenant-block-1{
   .__slide{
     article{
       width: calc(100% - 30px);
@@ -68,6 +69,7 @@
 }
 
 #block-views-block-slide-programme-block-1,
+#block-views-block-slide-programme-node-intervenant-block-1,
 #block-views-block-dernieres-publications-block-1{
   section:not(.wrap_head){
     margin: 1rem 0;

web/themes/custom/popsu_colloque/css/index.scss

@@ -25,7 +25,11 @@
 @import "pages/informations.scss";
 @import "pages/moments.scss";
 @import "pages/publications.scss";
+@import "pages/intervenants.scss";
+@import "pages/node_participants.scss";
 
+
+@import "pages/search.scss";
 // components
 @import "components/components.scss";
  

web/themes/custom/popsu_colloque/css/pages/intervenants.scss

@@ -0,0 +1,33 @@
+.container.les_intervenants{
+  padding-top: 1.5rem;
+  @media screen and (min-width: 768px){
+    padding-top: 0;
+  }
+  
+  .views-element-container{
+    margin-top: 1rem;
+    @media screen and (min-width: 768px){
+      margin-top: 0rem;
+    }
+  }
+
+  .wrap-anchor-letter{
+    margin-bottom: 3rem;
+    a{
+      font-size: 2rem;
+      font-family: 'dukefill';
+      color: $color1;
+    }
+  }
+
+  .letter-sort{
+    font-size: 3rem;
+    font-family: 'dukefill';
+    color: $color2;
+  }
+
+  section.row{
+    margin-top: 2rem;
+    margin-bottom: 6rem;
+  }
+}

web/themes/custom/popsu_colloque/css/pages/node_participants.scss

@@ -0,0 +1,8 @@
+.participant_full{
+  .__wrap_content{
+    margin: 3rem auto;
+  }
+  .__publications,.__bibliographie{
+    margin: 3rem auto;
+  }
+}

web/themes/custom/popsu_colloque/css/pages/search.scss

@@ -0,0 +1,12 @@
+.search{
+  section{ 
+    & > div{
+      h3{
+        width: 100%;
+      }
+      width: 100%;
+      display: flex;
+      flex-wrap: wrap; 
+    }
+  }
+}

web/themes/custom/popsu_colloque/js/script.js

@@ -342,8 +342,79 @@
 
   }
 
+function scrollReaveal(){
+
+  const nodes = {
+    hero : document.querySelectorAll('.__img-hero'),
+    hero_participant :  document.querySelectorAll('.participant_full .__img'),
+    title_participant: document.querySelectorAll('.participant_full figcaption'),
+    article : document.querySelectorAll('.home #txt_present, article#presentation'),
+    blocs : document.querySelectorAll('#block-views-block-slide-programme-block-1, #block-views-block-dernieres-publications-block-1, .__ressources > *'), 
+    p : document.querySelectorAll('article#presentation p, .letter-sort, .participant_full .content > *'),
+    programme: document.querySelectorAll('.programme.container'),
+    thumbnails : document.querySelectorAll('.programme .thumbnails, .views.__publications .thumbnails, .les_intervenants .thumbnails_participants'),
+    node_moment : document.querySelectorAll('#moments .__title, #moments .__wrapper, #moments .__wrap_content .__content > *, #moments .__wrap_side')
+
+  }
+
+  const showUp = {
+      origin: 'bottom',
+      delay: 100,
+      duration: 600,
+      distance: '50px',
+      easing: 'cubic-bezier(0.5, 0, 0, 1)'
+  }
+
+  const Show = {
+    delay: 100,
+    duration: 600,
+    easing: 'cubic-bezier(0.5, 0, 0, 1)'
+  }
+
+  const showleft = {
+    origin: 'left',
+    delay: 100,
+    duration: 600,
+    distance: '50px',
+    easing: 'cubic-bezier(0.5, 0, 0, 1)'
+  }
+
+  console.log(nodes.front);
+
+  ScrollReveal().reveal(nodes.hero, Show);
+  ScrollReveal().reveal(nodes.hero_participant, showleft);
+  ScrollReveal().reveal(nodes.article, showUp);
+  ScrollReveal().reveal(nodes.blocs, showUp);
+  ScrollReveal().reveal(nodes.p, showUp);
+  ScrollReveal().reveal(nodes.programme, showUp);
+  ScrollReveal().reveal(nodes.thumbnails, showUp);
+  ScrollReveal().reveal(nodes.views, showUp);
+  ScrollReveal().reveal(nodes.title_participant, Show);
+  ScrollReveal().reveal(nodes.node_moment, showUp);
+  // ScrollReveal().reveal(nodes.ArticleP, showUp);
+  // ScrollReveal().reveal(nodes.ArticleH3, showUp);
+
+  // ScrollReveal().reveal(nodes.ArticleHn, showUp);
+  // ScrollReveal().reveal(nodes.ArticleRs, showUp);
+  // ScrollReveal().reveal(nodes.Block, showUp);
+  // ScrollReveal().reveal(nodes.Thumbnails, showUp);
+  // ScrollReveal().reveal(nodes.SortLetter, showUp);
+  // ScrollReveal().reveal(nodes.Portrait, showleft);
+  // ScrollReveal().reveal(nodes.PortraitFigcap, {
+  //   delay: 200,
+  //   duration: 600,
+  //   easing: 'cubic-bezier(0.5, 0, 0, 1)'
+
+  // });
+
+  // ScrollReveal().reveal(nodes.Ressource_intervenant, showUp);
+
+
+}
+
   $( document ).ready(function() {
     // currenturl();
+    scrollReaveal();
     notes();
     slide();
     burger();

web/themes/custom/popsu_colloque/popsu_colloque.info.yml

@@ -15,6 +15,7 @@ regions:
   highlighted: Highlighted
   filter: 'Filter'
   content: Content
+  complement_participant: 'Complement Participant'
   sidebar_first: 'Sidebar first'
   sidebar_second: 'Sidebar second'
   footer: 'Footer'

web/themes/custom/popsu_colloque/template/block/block--block-anchor-letter-intervenants.html.twig

@@ -0,0 +1,33 @@
+{#
+/**
+ * @file
+ * Default theme implementation 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()
+ *
+ * @ingroup themeable
+ */
+#}
+
+  {% block content %}
+    {{ content }}
+  {% endblock %}

web/themes/custom/popsu_colloque/template/block/block--mainpagecontent--publications.html.twig

@@ -31,7 +31,7 @@
 {% set id = [elements][0].content['#view_id'] %}
 
 <div class="container {{id}}">
-{% if id == 'programme' %}
+{% if id == 'programme'%}
   {{ title_prefix }}
   {% if label %}
     <h2{{ title_attributes }}>{{ label }}</h2>

web/themes/custom/popsu_colloque/template/block/block--mainpagecontent.html.twig

@@ -30,14 +30,14 @@
 
 {% set class = [elements][0].content['#view_id'] %}
 
-{% if class == 'programme' or class == 'publications' or class == 'bibliographie'  %}
+{% if class == 'programme' or class == 'publications' or class == 'bibliographie' or class == 'search' or class == 'les_intervenants' %}
   {% set addClass = 'container' %}
 {% endif %}
 
 
 <div class="{{class}} {{addClass}}">
 
-{% if class == 'programme' %}
+{% if class == 'programme' or class == 'les_intervenants' %}
   {{ title_prefix }}
   {% if label %}
     <h2{{ title_attributes }}>{{ label }}</h2>

web/themes/custom/popsu_colloque/template/block/block--views-exposed-filter-block--search-page-1.html.twig

@@ -0,0 +1,39 @@
+{#
+/**
+ * @file
+ * Default theme implementation 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()
+ *
+ * @ingroup themeable
+ */
+#}
+<div class="container views-exposed-form" id="block-formulaireexposesearchpage-1">
+  {{ title_prefix }}
+  {% if label %}
+    <h2{{ title_attributes }}>{{ label }}</h2>
+  {% endif %}
+  {{ title_suffix }}
+  {% block content %}
+    {{ content }}
+  {% endblock %}
+</div>

web/themes/custom/popsu_colloque/template/components/header-link_anchor.html.twig

@@ -0,0 +1,3 @@
+<div class="head ">
+  {{ header }}
+</div>

web/themes/custom/popsu_colloque/template/components/header_slide.html.twig

@@ -1,13 +1,18 @@
 <div class="head">
   {{ header }}
+  {% if more or view.storage.id == 'slide_programme' %}
   <div class="wrap d-flex">
+    {% if more %}
     <div class="more_link">
       <a class="blue" href="{{more['#url']}}">{{ more['#title'] }}<span>+</span></a>
     </div>
+    {% endif %}
+
     {% if view.storage.id == 'slide_programme' %}
       <div class="more_link ml-4">
         <a download class="blue" href="{{ file_url(site_settings.information_global.le_programme.uri) }}">TÉLÉCHARGER PDF +</a>
       </div>
     {% endif %}
   </div>
+  {% endif %}
 </div>

web/themes/custom/popsu_colloque/template/fields/field--node--field-prenom.html.twig

@@ -0,0 +1,72 @@
+{#
+/**
+ * @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 = [
+    label_display == 'visually_hidden' ? 'visually-hidden',
+  ]
+%}
+
+{% if label_hidden %}
+  {% if multiple %}
+    <div{{ attributes }}>
+      {% for item in items %}
+        <div{{ item.attributes }}>{{ item.content }}</div>
+      {% endfor %}
+    </div>
+  {% else %}
+    {% for item in items %}
+      <span{{ attributes }}>{{ item.content }}</span>
+    {% 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 %}

web/themes/custom/popsu_colloque/template/html.html.twig

@@ -32,6 +32,8 @@
     <title>{{ head_title|safe_join(' | ') }}</title>
     <css-placeholder token="{{ placeholder_token }}">
     <js-placeholder token="{{ placeholder_token }}">
+    <script src="https://unpkg.com/scrollreveal@4.0.0/dist/scrollreveal.min.js"></script>
+
   </head>
   <body{{ attributes }}>
     {#

web/themes/custom/popsu_colloque/template/node/node--participants--full.html.twig

@@ -80,7 +80,7 @@
       </div>
       <figcaption>
         <div class="__auteur">
-          <h2>{{label}}</h2>
+          <h2>{{content.field_prenom}} {{label}}</h2>
         </div>
         <div class="status">
           {{content.field_qualite}}
@@ -95,8 +95,7 @@
     </div>
   </div>
 
-<div class="__ressources col">
-
+{# <div class="__ressources col">
 
   {% if content.field_publications_participants %}
     <section class="__publications">
@@ -109,5 +108,7 @@
       {{content.field_bibliographie}}
     </section>
   {% endif %}
-</div>
+
+</div> #}
+
 </article>

web/themes/custom/popsu_colloque/template/node/node--thumbnails-participants.html.twig

@@ -77,7 +77,7 @@
     <figure>
       {{content.field_portrait}}
       <figcaption class="__info">
-          <div class="__name">{{ label }}</div>
+          <div class="__name">{{ content.field_prenom }} {{ label }}</div>
           <div class="__qualite">{{ content.field_qualite }}</div>
       </figcaption>
       </figure>

web/themes/custom/popsu_colloque/template/page--node.html.twig

@@ -66,6 +66,14 @@
       {{ page.content }}
     </div>{# /.layout-content #}
 
+    {% if page.complement_participant %}
+    <section class="__ressources" >
+      {{ page.complement_participant }}
+    </section>
+  {% endif %}
+
+
+
     {% if page.sidebar_second %}
       <aside class="layout-sidebar-second col-2" role="complementary">
         {{ page.sidebar_second }}

web/themes/custom/popsu_colloque/template/regions/region--complement-participant.html.twig

@@ -0,0 +1,19 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a region.
+ *
+ * Available variables:
+ * - content: The content for this region, typically blocks.
+ * - attributes: HTML attributes for the region <div>.
+ * - region: The name of the region variable as defined in the theme's
+ *   .info.yml file.
+ *
+ * @see template_preprocess_region()
+ *
+ * @ingroup themeable
+ */
+#}
+{% if content %}
+    {{ content }}
+{% endif %}

web/themes/custom/popsu_colloque/template/views/fields/views-view-fields--les-intervenants.html.twig

@@ -0,0 +1,47 @@
+{#
+/**
+ * @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
+ */
+#}
+
+<article class="thumbnails_participants p-3">
+  <a href="{{ fields.view_node.content }}">
+    <figure>
+      <div>
+        {{fields.field_portrait.content}}
+      </div>
+      <figcaption class="__info">
+          <div class="__name">{{ fields.field_prenom.content }} {{ fields.title.content }}</div>
+          <div class="__qualite">{{ fields.field_qualite.content }}</div>
+      </figcaption>
+    </figure>
+  </a>
+</article>

web/themes/custom/popsu_colloque/template/views/fields/views-view-fields--slide_programme_node_intervenant.html.twig

@@ -0,0 +1,66 @@
+{#
+/**
+ * @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
+ */
+#}
+
+{# {% include 'themes/custom/popsu_colloque/template/components/thumbnails.html.twig' %} #}
+
+{% if fields.field_accessible.content == "1" %}
+  <a href="{{fields.view_node.content}}">
+{% endif %}
+  <figure class="__img">
+    {{fields.field_image.content}}
+  </figure>
+  <div class="__wrap">
+    <div class="d-flex flex-wrap">
+      <time datetime="{{fields.field_heure_du_moment.content}}" class="__date mr-1">
+        {{fields.field_heure_du_moment.content}}
+      </time>
+      {% if fields.field_type_de_moment.content %}
+        <div class="type_moment">
+          |{{ fields.field_type_de_moment.content }}
+        </div>
+      {% endif %}
+    </div>
+
+    <div class="__content {{fields.field_accessible.content}}">
+      {{fields.title.content}}
+      {% if fields.field_accessible.content == "1" %}
+        {% else %}
+          {{fields.field_role_de_l_intervenant.content}}
+      {% endif %}
+
+    </div>
+  </div>
+{% if fields.field_accessible.content %}
+  </a>
+{% endif %}

web/themes/custom/popsu_colloque/template/views/lists/views-view-unformatted--bibliographie_node_intervenant.html.twig

@@ -0,0 +1,30 @@
+{#
+/**
+ * @file
+ * Default theme implementation 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()
+ *
+ * @ingroup themeable
+ */
+#}
+{% if title %}
+  <h3>{{ title }}</h3>
+{% endif %}
+{% for row in rows %}
+  {%
+    set row_classes = [
+      default_row_class ? 'views-row',
+    ]
+  %}
+    {{- row.content -}}
+{% endfor %}

web/themes/custom/popsu_colloque/template/views/lists/views-view-unformatted--block-anchor-letter-intervenants.html.twig

@@ -0,0 +1,24 @@
+{#
+/**
+ * @file
+ * Default theme implementation 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()
+ *
+ * @ingroup themeable
+ */
+#}
+{% if title %}
+  <li class="mx-2">
+    <a href="#{{- title -}}"><span>{{- title -}}</span></a>
+  </li>
+{% endif %}

web/themes/custom/popsu_colloque/template/views/lists/views-view-unformatted--les-intervenants.html.twig

@@ -0,0 +1,33 @@
+{#
+/**
+ * @file
+ * Default theme implementation 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()
+ *
+ * @ingroup themeable
+ */
+#}
+
+{% if title %}
+  <span id="{{title}}" class="letter-sort">{{ title }}</span>
+{% endif %}
+<section class="row row-cols-1 row-cols-md-2 row-cols-lg-3 row-cols-xxl-4 -mx-3">
+  {% for row in rows %}
+    {%
+      set row_classes = [
+        default_row_class ? 'views-row',
+      ]
+    %}
+      {{- row.content -}}
+  {% endfor %}
+</section>

web/themes/custom/popsu_colloque/template/views/lists/views-view-unformatted--publication_node_intervenant.html.twig

@@ -0,0 +1,30 @@
+{#
+/**
+ * @file
+ * Default theme implementation 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()
+ *
+ * @ingroup themeable
+ */
+#}
+{% if title %}
+  <h3>{{ title }}</h3>
+{% endif %}
+{% for row in rows %}
+  {%
+    set row_classes = [
+      default_row_class ? 'views-row',
+    ]
+  %}
+    {{- row.content -}}
+{% endfor %}

web/themes/custom/popsu_colloque/template/views/lists/views-view-unformatted--search.html.twig

@@ -0,0 +1,34 @@
+{#
+/**
+ * @file
+ * Default theme implementation 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()
+ *
+ * @ingroup themeable
+ */
+#}
+<div>
+
+{% if title %}
+  <h3>{{- title -}}</h3>
+{% endif %}
+  {% for row in rows %}
+    {%
+      set row_classes = [
+        default_row_class ? 'views-row',
+      ]
+    %}
+      {{- row.content -}}
+  {% endfor %}
+
+</div>

web/themes/custom/popsu_colloque/template/views/lists/views-view-unformatted--slide_programme_node_intervenant.html.twig

@@ -0,0 +1,32 @@
+{#
+/**
+ * @file
+ * Default theme implementation 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()
+ *
+ * @ingroup themeable
+ */
+#}
+{% if title %}
+
+{% endif %}
+{% for row in rows %}
+  {%
+    set row_classes = [
+      default_row_class ? 'views-row',
+    ]
+  %}
+  <article class="thumbnails programme" data-date="{{title}}">
+    {{- row.content -}}
+  </article>
+{% endfor %}

web/themes/custom/popsu_colloque/template/views/views-view--bibliographie_node_intervenant.html.twig

@@ -0,0 +1,69 @@
+{#
+/**
+ * @file
+ * Default theme implementation for 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()
+ *
+ * @ingroup themeable
+ */
+#}
+
+
+{% if rows %}
+  {{ title_prefix }}
+  {{ title }}
+  {{ title_suffix }}
+
+  {% if header %}
+    <section class="wrap_head">
+      {% include 'themes/custom/popsu_colloque/template/components/header_slide.html.twig' with { croix : true } %}
+    </section>
+  {% endif %}
+
+  {{ exposed }}
+  {{ attachment_before }}
+
+  {% if rows -%}
+    <section class="row ">
+      {{ rows }}
+    </section>
+  {% elseif empty -%}
+    {{ empty }}
+  {% endif %}
+  {{ pager }}
+
+  {{ attachment_after }}
+
+  {% if footer %}
+    <footer>
+      {{ footer }}
+    </footer>
+  {% endif %}
+
+  {{ feed_icons }}
+  {% endif %}

web/themes/custom/popsu_colloque/template/views/views-view--block-anchor-letter-intervenants.html.twig

@@ -0,0 +1,38 @@
+{#
+/**
+ * @file
+ * Default theme implementation for 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()
+ *
+ * @ingroup themeable
+ */
+#}
+
+  <ul class="wrap-anchor-letter d-flex flex-wrap px-0">
+    {{ rows }}
+  </ul>

web/themes/custom/popsu_colloque/template/views/views-view--les-intervenants.html.twig

@@ -0,0 +1,70 @@
+{#
+/**
+ * @file
+ * Default theme implementation for 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()
+ *
+ * @ingroup themeable
+ */
+#}
+
+
+<div class="views">
+
+  {{ title_prefix }}
+  {{ title }}
+  {{ title_suffix }}
+
+  {% if header %}
+    <section class="wrap_head">
+      {% include 'themes/custom/popsu_colloque/template/components/header-link_anchor.html.twig' %}
+    </section>
+  {% endif %}
+
+  {{ exposed }}
+  {{ attachment_before }}
+
+  {% if rows -%}
+    <section>
+      {{ rows }}
+    </section>
+  {% elseif empty -%}
+    {{ empty }}
+  {% endif %}
+  {{ pager }}
+
+  {{ attachment_after }}
+
+  {% if footer %}
+    <footer>
+      {{ footer }}
+    </footer>
+  {% endif %}
+
+  {{ feed_icons }}
+</div>

web/themes/custom/popsu_colloque/template/views/views-view--publication_node_intervenant.html.twig

@@ -0,0 +1,70 @@
+{#
+/**
+ * @file
+ * Default theme implementation for 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()
+ *
+ * @ingroup themeable
+ */
+#}
+
+{% if rows %}
+
+  {{ title_prefix }}
+  {{ title }}
+  {{ title_suffix }}
+
+  {% if header %}
+    <section class="wrap_head">
+      {% include 'themes/custom/popsu_colloque/template/components/header_slide.html.twig' with { croix : true } %}
+    </section>
+  {% endif %}
+
+  {{ exposed }}
+  {{ attachment_before }}
+
+  {% if rows -%}
+    <section class="row">
+      {{ rows }}
+    </section>
+  {% elseif empty -%}
+    {{ empty }}
+  {% endif %}
+  {{ pager }}
+
+  {{ attachment_after }}
+
+  {% if footer %}
+    <footer>
+      {{ footer }}
+    </footer>
+  {% endif %}
+
+  {{ feed_icons }}
+
+{% endif %}

web/themes/custom/popsu_colloque/template/views/views-view--search.html.twig

@@ -0,0 +1,70 @@
+{#
+/**
+ * @file
+ * Default theme implementation for 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()
+ *
+ * @ingroup themeable
+ */
+#}
+
+
+<div class="views">
+
+  {{ title_prefix }}
+  {{ title }}
+  {{ title_suffix }}
+
+  {% if header %}
+    <section class="wrap_head">
+      {% include 'themes/custom/popsu_colloque/template/components/header_slide.html.twig' with { croix : true } %}
+    </section>
+  {% endif %}
+
+  {{ exposed }}
+  {{ attachment_before }}
+
+  {% if rows -%}
+    <section>
+      {{ rows }}
+    </section>
+  {% elseif empty -%}
+    {{ empty }}
+  {% endif %}
+  {{ pager }}
+
+  {{ attachment_after }}
+
+  {% if footer %}
+    <footer>
+      {{ footer }}
+    </footer>
+  {% endif %}
+
+  {{ feed_icons }}
+</div>

web/themes/custom/popsu_colloque/template/views/views-view--slide_programme_node_intervenant.html.twig

@@ -0,0 +1,71 @@
+{#
+/**
+ * @file
+ * Default theme implementation for 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()
+ *
+ * @ingroup themeable
+ */
+#}
+
+
+{% if rows %}
+  {{ title_prefix }}
+  {{ title }}
+  {{ title_suffix }}
+
+  {% if header %}
+    <section class="wrap_head">
+      {% include 'themes/custom/popsu_colloque/template/components/header_slide.html.twig' %}
+    </section>
+  {% endif %}
+
+  {{ exposed }}
+  {{ attachment_before }}
+
+  {% if rows -%}
+    <section>
+      <div class="__slide">
+        {{ rows }}
+      </div>
+    </section>
+  {% elseif empty -%}
+    {{ empty }}
+  {% endif %}
+  {{ pager }}
+
+  {{ attachment_after }}
+
+  {% if footer %}
+    <footer>
+      {{ footer }}
+    </footer>
+  {% endif %}
+
+  {{ feed_icons }}
+  {% endif %}