sub rgb name and stripe fix

client/assets/styles/colours.less

@@ -150,4 +150,22 @@ button {
     &.green {
         border-color: @green;
     }
-}
+}
+
+@keyframes rgb {
+    0% {
+        color: @red;
+    }
+    25% {
+        color: @white;
+    }
+    50% {
+        color: @blue;
+    }
+    75% {
+        color: @white;
+    }
+    100% {
+        color: @green;
+    }
+}

client/assets/styles/player.less

@@ -51,6 +51,11 @@
         color: @yellow;
         font-weight: bold;
     }
+
+    .name.subscriber {
+        animation: rgb 4s cubic-bezier(0.5, 0, 0.5, 1) 0s infinite alternate;
+        font-weight: bold;
+    }
 }
 
 .chat {

client/src/components/account.box.jsx

@@ -105,7 +105,7 @@ function AccountBox(args) {
         <div class='player-box bottom'>
             <div class="msg">&nbsp;</div>
             <StateAccountAvatar />
-            <div class="name">{account.name}</div>
+            <div class="name subscriber">{account.name}</div>
             <div class="score">&nbsp;</div>
         </div>
     );

client/src/components/shop.jsx

@@ -48,7 +48,7 @@ function Shop(args) {
             </div>
             <div>
                 <h1 class="credits">¤ {account.balance}</h1>
-                {window.stripe
+                {window.Stripe
                     ? <Elements>
                         <StripeBtns account={account} />
                     </Elements>