diff --git a/public/favicon.ico b/public/favicon.ico deleted file mode 100644 index d1b4c95..0000000 Binary files a/public/favicon.ico and /dev/null differ diff --git a/public/vite.svg b/public/vite.svg deleted file mode 100644 index e7b8dfb..0000000 --- a/public/vite.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/assets/react.svg b/src/assets/react.svg deleted file mode 100644 index 6c87de9..0000000 --- a/src/assets/react.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/assets/styles/Home.module.scss b/src/assets/styles/Home.module.scss index b4a626d..1bcdaca 100644 --- a/src/assets/styles/Home.module.scss +++ b/src/assets/styles/Home.module.scss @@ -76,6 +76,16 @@ opacity: 0.7; } +@keyframes fall { + 0% { + transform: translateY(-100%); + } + + 100% { + transform: translateY(100vh); + } +} + /* Button Styling */ .btnPrimary { background: linear-gradient(45deg, $accent-dragon, $accent-fire); @@ -154,4 +164,24 @@ border-radius: 50%; opacity: 0; animation: rise linear forwards; +} + +@keyframes rise { + 0% { + transform: translateY(0) translateX(0); + opacity: 0; + } + + 10% { + opacity: 0.5; + } + + 90% { + opacity: 0.5; + } + + 100% { + transform: translateY(-100px) translateX(var(--x)); + opacity: 0; + } } \ No newline at end of file diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss index 7daa7f4..593092d 100644 --- a/src/assets/styles/index.scss +++ b/src/assets/styles/index.scss @@ -98,39 +98,6 @@ body::before { } - -@keyframes fall { - 0% { - transform: translateY(-100%); - } - - 100% { - transform: translateY(100vh); - } -} - - - -@keyframes rise { - 0% { - transform: translateY(0) translateX(0); - opacity: 0; - } - - 10% { - opacity: 0.5; - } - - 90% { - opacity: 0.5; - } - - 100% { - transform: translateY(-100px) translateX(var(--x)); - opacity: 0; - } -} - /* Footer */ .footer { background-color: $primary-dark; diff --git a/src/data/contactData.ts b/src/data/contactData.ts new file mode 100644 index 0000000..e69de29 diff --git a/src/data/skillCard.ts b/src/data/skillCardData.ts similarity index 100% rename from src/data/skillCard.ts rename to src/data/skillCardData.ts diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx index 96d5f02..5bc9d9f 100644 --- a/src/pages/Home.tsx +++ b/src/pages/Home.tsx @@ -3,7 +3,7 @@ import { Link } from 'react-router-dom'; import styles from '@styles/Home.module.scss'; import SkillCard from '../components/SkillCard' -import { skillCardData } from '../data/skillCard'; +import { skillCardData } from '../data/skillCardData'; export const Home = () => { const skills = skillCardData; @@ -124,7 +124,7 @@ export const Home = () => {