From c6d1d5aabbad4f972379e193828c479080a6881a Mon Sep 17 00:00:00 2001 From: Hetari Date: Sun, 28 Jul 2024 20:49:00 +0300 Subject: [PATCH] change the font of my name --- index.html | 139 ++++++++++++++++++++++--------- src/animations/index.ts | 2 +- src/components/MyEnName.vue | 55 +++++++++++- src/components/design/Star.vue | 2 +- src/components/sections/Hero.vue | 2 +- src/style.css | 4 + 6 files changed, 159 insertions(+), 45 deletions(-) diff --git a/index.html b/index.html index 445d5be..e33336f 100644 --- a/index.html +++ b/index.html @@ -1,71 +1,129 @@ - - - - - - + + + + - - - - - - - - + + + + + + + + - - + + - - + + - - + + - - - - - - + + + + + + - - - - - - - - + + + + + + + + Ebraheem Alhetari - Full-Stack Developer @@ -74,5 +132,4 @@
- - \ No newline at end of file + diff --git a/src/animations/index.ts b/src/animations/index.ts index e036637..d6246e3 100644 --- a/src/animations/index.ts +++ b/src/animations/index.ts @@ -269,7 +269,7 @@ const animateHeroNav = () => { ease: 'power4.inOut', }); - gsap.to('#svg-my-en-name path', { + gsap.to('#svg-my-en-name g path', { y: 0, duration: 0.8, ease: 'power4.inOut', diff --git a/src/components/MyEnName.vue b/src/components/MyEnName.vue index d1728d1..346ac8f 100644 --- a/src/components/MyEnName.vue +++ b/src/components/MyEnName.vue @@ -1,5 +1,58 @@ diff --git a/src/components/design/Star.vue b/src/components/design/Star.vue index e3d207d..a0df805 100644 --- a/src/components/design/Star.vue +++ b/src/components/design/Star.vue @@ -4,7 +4,7 @@
-
+
diff --git a/src/style.css b/src/style.css index ea83e04..b99fbf4 100644 --- a/src/style.css +++ b/src/style.css @@ -137,6 +137,10 @@ .heading-2 { font-size: var(--heading-2); } + .heading-size { + width: var(--heading-1--alt); + height: var(--heading-1--alt); + } .heading-1 { font-size: var(--heading-1); }