diff --git a/bun.lock b/bun.lock
index 17a5670..63e3198 100644
--- a/bun.lock
+++ b/bun.lock
@@ -15,6 +15,7 @@
"react": "^19.2.7",
"react-dom": "^19.2.7",
"svelte": "^5.56.4",
+ "tailwind-merge": "^3.7.0",
"tailwindcss": "^4.3.2",
"typescript": "^6.0.3",
},
@@ -715,6 +716,8 @@
"svgo": ["svgo@4.0.1", "", { "dependencies": { "commander": "^11.1.0", "css-select": "^5.1.0", "css-tree": "^3.0.1", "css-what": "^6.1.0", "csso": "^5.0.5", "picocolors": "^1.1.1", "sax": "^1.5.0" }, "bin": "./bin/svgo.js" }, "sha512-XDpWUOPC6FEibaLzjfe0ucaV0YrOjYotGJO1WpF0Zd+n6ZGEQUsSugaoLq9QkEZtAfQIxT42UChcssDVPP3+/w=="],
+ "tailwind-merge": ["tailwind-merge@3.7.0", "", {}, "sha512-XPPUyAc+cvspz3lHTcR/QgPfW2A0lv/xQNIjX3HGhLR+Nq2lHaLq5MtTesHn8GUr3W3DguT2KT5x3NVgRtYwmA=="],
+
"tailwindcss": ["tailwindcss@4.3.2", "", {}, "sha512-WtctNNSH8A9jlMIqxzuYumOHU5uGZyRv0Q5svQl+oEPy5w84YpBxdb7MdqyiSPQge5jTJ6zFQLq0PFygdccSBA=="],
"tapable": ["tapable@2.3.3", "", {}, "sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A=="],
diff --git a/package.json b/package.json
index bcb99c7..c6730d7 100644
--- a/package.json
+++ b/package.json
@@ -23,6 +23,7 @@
"react": "^19.2.7",
"react-dom": "^19.2.7",
"svelte": "^5.56.4",
+ "tailwind-merge": "^3.7.0",
"tailwindcss": "^4.3.2",
"typescript": "^6.0.3"
}
diff --git a/src/components/socials/Socials.astro b/src/components/socials/Socials.astro
deleted file mode 100644
index 87aaeee..0000000
--- a/src/components/socials/Socials.astro
+++ /dev/null
@@ -1,47 +0,0 @@
-
diff --git a/src/pages/_images/forgejo.svg b/src/pages/_images/forgejo.svg
new file mode 100644
index 0000000..f089018
--- /dev/null
+++ b/src/pages/_images/forgejo.svg
@@ -0,0 +1,230 @@
+
+
+
+
diff --git a/src/pages/index.astro b/src/pages/index.astro
index f403b94..a7f04d4 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -10,7 +10,7 @@ import TwitchIcon from "./_images/twitch.svg";
import YouTubeIcon from "./_images/youtube.svg";
import InstagramIcon from "./_images/instagram.svg";
import GithubIcon from "./_images/github.svg";
-import CodePenIcon from "./_images/codepen.svg";
+import ForgejoIcon from "./_images/forgejo.svg";
import LocationIcon from "./_images/location.svg";
import DateTimeIcon from "./_images/date-time.svg";
import DiscordIcon from "./_images/discord.svg";
@@ -86,12 +86,12 @@ const gridItems: GridItem[] = [
},
{
type: "link",
- href: "https://codepen.io/RythonDev",
- title: "Codepen",
+ href: "https://git.rython.dev/",
+ title: "Forgejo",
subtitle: "RythonDev",
- iconId: "codepen-icon",
- iconClass: "icon-box h-12 w-12 rounded-full",
- Icon: CodePenIcon,
+ iconId: "forgejo-icon",
+ iconClass: "icon-box h-12 w-12 rounded-full [&>*]:w-7 bg-[linear-gradient(135deg,rgba(255,_102,_0,_1)_25%,_rgba(212,_0,_0,_1)_75%)]",
+ Icon: ForgejoIcon,
},
{ type: "schedule" },
{ type: "location" },
@@ -418,7 +418,6 @@ const gridItems: GridItem[] = [
display: flex;
justify-content: center;
align-items: center;
-
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
@@ -434,9 +433,12 @@ const gridItems: GridItem[] = [
--box-shadow-values: 0px 0px 20px 2px;
}
+ #forgejo-icon::before {
+ box-shadow: var(--box-shadow-values) #ffa500;
+ }
+
#website-icon::before,
#github-icon::before,
- #codepen-icon::before,
#tiktok-icon::before {
box-shadow: var(--box-shadow-values) #888;
}
- 
- 
- 
-