added social media links

composer.json

@@ -75,6 +75,7 @@
         "drupal/search_api_solr": "^4.1",
         "drupal/select_translation": "^1.x-dev",
         "drupal/simplenews": "^1.x-dev",
+        "drupal/social_media_links": "^2.8",
         "drupal/string_translation_ui": "^1.2",
         "drupal/strings_i18n_json_export": "1.x-dev@dev",
         "drupal/subrequests": "^2.0",

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": "b518701b17faf210fe56b260ba53eb5e",
+    "content-hash": "459fb69fbfeab86bf6217088fd266445",
     "packages": [
         {
             "name": "alchemy/zippy",
@@ -11110,6 +11110,57 @@
                 "issues": "https://www.drupal.org/project/issues/smtp"
             }
         },
+        {
+            "name": "drupal/social_media_links",
+            "version": "2.8.0",
+            "source": {
+                "type": "git",
+                "url": "https://git.drupalcode.org/project/social_media_links.git",
+                "reference": "8.x-2.8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://ftp.drupal.org/files/projects/social_media_links-8.x-2.8.zip",
+                "reference": "8.x-2.8",
+                "shasum": "7702fd4465c47767f6be0444015fa9bcdbfb1aa6"
+            },
+            "require": {
+                "drupal/core": "^8 || ^9"
+            },
+            "type": "drupal-module",
+            "extra": {
+                "drupal": {
+                    "version": "8.x-2.8",
+                    "datestamp": "1615222638",
+                    "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": "Neslee Canil Pinto",
+                    "homepage": "https://www.drupal.org/u/neslee-canil-pinto",
+                    "role": "Maintainer"
+                },
+                {
+                    "name": "Christian Beier",
+                    "homepage": "https://www.drupal.org/u/cbeier",
+                    "role": "Maintainer"
+                }
+            ],
+            "description": "The module provides a block that display links (icons) to your profiles on various social networking sites.",
+            "homepage": "https://www.drupal.org/project/social_media_links",
+            "support": {
+                "source": "https://git.drupalcode.org/project/social_media_links",
+                "issues": "https://www.drupal.org/project/issues/social_media_links"
+            }
+        },
         {
             "name": "drupal/sophron",
             "version": "1.1.0",

config/sync/block.block.header.yml

@@ -11,7 +11,7 @@ dependencies:
 id: header
 theme: materiotheme
 region: header_right
-weight: -1
+weight: -2
 provider: null
 plugin: 'menu_block:header'
 settings:

config/sync/block.block.languageswitcher.yml

@@ -9,12 +9,12 @@ dependencies:
 id: languageswitcher
 theme: materiotheme
 region: header_right
-weight: 0
+weight: -1
 provider: null
 plugin: 'language_block:language_interface'
 settings:
   id: 'language_block:language_interface'
-  label: Language
+  label: Langue
   provider: language
   label_display: visible
 visibility: {  }

config/sync/block.block.socialmedialinks.yml

@@ -0,0 +1,140 @@
+uuid: f3053235-8080-4c5a-b6df-800f3c16eaac
+langcode: fr
+status: true
+dependencies:
+  module:
+    - context
+    - social_media_links
+  theme:
+    - materiotheme
+id: socialmedialinks
+theme: materiotheme
+region: header_right
+weight: -5
+provider: null
+plugin: social_media_links_block
+settings:
+  id: social_media_links_block
+  label: 'Social Media Links'
+  provider: social_media_links
+  label_display: '0'
+  platforms:
+    website:
+      value: ''
+      description: ''
+      weight: '-10'
+    instagram:
+      value: ''
+      description: ''
+      weight: '-9'
+    xing:
+      value: ''
+      description: ''
+      weight: '-8'
+    contact:
+      value: ''
+      description: ''
+      weight: '-7'
+    rss:
+      value: ''
+      description: ''
+      weight: '-6'
+    bitbucket:
+      value: ''
+      description: ''
+      weight: '-5'
+    vkontakte:
+      value: ''
+      description: ''
+      weight: '-4'
+    slideshare:
+      value: ''
+      description: ''
+      weight: '-3'
+    github:
+      value: ''
+      description: ''
+      weight: '-2'
+    behance:
+      value: ''
+      description: ''
+      weight: '-1'
+    vimeo:
+      value: materio
+      description: ''
+      weight: '0'
+    linkedin:
+      value: company/3017753
+      description: ''
+      weight: '1'
+    youtube_channel:
+      value: ''
+      description: ''
+      weight: '2'
+    googleplus:
+      value: ''
+      description: ''
+      weight: '3'
+    facebook:
+      value: materiOparis
+      description: ''
+      weight: '4'
+    drupal:
+      value: ''
+      description: ''
+      weight: '5'
+    flickr:
+      value: ''
+      description: ''
+      weight: '6'
+    gitlab:
+      value: ''
+      description: ''
+      weight: '7'
+    tumblr:
+      value: ''
+      description: ''
+      weight: '8'
+    youtube:
+      value: ''
+      description: ''
+      weight: '9'
+    pinterest:
+      value: hello0691
+      description: ''
+      weight: '10'
+    email:
+      value: ''
+      description: ''
+      weight: '11'
+    twitter:
+      value: materiOParis
+      description: ''
+      weight: '12'
+    whatsapp:
+      value: ''
+      description: ''
+      weight: '13'
+  appearance:
+    orientation: h
+    show_name: 0
+    suggestion: ''
+  link_attributes:
+    target: _blank
+    rel: nofollow
+  iconset:
+    style: 'fontawesome:fw'
+    installed_iconsets:
+      fontawesome:
+        examples: ''
+visibility:
+  view_inclusion:
+    id: view_inclusion
+    negate: null
+    view_inclusion: {  }
+    context_mapping: {  }
+  request_path_exclusion:
+    id: request_path_exclusion
+    pages: ''
+    negate: null
+    context_mapping: {  }

config/sync/block.block.userblock.yml

@@ -10,7 +10,7 @@ dependencies:
 id: userblock
 theme: materiotheme
 region: header_right
-weight: -2
+weight: -3
 provider: null
 plugin: user_block
 settings:

config/sync/block.block.userlogin.yml

@@ -9,12 +9,12 @@ dependencies:
 id: userlogin
 theme: materiotheme
 region: header_right
-weight: -3
+weight: -4
 provider: null
 plugin: user_login_block
 settings:
   id: user_login_block
-  label: 'Member Access'
+  label: 'Accès membre'
   provider: user
   label_display: visible
 visibility: {  }

config/sync/core.extension.yml

@@ -163,6 +163,7 @@ module:
   simplenews: 0
   smart_trim: 0
   smtp: 0
+  social_media_links: 0
   sophron: 0
   state_machine: 0
   string_translation_ui: 0

config/sync/extlink.settings.yml

@@ -10,10 +10,18 @@ extlink_include: ''
 extlink_class: ext
 extlink_label: '(link is external)'
 extlink_img_class: false
-extlink_css_exclude: ''
+extlink_css_exclude: .social-media-links--platforms
 extlink_css_explicit: ''
 extlink_mailto_class: mailto
 extlink_mailto_label: '(link sends email)'
 _core:
   default_config_hash: rHbHZIIF9TP3H2Vs37uCHz4Gm4phULg0rQ_OKihxJfM
 extlink_exclude_admin_routes: false
+extlink_use_external_js_file: false
+extlink_noreferrer: false
+extlink_use_font_awesome: false
+extlink_icon_placement: '0'
+extlink_font_awesome_classes:
+  links: 'fa fa-external-link'
+  mailto: 'fa fa-envelope-o'
+whitelisted_domains: {  }

web/themes/custom/materiotheme/assets/dist/main.css

@@ -1252,6 +1252,12 @@ header[role="banner"] {
   header[role="banner"] #block-sitebranding h1 {
     margin: 0;
     line-height: 1; }
+  header[role="banner"] #block-socialmedialinks {
+    padding-right: 0.5em;
+    border-right: 1px solid #1A1A1A;
+    margin-right: 0.5em; }
+    header[role="banner"] #block-socialmedialinks li {
+      padding: 0; }
   header[role="banner"] #block-userlogin {
     position: relative;
     padding: 0 1em;

web/themes/custom/materiotheme/assets/styles/main.scss

@@ -37,6 +37,15 @@ header[role="banner"]{
     }
   }
 
+  #block-socialmedialinks{
+    padding-right: 0.5em;
+    border-right: 1px solid $color-main-text;
+    margin-right: 0.5em;
+    li{
+      padding:0;
+    }
+  }
+
   #block-userlogin{
     position: relative;
     // width:8em;