From e42fb0816db2766996a84607a588d3a75d678abb Mon Sep 17 00:00:00 2001
From: Son NK <>
Date: Tue, 6 Apr 2021 18:12:06 +0200
Subject: [PATCH] Improve SIWSL wording

---
 .../developer/client_details/basic_info.html  |  9 +---
 app/developer/templates/developer/index.html  | 41 ++++++++++++++-----
 .../templates/developer/new_client.html       |  4 +-
 templates/menu.html                           |  2 +-
 4 files changed, 35 insertions(+), 21 deletions(-)

diff --git a/app/developer/templates/developer/client_details/basic_info.html b/app/developer/templates/developer/client_details/basic_info.html
index e3d2fa38..c9c64ea2 100644
--- a/app/developer/templates/developer/client_details/basic_info.html
+++ b/app/developer/templates/developer/client_details/basic_info.html
@@ -10,14 +10,7 @@
         Please head to our
         <a href="http://docs.simplelogin.io" target="_blank" rel="noopener">
         documentation <i class="fe fe-external-link"></i></a>
-        to see how to add SimpleLogin into your website/application.
-      </p>
-      <p>
-        <strong>And if you already know about OAuth</strong>, do not forget to set your OAuth <em>Redirect URI</em>
-        before your app is deployed on production. You can add the <em>Redirect URI</em>
-        in the <b>OAuth Settings</b> section on the right 👉
-
-        SimpleLogin OAuth endpoints can be found in <b>OAuth endpoints</b> section, always on the right 👉
+        to see how to add SIWSL into your website/app.
       </p>
 
       <button type="button" class="close" data-dismiss="alert" aria-label="Close">
diff --git a/app/developer/templates/developer/index.html b/app/developer/templates/developer/index.html
index c030abd7..b205a952 100644
--- a/app/developer/templates/developer/index.html
+++ b/app/developer/templates/developer/index.html
@@ -3,21 +3,42 @@
 {% set active_page = "developer" %}
 
 {% block title %}
-  Developer
+  Sign in with SimpleLogin
 {% endblock %}
 
 {% block default_content %}
-  {% if not clients %}
-    <div class="alert alert-primary" role="alert">
-      <strong>If you have a website or a mobile application and want to add SimpleLogin to it, this page is for
-        you!</strong>
-      <p>Have a look at our extensive doc to have an idea 👉
-        <a href="https://docs.simplelogin.io" target="_blank" rel="noopener">Docs <i class="fe fe-external-link"></i>
+  <div class="row">
+    <div class="col">
+      <h1 class="h3">Sign in with SimpleLogin (SIWSL)
+        <a class="ml-3 text-info" style="font-size: 12px" data-toggle="collapse" href="#howtouse" role="button"
+           aria-expanded="false" aria-controls="collapseExample">
+          How to use <i class="fe fe-chevrons-down"></i>
         </a>
-      </p>
-      <p>Create your first SimpleLogin App here 👇</p>
+      </h1>
+
+      <div class="alert alert-primary collapse {% if not clients %} show {% endif %}" id="howtouse" role="alert">
+        If you have a website or a mobile app and want to integrate SIWSL,
+        this page is for you.
+        <br><br>
+
+        If you are using a CMS or any system that supports plugin, you can install the OpenID Connect plugin and point
+        it to SimpleLogin OpenID Configuration endpoint 👇
+
+        <div class="input-group mt-2">
+          <input type="text" disabled value="{{ URL + "/.well-known/openid-configuration" }}" class="form-control">
+          <span class="input-group-append">
+            <button
+                data-clipboard-text="{{ URL + "/.well-known/openid-configuration" }}"
+                class="clipboard btn btn-primary" type="button">
+              <i class="fe fe-clipboard"></i>
+            </button>
+          </span>
+        </div>
+
+      </div>
+
     </div>
-  {% endif %}
+  </div>
 
   <div class="row">
     <div class="col">
diff --git a/app/developer/templates/developer/new_client.html b/app/developer/templates/developer/new_client.html
index bfe70952..cd644eb5 100644
--- a/app/developer/templates/developer/new_client.html
+++ b/app/developer/templates/developer/new_client.html
@@ -17,9 +17,9 @@
         {{ form.csrf_token }}
 
         <div class="form-group">
-          <label class="form-label">Display Name</label>
+          <label class="form-label">Name</label>
           {{ form.name(class="form-control",
-      placeholder="Usually your product name, e.g. my-super-app.com") }}
+      placeholder="Your app/website name, e.g. my-super-app.com") }}
           {{ render_field_errors(form.name) }}
         </div>
 
diff --git a/templates/menu.html b/templates/menu.html
index d9fb8d1e..b6233829 100644
--- a/templates/menu.html
+++ b/templates/menu.html
@@ -42,7 +42,7 @@
     <a href="{{ url_for('developer.index') }}"
        class="nav-link {{ 'active' if active_page == 'developer' }}">
       <i class="fe fe-terminal"></i>
-      Developer
+      SIWSL
     </a>
   </li>