From 6f31e545c945e25e82b27e2670f3e5c1a373a843 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Oleksis=20Fraga=20Men=C3=A9ndez?= <oleksis.fraga@gmail.com>
Date: Fri, 13 Oct 2023 21:57:14 -0400
Subject: [PATCH] Update footer, add social links layout Update bpd.css, add
 SVG social symbols #29

---
 .prettierignore                           |  3 ++
 _config.yml                               | 26 ++++++++++++++
 _includes/footer.html                     |  9 ++++-
 _includes/social-icons/devto.svg          |  1 +
 _includes/social-icons/dribbble.svg       |  1 +
 _includes/social-icons/facebook.svg       |  1 +
 _includes/social-icons/flickr.svg         |  1 +
 _includes/social-icons/github.svg         |  1 +
 _includes/social-icons/gitlab.svg         |  1 +
 _includes/social-icons/google_scholar.svg |  1 +
 _includes/social-icons/instagram.svg      |  1 +
 _includes/social-icons/keybase.svg        |  4 +++
 _includes/social-icons/linkedin.svg       |  1 +
 _includes/social-icons/mastodon.svg       |  1 +
 _includes/social-icons/microdotblog.svg   |  1 +
 _includes/social-icons/pinterest.svg      |  1 +
 _includes/social-icons/rss.svg            |  1 +
 _includes/social-icons/stackoverflow.svg  |  1 +
 _includes/social-icons/telegram.svg       |  1 +
 _includes/social-icons/twitter.svg        |  1 +
 _includes/social-icons/x.svg              |  3 ++
 _includes/social-icons/youtube.svg        |  1 +
 _includes/social-item.html                |  7 ++++
 _includes/social.html                     |  5 +++
 _includes/svg_symbol.html                 |  3 ++
 _layouts/default.html                     | 12 ++++---
 assets/css/bpd.css                        | 43 +++++++++++++++++++++++
 assets/minima-social-icons.liquid         | 18 ++++++++++
 28 files changed, 145 insertions(+), 5 deletions(-)
 create mode 100644 _includes/social-icons/devto.svg
 create mode 100644 _includes/social-icons/dribbble.svg
 create mode 100644 _includes/social-icons/facebook.svg
 create mode 100644 _includes/social-icons/flickr.svg
 create mode 100644 _includes/social-icons/github.svg
 create mode 100644 _includes/social-icons/gitlab.svg
 create mode 100644 _includes/social-icons/google_scholar.svg
 create mode 100644 _includes/social-icons/instagram.svg
 create mode 100644 _includes/social-icons/keybase.svg
 create mode 100644 _includes/social-icons/linkedin.svg
 create mode 100644 _includes/social-icons/mastodon.svg
 create mode 100644 _includes/social-icons/microdotblog.svg
 create mode 100644 _includes/social-icons/pinterest.svg
 create mode 100644 _includes/social-icons/rss.svg
 create mode 100644 _includes/social-icons/stackoverflow.svg
 create mode 100644 _includes/social-icons/telegram.svg
 create mode 100644 _includes/social-icons/twitter.svg
 create mode 100644 _includes/social-icons/x.svg
 create mode 100644 _includes/social-icons/youtube.svg
 create mode 100644 _includes/social-item.html
 create mode 100644 _includes/social.html
 create mode 100644 _includes/svg_symbol.html
 create mode 100644 assets/minima-social-icons.liquid

diff --git a/.prettierignore b/.prettierignore
index ae885d3..59a7242 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -3,3 +3,6 @@ assets/js/index.js
 _layouts/default.html
 _layouts/index.html
 _includes/header.html
+_includes/social.html
+_includes/social-item.html
+_includes/svg_symbol.html
diff --git a/_config.yml b/_config.yml
index 3e3ca22..f950af1 100644
--- a/_config.yml
+++ b/_config.yml
@@ -30,6 +30,32 @@ navigation:
     url: /community/
     fa: fa fa-users fa-fw
 
