diff --git a/index.html b/index.html
index b46da5b..c2d76ac 100644
--- a/index.html
+++ b/index.html
@@ -2,6 +2,18 @@
     <head>
         <title>Authorize an App</title>
         <link rel="stylesheet" href="brutalist.css" />
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+        <script src="./infos.js"></script>
+        <script>
+         var displayAuthUrl=oauthServerUrl + "?\n\t"
+                   + "response_type=" + encodeURIComponent(response_type) + "\n\t"
+                   + "&client_id=" + encodeURIComponent(client_id) + "\n\t"
+                   + "&redirect_uri=" + encodeURIComponent(redirect_uri) + "\n\t"
+                   + "&scope=" + encodeURIComponent(scope) + "\n\t"
+                   + "&state=" + encodeURIComponent(state);
+
+         var authUrl=displayAuthUrl.replace("\n","");
+        </script>
     </head>
     <body>
         <h1>OAuth2 Client Demo App</h1>
@@ -9,19 +21,20 @@
         <p>The only thing needed to ask an user to grants the Yolo app
             access to Visibility is just putting a simple link:</p>
         <p>Here the button is a link to:</p>
-        <pre>http://localhost:9001/iroh/oauth2/authorize?
-                response_type=code
-                &client_id=localtest
-                &redirect_uri=http%3A%2F%2Flocalhost%3A9999%2Flogin.html
-                &scope=ctia%20ui-settings
-                &state=whatever</pre>
+        <pre id="displayUrlPre"></pre>
 
-        <a class="button"
-           href="http://localhost:9001/iroh/oauth2/authorize?response_type=code&client_id=localtest&redirect_uri=http%3A%2F%2Flocalhost%3A9999%2Flogin.html&scope=ctia%20ui-settings&state=whatever"
-        >click Here</a> to authorize me with the scopes:
+        <a id="authURLLink" href="#">click Here</a>
+        to authorize me with the <strong>scopes</strong>:
 
-        <ul><li><code>ctia</code></li>
-            <li><code>ui-settings</code></li>
-        </ul>
+        <ul id="scopes"></ul>
+        <script>
+         $.when( $.ready ).then(function () {
+             $("#displayUrlPre").html(displayAuthUrl);
+             $("#authURLLink").attr("href",displayAuthUrl);
+             $.each(scopes,function(i,scope){
+                 $("#scopes").append("<li>"+scope+"</li>\n");
+             })
+         });
+        </script>
     </body>
 </html>
diff --git a/infos.js b/infos.js
new file mode 100644
index 0000000..95f77ba
--- /dev/null
+++ b/infos.js
@@ -0,0 +1,16 @@
+var oauthServerUrl="http://localhost:9001/iroh/oauth2/authorize";
+var response_type="code";
+var client_id="localtest";
+var client_password = "localpass";
+var redirect_uri="http://localhost:9999/login.html";
+var scopes=["casebook"
+            ,"collect"
+            ,"ctia"
+            ,"enrich"
+            ,"inspect"
+            ,"integration"
+            ,"iroh-auth"
+            ,"response"
+            ,"ui-settings"];
+var scope=scopes.join(" ");
+var state="whatever";
diff --git a/login.html b/login.html
index 6536fb8..085ad2d 100644
--- a/login.html
+++ b/login.html
@@ -4,6 +4,7 @@
         <title>OAuth2 Demo Login</title>
         <link rel="stylesheet" href="brutalist.css" />
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+        <script src="./infos.js"></script>
     </head>
     <body>
         <script>
@@ -64,10 +65,6 @@
             <pre id="refreshed-access-token" class="code">Nothing yet.</pre>
         </div>
         <script>
-         /* Client conf */
-         var client_id = "localtest";
-         var client_password = "localpass";
-         var req_scope="ctia iroh-collect";
          /* ----- */
          function getJsonFromUrl() {
              var query = location.search.substr(1);
@@ -117,7 +114,7 @@
              var tokparams={
                  "code":params.code
                  , "redirect_uri":"http://localhost:9999/login.html"
-                 , "scope":req_scope
+                 , "scope":scope
                  , "client_id":client_id
                  , "grant_type":"authorization_code"
              };
@@ -148,7 +145,7 @@
          var getAccessToken = function() {
              var tokparams={
                  "refresh_token":refreshToken
-                 , "scope":req_scope
+                 , "scope":scope
                  , "client_id":client_id
                  , "grant_type":"refresh_token"
              };
