docs: styling, concepts cleanup (#2643)

* Architecture Scenarios B2B B2C * b2b b2c * cleanup concepts * homepage links, b2c docs * b2c, new homepage, custom components * more content * fix rxjs * temp remove architecture scenarios * temp remove architecture scenarios * Update docs/src/pages/index.js Co-authored-by: Florian Forster <florian@caos.ch> * update docusaurus & review scenarios * refactor user login guide (#2921) * Update docs/docs/guides/architecture-scenarios/b2b.mdx Co-authored-by: Fabi <38692350+fgerschwiler@users.noreply.github.com> * Update docs/docs/guides/architecture-scenarios/b2b.mdx Co-authored-by: Fabi <38692350+fgerschwiler@users.noreply.github.com> * Update docs/docs/guides/architecture-scenarios/b2b.mdx Co-authored-by: Fabi <38692350+fgerschwiler@users.noreply.github.com> * Update docs/docs/guides/architecture-scenarios/b2b.mdx Co-authored-by: Fabi <38692350+fgerschwiler@users.noreply.github.com> * Update docs/docs/guides/architecture-scenarios/b2c.mdx Co-authored-by: Fabi <38692350+fgerschwiler@users.noreply.github.com> * Update docs/docs/guides/architecture-scenarios/b2c.mdx Co-authored-by: Fabi <38692350+fgerschwiler@users.noreply.github.com> * Update docs/docs/guides/architecture-scenarios/b2b.mdx Co-authored-by: mffap <mpa@caos.ch> * Update docs/docs/guides/architecture-scenarios/b2b.mdx Co-authored-by: mffap <mpa@caos.ch> * Update docs/docs/guides/architecture-scenarios/b2b.mdx Co-authored-by: mffap <mpa@caos.ch> * Update docs/docs/guides/architecture-scenarios/b2c.mdx Co-authored-by: mffap <mpa@caos.ch> * Update docs/docs/guides/architecture-scenarios/b2c.mdx Co-authored-by: mffap <mpa@caos.ch> * Update docs/docs/guides/architecture-scenarios/b2c.mdx Co-authored-by: Fabi <38692350+fgerschwiler@users.noreply.github.com> * user-login splitup * files * organize files * cleanup authmethods * solution scenarios * add link to authz * Update docs/docs/guides/authentication/authmethods/implicit.mdx Co-authored-by: Livio Amstutz <livio.a@gmail.com> * Update docs/docs/guides/authentication/authmethods/implicit.mdx Co-authored-by: Livio Amstutz <livio.a@gmail.com> * fix broken links * Update docs/docs/guides/solution-scenarios/b2c.mdx Co-authored-by: Florian Forster <florian@caos.ch> * c for consumer Co-authored-by: Florian Forster <florian@caos.ch> Co-authored-by: Fabi <38692350+fgerschwiler@users.noreply.github.com> Co-authored-by: mffap <mpa@caos.ch> Co-authored-by: Livio Amstutz <livio.a@gmail.com>
2025-12-27 00:06:28 +00:00 · 2022-01-11 20:48:13 +01:00
parent 41ec3321b0
commit 68827dfdcd
44 changed files with 1434 additions and 539 deletions
--- a/docs/src/css/custom.css
+++ b/docs/src/css/custom.css
@@ -58,6 +58,12 @@
  --apimgmtbackground: linear-gradient(40deg, #c6d7f3 30%, #c7c6e3);
  --apiadminbackground: linear-gradient(40deg, #c192c790, #c192c790);
  --apiassetbackground: linear-gradient(40deg, #e4eaf1, #eef2f9);
+  --overlaycolor: #6c90b420;
+  --ifm-hero-text-color: #ffffff;
+}
+
+.get-started {
+  border-radius: 50vw;
 }

 .apicard-right {
@@ -211,6 +217,12 @@ h2 {
  --apimgmtbackground: linear-gradient(40deg, #595d8090 30%, #595d8090);
  --apiadminbackground: linear-gradient(40deg, #6a506e90, #6a506e90);
  --apiassetbackground: linear-gradient(40deg, #3c4257, #3c4257);
+  --overlaycolor: #ffffff15;
+  --ifm-hero-text-color: #023c2a;
+}
+
+.get-started:hover {
+  color: #ffffff !important;
 }

 .menu li li a {
@@ -234,6 +246,8 @@ main .container img {
  padding: .5rem;
  margin-right: 1rem;
  border-radius: 50%;
+  width: 40px;
+  height: 40px;
 }

 .rounded svg {
@@ -262,12 +276,18 @@ main .container img {
 .rounded-privatelabel,
 .rounded-phone,
 .rounded-email,
+.rounded-storage,
 .rounded-service {
  background: linear-gradient(40deg, #3b82f6 30%, #4f46e5);
 }

+.rounded-split {
+  background: linear-gradient(40deg, #3b82f6, #4f46e5);
+}
+
 .rounded-texts,
-.rounded-help {
+.rounded-help,
+.rounded-architecture {
  background: linear-gradient(40deg, #dc2626 30%, #db2777);
 }

@@ -284,6 +304,10 @@ main .container img {
  padding: 0 var(--ifm-pre-padding);
 }

+.hero__title {
+  color: white;
+}
+
 .get-started {
  border: 2px solid var(--get-started);
  background-color: var(--get-started);
@@ -295,6 +319,10 @@ main .container img {
  color: var(--ifm-hero-text-color);
 }

+.docs-link {
+  margin-bottom: 2rem;
+}
+
 .docs-link a {
  text-decoration: none;
  color: inherit;
@@ -306,4 +334,51 @@ main .container img {

 .docs-link img {
  margin: 40px;
+}
+
+.b2borg,
+.b2bproject,
+.b2bapp,
+.b2buser {
+  border-radius: 1rem;
+  background: var(--overlaycolor);
+  padding: 1rem;
+}
+
+.b2buser {
+  margin-top: 1rem;
+}
+
+.b2borg span,
+.b2bproject span,
+.b2bapp span,
+.b2buser span {
+  margin-left: 1rem;
+  margin-bottom: 1rem;
+  display: block;
+}
+
+.flexrowbetween {
+  display: flex;
+  justify-content: space-around;
+  margin: 2rem 0;
+}
+
+.arrowright {
+  height: 2rem;
+  width: auto;
+  align-self: center;
+  min-width: 2rem;
+}
+
+.b2bprojectrole {
+  margin: 1rem 0 0 1rem !important;
+}
+
+.footer__link-item {
+  font-size: 14px;
+}
+
+.footer__link-item svg {
+  margin-left: .5rem;
 }
--- a/docs/src/css/list.module.css
+++ b/docs/src/css/list.module.css
@@ -31,11 +31,15 @@
  padding: .5rem 1rem .5rem .5rem;
 }

+.listlabel {
+  color: white;
+}
+
 .listWrapper {
  display: flex;
  flex-direction: column;
  background: var(--list-background);
-  border-radius: .5rem;
+  border-radius: 1rem;
  padding: 1rem;
 }

@@ -44,4 +48,18 @@
  font-size: 16px;
  margin-bottom: .5rem;
  display: block;
+}
+
+.homerow {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+}
+
+.homecontent {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  padding: 1rem 0;
 }