+bpdevs:
+  # Minima date format.
+  # Refer to https://shopify.github.io/liquid/filters/date/ if you want to customize this.
+  #
+  # date_format: "%b %-d, %Y"
+
+  # Generate social links in footer.
+  #
+  #social_links:
+  #   - { platform: devto,          user_url: "https://dev.to/jekyll" }
+  #   - { platform: dribbble,       user_url: "https://dribbble.com/jekyll" }
+  #   - { platform: facebook,       user_url: "https://www.facebook.com/jekyll" }
+  #   - { platform: flickr,         user_url: "https://www.flickr.com/photos/jekyll" }
+  #  - { platform: github,         user_url: "https://github.com/BlackPythonDevs/blackpythondevs.github.io" }
+  #   - { platform: google_scholar, user_url: "https://scholar.google.com/citations?user=qc6CJjYAAAAJ" }
+  #   - { platform: instagram,      user_url: "https://www.instagram.com/jekyll" }
+  #   - { platform: keybase,        user_url: "https://keybase.io/jekyll" }
+  #   - { platform: linkedin,       user_url: "https://www.linkedin.com/in/jekyll" }
+  #   - { platform: microdotblog,   user_url: "https://micro.blog/jekyll" }
+  #   - { platform: pinterest,      user_url: "https://www.pinterest.com/jekyll" }
+  #   - { platform: stackoverflow,  user_url: "https://stackoverflow.com/users/1234567/jekyll" }
+  #   - { platform: telegram,       user_url: "https://t.me/jekyll" }
+  #   - { platform: twitter,        user_url: "https://twitter.com/jekyllrb" }
+  #  - { platform: x,              user_url: "https://x.com/blackpythondevs" }
+  #   - { platform: youtube,        user_url: "https://www.youtube.com/jekyll" }
+
 # Build settings
 markdown: kramdown
 highlighter: rouge
diff --git a/_includes/footer.html b/_includes/footer.html
index 06b7245..1fa5160 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,3 +1,10 @@
 <footer role="contentinfo">
-  <small>&copy; {{ 'now' | date: "%Y" }} {{ site.title }}</small>
+  <div class="wrapper">
+    <div class="footer-col-wrapper">
+      <div class="footer-col">
+        <small>&copy; {{ 'now' | date: "%Y" }} {{ site.title }}</small>
+      </div>
+    </div>
+    <div class="social-links">{%- include social.html -%}</div>
+  </div>
 </footer>
