From 4ff14c5e7eea72a9d253d160ef92cfe5faf07a2a Mon Sep 17 00:00:00 2001 From: tglide <26071571+TGlide@users.noreply.github.com> Date: Mon, 23 Oct 2023 16:37:10 +0100 Subject: [PATCH 1/5] adjust docs homepage hero --- src/routes/docs/+page.svelte | 23 +++++--- static/images/bgs/docs-blur-1.svg | 94 ++++++++++++++----------------- 2 files changed, 58 insertions(+), 59 deletions(-) diff --git a/src/routes/docs/+page.svelte b/src/routes/docs/+page.svelte index acff5c4bb4..897fa4d987 100644 --- a/src/routes/docs/+page.svelte +++ b/src/routes/docs/+page.svelte @@ -80,9 +80,6 @@ -
- -
+
+ +
+

- Learn how to build like a team of hundreds + Learn how to build like a team of hundreds_ +

- Appwrite is a backend development platform built by hundreds of open-source - developers, where you can build any application at any scale using the coding - languages and tools you want. + Appwrite helps you build secure and scalable apps, faster. Leverage Appwrite's + powerful APIs to stop fighting technologies and start delivering value.

@@ -428,3 +430,10 @@
+ + diff --git a/static/images/bgs/docs-blur-1.svg b/static/images/bgs/docs-blur-1.svg index 2016b70d84..ef1c645282 100644 --- a/static/images/bgs/docs-blur-1.svg +++ b/static/images/bgs/docs-blur-1.svg @@ -1,52 +1,42 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + From c6b0920885e05dcda0a7209e0369786811b4e67d Mon Sep 17 00:00:00 2001 From: tglide <26071571+TGlide@users.noreply.github.com> Date: Mon, 23 Oct 2023 17:50:52 +0100 Subject: [PATCH 2/5] tech section --- src/lib/layouts/Docs.svelte | 2 +- src/routes/docs/+page.svelte | 91 ++++++++++++++----- .../abstract/mixins/_border-gradient.scss | 31 ++++++- 3 files changed, 101 insertions(+), 23 deletions(-) diff --git a/src/lib/layouts/Docs.svelte b/src/lib/layouts/Docs.svelte index db51348f34..6285cd718b 100644 --- a/src/lib/layouts/Docs.svelte +++ b/src/lib/layouts/Docs.svelte @@ -65,7 +65,7 @@ class:is-open={$layoutState.showSidenav} style:--container-size={variant === 'default' ? 'var(--container-size-large)' : undefined} > -
+
-
- - - -
-
@@ -139,17 +120,31 @@ powerful APIs to stop fighting technologies and start delivering value.

-
+

Get started with your technologies

- Follow a quick start guide on your web, mobile, and native frameworks. + Start building with your preferred web, mobile, and native frameworks by following a + quick start guide.

Explore all technologies + +
+ + + +
+

Show me some code

