chore: replace the slack url to updated invite url (#55)

* chore: replace the slack url to updated invite url

Signed-off-by: amaan-bhati <amaanbhati49@gmail.com>

* fix: replace invalid button-anchor nesting with styled anchor in join slack CTA

Signed-off-by: amaan-bhati <amaanbhati49@gmail.com>

* fix: restore tap target padding and add focus-visible outline to join-slack link

Signed-off-by: amaan-bhati <amaanbhati49@gmail.com>

---------

Signed-off-by: amaan-bhati <amaanbhati49@gmail.com>

Author: amaan-bhati

CONTRIBUTING.md

@@ -2,7 +2,7 @@
 
 Thank you for your interest in Keploy and for taking the time to contribute to this project. 🙌
 Keploy is a project by developers for developers and there are a lot of ways you can contribute.
-If you don't know where to start contributing, ask us on our [Slack channel](https://join.slack.com/t/keploy/shared_invite/zt-357qqm9b5-PbZRVu3Yt2rJIa6ofrwWNg).
+If you don't know where to start contributing, ask us on our [Slack channel](https://join.slack.com/t/keploy/shared_invite/zt-3zcnuqfgl-WYK1NMhslVHsCtNcA1ULwA).
 
 ## Code of conduct
 

css/main.css

@@ -3920,16 +3920,19 @@ html.no-csstransitions .home-content__main {
 }
 
 .join-btn{
+    display: inline-block;
     margin:0 auto;
+    padding: 6px 16px;
     background-color: #00163D;
     border-radius: 5px;
-    color:#FF914D;
-    outline: none;
+    color: white;
     border:0px;
+    text-decoration: none;
 }
 
-.join-btn a{
-    color:white
+.join-btn:focus-visible{
+    outline: 2px solid #FF914D;
+    outline-offset: 2px;
 }
 
 .countdown-timer{

index.html

@@ -237,7 +237,7 @@ <h3> An Open-Source Prorgam for Students, Professionals, and Freelancers</h3>
                 <a href="https://forms.gle/R7RbuL39sc1TFW449" class=" btn btn--stroke" style="background: #F89559; border: 0.2rem solid #ff904d; color: #00163D;">
                 Register Now!
                 </a>
-                <a href="https://join.slack.com/t/keploy/shared_invite/zt-357qqm9b5-PbZRVu3Yt2rJIa6ofrwWNg" class="btn btn--stroke" style="background: #00163D; border: 0.2rem solid #00163D; color: #FFFFFF;">
+                <a href="https://join.slack.com/t/keploy/shared_invite/zt-3zcnuqfgl-WYK1NMhslVHsCtNcA1ULwA" class="btn btn--stroke" style="background: #00163D; border: 0.2rem solid #00163D; color: #FFFFFF;">
                 Join Community
                 </a>
               </div>
@@ -734,7 +734,7 @@ <h1 class="display-2 display-2--light" style="font-weight: 800;">Join Our Commun
               <h3 class="h6" style="font-size: 2rem; font-family: 'Inconsolata', monospace; text-transform: none;">Get Involved In The Community Today!</h3>
               <img src="./images/slack.png" alt="Slack Image"/>
               <!-- <img src="./images/slack2.png"/> -->
-              <button class="join-btn"><a href="https://join.slack.com/t/keploy/shared_invite/zt-357qqm9b5-PbZRVu3Yt2rJIa6ofrwWNg">Join Slack</a></button>
+              <a href="https://join.slack.com/t/keploy/shared_invite/zt-3zcnuqfgl-WYK1NMhslVHsCtNcA1ULwA" class="join-btn">Join Slack</a>
             </div>
             <!-- end contact-primary -->
             <div class="contact-secondary">