map and footer

composer.json

@@ -17,6 +17,7 @@
     "require": {
         "composer/installers": "^1.2",
         "drupal/address": "^1.8",
+        "drupal/address_map_link": "^1.0",
         "drupal/audiofield": "^1.9",
         "drupal/backup_migrate": "^4.1",
         "drupal/core-composer-scaffold": "^8.8",
@@ -24,6 +25,10 @@
         "drupal/entity_browser_enhanced": "^1.0",
         "drupal/field_group": "^3.0",
         "drupal/field_token_value": "^1.0",
+        "drupal/geocoder": "^3.7",
+        "drupal/geofield": "^1.15",
+        "drupal/geofield_map": "^2.66",
+        "drupal/geolocation": "^3.2",
         "drupal/linkit": "^4.3",
         "drupal/mediteran": "^1.10",
         "drupal/metatag": "^1.13",
@@ -38,6 +43,8 @@
         "drupal/video_embed_field": "^2.4",
         "drupal/views_url_path_arguments": "^1.1",
         "drush/drush": "^10.2",
+        "geocoder-php/google-maps-provider": "^4.5",
+        "sierrafayad/osm-pbf": "^1.0",
         "twbs/bootstrap": "4.5.0"
     },
     "conflict": {

web/sites/development.services.yml

@@ -4,9 +4,6 @@
 # 'example.settings.local.php' file, which sits next to this file.
 parameters:
   http.response.debug_cacheability_headers: true
-  twig.config:
-    debug: true
-    auto_reload: true
 services:
   cache.backend.null:
     class: Drupal\Core\Cache\NullBackendFactory

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

@@ -0,0 +1,24 @@
+footer{
+  background: white;
+  width: 100%;
+  height: auto;
+  padding: 2rem 0;
+  & > div{
+    display: flex;
+    flex-wrap: nowrap;
+    .__slide{
+      .flickity-slider{
+        & > div{
+          width: max-content;
+          margin: 0 1rem;
+          img{
+            width: auto!important;
+            height: 100px;
+            max-width: 70px;
+            object-fit: contain;
+          }
+        }
+      }
+    }
+  }
+}

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

@@ -15,6 +15,10 @@ header{
   background: white;
 }
 
+main{
+  min-height: calc(100vh - 150px);
+}
+
 main:not(.home){
   padding-top: 0rem;
   @media screen and (min-width: 768px) {
@@ -22,6 +26,7 @@ main:not(.home){
   }
 }
 
+
 img{
   width:100%;
   height: 100%;

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

@@ -46,6 +46,7 @@ h1,h2,h3,h4{
 @import "components/slides/slides.scss";
 @import "components/thumbnails/thumbnails.scss";
 @import "components/btn/all_btn.scss";
+@import "components/footer/footer.scss";
 
 main{
   // margin-top: $margin-hero;

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

@@ -52,13 +52,27 @@ function notes() {
 }
 
 function slide() {
-  var $slide = $('.__slide');
+  var $slide = $('main .__slide');
   $slide.each(function() {
     $(this).flickity({
       cellAlign: 'left',
-      pageDots: false
+      pageDots: false,
+      contain: true
     })
   });
+
+  var $footer_slide = $('footer .__slide');
+  $footer_slide.each(function() {
+    $(this).flickity({
+      cellAlign: 'left',
+      pageDots: false,
+      autoPlay: true,
+      pauseAutoPlayOnHover: false,
+      contain: true,
+      prevNextButtons: false,
+    })
+  });
+
 }
 
 function burger() {

web/themes/custom/popsu_colloque/template/block/block--renderedsitesettingsblock-3.html.twig

@@ -0,0 +1,40 @@
+{#
+/**
+ * @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{{ attributes }}>
+  {{ title_prefix }}
+  {% if label %}
+    <h2{{ title_attributes }}>{{ label }}</h2>
+  {% endif %}
+  {{ title_suffix }}
+  {% block content %}
+    {{ content }}
+  {% endblock %}
+</div>
+</div>

web/themes/custom/popsu_colloque/template/block/block--renderedsitesettingsblock-4.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{{ attributes }} class="col-3">
+  {{ title_prefix }}
+  {% if label %}
+    <h2{{ title_attributes }}>{{ label }}</h2>
+  {% endif %}
+  {{ title_suffix }}
+  {% block content %}
+    {{ content }}
+  {% endblock %}
+</div>

web/themes/custom/popsu_colloque/template/block/block--renderedsitesettingsblock-5.html.twig

@@ -0,0 +1,41 @@
+{#
+/**
+ * @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{{ attributes }} class="col-3">
+  {{ title_prefix }}
+  {% if label %}
+    <h2{{ title_attributes }}>{{ label }}</h2>
+  {% endif %}
+  {{ title_suffix }}
+  {% block content %}
+    {{ content }}
+  {% endblock %}
+</div>

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

@@ -0,0 +1,42 @@
+{#
+/**
+ * @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="col-6">
+
+
+<div{{ attributes }}>
+  {{ title_prefix }}
+  {% if label %}
+    <h2{{ title_attributes }}>{{ label }}</h2>
+  {% endif %}
+  {{ title_suffix }}
+  {% block content %}
+    {{ content }}
+  {% endblock %}
+</div>

web/themes/custom/popsu_colloque/template/fields/field--site-setting-entity--field-les-logos-partenaires.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 }} class="__slide">
+      {% for item in items %}
+        <div{{ item.attributes }}>{{ item.content }}</div>
+      {% endfor %}
+    </div>
+  {% else %}
+    {% for item in items %}
+      <div{{ attributes }}>{{ 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 %}

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

@@ -0,0 +1,21 @@
+{#
+/**
+ * @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 %}
+  <div{{ attributes }} class="container">
+    {{ content }}
+  </div>
+{% endif %}