From 994cbc20e886b3e6e13fcf712e7b7d609e853336 Mon Sep 17 00:00:00 2001
From: Ivan Dimitrov <ivan@idimitrov.dev>
Date: Tue, 7 Nov 2023 17:27:31 +0200
Subject: [PATCH] homepage

---
 .gitignore                        |  1 +
 src/app/globals.css               |  4 ++++
 src/app/page.tsx                  | 15 ++++++++++++---
 src/components/svg/github-svg.tsx |  3 +++
 src/components/svg/gitlab-svg.tsx |  3 +++
 5 files changed, 23 insertions(+), 3 deletions(-)
 create mode 100644 src/components/svg/github-svg.tsx
 create mode 100644 src/components/svg/gitlab-svg.tsx

diff --git a/.gitignore b/.gitignore
index f9a5ea3..6886626 100644
--- a/.gitignore
+++ b/.gitignore
@@ -29,6 +29,7 @@ yarn-error.log*
 
 # local env files
 .env*.local
+.env
 
 # vercel
 .vercel
diff --git a/src/app/globals.css b/src/app/globals.css
index a948412..39eb2e5 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -14,3 +14,7 @@ main {
   @apply grid w-full h-full
 }
 
+svg {
+  @apply w-14 h-14 hover:text-cyan-500 hover:animate-bounce
+}
+
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 40575a9..a55595e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,8 +1,17 @@
+import GithubSvg from "@/components/svg/github-svg";
+import GitlabSvg from "@/components/svg/gitlab-svg";
+import Link from "next/link";
+
 export default function Home() {
   return (
-    <main className="place-content-center">
-      <div>
-        whaaa
+    <main className="place-content-center text-center">
+      <div className="flex flex-row space-x-4">
+        <Link href={process.env.NEXT_PUBLIC_GITHUB_URL!} target="_blank">
+          <GithubSvg />
+        </Link>
+        <Link href={process.env.NEXT_PUBLIC_GITLAB_URL!} target="_blank">
+          <GitlabSvg />
+        </Link>
       </div>
     </main>
   )
diff --git a/src/components/svg/github-svg.tsx b/src/components/svg/github-svg.tsx
new file mode 100644
index 0000000..3693780
--- /dev/null
+++ b/src/components/svg/github-svg.tsx
@@ -0,0 +1,3 @@
+export default function GithubSvg() {
+  return (<svg className="animate-glow" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fillRule="evenodd" d="M10 .333A9.911 9.911 0 0 0 6.866 19.65c.5.092.678-.215.678-.477 0-.237-.01-1.017-.014-1.845-2.757.6-3.338-1.169-3.338-1.169a2.627 2.627 0 0 0-1.1-1.451c-.9-.615.07-.6.07-.6a2.084 2.084 0 0 1 1.518 1.021 2.11 2.11 0 0 0 2.884.823c.044-.503.268-.973.63-1.325-2.2-.25-4.516-1.1-4.516-4.9A3.832 3.832 0 0 1 4.7 7.068a3.56 3.56 0 0 1 .095-2.623s.832-.266 2.726 1.016a9.409 9.409 0 0 1 4.962 0c1.89-1.282 2.717-1.016 2.717-1.016.366.83.402 1.768.1 2.623a3.827 3.827 0 0 1 1.02 2.659c0 3.807-2.319 4.644-4.525 4.889a2.366 2.366 0 0 1 .673 1.834c0 1.326-.012 2.394-.012 2.72 0 .263.18.572.681.475A9.911 9.911 0 0 0 10 .333Z" clipRule="evenodd" /></svg>)
+}
diff --git a/src/components/svg/gitlab-svg.tsx b/src/components/svg/gitlab-svg.tsx
new file mode 100644
index 0000000..d71b1b7
--- /dev/null
+++ b/src/components/svg/gitlab-svg.tsx
@@ -0,0 +1,3 @@
+export default function GitlabSvg() {
+  return (<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 50 50"><path d="M 38.011719 4 C 37.574219 3.996094 37.183594 4.273438 37.046875 4.691406 L 32.074219 20 L 17.925781 20 L 12.953125 4.691406 C 12.820313 4.289063 12.449219 4.011719 12.023438 4 C 11.597656 3.992188 11.214844 4.25 11.0625 4.648438 L 5.070313 20.640625 C 5.066406 20.640625 5.066406 20.644531 5.0625 20.648438 L 2.0625 28.648438 C 1.90625 29.070313 2.046875 29.542969 2.414063 29.808594 L 24.40625 45.800781 L 24.410156 45.808594 C 24.414063 45.808594 24.414063 45.808594 24.414063 45.8125 C 24.425781 45.820313 24.441406 45.828125 24.453125 45.835938 C 24.46875 45.84375 24.480469 45.855469 24.496094 45.863281 C 24.5 45.863281 24.5 45.867188 24.503906 45.867188 C 24.503906 45.867188 24.507813 45.871094 24.511719 45.871094 C 24.515625 45.875 24.519531 45.878906 24.527344 45.878906 C 24.53125 45.882813 24.539063 45.886719 24.542969 45.890625 C 24.5625 45.898438 24.585938 45.910156 24.609375 45.917969 C 24.609375 45.917969 24.609375 45.917969 24.609375 45.921875 C 24.632813 45.929688 24.65625 45.9375 24.675781 45.945313 C 24.679688 45.945313 24.679688 45.945313 24.683594 45.949219 C 24.699219 45.953125 24.714844 45.957031 24.734375 45.964844 C 24.742188 45.964844 24.75 45.96875 24.761719 45.96875 C 24.761719 45.972656 24.761719 45.972656 24.761719 45.96875 C 24.78125 45.976563 24.800781 45.980469 24.820313 45.984375 C 24.847656 45.988281 24.871094 45.992188 24.898438 45.996094 C 24.9375 45.996094 24.980469 46 25.019531 46 C 25.058594 45.996094 25.09375 45.996094 25.128906 45.988281 C 25.144531 45.988281 25.15625 45.988281 25.171875 45.984375 C 25.171875 45.984375 25.175781 45.984375 25.179688 45.984375 C 25.1875 45.980469 25.191406 45.980469 25.199219 45.980469 C 25.203125 45.980469 25.207031 45.976563 25.214844 45.976563 C 25.222656 45.972656 25.234375 45.972656 25.242188 45.96875 C 25.257813 45.964844 25.269531 45.960938 25.28125 45.957031 C 25.289063 45.957031 25.292969 45.957031 25.296875 45.953125 C 25.300781 45.953125 25.304688 45.953125 25.308594 45.953125 C 25.324219 45.945313 25.34375 45.9375 25.359375 45.933594 C 25.378906 45.925781 25.394531 45.917969 25.410156 45.910156 C 25.414063 45.910156 25.414063 45.910156 25.417969 45.90625 C 25.421875 45.90625 25.425781 45.90625 25.429688 45.902344 C 25.4375 45.898438 25.445313 45.894531 25.453125 45.890625 C 25.476563 45.878906 25.496094 45.867188 25.515625 45.855469 C 25.523438 45.851563 25.527344 45.847656 25.53125 45.84375 C 25.535156 45.84375 25.539063 45.839844 25.542969 45.839844 C 25.558594 45.828125 25.574219 45.820313 25.589844 45.808594 L 25.597656 45.796875 L 47.589844 29.808594 C 47.953125 29.542969 48.09375 29.070313 47.9375 28.648438 L 44.945313 20.675781 C 44.941406 20.667969 44.9375 20.65625 44.9375 20.648438 L 38.9375 4.648438 C 38.789063 4.261719 38.425781 4.003906 38.011719 4 Z M 8.066406 22 L 16.472656 22 L 22.328125 40.015625 Z M 33.527344 22 L 41.933594 22 L 27.671875 40.015625 Z M 6.3125 23.007813 L 19.6875 39.902344 L 4.203125 28.640625 Z M 43.6875 23.007813 L 45.796875 28.640625 L 30.3125 39.902344 Z"></path></svg>)
+}