feat: add Forgejo icons and links, install rsync in CI

.github/workflows/main.yml

@@ -52,6 +52,9 @@ jobs:
           chmod 600 ~/.ssh/id_deploy
           ssh-keyscan -H ${{ secrets.VPS_HOST }} >> ~/.ssh/known_hosts
 
+      - name: Install rsync
+        run: apt-get update && apt-get install -y rsync
+
       - name: Deploy to VPS
         run: |
           rsync -avz --delete \

src/assets/forgejo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="Layer_1" x="0" y="0" version="1.1" viewBox="38.5 0.5 135 211"><style>.st3{fill:none;stroke:#d40000;stroke-width:15}</style><g transform="translate(6 6)"><path d="M58 168V70c0-27.6 22.4-50 50-50h20" style="fill:none;stroke:#f60;stroke-width:25"/><path d="M58 168v-30c0-27.6 22.4-50 50-50h20" style="fill:none;stroke:#d40000;stroke-width:25"/><circle cx="142" cy="20" r="18" style="fill:none;stroke:#f60;stroke-width:15"/><circle cx="142" cy="88" r="18" class="st3"/><circle cx="58" cy="180" r="18" class="st3"/></g></svg>

src/components/Footer.astro

@@ -1,6 +1,6 @@
 ---
 import { Image } from "astro:assets";
-import githubIcon from "../assets/github.svg";
+import forgejoIcon from "../assets/forgejo.svg";
 ---
 
 <div class="w-full bg-secondary dark:bg-gray-800 py-8 px-4 transition-colors duration-200">
@@ -76,11 +76,11 @@ import githubIcon from "../assets/github.svg";
 		<div class="text-center sm:text-right text-gray-800 dark:text-gray-200 text-xs">
 			<div class="flex flex-col">
 				<a
-					href="https://github.com/thisloke/lorenzoiovino.com"
+					href="https://git.lorenzoiovino.com/loke/lorenzoiovino.com"
 					class="transition-colors duration-200 inline-flex items-center justify-center sm:justify-end gap-2 font-medium hover:text-gray-600 dark:hover:text-gray-300"
 				>
 					<span>Check the source code</span>
-					<Image src={githubIcon} class="h-5 w-5" width={20} height={20} loading="lazy" alt="" />
+					<Image src={forgejoIcon} class="h-5 w-5" width={20} height={20} loading="lazy" alt="" />
 				</a>
 			</div>
 		</div>

src/components/Hero.astro

@@ -3,6 +3,7 @@ import { Image } from "astro:assets";
 import mePhoto from "../assets/photos/me.png";
 import linkedinIcon from "../assets/linkedin.svg";
 import githubIcon from "../assets/github.svg";
+import forgejoIcon from "../assets/forgejo.svg";
 ---
 
 <div class="w-full">
@@ -81,6 +82,20 @@ import githubIcon from "../assets/github.svg";
 										loading="lazy"
 									/>
 								</a>
+								<a
+									href="https://git.lorenzoiovino.com/loke"
+									class="group relative p-3 bg-gray-50 dark:bg-gray-700 hover:bg-secondary/10 dark:hover:bg-primary/10 rounded-xl transition-all duration-200 transform hover:-translate-y-1"
+									aria-label="Forgejo"
+								>
+									<Image
+										src={forgejoIcon}
+										alt=""
+										class="h-6 w-6 opacity-70 group-hover:opacity-100 transition-opacity"
+										width={24}
+										height={24}
+										loading="lazy"
+									/>
+								</a>
 								<a
 									href="https://github.com/thisloke"
 									class="group relative p-3 bg-gray-50 dark:bg-gray-700 hover:bg-secondary/10 dark:hover:bg-primary/10 rounded-xl transition-all duration-200 transform hover:-translate-y-1"

src/layouts/BaseLayout.astro

@@ -144,7 +144,10 @@ const fullCanonicalUrl = canonicalUrl || `${siteUrl}${Astro.url.pathname}`;
 					"@type": "Person",
 					name: "Lorenzo Iovino",
 					url: siteUrl,
-					sameAs: ["https://github.com/thisloke", "https://www.linkedin.com/in/lorenzoiovino/"],
+					sameAs: [
+						"https://git.lorenzoiovino.com/loke",
+						"https://www.linkedin.com/in/lorenzoiovino/",
+					],
 				},
 				publisher: {
 					"@type": "Person",

src/pages/blog/[slug].astro

@@ -8,6 +8,8 @@ import Footer from "../../components/Footer.astro";
 import TableOfContents from "../../components/TableOfContents.astro";
 import "../../styles/prose.css";
 import mePhoto from "../../assets/photos/me.png";
+import forgejoIcon from "../../assets/forgejo.svg";
+import githubIcon from "../../assets/github.svg";
 
 type BlogPost = CollectionEntry<"blog">;
 
@@ -146,6 +148,15 @@ const heroImageSrc = entry.data.heroImage?.src || mePhoto.src;
 											></path>
 										</svg>
 									</a>
+									<a
+										href="https://git.lorenzoiovino.com/loke"
+										target="_blank"
+										rel="noopener noreferrer"
+										class="text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200 transition-colors"
+										aria-label="Visit Lorenzo Iovino's Forgejo profile"
+									>
+										<img src={forgejoIcon.src} alt="Forgejo" class="w-5 h-5 md:w-6 md:h-6" />
+									</a>
 									<a
 										href="https://github.com/thisloke"
 										target="_blank"
@@ -153,11 +164,7 @@ const heroImageSrc = entry.data.heroImage?.src || mePhoto.src;
 										class="text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200 transition-colors"
 										aria-label="Visit Lorenzo Iovino's GitHub profile"
 									>
-										<svg class="w-5 h-5 md:w-6 md:h-6" fill="currentColor" viewBox="0 0 24 24">
+										<img src={githubIcon.src} alt="GitHub" class="w-5 h-5 md:w-6 md:h-6 dark:invert" />
-											<path
-												d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
-											></path>
-										</svg>
 									</a>
 								</div>
 							</div>