[7 files]: add social media links to footer

static/style.css

@@ -55,3 +55,50 @@ code {
     opacity: 0.5;
 }
 
+.socials-block {
+    /* centre content inside div: */
+    display: flex;
+    justify-content: center;
+    height: 50px;
+    margin-top: 30px;
+    margin-bottom: -10px;
+}
+
+.socials-icon {
+    width: 50px;
+    margin-top: 0px;
+    /* https://codepen.io/sosuke/pen/Pjoqqp */
+    filter:
+        brightness(0)
+        saturate(100%)
+        invert(62%)
+        sepia(27%)
+        saturate(258%)
+        hue-rotate(356deg)
+        brightness(97%)
+        contrast(81%)
+    ;
+    border: none;
+}
+
+.socials-icon:hover {
+    /* https://codepen.io/sosuke/pen/Pjoqqp */
+    filter:
+        brightness(0)
+        saturate(100%)
+        invert(6%)
+        sepia(2%)
+        saturate(156%)
+        hue-rotate(314deg)
+        brightness(108%)
+        contrast(80%)
+    ;
+}
+
+/* required to clear the float */
+.socials-block::after {
+    content: "";
+    clear: both;
+    display: table;
+}
+