@@ -432,8 +427,62 @@ diff --git a/src/scss/abstract/mixins/_border-gradient.scss b/src/scss/abstract/mixins/_border-gradient.scss index 2a33348a69..6f7793082c 100644 --- a/src/scss/abstract/mixins/_border-gradient.scss +++ b/src/scss/abstract/mixins/_border-gradient.scss @@ -23,4 +23,33 @@ @include border-gradient-inner; background: var(--m-border-gradient-after) border-box; } -} \ No newline at end of file +} + + +@mixin border-block-gradient-inner { + content: ''; + position: absolute; + inset: 0; + border-radius: var(--m-border-radius); + border-block: var(--m-border-size, 1px) solid transparent; + -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); + -webkit-mask-composite: destination-out; + mask-composite: exclude; + pointer-events: none; +} + +@mixin border-block-gradient { + position: relative; + border-radius: var(--m-border-radius); + + &::before { + @include border-block-gradient-inner; + background: var(--m-border-gradient-before) border-box; + } + + &::after { + @include border-block-gradient-inner; + background: var(--m-border-gradient-after) border-box; + } +} + From fc0795727999cc2479d220d7280cbd4e2c19390a Mon Sep 17 00:00:00 2001 From: tglide <26071571+TGlide@users.noreply.github.com> Date: Tue, 24 Oct 2023 14:01:55 +0100 Subject: [PATCH 3/5] fix spline sizing --- src/lib/components/Spline.svelte | 10 +++++++++- src/routes/docs/+page.svelte | 8 ++++---- 2 files changed, 13 insertions(+), 5 deletions(-) diff --git a/src/lib/components/Spline.svelte b/src/lib/components/Spline.svelte index e02d967ec7..82d290bac7 100644 --- a/src/lib/components/Spline.svelte +++ b/src/lib/components/Spline.svelte @@ -16,7 +16,15 @@ onMount(async () => { await import('@splinetool/viewer'); const onLoad = () => { - spline.shadowRoot?.querySelector('#logo')?.remove(); // Remove Spline logo + const shadowRoot = spline.shadowRoot; + if (shadowRoot) { + shadowRoot.querySelector('#logo')?.remove(); // Remove Spline logo + const canvas = shadowRoot.getElementById('spline'); + if (canvas) { + canvas.style.width = '100%'; + canvas.style.height = '100%'; + } + } setTimeout(() => { loaded.set(true); diff --git a/src/routes/docs/+page.svelte b/src/routes/docs/+page.svelte index a0b9dc4791..11939f2e3d 100644 --- a/src/routes/docs/+page.svelte +++ b/src/routes/docs/+page.svelte @@ -134,11 +134,11 @@
- + @@ -464,7 +464,7 @@ z-index: 10; .spline-wrapper { - --p-size: 660px; + --p-size: 700px; inline-size: var(--p-size); block-size: var(--p-size); inset-block-start: -2.5rem; From 99fada33c6a2c13b248434d0fc75e166f6f23125 Mon Sep 17 00:00:00 2001 From: tglide <26071571+TGlide@users.noreply.github.com> Date: Tue, 24 Oct 2023 14:02:08 +0100 Subject: [PATCH 4/5] positioning --- src/routes/docs/+page.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/routes/docs/+page.svelte b/src/routes/docs/+page.svelte index 11939f2e3d..2a5bd5a05c 100644 --- a/src/routes/docs/+page.svelte +++ b/src/routes/docs/+page.svelte @@ -467,7 +467,7 @@ --p-size: 700px; inline-size: var(--p-size); block-size: var(--p-size); - inset-block-start: -2.5rem; + inset-block-start: -3rem; z-index: -1; left: calc(50% - 384px + 600px); } From c8c093ff79d365d3f8bf6d9d610ab93fa0266df4 Mon Sep 17 00:00:00 2001 From: tglide <26071571+TGlide@users.noreply.github.com> Date: Tue, 31 Oct 2023 17:46:03 +0000 Subject: [PATCH 5/5] is references --- src/lib/layouts/Docs.svelte | 8 +- src/routes/docs/references/+layout.svelte | 184 +++++++++++----------- 2 files changed, 98 insertions(+), 94 deletions(-) diff --git a/src/lib/layouts/Docs.svelte b/src/lib/layouts/Docs.svelte index 6285cd718b..49ba1bcb9b 100644 --- a/src/lib/layouts/Docs.svelte +++ b/src/lib/layouts/Docs.svelte @@ -38,6 +38,7 @@ import { isMac } from '$lib/utils/platform'; export let variant: DocsLayoutVariant = 'default'; + export let isReferences = false; const variantClasses: Record = { default: 'aw-grid-side-nav aw-container u-padding-inline-0', @@ -65,7 +66,7 @@ class:is-open={$layoutState.showSidenav} style:--container-size={variant === 'default' ? 'var(--container-size-large)' : undefined} > -
+
-
+
diff --git a/src/routes/docs/references/+layout.svelte b/src/routes/docs/references/+layout.svelte index 3c13a1f3ae..965ffd6917 100644 --- a/src/routes/docs/references/+layout.svelte +++ b/src/routes/docs/references/+layout.svelte @@ -1,102 +1,102 @@ - - - + + +