From fbf98bff69b46f331f43ba4c07a9a83330448b10 Mon Sep 17 00:00:00 2001
From: Vivek Vishal <vishalvivek488@gmail.com>
Date: Tue, 29 Oct 2024 16:37:54 +0000
Subject: [PATCH 1/2] enlarge button and add ring animation

Signed-off-by: GitHub <noreply@github.com>
---
 site/src/App.js       |  2 +-
 site/src/App.style.js | 34 ++++++++++++++++++++++++++++++++++
 2 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/site/src/App.js b/site/src/App.js
index d7e416e..f9874b9 100644
--- a/site/src/App.js
+++ b/site/src/App.js
@@ -55,7 +55,7 @@ const App = () => {
           <section className="playground-btn">
 
               <div>
-              <Button className="continue-btn" style={{ background: "rgb(235, 192, 23)" }} role="button"  onClick={openModal}>
+              <Button className="continue-btn open-playground-btn" style={{ background: "rgb(235, 192, 23)" }} role="button"  onClick={openModal}>
                 Open Playground
               </Button>
               <Modal
diff --git a/site/src/App.style.js b/site/src/App.style.js
index d4f3c7c..8133ffd 100644
--- a/site/src/App.style.js
+++ b/site/src/App.style.js
@@ -283,6 +283,40 @@ section.playground-btn {
     display: flex;
     justify-content: center;
   }
+  .open-playground-btn {
+  position: relative;
+}
+.open-playground-btn {
+font-size: 1.4rem;
+height: 3.5rem;
+padding: 1.5rem;
+
+
+}
+.open-playground-btn::after {
+  content: '';
+  border-radius: 100%;
+  border: 0.275rem solid rgb(0,170,159);
+  position: absolute;
+  z-index: -1;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  animation: ring 2.5s infinite;
+}
+
+@keyframes ring {
+  0% {
+    width: 30px;
+    height: 30px;
+    opacity: 1;
+  }
+  100% {
+    width: 300px;
+    height: 300px;
+    opacity: 0;
+  }
+}
 
 }
 

From 8e9a73f8c175a69091bf520bd73d8020fa79f75f Mon Sep 17 00:00:00 2001
From: Vivek Vishal <vishalvivek488@gmail.com>
Date: Tue, 29 Oct 2024 16:44:22 +0000
Subject: [PATCH 2/2] chore

Signed-off-by: GitHub <noreply@github.com>
---
 site/src/App.style.js | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/site/src/App.style.js b/site/src/App.style.js
index 8133ffd..837e8b2 100644
--- a/site/src/App.style.js
+++ b/site/src/App.style.js
@@ -283,15 +283,11 @@ section.playground-btn {
     display: flex;
     justify-content: center;
   }
-  .open-playground-btn {
-  position: relative;
-}
 .open-playground-btn {
-font-size: 1.4rem;
-height: 3.5rem;
-padding: 1.5rem;
-
-
+  position: relative;
+  font-size: 1.4rem;
+  height: 3.5rem;
+  padding: 1.5rem;
 }
 .open-playground-btn::after {
   content: '';