+
{
+ readPercentage = e.detail.percentage;
+ }}
+ >
+
+
+
+
From a8a5f5aab661e699bf2070025e9a7e1d37ce675a Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Wed, 8 Nov 2023 14:20:51 +0000
Subject: [PATCH 10/10] imrpove inline links
---
src/markdoc/nodes/Link.svelte | 8 ++++++--
src/markdoc/tags/Arrow_Link.svelte | 15 +++++++++++++++
src/markdoc/tags/Icon.svelte | 16 ++++++++--------
src/markdoc/tags/_Module.svelte | 1 +
.../advanced/self-hosting/debug/+page.markdoc | 4 +++-
.../self-hosting/production/+page.markdoc | 12 +++++++++---
.../advanced/self-hosting/storage/+page.markdoc | 4 +++-
src/routes/docs/products/auth/+page.markdoc | 4 +++-
.../docs/products/auth/accounts/+page.markdoc | 5 ++++-
.../docs/products/auth/anonymous/+page.markdoc | 16 ++++++++++++----
.../docs/products/auth/labels/+page.markdoc | 4 +++-
.../docs/products/auth/teams/+page.markdoc | 4 +++-
.../docs/products/auth/users/+page.markdoc | 4 +++-
src/routes/docs/products/databases/+page.markdoc | 4 +++-
src/routes/docs/products/functions/+page.markdoc | 4 +++-
src/routes/docs/products/storage/+page.markdoc | 4 +++-
src/routes/docs/sdks/+page.markdoc | 12 +++++++++---
src/scss/6-elements/_link.scss | 1 -
18 files changed, 91 insertions(+), 31 deletions(-)
create mode 100644 src/markdoc/tags/Arrow_Link.svelte
diff --git a/src/markdoc/nodes/Link.svelte b/src/markdoc/nodes/Link.svelte
index a33585e030..feb7f9a1f7 100644
--- a/src/markdoc/nodes/Link.svelte
+++ b/src/markdoc/nodes/Link.svelte
@@ -11,6 +11,10 @@
const isDocs = getContext('isDocs') ?? false;
-, )` role.
| Unverified user | `Role.user(, 'unverified')` |
+{% arrow_link href="/docs/advanced/platform/permissions" %}
+Learn more about permissions
+{% /arrow_link %}
+
-[Learn more about permissions {% icon icon="cheveron-right" /%}](/docs/advanced/platform/permissions)
diff --git a/src/routes/docs/products/auth/anonymous/+page.markdoc b/src/routes/docs/products/auth/anonymous/+page.markdoc
index f58a652018..4596d6bf5d 100644
--- a/src/routes/docs/products/auth/anonymous/+page.markdoc
+++ b/src/routes/docs/products/auth/anonymous/+page.markdoc
@@ -82,10 +82,18 @@ Anonymous users cannot sign back in. If the session expires, they move to anothe
Create an account with any of these methods to transition from an anonymous session to a user account session.
-[Email and password {% icon icon="cheveron-right" /%}](/docs/products/auth/email-password)
+{% arrow_link href="/docs/products/auth/email-password" %}
+Email and password
+{% /arrow_link %}
-[Phone (SMS) {% icon icon="cheveron-right" /%}](/docs/products/auth/phone-sms)
+{% arrow_link href="/docs/products/auth/phone-sms" %}
+Phone (SMS)
+{% /arrow_link %}
-[Magic URL {% icon icon="cheveron-right" /%}](/docs/products/auth/magic-url)
+{% arrow_link href="/docs/products/auth/magic-url" %}
+Magic URL
+{% /arrow_link %}
-[OAuth2 {% icon icon="cheveron-right" /%}](/docs/products/auth/oauth2)
+{% arrow_link href="/docs/products/auth/oauth2" %}
+OAuth2
+{% /arrow_link %}
diff --git a/src/routes/docs/products/auth/labels/+page.markdoc b/src/routes/docs/products/auth/labels/+page.markdoc
index a93eb45f33..ad0bb40811 100644
--- a/src/routes/docs/products/auth/labels/+page.markdoc
+++ b/src/routes/docs/products/auth/labels/+page.markdoc
@@ -183,4 +183,6 @@ This would correspond with the permissions below.
| Delete | `Permissions.delete(Role.label('subscriber'))` |
| Create | `Permissions.create(Role.label('subscriber'))` |
-[Learn more about permissions {% icon icon="cheveron-right" /%}](/docs/advanced/platform/permissions)
\ No newline at end of file
+{% arrow_link href="/docs/advanced/platform/permissions" %}
+Learn more about permissions
+{% /arrow_link %}
\ No newline at end of file
diff --git a/src/routes/docs/products/auth/teams/+page.markdoc b/src/routes/docs/products/auth/teams/+page.markdoc
index 3326326a98..fc0c9f7d89 100644
--- a/src/routes/docs/products/auth/teams/+page.markdoc
+++ b/src/routes/docs/products/auth/teams/+page.markdoc
@@ -198,4 +198,6 @@ individual roles in the team using the `Role.team(, [,
| Select roles | `Role.team(, [, , ...])`|
-[Learn more about permissions {% icon icon="cheveron-right" /%}](/docs/advanced/platform/permissions)
\ No newline at end of file
+{% arrow_link href="/docs/advanced/platform/permissions" %}
+Learn more about permissions
+{% /arrow_link %}
\ No newline at end of file
diff --git a/src/routes/docs/products/auth/users/+page.markdoc b/src/routes/docs/products/auth/users/+page.markdoc
index 726ca1e5fc..c71865219c 100644
--- a/src/routes/docs/products/auth/users/+page.markdoc
+++ b/src/routes/docs/products/auth/users/+page.markdoc
@@ -12,4 +12,6 @@ If you need to act on behalf of users through an Appwrite Function or your own b
The users API can be used to create users, import users, update user info, get user audit logs, and remove users.
-[Learn more in the Users API references {% icon icon="cheveron-right" /%}](/docs/references/cloud/server-nodejs/users)
+{% arrow_link href="/docs/references/cloud/server-nodejs/users" %}
+Learn more in the Users API references
+{% /arrow_link %}
diff --git a/src/routes/docs/products/databases/+page.markdoc b/src/routes/docs/products/databases/+page.markdoc
index 082fb5f89c..9f8b4580ae 100644
--- a/src/routes/docs/products/databases/+page.markdoc
+++ b/src/routes/docs/products/databases/+page.markdoc
@@ -14,4 +14,6 @@ Databases store data, if you need to store files like images, PDFs or videos, us
You can organize data into databases, collections, and documents. You can also paginate, order, and query documents.
For complex business logic, Appwrite supports relationships to help you model your data.
-[Quick start {% icon icon="cheveron-right" /%}](/docs/products/databases/quick-start)
\ No newline at end of file
+{% arrow_link href="/docs/products/databases/quick-start" %}
+Quick start
+{% /arrow_link %}
\ No newline at end of file
diff --git a/src/routes/docs/products/functions/+page.markdoc b/src/routes/docs/products/functions/+page.markdoc
index 19f0ca79a0..7525311281 100644
--- a/src/routes/docs/products/functions/+page.markdoc
+++ b/src/routes/docs/products/functions/+page.markdoc
@@ -21,4 +21,6 @@ Start exploring by cloning one of the quick start templates or using a template
{% /only_light %}
-[Quick start {% icon icon="cheveron-right" /%}](/docs/products/functions/quick-start)
\ No newline at end of file
+{% arrow_link href="/docs/products/functions/quick-start" %}
+Quick start
+{% /arrow_link %}
\ No newline at end of file
diff --git a/src/routes/docs/products/storage/+page.markdoc b/src/routes/docs/products/storage/+page.markdoc
index 0f12cdfb67..0ff4f1ca59 100644
--- a/src/routes/docs/products/storage/+page.markdoc
+++ b/src/routes/docs/products/storage/+page.markdoc
@@ -15,4 +15,6 @@ Appwrite Storage stores files like images, PDFs or videos. If you need to store
# Get started {% #get-started %}
Get started with Appwrite Storage. Learn to setup up a bucket, upload, and download your first file.
-[Quick start {% icon icon="cheveron-right" /%}](/docs/products/storage/quick-start)
\ No newline at end of file
+{% arrow_link href="/docs/products/storage/quick-start" %}
+Quick start
+{% /arrow_link %}
\ No newline at end of file
diff --git a/src/routes/docs/sdks/+page.markdoc b/src/routes/docs/sdks/+page.markdoc
index dd3ae43ed9..aefa5a417e 100644
--- a/src/routes/docs/sdks/+page.markdoc
+++ b/src/routes/docs/sdks/+page.markdoc
@@ -115,11 +115,17 @@ We are always looking to add new SDKs to our platform. If the SDK you are lookin
Appwrite supports multiple API protocols for maximum flexibility and developer convenience. You can learn more about how to integrate directly with them using one of the following available guides:
-[Integrate with the Appwrite Realtime API {% icon icon="cheveron-right" /%}](/docs/apis/realtime)
+{% arrow_link href="/docs/apis/realtime" %}
+Integrate with the Appwrite Realtime API
+{% /arrow_link %}
-[Integrate with the Appwrite REST API {% icon icon="cheveron-right" /%}](/docs/apis/rest)
+{% arrow_link href="/docs/apis/rest" %}
+Integrate with the Appwrite REST API
+{% /arrow_link %}
-[Integrate with the Appwrite GraphQL API {% icon icon="cheveron-right" /%}](/docs/apis/graphql)
+{% arrow_link href="/docs/apis/graphql" %}
+Integrate with the Appwrite GraphQL API
+{% /arrow_link %}
# Community {% #community %}
If you have created your own framework or any other technology specific integration and would like us to list it here please [contact us](/contact-us).
diff --git a/src/scss/6-elements/_link.scss b/src/scss/6-elements/_link.scss
index c939549e15..441e269f0d 100644
--- a/src/scss/6-elements/_link.scss
+++ b/src/scss/6-elements/_link.scss
@@ -32,7 +32,6 @@
}
&.is-inline {
- font-weight: 500;
text-decoration: underline;
}
}
@@ -213,3 +222,16 @@