Improve SIWSL wording

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.
+        to see how to add SIWSL into your website/app.
-      </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 👉
       </p>
 
       <button type="button" class="close" data-dismiss="alert" aria-label="Close">

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="row">
-    <div class="alert alert-primary" role="alert">
+    <div class="col">
-      <strong>If you have a website or a mobile application and want to add SimpleLogin to it, this page is for
+      <h1 class="h3">Sign in with SimpleLogin (SIWSL)
-        you!</strong>
+        <a class="ml-3 text-info" style="font-size: 12px" data-toggle="collapse" href="#howtouse" role="button"
-      <p>Have a look at our extensive doc to have an idea 👉
+           aria-expanded="false" aria-controls="collapseExample">
-        <a href="https://docs.simplelogin.io" target="_blank" rel="noopener">Docs <i class="fe fe-external-link"></i>
+          How to use <i class="fe fe-chevrons-down"></i>
         </a>
-      </p>
+      </h1>
-      <p>Create your first SimpleLogin App here 👇</p>
+
+      <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>
   </div>
-  {% endif %}
 
   <div class="row">
     <div class="col">

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>
 

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>