Spelling-fixes and selectable

server/public/assets/css/style.css

@@ -93,6 +93,8 @@ body {
 
 .token-container {
     padding-top: 64px;
+    word-wrap: break-word;
+    overflow: hidden;
 }
 
 .token-form {
@@ -3557,3 +3559,10 @@ input:not([type]):focus:not([readonly])+label, input[type=text]:not(.browser-def
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     -moz-tap-highlight-color: rgba(0, 0, 0, 0);
 }
+
+.select-all {
+    -webkit-user-select: all !important;  /* Chrome 49+ */
+  -moz-user-select: all !important;     /* Firefox 43+ */
+  -ms-user-select: all !important;      /* No support yet */
+  user-select: all !important;          /* Likely future */
+}

server/public/assets/js/token_apply.js

@@ -7,6 +7,10 @@ $(document).ready(function() {
     $("#contact-container").html("Send a mail to us: <a title='Open in client' href='mailto:contact@zoff.me?Subject=Contact%20Zoff'>contact@zoff.me</a>");
     $("#submit-contact-form").hide();
 
+    if(!Helper.mobilecheck()) {
+        $("#iframe-container").append('<iframe id="iframe" src="https://zoff.me/_embed#celebrate&808080" width="600px" height="300px"></iframe>');
+    }
+
     $(".token-form").on("submit", function(e) {
         e.preventDefault();
         var email = $("#email_address").val();
@@ -26,8 +30,9 @@ $(document).ready(function() {
                 if(response == "success") {
                     Materialize.toast("Email sent!", 3000, "green lighten");
                 } else {
-                    $("#email_address").attr("readonly", true);
+                    $("#email_address").attr("readonly", false);
                     $(".submit").toggleClass("disabled");
+                    grecaptcha.reset();
                     Materialize.toast("Something went wrong. Sure that email hasn't been used for another token?", 3000, "red lighten");
                 }
             },

server/public/layouts/client/token.handlebars

@@ -33,9 +33,9 @@
             {{#if activated}}
                 <h1 class="center-align">API-token</h1>
                 <p>Here is your api token</p>
-                <h4 class="select auto-pointer">{{token}}</h3>
+                <h4 class="select-all auto-pointer">{{token}}</h3>
                 <p>Use it wisely, and don't lose it!</p>
-                <p>As of now, the tokens have no limit for how many requests you can do is 100 requests a second. If you need a higher limit, just contact the team and we'll set you up for as much as you need.</p>
+                <p>As of now, the tokens have a limit of 100 requests a second. If you need a higher limit, just contact the team and we'll set you up for as much as you need.</p>
             {{else}}
                 <h2 class="center-align">API-token</h2>
                 <p>Apply for a API-token with your email here! You'll get an email on the specified address, with a link. Follow that link, and the token will be shown to you! Take good care of it, and don't lose it. It won't be shown to you again.</p>
@@ -44,7 +44,7 @@
             {{/if}}
         </div>
         {{#if activated}}
-            <iframe id="iframe" src="https://zoff.me/_embed#celebrate&808080" width="600px" height="300px"></iframe>
+        <div id="iframe-container"></div>
         {{else}}
         <form class="token-form row" type="post">
             <div class="row center">
@@ -53,7 +53,7 @@
                 <input type="email" autocomplete="off" class="validate" id="email_address" />
               </div>
             </div>
-            <div class="col offset-s3">
+            <div class="col offset-m3">
                 {{{captcha}}}
             </div>
             <div class="input-field col s12 m2">

server/routing/client/router.js

@@ -71,7 +71,7 @@ router.route('/api/apply/:id').get(function(req,res) {
                 captcha: res.recaptcha,
                 analytics: analytics,
                 activated: false,
-                id:"",
+                token:"",
                 correct: false,
             }
             res.render('layouts/client/token', data);