diff --git a/_includes/social-icons/devto.svg b/_includes/social-icons/devto.svg
new file mode 100644
index 0000000..7c7aeb5
--- /dev/null
+++ b/_includes/social-icons/devto.svg
@@ -0,0 +1 @@
+<path d="M4.548,6.415C4.419,6.318,4.29,6.271,4.161,6.271h-0.58v3.471h0.58c0.129,0,0.258-0.049,0.387-0.145 C4.677,9.5,4.742,9.355,4.742,9.163V6.85C4.741,6.656,4.676,6.511,4.548,6.415z M13.981,0.559H2.016 c-0.804,0-1.457,0.65-1.458,1.455v11.973c0.002,0.805,0.655,1.455,1.458,1.455h11.968c0.805,0,1.457-0.65,1.459-1.455V2.014 C15.438,1.209,14.786,0.559,13.981,0.559z M5.68,9.169c0,0.625-0.386,1.572-1.605,1.569H2.532V5.242h1.573 c1.179,0,1.573,0.945,1.574,1.57V9.169z M9.024,6.225h-1.77V7.5h1.082v0.982H7.255v1.275h1.771v0.982H6.959 c-0.371,0.009-0.679-0.283-0.688-0.654V5.931c-0.008-0.37,0.285-0.679,0.655-0.688h2.099V6.225z M12.47,10.055 c-0.438,1.021-1.226,0.817-1.576,0l-1.28-4.812h1.081l0.988,3.778l0.981-3.778h1.082L12.47,10.055z"/>
diff --git a/_includes/social-icons/dribbble.svg b/_includes/social-icons/dribbble.svg
new file mode 100644
index 0000000..69398f3
--- /dev/null
+++ b/_includes/social-icons/dribbble.svg
@@ -0,0 +1 @@
+<path d="M8 16c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm6.747-6.905c-.234-.074-2.115-.635-4.257-.292.894 2.456 1.258 4.456 1.328 4.872 1.533-1.037 2.624-2.68 2.93-4.58zM10.67 14.3c-.102-.6-.5-2.688-1.46-5.18l-.044.014C5.312 10.477 3.93 13.15 3.806 13.4c1.158.905 2.614 1.444 4.194 1.444.947 0 1.85-.194 2.67-.543zm-7.747-1.72c.155-.266 2.03-3.37 5.555-4.51.09-.03.18-.056.27-.08-.173-.39-.36-.778-.555-1.16-3.413 1.02-6.723.977-7.023.97l-.003.208c0 1.755.665 3.358 1.756 4.57zM1.31 6.61c.307.005 3.122.017 6.318-.832-1.132-2.012-2.353-3.705-2.533-3.952-1.912.902-3.34 2.664-3.784 4.785zM6.4 1.368c.188.253 1.43 1.943 2.548 4 2.43-.91 3.46-2.293 3.582-2.468C11.323 1.827 9.736 1.176 8 1.176c-.55 0-1.087.066-1.6.19zm6.89 2.322c-.145.194-1.29 1.662-3.816 2.694.16.325.31.656.453.99.05.117.1.235.147.352 2.274-.286 4.533.172 4.758.22-.015-1.613-.59-3.094-1.543-4.257z"/>
diff --git a/_includes/social-icons/facebook.svg b/_includes/social-icons/facebook.svg
new file mode 100644
index 0000000..2cd4151
--- /dev/null
+++ b/_includes/social-icons/facebook.svg
@@ -0,0 +1 @@
+<path d="M15.117 0H.883C.395 0 0 .395 0 .883v14.234c0 .488.395.883.883.883h7.663V9.804H6.46V7.39h2.086V5.607c0-2.066 1.262-3.19 3.106-3.19.883 0 1.642.064 1.863.094v2.16h-1.28c-1 0-1.195.48-1.195 1.18v1.54h2.39l-.31 2.42h-2.08V16h4.077c.488 0 .883-.395.883-.883V.883C16 .395 15.605 0 15.117 0"/>
diff --git a/_includes/social-icons/flickr.svg b/_includes/social-icons/flickr.svg
new file mode 100644
index 0000000..521eec4
--- /dev/null
+++ b/_includes/social-icons/flickr.svg
@@ -0,0 +1 @@
+<path d="M0 8c0 2.05 1.662 3.71 3.71 3.71 2.05 0 3.713-1.66 3.713-3.71S5.76 4.29 3.71 4.29C1.663 4.29 0 5.95 0 8zm8.577 0c0 2.05 1.662 3.71 3.712 3.71C14.33 11.71 16 10.05 16 8s-1.662-3.71-3.71-3.71c-2.05 0-3.713 1.66-3.713 3.71z"/>
diff --git a/_includes/social-icons/github.svg b/_includes/social-icons/github.svg
new file mode 100644
index 0000000..ee8d771
--- /dev/null
+++ b/_includes/social-icons/github.svg
@@ -0,0 +1 @@
+<path d="M8 0C3.58 0 0 3.582 0 8c0 3.535 2.292 6.533 5.47 7.59.4.075.547-.172.547-.385 0-.19-.007-.693-.01-1.36-2.226.483-2.695-1.073-2.695-1.073-.364-.924-.89-1.17-.89-1.17-.725-.496.056-.486.056-.486.803.056 1.225.824 1.225.824.714 1.223 1.873.87 2.33.665.072-.517.278-.87.507-1.07-1.777-.2-3.644-.888-3.644-3.953 0-.873.31-1.587.823-2.147-.09-.202-.36-1.015.07-2.117 0 0 .67-.215 2.2.82.64-.178 1.32-.266 2-.27.68.004 1.36.092 2 .27 1.52-1.035 2.19-.82 2.19-.82.43 1.102.16 1.915.08 2.117.51.56.82 1.274.82 2.147 0 3.073-1.87 3.75-3.65 3.947.28.24.54.73.54 1.48 0 1.07-.01 1.93-.01 2.19 0 .21.14.46.55.38C13.71 14.53 16 11.53 16 8c0-4.418-3.582-8-8-8"/>
diff --git a/_includes/social-icons/gitlab.svg b/_includes/social-icons/gitlab.svg
new file mode 100644
index 0000000..88fd5c6
--- /dev/null
+++ b/_includes/social-icons/gitlab.svg
@@ -0,0 +1 @@
+<path d="M1.07,6.337L8,15.219L0.405,9.706C0.3,9.63,0.227,9.529,0.186,9.404c-0.041-0.125-0.041-0.25,0-0.372L1.07,6.337z M5.112,6.337h5.775L8,15.219L5.112,6.337z M3.38,0.982l1.732,5.355H1.07l1.732-5.355c0.047-0.134,0.143-0.201,0.289-0.201 S3.333,0.848,3.38,0.982z M14.93,6.337l0.884,2.695c0.041,0.123,0.041,0.247,0,0.372S15.7,9.63,15.595,9.706L8,15.219L14.93,6.337z M14.93,6.337h-4.042l1.733-5.355c0.046-0.134,0.143-0.201,0.288-0.201c0.146,0,0.243,0.067,0.289,0.201L14.93,6.337z"/>
diff --git a/_includes/social-icons/google_scholar.svg b/_includes/social-icons/google_scholar.svg
new file mode 100644
index 0000000..f258d28
--- /dev/null
+++ b/_includes/social-icons/google_scholar.svg
@@ -0,0 +1 @@
+<circle opacity="0.7" cx="8.036" cy="11.08" r="4.3"/><path opacity="0.75" d="M0.585,6.505l7.42-5.885L8.03,6.582 C5.305,6.632,4.139,8.729,3.913,9.13L0.585,6.505z"/><path d="M15.415,6.509l-7.42-5.886L7.97,6.585c2.725,0.05,3.891,2.147,4.117,2.548L15.415,6.509z"/>
diff --git a/_includes/social-icons/instagram.svg b/_includes/social-icons/instagram.svg
new file mode 100644
index 0000000..e169118
--- /dev/null
+++ b/_includes/social-icons/instagram.svg
@@ -0,0 +1 @@
+<path d="M8 0C5.827 0 5.555.01 4.702.048 3.85.088 3.27.222 2.76.42c-.526.204-.973.478-1.417.923-.445.444-.72.89-.923 1.417-.198.51-.333 1.09-.372 1.942C.008 5.555 0 5.827 0 8s.01 2.445.048 3.298c.04.852.174 1.433.372 1.942.204.526.478.973.923 1.417.444.445.89.72 1.417.923.51.198 1.09.333 1.942.372.853.04 1.125.048 3.298.048s2.445-.01 3.298-.048c.852-.04 1.433-.174 1.942-.372.526-.204.973-.478 1.417-.923.445-.444.72-.89.923-1.417.198-.51.333-1.09.372-1.942.04-.853.048-1.125.048-3.298s-.01-2.445-.048-3.298c-.04-.852-.174-1.433-.372-1.942-.204-.526-.478-.973-.923-1.417-.444-.445-.89-.72-1.417-.923-.51-.198-1.09-.333-1.942-.372C10.445.008 10.173 0 8 0zm0 1.44c2.136 0 2.39.01 3.233.048.78.036 1.203.166 1.485.276.374.145.64.318.92.598.28.28.453.546.598.92.11.282.24.705.276 1.485.038.844.047 1.097.047 3.233s-.01 2.39-.05 3.233c-.04.78-.17 1.203-.28 1.485-.15.374-.32.64-.6.92-.28.28-.55.453-.92.598-.28.11-.71.24-1.49.276-.85.038-1.1.047-3.24.047s-2.39-.01-3.24-.05c-.78-.04-1.21-.17-1.49-.28-.38-.15-.64-.32-.92-.6-.28-.28-.46-.55-.6-.92-.11-.28-.24-.71-.28-1.49-.03-.84-.04-1.1-.04-3.23s.01-2.39.04-3.24c.04-.78.17-1.21.28-1.49.14-.38.32-.64.6-.92.28-.28.54-.46.92-.6.28-.11.7-.24 1.48-.28.85-.03 1.1-.04 3.24-.04zm0 2.452c-2.27 0-4.108 1.84-4.108 4.108 0 2.27 1.84 4.108 4.108 4.108 2.27 0 4.108-1.84 4.108-4.108 0-2.27-1.84-4.108-4.108-4.108zm0 6.775c-1.473 0-2.667-1.194-2.667-2.667 0-1.473 1.194-2.667 2.667-2.667 1.473 0 2.667 1.194 2.667 2.667 0 1.473-1.194 2.667-2.667 2.667zm5.23-6.937c0 .53-.43.96-.96.96s-.96-.43-.96-.96.43-.96.96-.96.96.43.96.96z"/>
diff --git a/_includes/social-icons/keybase.svg b/_includes/social-icons/keybase.svg
new file mode 100644
index 0000000..7be84c2
--- /dev/null
+++ b/_includes/social-icons/keybase.svg
@@ -0,0 +1,4 @@
+<path d="M10.34,13.58c-0.298,0-0.54,0.242-0.54,0.54s0.242,0.54,0.54,0.54c0.298,0,0.54-0.242,0.54-0.54S10.638,13.58,10.34,13.58 L10.34,13.58z M6.38,13.58c-0.298,0-0.54,0.242-0.54,0.54s0.242,0.54,0.54,0.54c0.298,0,0.54-0.242,0.54-0.54 S6.678,13.58,6.38,13.58z"/>
+<path fill="none" stroke="#000000" stroke-width="0.72" stroke-linecap="round" stroke-miterlimit="10" d="M1.58,13.22 c0.104,0.771,0.344,1.497,0.688,2.16 M5.93,3.86H4.31c-0.149,0-0.27-0.121-0.27-0.27V1.97c0-0.149,0.121-0.27,0.27-0.27h1.62 c0.149,0,0.27,0.121,0.27,0.27v1.08"/>
+<path d="M8.18,7.46c-1.489,0-2.7-1.211-2.7-2.7c0-2.471,2.012-4.329,2.098-4.407c0.125-0.113,0.309-0.125,0.447-0.029 s0.191,0.273,0.129,0.429C8,1.142,7.861,1.791,8.002,1.999C8.015,2.018,8.044,2.06,8.18,2.06c1.489,0,2.7,1.211,2.7,2.7 C10.88,6.249,9.669,7.46,8.18,7.46z"/>
+<path d="M15.178,11.759c-0.174-2.216-1.372-4.173-3.196-5.341c-0.015-0.009-0.029-0.02-0.044-0.029 c-0.121-0.076-0.245-0.147-0.371-0.217c-0.044-0.024-0.088-0.049-0.133-0.073c-0.029-0.016-0.061-0.029-0.09-0.043 c-0.228,0.551-0.594,1.03-1.056,1.394l1.206,1.207c0.141,0.141,0.141,0.368,0,0.509c-0.07,0.07-0.162,0.105-0.254,0.105 s-0.185-0.035-0.255-0.105l-0.301-0.301l-0.65,0.651C9.963,9.585,9.871,9.62,9.779,9.62c-0.092,0-0.184-0.035-0.254-0.105 c-0.141-0.141-0.141-0.369,0-0.509l0.651-0.651L9.8,7.979L9.334,8.445c-0.07,0.07-0.162,0.105-0.254,0.105S8.896,8.516,8.826,8.445 C8.74,8.36,8.714,8.245,8.73,8.135C8.552,8.164,8.368,8.18,8.18,8.18c-1.452,0-2.692-0.911-3.188-2.19 C2.318,7.245,0.8,10.089,0.8,13.94v1.08l0.648-0.864c0.669-0.893,1.483-1.789,2.256-2.502c-0.19,0.508-0.318,1.016-0.381,1.521 l-0.113,0.905l0.701-0.585c0.021-0.017,2.087-1.716,4.449-1.716c1.159,0,1.792,0.107,2.352,0.202 c0.479,0.081,0.931,0.157,1.609,0.157c1.115,0,1.727-0.57,1.993-1.254c0.071,0.304,0.121,0.614,0.146,0.931 c0.013,0.167,0.021,0.334,0.021,0.504c0,1.015-0.238,1.987-0.709,2.895c-0.092,0.176-0.022,0.394,0.154,0.485 c0.053,0.027,0.109,0.04,0.165,0.04c0.13,0,0.256-0.07,0.32-0.194c0.523-1.01,0.789-2.095,0.789-3.226 C15.2,12.132,15.192,11.944,15.178,11.759z"/>
diff --git a/_includes/social-icons/linkedin.svg b/_includes/social-icons/linkedin.svg
new file mode 100644
index 0000000..616b6d5
--- /dev/null
+++ b/_includes/social-icons/linkedin.svg
@@ -0,0 +1 @@
+<path d="M13.632 13.635h-2.37V9.922c0-.886-.018-2.025-1.234-2.025-1.235 0-1.424.964-1.424 1.96v3.778h-2.37V6H8.51v1.04h.03c.318-.6 1.092-1.233 2.247-1.233 2.4 0 2.845 1.58 2.845 3.637v4.188zM3.558 4.955c-.762 0-1.376-.617-1.376-1.377 0-.758.614-1.375 1.376-1.375.76 0 1.376.617 1.376 1.375 0 .76-.617 1.377-1.376 1.377zm1.188 8.68H2.37V6h2.376v7.635zM14.816 0H1.18C.528 0 0 .516 0 1.153v13.694C0 15.484.528 16 1.18 16h13.635c.652 0 1.185-.516 1.185-1.153V1.153C16 .516 15.467 0 14.815 0z"/>
diff --git a/_includes/social-icons/mastodon.svg b/_includes/social-icons/mastodon.svg
new file mode 100644
index 0000000..31b5f74
--- /dev/null
+++ b/_includes/social-icons/mastodon.svg
@@ -0,0 +1 @@
+<path d="M15.195,5.352c0-3.347-2.193-4.328-2.193-4.328c-1.104-0.508-3.004-0.721-4.977-0.737H7.977 c-1.973,0.016-3.87,0.229-4.976,0.737c0,0-2.193,0.981-2.193,4.328c0,0.766-0.015,1.683,0.009,2.654c0.08,3.272,0.6,6.499,3.626,7.3 c1.396,0.369,2.594,0.446,3.559,0.394c1.75-0.097,2.732-0.624,2.732-0.624l-0.058-1.27c0,0-1.25,0.395-2.655,0.346 c-1.391-0.047-2.86-0.149-3.085-1.857c-0.021-0.15-0.031-0.312-0.031-0.479c0,0,1.365,0.334,3.096,0.413 c1.059,0.049,2.051-0.062,3.059-0.182c1.934-0.231,3.616-1.422,3.828-2.51C15.224,7.821,15.195,5.352,15.195,5.352z M12.609,9.664 h-1.606V5.73c0-0.83-0.349-1.25-1.047-1.25c-0.772,0-1.158,0.5-1.158,1.486V8.12H7.202V5.966c0-0.987-0.387-1.486-1.158-1.486 c-0.698,0-1.046,0.421-1.046,1.25v3.933H3.391V5.611c0-0.829,0.211-1.487,0.634-1.974c0.437-0.487,1.009-0.736,1.719-0.736 c0.822,0,1.444,0.315,1.855,0.947L8,4.519l0.4-0.67c0.412-0.632,1.033-0.947,1.855-0.947c0.71,0,1.282,0.25,1.72,0.736 c0.423,0.487,0.635,1.145,0.635,1.974V9.664z"/>
diff --git a/_includes/social-icons/microdotblog.svg b/_includes/social-icons/microdotblog.svg
new file mode 100644
index 0000000..c7e024d
--- /dev/null
+++ b/_includes/social-icons/microdotblog.svg
@@ -0,0 +1 @@
+<path d="M13.778,12.215c-0.102,0.218-0.171,0.385-0.212,0.498c-0.143,0.399-0.188,0.719-0.202,0.922 c-0.068,1.015,0.388,1.615,0.496,1.776c0.16,0.239,0.227,0.373,0.195,0.404c-0.059,0.104-0.241,0.104-0.546,0 c-0.457-0.157-1.72-0.647-2.196-1.338c-0.191-0.28-0.313-0.398-0.389-0.44C10.021,14.372,9.034,14.556,8,14.556 c-4.33,0-7.84-3.234-7.84-7.224c0-3.99,3.51-7.225,7.84-7.225s7.84,3.234,7.84,7.225C15.84,9.214,15.059,10.929,13.778,12.215z M7.944,9.692c1.542,0.999,2.38,1.439,2.513,1.322c0.133-0.117-0.027-1.051-0.479-2.799c1.436-1.092,2.114-1.753,2.033-1.981 c-0.082-0.229-1.018-0.365-2.81-0.408C8.607,4.13,8.188,3.28,7.944,3.28c-0.244,0-0.663,0.85-1.256,2.546 c-1.795,0.053-2.731,0.188-2.81,0.408c-0.078,0.219,0.6,0.88,2.033,1.981c-0.491,1.689-0.65,2.622-0.48,2.799 C5.602,11.19,6.44,10.75,7.944,9.692z"/>
diff --git a/_includes/social-icons/pinterest.svg b/_includes/social-icons/pinterest.svg
new file mode 100644
index 0000000..90f2348
--- /dev/null
+++ b/_includes/social-icons/pinterest.svg
@@ -0,0 +1 @@
+<path d="M8 0C3.582 0 0 3.582 0 8c0 3.39 2.108 6.285 5.084 7.45-.07-.633-.133-1.604.028-2.295.146-.625.938-3.977.938-3.977s-.24-.48-.24-1.188c0-1.11.646-1.943 1.448-1.943.683 0 1.012.513 1.012 1.127 0 .687-.436 1.713-.662 2.664-.19.797.4 1.445 1.185 1.445 1.42 0 2.514-1.498 2.514-3.662 0-1.91-1.376-3.25-3.342-3.25-2.276 0-3.61 1.71-3.61 3.47 0 .69.263 1.43.593 1.83.066.08.075.15.057.23-.06.25-.196.8-.223.91-.035.15-.115.18-.268.11C3.516 10.46 2.89 9 2.89 7.82c0-2.52 1.834-4.84 5.287-4.84 2.774 0 4.932 1.98 4.932 4.62 0 2.76-1.74 4.98-4.16 4.98-.81 0-1.57-.42-1.84-.92l-.5 1.9c-.18.698-.67 1.57-1 2.1.75.23 1.54.357 2.37.357 4.41 0 8-3.58 8-8s-3.59-8-8-8z"/>
diff --git a/_includes/social-icons/rss.svg b/_includes/social-icons/rss.svg
new file mode 100644
index 0000000..7be712d
--- /dev/null
+++ b/_includes/social-icons/rss.svg
@@ -0,0 +1 @@
+<path d="M12.8 16C12.8 8.978 7.022 3.2 0 3.2V0c8.777 0 16 7.223 16 16h-3.2zM2.194 11.61c1.21 0 2.195.985 2.195 2.196 0 1.21-.99 2.194-2.2 2.194C.98 16 0 15.017 0 13.806c0-1.21.983-2.195 2.194-2.195zM10.606 16h-3.11c0-4.113-3.383-7.497-7.496-7.497v-3.11c5.818 0 10.606 4.79 10.606 10.607z"/>
diff --git a/_includes/social-icons/stackoverflow.svg b/_includes/social-icons/stackoverflow.svg
new file mode 100644
index 0000000..8180f1c
--- /dev/null
+++ b/_includes/social-icons/stackoverflow.svg
@@ -0,0 +1 @@
+<path d="M12.566,14.12v-4.08h1.359v5.44H1.686v-5.44h1.36v4.08H12.566z M10.336,0.52L9.269,1.315l3.978,5.358l1.068-0.803 L10.336,0.52z M4.406,12.76h6.8V11.4h-6.8V12.76z M12.158,7.945L7.03,3.675l0.851-1.02l5.128,4.271L12.158,7.945z M5.357,6.646 l6.053,2.815l0.558-1.21L5.916,5.437L5.357,6.64V6.646z M11.227,10.91L4.494,9.774l0.272-1.306l6.549,1.306L11.227,10.91z"/>
diff --git a/_includes/social-icons/telegram.svg b/_includes/social-icons/telegram.svg
new file mode 100644
index 0000000..f8866e2
--- /dev/null
+++ b/_includes/social-icons/telegram.svg
@@ -0,0 +1 @@
+<path d="M10.563,11.596l1.286-6.063c0.053-0.256,0.022-0.44-0.092-0.551c-0.113-0.111-0.264-0.131-0.45-0.061l-7.56,2.914 C3.579,7.897,3.463,7.971,3.402,8.052C3.34,8.134,3.333,8.211,3.38,8.284s0.14,0.13,0.28,0.171l1.934,0.604l4.489-2.826 c0.123-0.082,0.216-0.099,0.28-0.053c0.041,0.029,0.029,0.073-0.035,0.131L6.696,9.592l-0.14,1.996c0.134,0,0.265-0.064,0.394-0.193 l0.945-0.91l1.96,1.444C10.229,12.139,10.465,12.027,10.563,11.596z M15.84,8c0,1.062-0.207,2.077-0.621,3.045 c-0.414,0.969-0.972,1.803-1.671,2.503c-0.7,0.699-1.534,1.257-2.503,1.671C10.077,15.633,9.062,15.84,8,15.84 s-2.077-0.207-3.045-0.621c-0.969-0.414-1.803-0.972-2.502-1.671c-0.7-0.7-1.257-1.534-1.671-2.503C0.367,10.077,0.16,9.062,0.16,8 s0.207-2.077,0.621-3.045c0.414-0.969,0.971-1.803,1.671-2.502c0.7-0.7,1.534-1.257,2.502-1.671C5.923,0.367,6.938,0.16,8,0.16 s2.077,0.207,3.045,0.621c0.969,0.414,1.803,0.971,2.503,1.671c0.699,0.7,1.257,1.534,1.671,2.502C15.633,5.923,15.84,6.938,15.84,8 z"/>
diff --git a/_includes/social-icons/twitter.svg b/_includes/social-icons/twitter.svg
new file mode 100644
index 0000000..b1b6247
--- /dev/null
+++ b/_includes/social-icons/twitter.svg
@@ -0,0 +1 @@
+<path d="M16 3.038c-.59.26-1.22.437-1.885.517.677-.407 1.198-1.05 1.443-1.816-.634.37-1.337.64-2.085.79-.598-.64-1.45-1.04-2.396-1.04-1.812 0-3.282 1.47-3.282 3.28 0 .26.03.51.085.75-2.728-.13-5.147-1.44-6.766-3.42C.83 2.58.67 3.14.67 3.75c0 1.14.58 2.143 1.46 2.732-.538-.017-1.045-.165-1.487-.41v.04c0 1.59 1.13 2.918 2.633 3.22-.276.074-.566.114-.865.114-.21 0-.41-.02-.61-.058.42 1.304 1.63 2.253 3.07 2.28-1.12.88-2.54 1.404-4.07 1.404-.26 0-.52-.015-.78-.045 1.46.93 3.18 1.474 5.04 1.474 6.04 0 9.34-5 9.34-9.33 0-.14 0-.28-.01-.42.64-.46 1.2-1.04 1.64-1.7z"/>
diff --git a/_includes/social-icons/x.svg b/_includes/social-icons/x.svg
new file mode 100644
index 0000000..af3536d
--- /dev/null
+++ b/_includes/social-icons/x.svg
@@ -0,0 +1,3 @@
+<path
+d="M 9.5237333,6.7756869 15.481067,0 h -1.4112 L 8.8949333,5.8820316 4.7648,0 H 0 L 6.2469333,8.8955204 0,16 H 1.4112 L 6.8725333,9.7870441 11.2352,16 H 16 M 1.9205333,1.0412656 h 2.168 L 14.0688,15.009892 h -2.168533"
+style="stroke-width:0.0533111" />
diff --git a/_includes/social-icons/youtube.svg b/_includes/social-icons/youtube.svg
new file mode 100644
index 0000000..9b0e367
--- /dev/null
+++ b/_includes/social-icons/youtube.svg
@@ -0,0 +1 @@
+<path d="M0 7.345c0-1.294.16-2.59.16-2.59s.156-1.1.636-1.587c.608-.637 1.408-.617 1.764-.684C3.84 2.36 8 2.324 8 2.324s3.362.004 5.6.166c.314.038.996.04 1.604.678.48.486.636 1.588.636 1.588S16 6.05 16 7.346v1.258c0 1.296-.16 2.59-.16 2.59s-.156 1.102-.636 1.588c-.608.638-1.29.64-1.604.678-2.238.162-5.6.166-5.6.166s-4.16-.037-5.44-.16c-.356-.067-1.156-.047-1.764-.684-.48-.487-.636-1.587-.636-1.587S0 9.9 0 8.605v-1.26zm6.348 2.73V5.58l4.323 2.255-4.32 2.24z"/>
diff --git a/_includes/social-item.html b/_includes/social-item.html
new file mode 100644
index 0000000..a3ec91a
--- /dev/null
+++ b/_includes/social-item.html
@@ -0,0 +1,7 @@
+<li>{% assign entry = include.item %}
+  <a {% unless entry.platform == 'rss' %}rel="me" {% endunless %}href="{{ entry.user_url }}" target="_blank" title="{{ entry.title | default: entry.platform }}">
+    <svg class="svg-icon grey">
+      <use xlink:href="{{ '/assets/minima-social-icons.svg#' | append: entry.platform | relative_url }}"></use>
+    </svg>
+  </a>
+</li>
diff --git a/_includes/social.html b/_includes/social.html
new file mode 100644
index 0000000..d1806c8
--- /dev/null
+++ b/_includes/social.html
@@ -0,0 +1,5 @@
+<ul class="social-media-list">
+{%- for entry in site.bpdevs.social_links -%}
+  {%- include social-item.html item = entry -%}
+{%- endfor -%}
+</ul>
diff --git a/_includes/svg_symbol.html b/_includes/svg_symbol.html
new file mode 100644
index 0000000..145b42a
--- /dev/null
+++ b/_includes/svg_symbol.html
@@ -0,0 +1,3 @@
+<symbol id="{{ include.key }}" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414" viewBox="0 0 16 16">
+  {%- include social-icons/{{ include.key }}.svg -%}
+</symbol>
diff --git a/_layouts/default.html b/_layouts/default.html
index d27f957..828f24a 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="{{ page.lang }}">
+<html lang="{{ page.lang | default: site.lang | default: "en" }}">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -27,9 +27,13 @@
   </head>
 
   <body>
