Gitea link

src/components/Projects.jsx

@@ -73,6 +73,12 @@ export default function Projects() {
             </article>
           ))}
         </div>
+        <div className={styles.giteaLink}>
+          <p className={styles.giteaText}>Check out here the rest of my code</p>
+          <a href="https://gitea.tietokonepaja.fi/" className={styles.giteaBtn} target="_blank" rel="noreferrer">
+            View on Gitea
+          </a>
+        </div>
       </div>
     </section>
   );

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);
+  }
+}