src/components/Gitea.tsx

@@ -0,0 +1,12 @@
+import {AboutMeEntry} from "@/components/AboutMeEntry";
+import {FunctionComponent} from "react";
+
+
+export const Gitea: FunctionComponent<any> = () => {
+    return <AboutMeEntry
+        url="https://git.grondek.dev/pgrondek"
+        title="Gitea"
+        description="My main public git repository"
+        icon="bi bi-git"
+    />
+}

src/components/Github.tsx

@@ -6,7 +6,7 @@ export const Github: FunctionComponent<any> = () => {
     return <AboutMeEntry
         url="https://github.com/pgrondek"
         title="Github"
-        description="My main public git repository"
+        description="Mirror of most of my public git repositories"
         icon="bi bi-github"
     />
-}
+}

src/pages/index.tsx

@@ -2,13 +2,15 @@ import 'bootstrap/dist/css/bootstrap.css'
 import {Github} from "@/components/Github";
 import {LinkedIn} from "@/components/LinkedIn";
 import {Printables} from "@/components/Printables";
+import {Gitea} from "@/components/Gitea";
 
 export default function Home() {
     return (
         <main className={`flex min-h-screen flex-col items-center justify-between p-24`}>
             <div className="container">
                 <h2 className="pb-2 border-bottom">Przemek Grondek</h2>
-                <div className="row g-4 py-5 row-cols-1 row-cols-lg-3">
+                <div className="row g-4 py-5 row-cols-1 row-cols-lg-4">
+                    <Gitea/>
                     <Github/>
                     <LinkedIn/>
                     <Printables/>