diff --git a/css/devchat.css b/css/devchat.css
index 1b655b6..dc6f236 100755
--- a/css/devchat.css
+++ b/css/devchat.css
@@ -13,8 +13,8 @@ a {
   min-width: 100%;
   padding-top: 100px;
   padding-bottom: 200px;
-  background-image: linear-gradient(225deg, #5c4fc0, #974fc0);
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial,
+  background-image: linear-gradient(225deg, #5c4fc0, #bd399c);
+  font-family: 'Questrial', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial,
     sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-weight: 400;
 }
@@ -167,6 +167,8 @@ a {
 
 .powered-by {
   position: fixed;
+  display: flex;
+  align-items: center;
   right: 15px;
   bottom: 15px;
   padding: 10px;
@@ -187,7 +189,6 @@ a {
 .devolio-logo {
   margin-top: 4px;
   float: left;
-  width: 23px;
 }
 
 .by-devolio {
diff --git a/index.html b/index.html
index 464be12..d94bf74 100755
--- a/index.html
+++ b/index.html
@@ -17,28 +17,28 @@
   <meta name="application-name" content="DevChat - The friendly Slack community for developers" />
   <meta name="msapplication-TileColor" content="#FFFFFF" />
   <meta name="msapplication-TileImage" content="https://devchat.devolio.net/mstile-144x144.png" />
-
+  <link href="https://fonts.googleapis.com/css?family=Questrial&display=swap" rel="stylesheet">
   <style>
     .w-input::-webkit-input-placeholder {
       /* WebKit browsers */
-      color: #f7f09e;
+      color: #fff;
     }
 
     .w-input:-moz-placeholder {
       /* Mozilla Firefox 4 to 18 */
-      color: #f7f09e;
+      color: #fff;
       opacity: 1;
     }
 
     .w-input::-moz-placeholder {
       /* Mozilla Firefox 19+ */
-      color: #f7f09e;
+      color: #fff;
       opacity: 1;
     }
 
     .w-input:-ms-input-placeholder {
       /* Internet Explorer 10+ */
-      color: #f7f09e;
+      color: #fff;
     }
 
     body {
@@ -56,33 +56,26 @@
     <div class="w-container container1">
       <div class="logo"></div>
       <h1 class="h1">
-        <span class="devchat">#devchat</span> - The Slack community for Hackers</h1>
+        <span class="devchat">DevChat</span> - The Slack community for Hackers</h1>
       <h2 class="h2">We are a very friendly group of software developers who come together to solve problems and learn.</h2>
       <div class="w-form form-wrapper">
         <form id="email-form" name="email-form" data-name="Email Form" method="post" class="form">
-          <input id="email" type="text" placeholder="Enter your email address" name="email" data-name="email" required="required" class="w-input field">
-          <div class="status">
-            <span class="nr-online" id="online">~140</span> online of
-            <span class="nr-reg" id="members">~8000</span> registered members.</div>
+          <input id="email" type="email" placeholder="Enter your email address" name="email" data-name="email" required="required" class="w-input field">
+          <div class="status nr-reg" id="status">
+            <span class="nr-reg" id="members">18000+</span> friendly members.</div>
           <input title="Email" id="btn" type="submit" value="Join now!" data-wait="Please wait..." class="w-button join-button">
-          <div class="coc-link">By signing up for #devchat you agree to&nbsp;follow our
+          <div class="coc-link">By signing up for DevChat you agree to&nbsp;follow our
             <a class="link" href="https://devchat.devolio.net/rules.txt">rules</a>.</div>
         </form>
-        <div class="w-form-done form-success">
-          <p>Thank you! Check your inbox now :)</p>
-        </div>
-        <div class="w-form-fail form-error">
-          <p>Oops! Something went wrong while submitting the form!</p>
-        </div>
       </div>
       <div class="table">
         <div class="w-row row">
           <div class="w-col w-col-4">
-            <h3 class="h3">What's #devchat?</h3>
+            <h3 class="h3">What's DevChat?</h3>
           </div>
           <div class="w-col w-col-8">
             <p class="table-text">
-              <span class="text-bold">#devchat</span> is a community of developers, asking and answering questions, solving challenges, and having
+              <span class="text-bold">DevChat</span> is a community of developers, asking and answering questions, solving challenges, and having
               a good time learning together. We are a Slack team, which means that we talk in real time, we share links and
               resources, and keep things organized.</p>
           </div>
@@ -102,15 +95,15 @@ <h3 class="h3">What are the big channels?</h3>
           </div>
           <div class="w-col w-col-8">
             <p class="table-text">We've got lots, but the big ones are
-              <span class="text-bold">#python</span> (940+ members),
-              <span class="text-bold">#javascript</span> (1220+ members),
-              <span class="text-bold">#java</span> (630+ members), and
-              <span class="text-bold">#webdev</span> (970+ members).</p>
+              <span class="text-bold">#python</span> (1670+ members),
+              <span class="text-bold">#javascript</span> (3110+ members),
+              <span class="text-bold">#java</span> (1250+ members), and
+              <span class="text-bold">#webdev</span> (2320+ members).</p>
           </div>
         </div>
         <div class="w-row row">
           <div class="w-col w-col-4">
-            <h3 class="h3">Who's joined #devchat?</h3>
+            <h3 class="h3">Who's joined DevChat?</h3>
           </div>
           <div class="w-col w-col-8">
             <p class="table-text">Everyone from people who have never programmed before, high school students, self-taught programmers, professional
@@ -119,36 +112,13 @@ <h3 class="h3">Who's joined #devchat?</h3>
             </p>
           </div>
         </div>
-        <div class="w-row row">
-          <div class="w-col w-col-4">
-            <h3 class="h3">How many bots do you have?</h3>
-          </div>
-          <div class="w-col w-col-8 w-clearfix">
-            <p class="w-clearfix table-text">We have a list of cool Slack bots we've built ourselves:</p>
-            <ul class="list">
-              <li>
-                <span class="text-bold">@welcome_bot</span>: a smart bot that helps with onboarding new Devchatters.</li>
-              <li>
-                <span class="text-bold">@pypie</span>&nbsp;and&nbsp;
-                <span class="text-bold">@python</span>: both are secure python interpreter inside Slack.</li>
-              <li>
-                <span class="text-bold">@helpy</span>: will get you helpful informations from Python's &amp; PyPi's docs.</li>
-              <li>
-                <span class="text-bold">@dumbot</span>: When I grow up I wanna be a Principal or a Caterpillar.</li>
-              <li>
-                <span class="text-bold">@pollbot</span>: lets have a poll "Who is cooler?"&nbsp;@helpy&nbsp;@dumbot</li>
-            </ul>
-          </div>
-        </div>
         <div class="w-row row">
           <div class="w-col w-col-4">
             <h3 class="h3">Do you have other links?</h3>
           </div>
           <div class="w-col w-col-8">
             <p class="table-text">
-              <a target="_blank" data-rt-link-type="external" class="link" href="https://twitter.com/_devolio">Twitter</a>,&nbsp;
-              <a data-rt-link-type="external" target="_blank" class="link" href="https://www.reddit.com/r/devchat/">Reddit</a> and
-              <a target="_blank" class="link" href="https://github.com/devolio">GitHub</a>.</p>
+              <a target="_blank" data-rt-link-type="external" class="link" href="https://twitter.com/_devolio">Twitter</a> and <a target="_blank" class="link" href="https://github.com/devolio">GitHub</a>.</p>
           </div>
         </div>
         <div class="w-row row">
@@ -157,8 +127,7 @@ <h3 class="h3">How can I contact you?</h3>
           </div>
           <div class="w-col w-col-8">
             <p class="table-text">You can DM
-              <span class="text-bold">@mustafa</span> or
-              <span class="text-bold">@eden</span> in #devchat or email
+              <span class="text-bold">@mustafa</span> on DevChat or email
               <span class="text-bold">
                 <a class="link" href="mailto:mustafa@devolio.net?subject=%23devchat">mustafa@devolio.net</a>
               </span>
@@ -177,51 +146,42 @@ <h3 class="h3">Not convinced yet?</h3>
         </div>
       </div>
     </div>
-    <a href="https://devolio.net/" target="_blank" class="w-inline-block w-clearfix powered-by">
-      <svg class="devolio-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 444.819 512">
-        <path fill="#F47F54" d="M359.736 53.738C311.224 17.166 249.278 0 153.746 0 96.278 0 41.795 3.732 0 10.449v494.087C28.361 508.268 70.156 512 129.117 512c98.517 0 179.122-20.898 232.112-64.933 48.512-41.05 83.59-107.475 83.59-203.755 0-88.816-32.839-150.764-85.083-189.574z"
-        />
-        <path fill="#FFF" d="M151.157 398.003c-1.843 4.614-4.578 8.043-8.203 10.293-3.625 2.24-7.353 3.363-11.174 3.363h-14.83l118.839-296.23c1.71-4.217 4.15-7.446 7.312-9.691 3.162-2.245 6.921-3.368 11.272-3.368h14.83L151.157 398.003z"
-        />
-      </svg>
+    <a href="https://deta.sh/" target="_blank" class="w-inline-block w-clearfix powered-by">
+      <svg class="devolio-logo" width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M-1-1h42v42H-1z"/><g><g stroke="null"><circle fill="#ef39a8" r="18.801" cy="20" cx="20"/><circle fill="#bd399c" r="15.042" cy="20" cx="20"/><circle fill="#93388e" r="11.281" cy="20" cx="20"/><circle fill="#563379" r="7.521" cy="20" cx="20"/></g></g></svg>
       <div class="by-devolio">Powered by
-        <span class="devolio">Devolio</span>
+        <span class="devolio">DETA</span>
       </div>
     </a>
   </div>
-  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
-  <!--[if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif]-->
-  <script>
-    $(document).ready(function () {
-      var del_url = "https://vss5shpsai.execute-api.us-east-1.amazonaws.com/prod/devchat_members";
-      $.get(del_url, function (data) {
-        $('#members').text(data.members)
-        $('#online').text(data.online)
-      });
-      $('#btn').on('click', function (event) {
-        event.preventDefault();
-        em = $('#email').val();
-        $.ajax({
-          url: 'https://vss5shpsai.execute-api.us-east-1.amazonaws.com/prod/devchat_invite',
-          data: JSON.stringify({ email: em }),
-          method: 'POST',
-          crossDomain: true,
-        }).done(function (data) {
-          $('#email').fadeOut();
-          window.setTimeout($('#btn').val('Awesome! Check your inbox now :)'), 10000);
-        });
-      });
-    });
-  </script>
   <script>
-    (function (i, s, o, g, r, a, m) {
-      i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-        (i[r].q = i[r].q || []).push(arguments)
-      }, i[r].l = 1 * new Date(); a = s.createElement(o),
-        m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-    })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-    ga('create', 'UA-56812506-4', 'auto');
-    ga('send', 'pageview');
+    (function(){
+
+      async function submit(event){
+        event.preventDefault()
+        console.log(event)
+        let email = document.getElementById("email")
+
+        if (email.checkValidity()){
+          document.getElementById("status").innerHTML = "Patience you must have, my young padawan."
+          try{
+            let res = await fetch("https://on.deta.dev/z5x7l1zw8m5u", {
+            method: "POST",
+            body: JSON.stringify({email: email.value})
+          })
+          if (res.ok){
+            document.getElementById("status").innerHTML = "🙌 Awesome! Check your inbox now :)"
+            document.getElementById("email").value = ""
+          }
+          } catch (e){
+            console.error(e)
+            document.getElementById("status").innerHTML = "Something went wrong. Refresh and retry. If it persists drop me a message mustafa@devolio.net"
+          }
+        } else {
+          document.getElementById("status").innerHTML = "Are you sure that's a valid email address?"
+        }
+      }
+      document.getElementById("btn").addEventListener("click", submit);
+    })();
   </script>
 </body>