social media links

Author: DanielNietoC

_config.yml

@@ -103,10 +103,14 @@ people:
       url: https://www.bcbl.eu/en/seyma-takir
 
 social:
-  - title: twitter
-    url: http://twitter.com/BHDonostia
   - title: github
     url: http://github.com/Brainhack-Donostia
+  - title: bluesky
+    url: https://bsky.app/profile/bhdonostia.bsky.social
+  - title: linkedin
+    url: https://es.linkedin.com/in/brainhack-donostia-8b0a12227
+  - title: instagram
+    url: https://www.instagram.com/bhdonostia/
 
 # Postal address (add as many lines as necessary)
 address:

_includes/css/agency.css

@@ -926,3 +926,13 @@ img::-moz-selection {
 body {
     webkit-tap-highlight-color: #{{ site.data.template.color.primary }};
 }
+
+
+.social-icon {
+    width: 1em;
+    height: 1em;
+    vertical-align: middle;
+    display: inline-block;
+    fill: currentColor; /* lets it inherit color like the other icons */
+  }
+  

_includes/footer.html

@@ -1,17 +1,24 @@
-  <footer>
-        <div class="container">
-            <div class="row">
-                <div class="col-md-4">
-                    <span class="copyright">Copyright &copy; {{ site.title }} </span>
-                </div>
-                <div class="col-md-4">
-                    <ul class="list-inline social-buttons">
-                        {% for network in site.social %}
-                        <li><a href="{{ network.url }}"><i class="fa fa-{{ network.title }}"></i></a>
-                        </li>
-                        {% endfor %}
-                    </ul>
-                </div>
+<footer>
+    <div class="container">
+        <div class="row">
+            <div class="col-md-4">
+                <span class="copyright">Copyright &copy; {{ site.title }} </span>
+            </div>
+            <div class="col-md-4">
+                <ul class="list-inline social-buttons">
+                    {% for network in site.social %}
+                    <li>
+                        {% if network.title == "bluesky" %}
+                          <a href="{{ network.url }}">
+                            <img src="{{ 'img/logos/bluesky.svg' | relative_url }}" alt="Bluesky" class="social-icon">
+                          </a>
+                        {% else %}
+                          <a href="{{ network.url }}"><i class="fa fa-{{ network.title }}"></i></a>
+                        {% endif %}
+                      </li>
+                    {% endfor %}
+                </ul>
             </div>
         </div>
-    </footer>
+    </div>
+</footer>