Account

index.html

@@ -115,6 +115,17 @@
             <section class="box">
                 <h2>Tools</h2>
                 <ul class="links">
+                    <li>
+                        <a href="https://auth.krzak.org" class="link auth-link">
+                            <strong>Unified Krzak.org account</strong>
+                            <span
+                                >Authentik
+                                <small class="experimental"
+                                    >experimental</small
+                                ></span
+                            >
+                        </a>
+                    </li>
                     <li>
                         <a href="https://mail.krzak.org" class="link">
                             <strong>Mail</strong>

styles.css

@@ -423,6 +423,17 @@ li.support-row a.button,
     text-decoration: underline;
 }
 
+.experimental {
+    display: inline-block;
+    font-size: 0.7em;
+    font-weight: 600;
+    letter-spacing: 0.05em;
+    text-transform: uppercase;
+    color: var(--accent-color);
+    vertical-align: middle;
+    margin-left: 4px;
+}
+
 .librecounter img {
     height: 44px;
     opacity: 0.9;