Added Social Icons, updated cards, updated data, n e w e g g

src/components/contactCard.astro

@@ -2,33 +2,57 @@
 export interface Props {
   site: string
   link: string
+  image: string
 }
 
-const { link, site } = Astro.props
+const { image, link, site } = Astro.props
+const icon: string = `background-image: url('/social/${image}.webp')`
 ---
 
 <a href={link} target="_blank" rel="noopener noreferrer">
   <article class="contact do-hover">
-    <h2>{site}</h2>
+    <div style={icon}>
+      <h2>{site}</h2>
+    </div>
   </article>
 </a>
 
 <style>
-  article > h2 {
+  article:hover h2 {
     color: white;
+    background-color: var(--c-darkgray);
     font-size: 18px;
     display: inline-block;
-    vertical-align: middle;
+    vertical-align: center;
-    line-height: normal;
+    line-height: 150%;
+    width: 95%;
+    border-radius: 5px;
+    opacity: 90%;
+  }
+
+  article h2 {
+    display: none;
+  }
+
+  article div {
+    background-size: contain;
+    width: 100px;
+    height: 100px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
   }
   article {
+    display: flex;
+    align-items: center;
+    justify-content: center;
     background-color: var(--c-darkergray);
     border-color: var(--c-darkgray);
     padding: 10px;
     text-align: center;
     transition: transform var(--speed) var(--ease);
-    height: 128px;
+    height: auto;
-    width: 128px;
+    width: auto;
     line-height: 128px;
   }
   a:hover {

src/layouts/customFooter.astro

@@ -50,6 +50,9 @@
     <a href="https://www.neshweb.net" target="_blank" rel="noopener noreferrer"
       >his site here</a
     >
+    <div class="sticky-image-wrapper">
+      <img src="/archbtw.png" alt="" />
+    </div>
   </div>
   <br />
   <div>

static/_contactdata.json

@@ -1,26 +1,32 @@
 [
 	{
 		"site": "Youtube: @Firq_",
-		"link": "https://www.youtube.com/@Firq_"
+		"link": "https://www.youtube.com/@Firq_",
+		"image": "youtube"
 	},
 	{
 		"site": "Twitch: Firq",
-		"link": "https://www.twitch.tv/firq"
+		"link": "https://www.twitch.tv/firq",
+		"image": "twitch"
 	},
 	{
 		"site": "Discord: Firq#4242",
-		"link": "https://discord.gg"
+		"link": "https://discord.gg",
+		"image": "discord"
 	},
 	{
 		"site": "Twitter: Firq_ow",
-		"link": "https://twitter.com/firq_ow"
+		"link": "https://twitter.com/firq_ow",
+		"image": "twitter"
 	},
 	{
 		"site": "Reddit: u/Firq_ow",
-		"link": "https://www.reddit.com/user/firq_ow"
+		"link": "https://www.reddit.com/user/firq_ow",
+		"image": "reddit"
 	},
 	{
 		"site": "Support Setup on Rayshift",
-		"link": "https://rayshift.io/na/firq"
+		"link": "https://rayshift.io/na/firq",
+		"image": "custom-fgo"
 	}
 ]

static/_servantdata.json

@@ -84,7 +84,7 @@
 		"level": "90",
 		"np": "1",
 		"skills": "10 / 10 / 10 ",
-		"ml": "Not Unlocked",
+		"ml": "10",
 		"image_servant": "gogh_01",
 		"image_bond": "gogh",
 		"bond10": "false"