implementatiion updates

content/implementations/_index.md

@@ -5,19 +5,19 @@ color : blue-1
 ---
 
 {{< grid >}}
-{{< implementation type="server client" devs="IndieHosters" link="https://indiehosters.net/">}}
+{{< implementation type="server client">}}
 #### Keycloak
 {{< /implementation >}}
 
-{{< implementation type="server" devs="Greenhost" link="https://indiehosters.net/">}}
+{{< implementation type="server" devs="Greenhost">}}
 #### Stackspin
 {{< /implementation >}}
 
-{{< implementation type="client" devs="IndieHosters" link="https://indiehosters.net/">}}
+{{< implementation type="client" devs="IndieHosters">}}
 #### Element
 {{< /implementation >}}
 
-{{< implementation type="client" devs="IndieHosters" link="https://indiehosters.net/">}}
+{{< implementation type="client" devs="IndieHosters" link="https://scim2-cli.readthedocs.io/en/latest/#">}}
 #### Cli
 {{< /implementation >}}
 {{< /grid >}}

themes/Indiiie/layouts/shortcodes/implementation.html

@@ -6,7 +6,7 @@
     <p>
     {{ $types := split (.Get "type") " " }}
         {{ range $types }}
-            <span class="type {{ . }}">{{ . }}</span>
+            <span class="type {{ . }} marked-color">{{ . }}</span>
         {{ end }}
     </p>
     {{ end }}
@@ -19,6 +19,8 @@
     <div class="flex">
     {{ if .Get "link" }}
         <a class="btn lv1" target="_blank" href="{{ .Get "link" }}">specs ↗</a>
+    {{ else }}
+        <p class="btn draft marked-color"><em>à venir...</em></p>
     {{ end }}
     </div>
 </div>

themes/Indiiie/static/css/style.css

@@ -135,6 +135,10 @@ mark{
     color: inherit;
 }
 
+.marked-color{
+    color: var(--marked-color);
+}
+
 mark strong{
     font-weight: 1000;
     color: var(--marked-color);
@@ -563,6 +567,10 @@ g.word{
     top: 1em;
 }
 
+.implementation .draft{
+    margin-left: -1em;
+}
+
 /* ACTIVABLE TRIGGERS */
 /* Switch-boxes */
 #switch-box-trigger{
@@ -591,19 +599,16 @@ g.word{
     font-size: .75em;
 }
 .server{
-    color: var(--blue-2);
     --marked-color: var(--blue-2);
     --marked-color-dark:var(--blue-2-dark);
 }
 
 .client{
-    color: var(--yellow);
     --marked-color: var(--yellow);
     --marked-color-dark:var(--yellow-dark);
 }
 
 .server.client{
-    color: var(--blue-1);
     --marked-color: var(--blue-1);
     --marked-color-dark:var(--blue-1-dark);
 }