-
{#each tabs as tab}
-
- +
- diff --git a/src/lib/animations/CodeWindow/CodeWindow.svelte b/src/lib/animations/CodeWindow/CodeWindow.svelte index 3ce7580c1..38b600753 100644 --- a/src/lib/animations/CodeWindow/CodeWindow.svelte +++ b/src/lib/animations/CodeWindow/CodeWindow.svelte @@ -27,7 +27,7 @@ display: flex; flex-direction: column; - background-color: hsl(var(--aw-color-card)); + background-color: hsl(var(--web-color-card)); border-radius: var(--p-radius); --m-border-radius: var(--p-radius); --m-border-gradient-before: linear-gradient( diff --git a/src/lib/animations/OpenSource.svelte b/src/lib/animations/OpenSource.svelte index c65cb2020..6f5224c4a 100644 --- a/src/lib/animations/OpenSource.svelte +++ b/src/lib/animations/OpenSource.svelte @@ -140,11 +140,11 @@
{
+ on:web-scroll={({ detail }) => {
const { percentage } = detail;
scrollHandler(percentage);
}}
- on:aw-resize={({ detail }) => {
+ on:web-resize={({ detail }) => {
scrollHandler.reset();
const { percentage } = detail;
@@ -152,84 +152,84 @@
}}
>
-
@@ -265,8 +265,8 @@
&::after {
background: linear-gradient(
to top,
- hsl(var(--aw-color-background)) 0%,
- hsl(var(--aw-color-background) / 0) 5%
+ hsl(var(--web-color-background)) 0%,
+ hsl(var(--web-color-background) / 0) 5%
);
position: absolute;
inset: 0;
diff --git a/src/lib/animations/Products/AnimatedBox.svelte b/src/lib/animations/Products/AnimatedBox.svelte
index 90826fc57..0a4bb72f1 100644
--- a/src/lib/animations/Products/AnimatedBox.svelte
+++ b/src/lib/animations/Products/AnimatedBox.svelte
@@ -23,7 +23,7 @@
rgba(255, 255, 255, 0) 125.11%
);
border-radius: var(--m-border-radius);
- background: hsl(var(--aw-color-card));
+ background: hsl(var(--web-color-card));
backdrop-filter: blur(8px);
padding: 0.5rem;
diff --git a/src/lib/animations/Products/Products.svelte b/src/lib/animations/Products/Products.svelte
index c235c0e79..4aed3e428 100644
--- a/src/lib/animations/Products/Products.svelte
+++ b/src/lib/animations/Products/Products.svelte
@@ -193,7 +193,7 @@
Powered by Open Source
+Powered by Open Source
{
+ on:web-scroll={({ detail }) => {
scrollInfo = detail;
}}
>
@@ -208,18 +208,18 @@
in:fly={{ duration: 250, delay: 250, y: -300 }}
>
{#if scrollInfo.percentage > -0.1}
- Products_
Your backend, minus the hassle
- {copy.title} + {copy.title} {#if isActive}
-
{copy.subtitle}
+{copy.subtitle}
{copy.description}
@@ -458,7 +458,7 @@ &[data-active] { h3 { - color: hsl(var(--aw-color-primary)); + color: hsl(var(--web-color-primary)); margin-block-end: 0.75rem; } } @@ -469,13 +469,13 @@ align-items: center; gap: 0.75rem; - .aw-label { + .web-label { margin-block-start: 0.25rem; } } h4 { - color: hsl(var(--aw-color-primary)); + color: hsl(var(--web-color-primary)); } p { @@ -591,7 +591,7 @@ } :global(.header) { - border-bottom: 1px solid hsl(var(--aw-color-greyscale-700)); + border-bottom: 1px solid hsl(var(--web-color-greyscale-700)); color: var(--greyscale-400, #adadb1); text-transform: uppercase; @@ -611,8 +611,8 @@ } :global(.avatar) { - background-color: hsl(var(--aw-color-greyscale-700)); - border-color: hsl(var(--aw-color-greyscale-700)); + background-color: hsl(var(--web-color-greyscale-700)); + border-color: hsl(var(--web-color-greyscale-700)); } :global(.truncated) { diff --git a/src/lib/animations/Products/ProductsMobile.svelte b/src/lib/animations/Products/ProductsMobile.svelte index e642689cb..31bcc0f42 100644 --- a/src/lib/animations/Products/ProductsMobile.svelte +++ b/src/lib/animations/Products/ProductsMobile.svelte @@ -5,13 +5,13 @@
- Products_
+ Products_
-
+
-
diff --git a/src/lib/animations/Products/auth/box.svelte b/src/lib/animations/Products/auth/box.svelte
index 73885d25e..ca307e9ba 100644
--- a/src/lib/animations/Products/auth/box.svelte
+++ b/src/lib/animations/Products/auth/box.svelte
@@ -44,8 +44,8 @@
+
Your backend, minus the hassle
-
+
Build secure and scalable applications with less code. Add authentication, databases, storage, and more using Appwrite's development platform.
@@ -25,10 +25,10 @@
- {info.title}
+ {info.title}
- {info.subtitle}
+{info.subtitle}
{info.description}
@@ -109,13 +109,13 @@ align-items: center; gap: 0.75rem; - .aw-label { + .web-label { margin-block-start: 0.25rem; } } h4 { - color: hsl(var(--aw-color-primary)); + color: hsl(var(--web-color-primary)); margin-block-start: 0.75rem; } @@ -159,7 +159,7 @@ } hr { - border: 1px solid hsl(var(--aw-color-smooth)); + border: 1px solid hsl(var(--web-color-smooth)); margin-inline: calc(var(--padding-inline) * -1); } } diff --git a/src/lib/animations/Products/TaskCheckbox.svelte b/src/lib/animations/Products/TaskCheckbox.svelte index 22560340e..29c6c1163 100644 --- a/src/lib/animations/Products/TaskCheckbox.svelte +++ b/src/lib/animations/Products/TaskCheckbox.svelte @@ -22,7 +22,7 @@
- Name
- Identifier
+ Name
+ Identifier
{#each authData as user (user.id)}
{
- return `aw-icon-${provider.toLowerCase()}`;
+ return `web-icon-${provider.toLowerCase()}`;
};
@@ -39,7 +39,7 @@
> :nth-child(2) {
margin-left: 0.75rem;
- color: hsl(var(--aw-color-white));
+ color: hsl(var(--web-color-white));
font-family: Inter;
font-size: 0.875rem;
@@ -66,7 +66,7 @@
font-size: var(--size);
width: var(--size);
height: var(--size);
- color: hsl(var(--aw-color-greayscale-50));
+ color: hsl(var(--web-color-greayscale-50));
position: relative;
diff --git a/src/lib/animations/Products/auth/phone.svelte b/src/lib/animations/Products/auth/phone.svelte
index e8446c2c8..cc075dc1b 100644
--- a/src/lib/animations/Products/auth/phone.svelte
+++ b/src/lib/animations/Products/auth/phone.svelte
@@ -38,7 +38,7 @@
{#each objectKeys($state.controls).filter((p) => $state.controls[p]) as provider (provider)}
@@ -151,7 +151,7 @@
font-weight: 400;
line-height: 1.25rem; /* 166.667% */
letter-spacing: -0.0105rem;
- color: hsl(var(--aw-color-greyscale-500));
+ color: hsl(var(--web-color-greyscale-500));
margin-block-start: 0.75rem;
@@ -160,7 +160,7 @@
content: '';
height: 1px;
flex-grow: 1;
- background-color: hsl(var(--aw-color-greyscale-200));
+ background-color: hsl(var(--web-color-greyscale-200));
}
}
@@ -179,7 +179,7 @@
border-radius: 0.5rem;
border: 1px solid #d9d9d9;
- color: hsl(var(--aw-color-greyscale-750));
+ color: hsl(var(--web-color-greyscale-750));
text-align: center;
/* Responsive/Caption-500 */
diff --git a/src/lib/animations/Products/databases/box.svelte b/src/lib/animations/Products/databases/box.svelte
index 52c243e5c..d07391448 100644
--- a/src/lib/animations/Products/databases/box.svelte
+++ b/src/lib/animations/Products/databases/box.svelte
@@ -8,13 +8,13 @@
@@ -55,14 +55,14 @@
[class*='icon-'] {
font-size: 1.25rem;
- color: hsl(var(--aw-color-greyscale-500));
+ color: hsl(var(--web-color-greyscale-500));
}
}
.date {
margin-block-start: 3rem;
- color: hsl(var(--aw-color-greyscale-600));
+ color: hsl(var(--web-color-greyscale-600));
font-family: Inter;
font-size: 0.75rem;
font-style: normal;
@@ -83,8 +83,8 @@
gap: 0.75rem;
border-radius: 0.5rem;
- border: 1px solid hsl(var(--aw-color-greyscale-50));
- background: hsl(var(--aw-color-white));
+ border: 1px solid hsl(var(--web-color-greyscale-50));
+ background: hsl(var(--web-color-white));
color: var(--greyscale-700, var(--color-greyscale-700, #56565c));
padding-block: 0.55rem;
diff --git a/src/lib/animations/Products/functions/code.svelte b/src/lib/animations/Products/functions/code.svelte
index be14e41ab..5a835aab2 100644
--- a/src/lib/animations/Products/functions/code.svelte
+++ b/src/lib/animations/Products/functions/code.svelte
@@ -25,14 +25,14 @@ return res.json({ success: true });`.trim();
- Document ID
- Task
+ Document ID
+ Task
{#each $state.tasks.slice(0, $state.tableSlice) as task (task.id)}
{task.title}
@@ -36,7 +36,7 @@
[class*='icon-'] {
font-size: 1.25rem;
- color: hsl(var(--aw-color-greyscale-600));
+ color: hsl(var(--web-color-greyscale-600));
}
span:not([class*='icon-']) {
diff --git a/src/lib/animations/Products/databases/phone.svelte b/src/lib/animations/Products/databases/phone.svelte
index 624e8026f..5f0bae795 100644
--- a/src/lib/animations/Products/databases/phone.svelte
+++ b/src/lib/animations/Products/databases/phone.svelte
@@ -23,7 +23,7 @@
{#if $state.submit !== 'idle'}
-
+
{/if}
{#if $state.submit === 'loading'}
Pushing to GitHub...
{:else if $state.submit === 'success'}
Deployed to Appwrite Cloud
-
+
{/if}
diff --git a/src/lib/animations/Products/functions/phone.svelte b/src/lib/animations/Products/functions/phone.svelte
index bcd1ecd36..b16985507 100644
--- a/src/lib/animations/Products/functions/phone.svelte
+++ b/src/lib/animations/Products/functions/phone.svelte
@@ -119,7 +119,7 @@
[class*='icon-'] {
font-size: 1.25rem;
- color: hsl(var(--aw-color-greyscale-500));
+ color: hsl(var(--web-color-greyscale-500));
}
}
diff --git a/src/lib/animations/Products/realtime/phone.svelte b/src/lib/animations/Products/realtime/phone.svelte
index a5b68a96f..d25d12c55 100644
--- a/src/lib/animations/Products/realtime/phone.svelte
+++ b/src/lib/animations/Products/realtime/phone.svelte
@@ -61,7 +61,7 @@
-
+
Search
@@ -392,7 +392,7 @@
}
hr {
- border-bottom: 1px solid hsl(var(--aw-color-greyscale-50));
+ border-bottom: 1px solid hsl(var(--web-color-greyscale-50));
margin-block: 1rem;
}
@@ -405,7 +405,7 @@
align-self: stretch;
border-radius: 0.625rem;
- border: 1px dashed hsl(var(--aw-color-greyscale-50));
+ border: 1px dashed hsl(var(--web-color-greyscale-50));
color: #56565c;
.text {
diff --git a/src/lib/animations/Products/storage/box.svelte b/src/lib/animations/Products/storage/box.svelte
index 69855d1f0..bbf2de81c 100644
--- a/src/lib/animations/Products/storage/box.svelte
+++ b/src/lib/animations/Products/storage/box.svelte
@@ -8,9 +8,9 @@
- Filename
- Type
- Size
+ Filename
+ Type
+ Size
{#each $state.files as file (file.src)}
diff --git a/src/lib/animations/Products/storage/phone.svelte b/src/lib/animations/Products/storage/phone.svelte
index 5d74c28fe..1c2d9ba79 100644
--- a/src/lib/animations/Products/storage/phone.svelte
+++ b/src/lib/animations/Products/storage/phone.svelte
@@ -28,7 +28,7 @@
\ No newline at end of file
diff --git a/src/lib/components/MetricCard.svelte b/src/lib/components/MetricCard.svelte
index 91a134422..fd5ff5216 100644
--- a/src/lib/components/MetricCard.svelte
+++ b/src/lib/components/MetricCard.svelte
@@ -3,13 +3,13 @@
export let description: string;
-
- open && (open = false)} />
-
{metric}
- {description}
+
+
diff --git a/src/lib/components/MobileNav.svelte b/src/lib/components/MobileNav.svelte
index bb5e2ab48..5c9963350 100644
--- a/src/lib/components/MobileNav.svelte
+++ b/src/lib/components/MobileNav.svelte
@@ -14,37 +14,37 @@
{metric}
+ {description}