rework homepage

src/components/ActivityWidget.astro

@@ -57,7 +57,6 @@ import tinyYHT from '../assets/img/tiny_yht.png';
     --ground-color: #8B4513;
     --grass-color: #4CAF50;
     transition: background-color 1s linear;
-    border-radius: 0.5rem;
 
     &.night {
       --sky-color: #000000;
@@ -73,7 +72,6 @@ import tinyYHT from '../assets/img/tiny_yht.png';
       width: 100%;
       background-color: var(--ground-color);
       transition: background-color 1s linear;
-      border-radius: 0.5rem;
 
       &::before {
         content: '';

src/components/SocialsWidget.astro

@@ -1,5 +1,4 @@
 <section>
-  <h2>Socials</h2>
   <div class="grid">
     <a href="https://github.com/YouHaveTrouble" class="social-link" target="_blank" rel="external">
       <img src="/assets/icons/github.svg" alt="" aria-hidden="true" draggable="false" loading="eager">
@@ -34,7 +33,16 @@
       <img src="/assets/icons/linkedin.svg" alt="" aria-hidden="true" draggable="false" loading="eager">
       <span>LinkedIn</span>
     </a>
-    <a href="mailto://contact@youhavetrouble.me" class="social-link" target="_blank" rel="external">
+    <a href="https://x.com/YouHaveTrouble" class="social-link" target="_blank" rel="external">
+      <img src="/assets/icons/x.svg" alt="" aria-hidden="true" draggable="false" loading="eager">
+      <span>X</span>
+    <a href="https://bsky.app/profile/youhavetrouble.bsky.social" class="social-link" target="_blank"
+       rel="external">
+      <img src="/assets/icons/bsky.svg" alt="" aria-hidden="true" draggable="false" loading="eager">
+      <span>BlueSky</span>
+    </a>
+    <a href="mailto://contact@youhavetrouble.me" class="social-link" target="_blank"
+       rel="external">
       <img src="/assets/icons/email.svg" alt="" aria-hidden="true" draggable="false" loading="eager">
       <span>Email</span>
     </a>