From 65971cc11e70029094f9ddd30e15052419e2bf8c Mon Sep 17 00:00:00 2001 From: Rajdeep Chakraborty Date: Fri, 4 Oct 2024 22:03:10 +0530 Subject: [PATCH 1/8] Added image for X[Twitter] --- images/X[Twitter Logo].png | Bin 0 -> 3796 bytes 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 images/X[Twitter Logo].png diff --git a/images/X[Twitter Logo].png b/images/X[Twitter Logo].png new file mode 100644 index 0000000000000000000000000000000000000000..6857de6e46e536ce26a226b7fbd0481160da202a GIT binary patch literal 3796 zcma)YzzSK<7f-J1OSAn0szY%0D$fb0N_+m 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

?rfeb z5<>c?1p30)0u0-cP}{0E^)~T=hpA(6QnAYTI;HKa%B%ChNhFo^{(_M@x;mo5SXbf5 z-Zxi>3rDr6-1QC<4kxv0%yC{dyV59G3d&LgyR!i#v$0p`PxW_o=_;YanK{Ky^wG?GOJIyr3CfoO=S=k_K`9k%t?5qw^ z>Te070UpNk?-Wc@N5$v1ojQXs;D&F@U$J58t6dX`E2!tSEjG;hAH-V89_sPopB&Bm zycdmYQMGw@n}8R7#2k=}FQ^ap*6h_bDE0{KD;X17xurz8JXhOirHha2lV_iYnP7N? zGR|^47Yh*-p`@{$D^nJ$#wMi?@s00 zrihPa3kr--v!s5KM=$wMIsC}~B9L8Z_kLG)MmO3$NBfb?uI~ti3EC?$ttl_t;i+P? zx`8s&uQZuO;(h?f3B2=PKaVf~iW3cKr2JqsnTF=}^ks3D?s$_NQpEc-20CpeK%S%l zl~x;ATpjr{Dz?7gxaobcq2mTM%3xWIeH_$CwGL&lHRp&;E2*6sXHfP@zBjp z+(Ujbc3gJH;=SIP6ilvzV(rfdPhYd4tN$x=Lpv!G@CQa^X;yXH`^R zr~#xCtkJMu@9cbXF<-+8O;wpG65XDIp;#xDnYT}oyri8Pf1Mso#iJeDHhw&C%{)Ln z-J(kRgxg^^onwxT<&59-`zW0Rhn2a36vX8(Y$2W@PU9l)Xa^Zh?;{fBiZ6@!dY!Ff zI@-2H-xt2EYH63m&XneBsb4QTVSSGpFyf(HN(P_#41nK6E_`r^>@oAfn1a+9Kc)@< zhsAJ-?}g`P-kSZljnX;A-vUp}KDPD_Z0*6 literal 0 HcmV?d00001 From e3313860170bc57cf80f50b8dacb661e7ec0bed4 Mon Sep 17 00:00:00 2001 From: Rajdeep Chakraborty Date: Fri, 4 Oct 2024 22:20:26 +0530 Subject: [PATCH 2/8] Updated Twitter logo --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index c3ab5bb0..6d51575e 100644 --- a/index.html +++ b/index.html @@ -273,7 +273,7 @@

- + Twitter Logo From ae2f1443b86867b2d26f654691521b238ee76308 Mon Sep 17 00:00:00 2001 From: Rajdeep Chakraborty Date: Fri, 4 Oct 2024 22:41:47 +0530 Subject: [PATCH 3/8] Added comments for addition of X logo --- index.html | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 6d51575e..8ae26125 100644 --- a/index.html +++ b/index.html @@ -273,7 +273,8 @@ - Twitter Logo + + From 1d8f17980713475d3c3cdb2b7d9b66856067fe35 Mon Sep 17 00:00:00 2001 From: Rajdeep Chakraborty Date: Fri, 4 Oct 2024 22:45:33 +0530 Subject: [PATCH 4/8] Added hover zoom animation on the X logo and changed code for better usability --- style.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index d3292b97..6247dd9e 100644 --- a/style.css +++ b/style.css @@ -423,15 +423,18 @@ button:hover { mask-size: cover; color: transparent; } - +/* Changed the below CSS style to apply only size and margin to the other logos[Except X(Twitter)] */ .social-links ion-icon { font-size: 30px; margin: 14px; +} +/* Grouped the animation for all the icons together for better usability. */ +.social-links ion-icon, .twitterlogo { cursor: pointer; transition: transform 0.3s; } -.social-links ion-icon:hover { +.social-links ion-icon:hover, .twitterlogo:hover { transform: scale(1.2); } From f6d93eea0cbace60dfb5c7aeba61ae19920c5d60 Mon Sep 17 00:00:00 2001 From: Rajdeep Chakraborty Date: Mon, 7 Oct 2024 14:38:59 +0530 Subject: [PATCH 5/8] Added classes to the social icons to add Hover animation to them --- index.html | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index 21cf70fe..c94d86f3 100644 --- a/index.html +++ b/index.html @@ -275,10 +275,10 @@

Collect your GamingTools

  info@gamingtools.com
- - - - + + + +
From a844863a9261e50af768233cbbcc537830e3af6f Mon Sep 17 00:00:00 2001 From: Rajdeep Chakraborty Date: Mon, 7 Oct 2024 14:40:21 +0530 Subject: [PATCH 6/8] added comments to document change in index.html file --- index.html | 1 + 1 file changed, 1 insertion(+) diff --git a/index.html b/index.html index c94d86f3..0bc28958 100644 --- a/index.html +++ b/index.html @@ -275,6 +275,7 @@

Collect your GamingTools

  info@gamingtools.com
+ From 915e10d0401d1d4034c88e9792849432108bd1e0 Mon Sep 17 00:00:00 2001 From: Rajdeep Chakraborty Date: Mon, 7 Oct 2024 14:41:16 +0530 Subject: [PATCH 7/8] Added CSS to the social icons to add Hover animation --- style.css | 27 ++++++++++++++++++++++++--- 1 file changed, 24 insertions(+), 3 deletions(-) diff --git a/style.css b/style.css index d74401b0..a8891407 100644 --- a/style.css +++ b/style.css @@ -461,13 +461,34 @@ button:hover img { border-radius: 50%; color: #d3d3d3; transition: all .3s; + transition: transform 0.3s ease, background 0.3s ease; /* Added transform property */ } -.socials a:hover { - background: #4CAF50; - color: white; +.socials a:hover{ + transform: scale(1.2); /* Zoom effect on hover */ } +.socials .facebook:hover { + background: blue; + color: white; + + } + + .socials .instagram:hover { + background: orangered; + color: white; + } + + .socials .twitter:hover { + background: black; + color: white; + } + + .socials .youtube:hover { + background: red; + color: white; + } + .links ul { list-style-type: none; padding: 0; From 204c7f0d2c80bc8d2ba93df209d3a70981c6dca7 Mon Sep 17 00:00:00 2001 From: Rajdeep Chakraborty Date: Mon, 7 Oct 2024 14:43:24 +0530 Subject: [PATCH 8/8] added comments to document change in style.css file --- style.css | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/style.css b/style.css index a8891407..d044a7b9 100644 --- a/style.css +++ b/style.css @@ -467,23 +467,22 @@ button:hover img { .socials a:hover{ transform: scale(1.2); /* Zoom effect on hover */ } - +/* Hover zoom effect for facebook icon */ .socials .facebook:hover { background: blue; color: white; - } - + /* Hover zoom effect for instagram icon */ .socials .instagram:hover { background: orangered; color: white; } - + /* Hover zoom effect for twitter[X] icon */ .socials .twitter:hover { background: black; color: white; } - + /* Hover zoom effect for youtube icon */ .socials .youtube:hover { background: red; color: white;