diff --git a/src/components/Projects.jsx b/src/components/Projects.jsx index 47d8b38..72a141c 100644 --- a/src/components/Projects.jsx +++ b/src/components/Projects.jsx @@ -73,6 +73,12 @@ export default function Projects() { ))} +
+

Check out here the rest of my code

+ + View on Gitea + +
); diff --git a/src/styles/components/Projects.module.scss b/src/styles/components/Projects.module.scss index f18afd6..3444aee 100644 --- a/src/styles/components/Projects.module.scss +++ b/src/styles/components/Projects.module.scss @@ -192,3 +192,38 @@ background: rgb(var(--color-primary) / 0.15); color: $color-text-dim; } + +// ── Gitea Link ────────────────────────────────────────────────── +.giteaLink { + display: flex; + flex-direction: column; + align-items: center; + gap: $space-4; + margin-top: $space-12; + text-align: center; +} + +.giteaText { + font-size: $text-lg; + color: $color-text-muted; +} + +.giteaBtn { + display: inline-flex; + align-items: center; + padding: $space-4 $space-12; + border: 1px solid $color-accent; + border-radius: $radius-md; + font-size: $text-base; + font-weight: 600; + color: $color-accent; + transition: all $transition-base; + letter-spacing: 0.02em; + + &:hover { + background: rgb(var(--color-accent) / 0.08); + color: $color-accent; + box-shadow: 0 0 20px rgb(var(--color-accent) / 0.15); + transform: translateY(-2px); + } +}