Welcome to the Playground!

index.html

@@ -142,7 +142,7 @@
     </div>
   </div>
 
-  <div class="fade mock-bare">
+  <div class="fade js-playground">
     <div class="container">
       <div class="jumbotron">
         <h1>OAuth3 Playground</h1>
@@ -194,6 +194,7 @@
     <script src="/assets/oauth3.org/oauth3.issuer.js"></script>
     <script src="./js/issuer.js"></script>
     <script src="./js/script.js"></script>
+    <script src="./js/playground.js"></script>
 
   </body>
 </html>

js/issuer.js

@@ -399,7 +399,8 @@ $(function () {
       $('.mock-main').addClass('in');
     } else {
       console.log('[DEBUG] not an auth window');
-      $('.mock-bare').addClass('in');
+      $('.js-playground').addClass('in');
+      window.PLAYGROUND();
     }
   });
 });

js/playground.js

@@ -0,0 +1,5 @@
+window.PLAYGROUND = function () {
+  'use strict';
+
+  console.log("Welcome to the Playground!");
+};