diff --git a/docs/docs/legal/introduction.md b/docs/docs/legal/introduction.md
deleted file mode 100644
index f503cd4af1..0000000000
--- a/docs/docs/legal/introduction.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-title: Overview
----
-This section contains important agreements, policies and appendices relevant for users of our websites and services.
-
-All documents will be provided in English language.
diff --git a/docs/docs/legal/introduction.mdx b/docs/docs/legal/introduction.mdx
new file mode 100644
index 0000000000..3af448d1b1
--- /dev/null
+++ b/docs/docs/legal/introduction.mdx
@@ -0,0 +1,27 @@
+---
+title: Overview
+---
+
+import {ListElement, ListWrapper, ICONTYPE} from '../../src/components/list';
+import Column from '../../src/components/column';
+
+This section contains important agreements, policies and appendices relevant for users of our websites and services.
+
+All documents will be provided in English language.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/docs/docs/manuals/introduction.md b/docs/docs/manuals/introduction.md
deleted file mode 100644
index 3198759d9a..0000000000
--- a/docs/docs/manuals/introduction.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-title: Introduction
----
-
-In this section we provide manuals for different user profiles.
\ No newline at end of file
diff --git a/docs/docs/manuals/introduction.mdx b/docs/docs/manuals/introduction.mdx
new file mode 100644
index 0000000000..9a17420ba9
--- /dev/null
+++ b/docs/docs/manuals/introduction.mdx
@@ -0,0 +1,25 @@
+---
+title: Overview
+---
+
+import {ListElement, ListWrapper, ICONTYPE} from '../../src/components/list';
+import Column from '../../src/components/column';
+
+In this section we provide manuals for different user profiles.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/docs/src/components/list.jsx b/docs/src/components/list.jsx
index 1b268cd13b..ebd98d22b4 100644
--- a/docs/src/components/list.jsx
+++ b/docs/src/components/list.jsx
@@ -15,12 +15,47 @@ export const ICONTYPE = {
TEXTS:
,
+ POLICY:
+
+
,
+ SERVICE:
+
+
,
SYSTEM:
,
APIS:
-
-
+
+ ,
+ HELP:
+
+
,
+ HELP_REGISTER:
+
+
,
+ HELP_LOGIN:
+
+
,
+ HELP_PASSWORDLESS:
+
+
,
+ HELP_PASSWORD: ,
+ HELP_FACTORS:
+
+
,
+ HELP_PHONE:
+
+
,
+ HELP_EMAIL:
+
+
,
+ HELP_SOCIAL:
+
+
,
};
export function ListElement({ link, iconClasses, type, title, description}) {
@@ -37,7 +72,7 @@ export function ListElement({ link, iconClasses, type, title, description}) {
)
}
-export function ListWrapper({children, title}) {
+export function ListWrapper({children, title, columns}) {
return (
{title}
diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css
index dee4895a06..f9313a93a1 100644
--- a/docs/src/css/custom.css
+++ b/docs/src/css/custom.css
@@ -223,6 +223,12 @@ main .container img {
border-radius: 50%;
}
+.rounded svg {
+ fill: white;
+ height: 1.5rem;
+ width: 1.5rem;
+}
+
.rounded i {
color: white;
}
@@ -231,19 +237,30 @@ main .container img {
background: linear-gradient(40deg, #059669 30%, #047857);
}
-.rounded-login {
+.rounded-password {
+ background: linear-gradient(40deg, #f59e0b 30%, #b45309);
+}
+
+.rounded-login,
+.rounded-register {
background: linear-gradient(40deg, #059669 30%, #047857);
}
-.rounded-privatelabel {
+.rounded-privatelabel,
+.rounded-phone,
+.rounded-email,
+.rounded-service {
background: linear-gradient(40deg, #3b82f6 30%, #4f46e5);
}
-.rounded-texts {
+.rounded-texts,
+.rounded-help {
background: linear-gradient(40deg, #dc2626 30%, #db2777);
}
-.rounded-system, .rounded-apis {
+.rounded-system,
+.rounded-apis,
+.rounded-policy {
background: linear-gradient(40deg, #1f2937, #111827);
}