Fix social links

sass/dracula.scss

@@ -103,8 +103,8 @@ footer a {
 }
 
 #social-links {
-    display: flex
-    justify-content: center
+    display: flex;
+    justify-content: center;
 }
 
 .social {

templates/page.html

@@ -36,32 +36,32 @@
 
                 <div id="social-links">
                     {% if page.extra.instagram %}
-                    <a href="{{ page.extra.instagram }}">
+                    <a href="{{ page.extra.instagram }}" title="Instagram" target="_blank">
                         <div class="social" id="instagram"></div>
                     </a>
                     {% endif %}
                     {% if page.extra.liberapay %}
-                    <a href="{{ page.extra.liberapay }}">
+                    <a href="{{ page.extra.liberapay }}" title="Liberapay" target="_blank">
                         <div class="social" id="liberapay"></div>
                     </a>
                     {% endif %}
                     {% if page.extra.linkedin %}
-                    <a href="{{ page.extra.linkedin }}">
+                    <a href="{{ page.extra.linkedin }}" title="LinkedIn" target="_blank">
                         <div class="social" id="linkedin"></div>
                     </a>
                     {% endif %}
                     {% if page.extra.mastodon %}
-                    <a href="{{ page.extra.mastodon }}">
+                    <a href="{{ page.extra.mastodon }}" title="Mastodon" target="_blank">
                         <div class="social" id="mastodon"></div>
                     </a>
                     {% endif %}
                     {% if page.extra.pleroma %}
-                    <a href="{{ page.extra.pleroma }}">
+                    <a href="{{ page.extra.pleroma }}" title="Pleroma" target="_blank">
                         <div class="social" id="pleroma"></div>
                     </a>
                     {% endif %}
                     {% if page.extra.twitter %}
-                    <a href="{{ page.extra.twitter }}">
+                    <a href="{{ page.extra.twitter }}" title="Twitter" target="_blank">
                         <div class="social" id="twitter"></div>
                     </a>
                     {% endif %}