chore: add social links in the footer

Author: psviderski

website/index.html

@@ -650,11 +650,31 @@ <h2 class="font-inter-tight text-3xl md:text-4xl font-bold text-zinc-900 mb-4">
     <!-- Site footer -->
     <footer>
         <div class="max-w-6xl mx-auto px-4 sm:px-6">
-            <div class="flex justify-center py-8 md:py-12 border-t border-zinc-200">
+            <div class="flex flex-col items-center py-8 md:py-12 border-t border-zinc-200">
                 <div class="text-sm text-zinc-500">
                     Made with ❤️ by
                     <a class="underline hover:text-zinc-900" href="https://github.com/psviderski">Pasha Sviderski</a>
                 </div>
+
+                <!-- Social links -->
+                <ul class="flex space-x-4 mt-4 mb-1">
+                    <li>
+                        <a class="flex justify-center items-center text-zinc-700 hover:text-zinc-900 transition"
+                           href="https://x.com/psviderski" aria-label="Twitter">
+                            <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" width="20" height="20">
+                                <path d="m7.063 3 3.495 4.475L14.601 3h2.454l-5.359 5.931L18 17h-4.938l-3.866-4.893L4.771 17H2.316l5.735-6.342L2 3h5.063Zm-.74 1.347H4.866l8.875 11.232h1.36L6.323 4.347Z"/>
+                            </svg>
+                        </a>
+                    </li>
+                    <li>
+                        <a class="flex justify-center items-center text-zinc-700 hover:text-zinc-900 transition"
+                           href="https://t.me/spyyy" aria-label="Telegram">
+                            <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" width="20" height="20">
+                                <path d="M17.968 3.276a.338.338 0 0 0-.232-.253 1.192 1.192 0 0 0-.63.045S3.087 8.106 2.286 8.664c-.172.121-.23.19-.259.272-.138.4.293.573.293.573l3.613 1.177a.388.388 0 0 0 .183-.011c.822-.519 8.27-5.222 8.7-5.38.068-.02.118 0 .1.049-.172.6-6.606 6.319-6.64 6.354a.138.138 0 0 0-.05.118l-.337 3.528s-.142 1.1.956 0a30.66 30.66 0 0 1 1.9-1.738c1.242.858 2.58 1.806 3.156 2.3a1 1 0 0 0 .732.283.825.825 0 0 0 .7-.622S17.894 5.292 17.98 3.909c.008-.135.021-.217.021-.317a1.177 1.177 0 0 0-.032-.316Z"/>
+                            </svg>
+                        </a>
+                    </li>
+                </ul>
             </div>
         </div>
     </footer>

website/style.css

@@ -1720,6 +1720,10 @@ input[type="search"]::-webkit-search-results-decoration {
           background-clip: text;
 }
 
+.fill-current{
+  fill: currentColor;
+}
+
 .fill-zinc-300{
   fill: #d4d4d8;
 }
@@ -1958,6 +1962,11 @@ input[type="search"]::-webkit-search-results-decoration {
   color: rgb(82 82 91 / var(--tw-text-opacity));
 }
 
+.text-zinc-700{
+  --tw-text-opacity: 1;
+  color: rgb(63 63 70 / var(--tw-text-opacity));
+}
+
 .text-zinc-800{
   --tw-text-opacity: 1;
   color: rgb(39 39 42 / var(--tw-text-opacity));