diff --git a/index.html b/index.html
index e4deeb5..4223edd 100644
--- a/index.html
+++ b/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>
diff --git a/js/issuer.js b/js/issuer.js
index cf669d0..75c1826 100644
--- a/js/issuer.js
+++ b/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();
     }
   });
 });
diff --git a/js/playground.js b/js/playground.js
new file mode 100644
index 0000000..ce7efa0
--- /dev/null
+++ b/js/playground.js
@@ -0,0 +1,5 @@
+window.PLAYGROUND = function () {
+  'use strict';
+
+  console.log("Welcome to the Playground!");
+};