From a7205c9296fca1f33b32d06d16adada72a570f08 Mon Sep 17 00:00:00 2001 From: Vinit Shahdeo Date: Tue, 30 Jan 2024 17:02:44 +0530 Subject: [PATCH 1/3] Updated all the links --- src/App.js | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/src/App.js b/src/App.js index 1cc1bb9..f0f24dc 100644 --- a/src/App.js +++ b/src/App.js @@ -15,35 +15,35 @@ function App() {

#50DaysOfJavaScript

A community-driven open-source initiative for elevating JavaScript - skills through daily, practical coding challenges tailored to + skills through daily, practical coding challenges tailored to real-world tasks, led by a supportive global community of developers.

- Join Now + Learn More
From 6a21fdb88b490a19d2638c604600c3a2d4bcd427 Mon Sep 17 00:00:00 2001 From: Vinit Shahdeo Date: Tue, 30 Jan 2024 17:04:27 +0530 Subject: [PATCH 2/3] Fixed failing pipeline --- src/App.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/App.js b/src/App.js index f0f24dc..05fb126 100644 --- a/src/App.js +++ b/src/App.js @@ -15,7 +15,7 @@ function App() {

#50DaysOfJavaScript

A community-driven open-source initiative for elevating JavaScript - skills through daily, practical coding challenges tailored to + skills through daily, practical coding challenges tailored to real-world tasks, led by a supportive global community of developers.

Date: Tue, 30 Jan 2024 17:08:55 +0530 Subject: [PATCH 3/3] Fixed link animation --- src/App.css | 32 ++++++++++++++++++++++++++++++++ src/App.js | 6 ++++-- 2 files changed, 36 insertions(+), 2 deletions(-) diff --git a/src/App.css b/src/App.css index 519f373..76b3f56 100644 --- a/src/App.css +++ b/src/App.css @@ -209,6 +209,38 @@ body { --offset: 180px; } +.problems p a { + display: inline-block; + position: relative; + text-decoration: none; + color: inherit; + margin: 0 var(--spacing, 0px); + transition: margin 0.25s; +} + +.problems p a svg { + width: 76px; + height: 40px; + position: absolute; + left: 50%; + bottom: 0; + transform: translate(-50%, 7px) translateZ(0); + fill: none; + stroke: var(--stroke, #bbc1e1); + stroke-linecap: round; + stroke-width: 2px; + stroke-dasharray: var(--offset, 69px) 278px; + stroke-dashoffset: 361px; + transition: stroke 0.25s ease var(--stroke-delay, 0s), stroke-dasharray 0.35s; +} + +.problems p a svg:hover { + --spacing: 4px; + --stroke: #7d41e7; + --stroke-delay: 0.1s; + --offset: 180px; +} + .moon, .cube, .star-1, diff --git a/src/App.js b/src/App.js index 05fb126..c9c3894 100644 --- a/src/App.js +++ b/src/App.js @@ -15,8 +15,10 @@ function App() {

#50DaysOfJavaScript

A community-driven open-source initiative for elevating JavaScript - skills through daily, practical coding challenges tailored to - real-world tasks, led by a supportive global community of developers. + skills through daily, practical + + coding challenges + tailored to real-world tasks, led by a supportive global community of developers.