Added title to social footer links

material/assets/manifest.json

@@ -1,10 +1,10 @@
 {
-  "assets/javascripts/bundle.js": "assets/javascripts/bundle.af1c26a5.min.js",
+  "assets/javascripts/bundle.js": "assets/javascripts/bundle.71553063.min.js",
-  "assets/javascripts/bundle.js.map": "assets/javascripts/bundle.af1c26a5.min.js.map",
+  "assets/javascripts/bundle.js.map": "assets/javascripts/bundle.71553063.min.js.map",
-  "assets/javascripts/vendor.js": "assets/javascripts/vendor.8ffe16eb.min.js",
+  "assets/javascripts/vendor.js": "assets/javascripts/vendor.a96d17af.min.js",
-  "assets/javascripts/vendor.js.map": "assets/javascripts/vendor.8ffe16eb.min.js.map",
+  "assets/javascripts/vendor.js.map": "assets/javascripts/vendor.a96d17af.min.js.map",
   "assets/javascripts/worker/search.js": "assets/javascripts/worker/search.542c1c70.min.js",
   "assets/javascripts/worker/search.js.map": "assets/javascripts/worker/search.542c1c70.min.js.map",
-  "assets/stylesheets/main.css": "assets/stylesheets/main.b8b009d2.min.css",
+  "assets/stylesheets/main.css": "assets/stylesheets/main.f98a3492.min.css",
   "assets/stylesheets/palette.css": "assets/stylesheets/palette.31180ff2.min.css"
 }

material/base.html

@@ -41,7 +41,7 @@
       {% endif %}
     {% endblock %}
     {% block styles %}
-      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.b8b009d2.min.css' | url }}">
+      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.f98a3492.min.css' | url }}">
       {% if palette.primary or palette.accent %}
         <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.31180ff2.min.css' | url }}">
       {% endif %}
@@ -177,8 +177,8 @@
       <script>var __config={}</script>
     {% endblock %}
     {% block scripts %}
-      <script src="{{ 'assets/javascripts/vendor.8ffe16eb.min.js' | url }}"></script>
+      <script src="{{ 'assets/javascripts/vendor.a96d17af.min.js' | url }}"></script>
-      <script src="{{ 'assets/javascripts/bundle.af1c26a5.min.js' | url }}"></script>
+      <script src="{{ 'assets/javascripts/bundle.71553063.min.js' | url }}"></script>
       {%- set translations = {} -%}
       {%- for key in [
         "clipboard.copy",

material/partials/social.html

@@ -4,7 +4,9 @@
 {% if config.extra.social %}
   <div class="md-footer-social">
     {% for social in config.extra.social %}
-      <a href="{{ social.link }}" target="_blank" rel="noopener" class="md-footer-social__link">
+      {% set _,rest = social.link.split("//") %}
+      {% set domain = rest.split("/")[0] %}
+      <a href="{{ social.link }}" target="_blank" rel="noopener" title="{{ domain }}" class="md-footer-social__link">
         {% include ".icons/" ~ social.icon ~ ".svg" %}
       </a>
     {% endfor %}

mkdocs.yml

@@ -71,12 +71,16 @@ plugins:
 # Customization
 extra:
   social:
-    - icon: fontawesome/brands/github-alt
+    - icon: fontawesome/brands/github
       link: https://github.com/squidfunk
+    - icon: fontawesome/brands/gitter
+      link: https://gitter.im/squidfunk/mkdocs-material
+    - icon: fontawesome/brands/docker
+      link: https://hub.docker.com/r/squidfunk/mkdocs-material/
     - icon: fontawesome/brands/twitter
       link: https://twitter.com/squidfunk
     - icon: fontawesome/brands/linkedin
-      link: https://www.linkedin.com/in/squidfunk/
+      link: https://linkedin.com/in/squidfunk/
     - icon: fontawesome/brands/instagram
       link: https://instagram.com/squidfunk
 

src/assets/stylesheets/layout/_footer.scss

@@ -211,7 +211,7 @@
 
     // Social icon
     svg {
-      width: px2rem(16px);
+      max-height: px2rem(16px);
       vertical-align: -25%;
       fill: currentColor;
     }

src/partials/social.html

@@ -24,9 +24,12 @@
 {% if config.extra.social %}
   <div class="md-footer-social">
     {% for social in config.extra.social %}
+      {% set _,rest = social.link.split("//") %}
+      {% set domain = rest.split("/")[0] %}
       <a
         href="{{ social.link }}"
         target="_blank" rel="noopener"
+        title="{{ domain }}"
         class="md-footer-social__link"
       >
         {% include ".icons/" ~ social.icon ~ ".svg" %}