-    {% include header.html %}
-    <main role="main">{{ content }}</main>
-    {% include footer.html %}
+    {%- include header.html -%}
+    <main role="main"  class="page-content" aria-label="Content">
+      <div class="wrapper">
+        {{ content }}
+      </div>
+    </main>
+    {%- include footer.html -%}
     <script src="{{ '/assets/js/index.js' | relative_url }}"></script>
     <script src="https://kit.fontawesome.com/1bbe56de49.js" crossorigin="anonymous"></script>
   </body>
diff --git a/assets/css/bpd.css b/assets/css/bpd.css
index 79ce6e3..ef492e2 100644
--- a/assets/css/bpd.css
+++ b/assets/css/bpd.css
@@ -319,3 +319,46 @@ footer {
   display: flex;
   margin-top: 2.5em;
 }
+
+.social-media-list {
+  list-style: none;
+  margin-left: 0;
+}
+
+.footer-col-wrapper,
+.social-links {
+  font-size: 0.9375rem;
+  color: var(--minima-brand-color);
+}
+
+.social-media-list {
+  display: table;
+  margin: 0 auto;
+}
+
+.social-media-list li {
+  float: left;
+  margin: 5px 10px 5px 0;
+}
+
+.social-media-list li:last-of-type {
+  margin-right: 0;
+}
+
+.social-media-list li a {
+  display: block;
+  padding: 10px 12px;
+  border: 1px solid var(--minima-border-color-01);
+}
+
+.social-media-list li a:hover {
+  border-color: var(--minima-border-color-02);
+}
+
+.svg-icon {
+  width: 1.25em;
+  height: 1.25em;
+  display: inline-block;
+  fill: currentColor;
+  vertical-align: text-bottom;
+}
diff --git a/assets/minima-social-icons.liquid b/assets/minima-social-icons.liquid
new file mode 100644
index 0000000..9239b94
--- /dev/null
+++ b/assets/minima-social-icons.liquid
@@ -0,0 +1,18 @@
+---
+permalink: /assets/minima-social-icons.svg
+---
+
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+{% comment %}
+  Iterate through {{ site.bpdevs.social_links }} and render platform related SVG-symbol
+  unless the platform is "rss" because we need the "rss" symbol for the `Subscribe` link
+  in the footer and therefore inject the "rss" icon outside the iteration loop.
+{% endcomment %}
+{% for entry in site.bpdevs.social_links %}
+  {%- assign symbol_id = entry.platform -%}
+  {%- unless symbol_id == "rss" -%}
+    {%- include svg_symbol.html key = symbol_id -%}
+  {% endunless %}
+{%- endfor -%}
+  {%- include svg_symbol.html key = "rss" -%}
+</svg>