add Bluesky

Author: KojoBailey

src/assets/icons.js

@@ -1,11 +1,13 @@
 import Discord      from "./images/icons/Discord.png";
 import Twitter      from "./images/icons/Twitter.png";
+import Bluesky      from "./images/icons/Bluesky.png"
 import NexusMods    from "./images/icons/NexusMods.png";
 import YouTube      from "./images/icons/YouTube.png";
 
 export default {
     Discord,
     Twitter,
+    Bluesky,
     NexusMods,
     YouTube
 }

src/assets/images/icons/Bluesky.png

@@ -144,9 +144,10 @@ export function News({lang}) {
 
         <div className="icons">
             <Icon link="https://discord.jojomodding.com" name="Discord" color="rgb(88, 101, 242)" target="_blank" />
+            <Icon lang={lang} color="rgb(218, 142, 53)" name="NexusMods" />
             <Icon link="https://twitter.jojomodding.com" name="Twitter" color="rgb(29, 155, 240)" target="_blank" />
+            <Icon link="https://bsky.app/profile/jojomodding.bsky.social" name="Bluesky" color="rgb(17, 133, 254)" target="_blank" />
             <Icon link="https://youtube.jojomodding.com" name="YouTube" color="rgb(255, 0, 0)" target="_blank" />
-            <Icon lang={lang} color="rgb(218, 142, 53)" name="NexusMods" />
         </div>
         </>
     );

src/news.js

@@ -1,7 +1,8 @@
 .icons {
     position: absolute;
     top: 80%;
-    width: 100%;
+    width: 95%;
+    margin: 0 2.5%;
     height: 12%;
     z-index: 1;
     display: flex;
@@ -33,7 +34,7 @@
 .icon p {
     margin-right: 5%;
     color: white;
-    font-size: 6.5vh;
+    font-size: 4.0vh;
     font-family: "Helsinki", "Gen Jyuu", arial;
 }
 
@@ -218,7 +219,6 @@
         position: absolute;
         top: auto;
         bottom: 10px;
-        width: 100%;
         height: 180px;
         display: flex;
         justify-content: center;
@@ -230,6 +230,7 @@
         aspect-ratio: 1 / 1;
         width: 18dvw;
         height: auto;
+        border-radius: 25px;
         display: inline-flex;
         align-items: center;
     }