add github logo

showcase.json

@@ -34,7 +34,8 @@
     "title": "Bicycle to Dfinity",
     "url": "https://m5rwi-daaaa-aaaal-acrpq-cai.icp0.io",
     "description": "An adventure around the world to meet great souls and promote good stuff.",
-    "img": "/showcase/aegir.jpg"
+    "img": "/showcase/aegir.jpg",
+    "github":"https://github.com/Kyliux/Icloud"
   },
   {
     "title": "ICPFA",

src/components/Spotlight/index.module.scss

@@ -60,4 +60,19 @@
     word-break: break-word;
     white-space: pre-wrap;
   }
+
+  h4 {
+    display: flex;
+    align-items: center;
+    justify-content: space-between; /* This pushes items to the edges */
+  }
+
+  .githubLogo {
+    width: 40px; /* Adjust the size of the logo */
+    height: 40px;
+  }
+}
+
+.githubLink {
+  margin-left: auto; /* Pushes the link to the right */
 }

src/components/Spotlight/index.tsx

@@ -6,7 +6,8 @@ export default function Spotlight({
   title,
   description,
   img,
-  url
+  url,
+  github
 }: ShowcaseSpotlight): JSX.Element {
   return (
     <Link href={url} target="_blank" rel="noreferrer noopener nofollow">
@@ -22,7 +23,14 @@ export default function Spotlight({
         </div>
 
         <div className={styles.content}>
-          <h4>{title}</h4>
+        <h4>
+        {title}
+        {github && (
+          <Link href={github} target="_blank" rel="noreferrer noopener nofollow" className={styles.githubLink}>
+            <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/ae/Github-desktop-logo-symbol.svg/640px-Github-desktop-logo-symbol.svg.png" alt="GitHub Logo" className={styles.githubLogo} />
+          </Link>
+        )}
+      </h4>
           <p>{description}</p>
         </div>
       </article>