embde&&_ressource_externe

web/themes/custom/popsu_colloque/css/components/sidebar/rs.scss

@@ -1,11 +1,13 @@
 .dl_ressource{
-  margin-top: 1.5rem;
-  font-size: 0.5rem;
+  font-size: 0.9rem;
   line-height: 1.2;
   font-family: 'truenoregular';
   text-align: left;
+  margin: 1.5rem .25rem 0 .25rem;
   @media screen and (min-width : 768px){
+    margin-top: 1.5rem;
     text-align: center;
+    font-size: 0.5rem;
   }
   a{
     &::before{

web/themes/custom/popsu_colloque/css/configs/typography.scss

@@ -1,7 +1,7 @@
 @font-face {
     font-family: 'dukefill';
-    src: url('../fonts/duke_fill-webfont.woff2') format('woff2'),
-         url('../fonts/duke_fill-webfont.woff') format('woff');
+    src: url('../fonts/duke_fill-webfont.woff') format('woff'),
+         url('../fonts/duke_fill-webfont.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 }
@@ -23,48 +23,48 @@
 
 @font-face {
     font-family: 'truenolight';
-    src: url('../fonts/trueno/truenolt-webfont.woff2') format('woff2'),
-         url('../fonts/trueno/truenolt-webfont.woff') format('woff');
+    src: url('../fonts/trueno/truenolt-webfont.woff') format('woff'),
+         url('../fonts/trueno/truenolt-webfont.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'truenolight_italic';
-    src: url('../fonts/trueno/truenoltit-webfont.woff2') format('woff2'),
-         url('../fonts/trueno/truenoltit-webfont.woff') format('woff');
+    src: url('../fonts/trueno/truenoltit-webfont.woff') format('woff'),
+         url('../fonts/trueno/truenoltit-webfont.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'truenoregular';
-    src: url('../fonts/trueno/truenorg-webfont.woff2') format('woff2'),
-         url('../fonts/trueno/truenorg-webfont.woff') format('woff');
+    src: url('../fonts/trueno/truenorg-webfont.woff') format('woff'),
+         url('../fonts/trueno/truenorg-webfont.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'truenoregular_italic';
-    src: url('../fonts/trueno/truenorgit-webfont.woff2') format('woff2'),
-         url('../fonts/trueno/truenorgit-webfont.woff') format('woff');
+    src: url('../fonts/trueno/truenorgit-webfont.woff') format('woff'),
+         url('../fonts/trueno/truenorgit-webfont.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'truenobold';
-    src: url('../fonts/trueno/truenobd-webfont.woff2') format('woff2'),
-         url('../fonts/trueno/truenobd-webfont.woff') format('woff');
+    src: url('../fonts/trueno/truenobd-webfont.woff') format('woff'),
+         url('../fonts/trueno/truenobd-webfont.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'truenobold_italic';
-    src: url('../fonts/trueno/truenobdit-webfont.woff2') format('woff2'),
-         url('../fonts/trueno/truenobdit-webfont.woff') format('woff');
+    src: url('../fonts/trueno/truenobdit-webfont.woff') format('woff'),
+         url('../fonts/trueno/truenobdit-webfont.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 }

web/themes/custom/popsu_colloque/popsu_colloque.libraries.yml

@@ -9,6 +9,7 @@ global-styling:
 global-scripts:
   js:
     css/bootstrap/js/bootstrap.min.js: {}
+    js/lazysizes.min.js: {}
     js/flickity.pkgd.min.js: {}
     js/script.js: {}
   dependencies:

web/themes/custom/popsu_colloque/template/fields/field--node--field-ressource-externe--publications.html.twig

@@ -0,0 +1,51 @@
+{#
+/**
+ * @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',
+  ]
+%}
+
+{% for item in items %}
+  <div class="dl_ressource">
+  <a href="{{item.content['#url']}}" target="_blank">Télécharger la ressource en pdf</a>
+ </div>
+{% endfor %}

web/themes/custom/popsu_colloque/template/fields/file-link.html.twig

@@ -15,7 +15,7 @@
 #}
 
 {% if file_size %}
-  <a target="_blank" href="{{link['#title']}}">
+  <a rel="noopener" target="_blank" href="{{link['#title']}}">
     <img src="{{link['#url']}}" alt="logo">
   </a>
 {% endif %}

web/themes/custom/popsu_colloque/template/fields/video-embed-iframe.html.twig

@@ -0,0 +1,7 @@
+{#
+/**
+ * @file
+ * Display an iframe with alterable components.
+ */
+#}
+<iframe{{ attributes }}{% if url is not empty %} title="le direct" src="{{ url }}{% if query is not empty %}?{{ query | url_encode }}{% endif %}{% if fragment is not empty %}#{{ fragment }}{% endif %}"{% endif %}></iframe>

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

@@ -72,13 +72,14 @@
  * @ingroup themeable
  */
 #}
-
-
 <article class="row d-sm-flex flex-wrap d-block publications">
   <div class="__wrap_side col-sm-12 col-md-12 col-lg-1">
     {% include 'themes/custom/popsu_colloque/template/components/share_rs.html.twig' %}
-    {{content.field_telecharger_la_ressource}}
-
+    {% if content.field_telecharger_la_ressource['#field_name']|length > 0 %}
+      {{content.field_telecharger_la_ressource}}
+    {% elseif content.field_ressource_externe['#field_name']|length > 0 %}
+      {{content.field_ressource_externe}}
+    {% endif %}
   </div>
 
   <div class="__wrapper col-sm-12 col-md-9 col-lg-8">