Merge branch 'main' into capture-user-email-on-feedback

AdityaSrivastava185 · Oct 9, 2024 · 77d1a0f · 77d1a0f
2 parents f591a01 + f8fc0a8
commit 77d1a0f
Show file tree

Hide file tree

Showing 25 changed files with 24 additions and 848 deletions.
diff --git a/src/app.css b/src/app.css
@@ -53,7 +53,6 @@
     --color-white: hsl(0 0% 100%);
     --color-black: hsl(0 0% 0%);
     --color-transparent: rgba(0, 0, 0, 0);
-    --color-smooth: hsl(var(--color-greyscale-hue) 6%, 10%, 0.04);
     --color-greyscale-25: hsl(var(--color-greyscale-hue) 11% 98%);
     --color-greyscale-50: hsl(var(--color-greyscale-hue) 11% 94%);
     --color-greyscale-100: hsl(var(--color-greyscale-hue) 6% 90%);
@@ -69,16 +68,8 @@
     --color-greyscale-850: hsl(var(--color-greyscale-hue) 3% 14%);
     --color-greyscale-900: hsl(var(--color-greyscale-hue) 5.7% 10.4%);
 
-    /* utility colors */
-    --color-badge-bg-light: #f2c8d6;
-    --color-badge-border-light: #f69db7;
-    --color-badge-bg-dark: #2c2c2f;
-    --color-badge-border-dark: #39393c;
-
     /* Animations */
     --animate-scale-in: scale-in 200ms ease-out forwards;
-    --animate-text: fade-in 0.75s ease-in-out both, blur 0.75s ease-in-out both,
-        up 0.75s ease-in-out both;
 
     /* Pink polyfills */
     --transition: 0.2s;
@@ -93,33 +84,6 @@
         }
     }
 
-    @keyframes blur {
-        0% {
-            filter: blur(5px);
-        }
-        100% {
-            filter: blur(0);
-        }
-    }
-
-    @keyframes up {
-        0% {
-            transform: translateY(8px);
-        }
-        100% {
-            transform: translateY(0px);
-        }
-    }
-
-    @keyframes fade-in {
-        0% {
-            opacity: 0;
-        }
-        100% {
-            opacity: 1;
-        }
-    }
-
     /* Fonts */
     --font-family-sans: 'Inter', arial, sans-serif;
     --font-family-mono: 'Fira Code', monospace;
@@ -188,16 +152,12 @@
     --color-primary: var(--color-greyscale-900);
     --color-secondary: var(--color-greyscale-700);
     --color-accent: var(--color-pink-600);
-    --color-badge-bg: var(--color-badge-bg-light);
-    --color-badge-border: var(--color-badge-border-light);
 }
 
 /* dark theme */
 .dark {
     --color-primary: var(--color-greyscale-100);
     --color-secondary: var(--color-greyscale-300);
-    --color-badge-bg: var(--color-badge-bg-dark);
-    --color-badge-border: var(--color-badge-border-dark);
 }
 
 /* Container */

diff --git a/src/lib/components/FooterNav.svelte b/src/lib/components/FooterNav.svelte
@@ -68,8 +68,7 @@
             ],
             Programs: [
                 { label: 'Heroes', href: '/heroes' },
-                { label: 'Startups', href: '/startups' },
-                { label: 'Students', href: '/students' }
+                { label: 'Startups', href: '/startups' }
             ],
             About: [
                 { label: 'Company', href: '/company' },
@@ -102,7 +101,7 @@
         {#each Object.entries(links) as [title, items]}
             <li class="web-footer-nav-main-item web-is-not-mobile">
                 <h2
-                    class="web-footer-nav-main-title web-is-not-mobile text-caption font-medium uppercase"
+                    class="web-footer-nav-main-title web-is-not-mobile text-caption uppercase font-medium"
                 >
                     {title}
                 </h2>

diff --git a/src/lib/components/animated/Text.svelte b/src/lib/components/animated/Text.svelte
diff --git a/src/lib/components/ui/InlineTag.svelte b/src/lib/components/ui/InlineTag.svelte
@@ -1,5 +1,5 @@
 <div
-    class="tracking-none text-sub-body text-greyscale-900 dark:text-greyscale-100 py-0.25 -mr-0.5 rounded-[.25rem] bg-black/8 px-1 dark:bg-white/[0.12]"
+    class="tracking-none text-sub-body text-greyscale-900 dark:text-greyscale-100 py-0.25 -mr-0.5 rounded-[.25rem] bg-black/[0.08] px-1 dark:bg-white/[0.12]"
 >
     <slot />
 </div>
diff --git a/src/lib/layouts/DocsArticle.svelte b/src/lib/layouts/DocsArticle.svelte
@@ -99,7 +99,7 @@
                             </li>
                         {/each}
                     </ol>
-                    <div class="border-greyscale-900/4 border-t pt-5">
+                    <div class="border-greyscale-900/[0.04] border-t pt-5">
                         <button class="web-link inline-flex items-center gap-2" use:scrollToTop>
                             <span class="web-icon-arrow-up" aria-hidden="true" />
                             <span class="text-caption">Back to top</span>

diff --git a/src/lib/layouts/DocsTutorial.svelte b/src/lib/layouts/DocsTutorial.svelte
@@ -159,7 +159,7 @@
                         </li>
                     {/each}
                 </ol>
-                <div class="border-greyscale-900/4 border-t pt-5">
+                <div class="border-greyscale-900/[0.04] border-t pt-5">
                     <button class="web-link inline-flex items-center gap-2" use:scrollToTop>
                         <span class="web-icon-arrow-up" aria-hidden="true" />
                         <span class="text-caption">Back to top</span>

diff --git a/src/lib/layouts/Main.svelte b/src/lib/layouts/Main.svelte
@@ -274,7 +274,7 @@
     <MobileNav bind:open={$isMobileNavOpen} links={navLinks} />
 
     <main
-        class="space-y-6"
+        class="web-main-section"
         class:web-u-hide-mobile={$isMobileNavOpen}
         id={omitMainId ? undefined : 'main'}
     >

diff --git a/src/markdoc/tags/Tabs.svelte b/src/markdoc/tags/Tabs.svelte
@@ -26,15 +26,12 @@
 </script>
 
 <div class="web-card is-normal mt-4" {...$root} use:root>
-    <div
-        class="tabs flex gap-4 overflow-scroll"
-        style="scrollbar-width: none; -ms-overflow-style: none;"
-    >
+    <div class="tabs flex gap-4 overflow-scroll" style="scrollbar-width: none; -ms-overflow-style: none;">
         <ul class="tabs-list flex items-center gap-4" {...$list} use:list>
             {#each $ctx.triggers.entries() as [id, title]}
-                <li class="tabs-item rounded-t-[0.625rem] hover:bg-white/4">
+                <li class="tabs-item hover:bg-white/[0.04] rounded-t-[0.625rem]">
                     <button
-                        class="tabs-button cursor-pointer bg-clip-padding py-[0.625rem] px-1 font-light outline-none"
+                        class="tabs-button px-1 py-[0.625rem] font-light outline-none bg-clip-padding cursor-pointer"
                         class:is-selected={$value === id}
                         {...$trigger(id)}
                         use:trigger>{title}</button

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -126,9 +126,11 @@
                         class="web-hero-banner-button mb-4"
                     >
                         <span class="web-icon-star shrink-0" aria-hidden="true" />
-                        <span class="text-caption shrink-0 font-medium">New</span>
+                        <span class="text-caption font-medium shrink-0">New</span>
                         <div class="web-hero-banner-button-sep" />
-                        <span class="text-caption web-u-trim-1">Introducing Console Roles</span>
+                        <span class="text-caption web-u-trim-1"
+                            >Introducing Console Roles</span
+                        >
                         <span class="web-icon-arrow-right shrink-0" aria-hidden="true" />
                     </a>
                     <Hero>
@@ -301,10 +303,10 @@
                     </section>
                     <div class="mt-20 overflow-hidden">
                         <ul
-                            class="web-info-boxes text-sub-body divide-x divide-y divide-black/4 font-medium"
+                            class="web-info-boxes text-sub-body divide-x divide-y divide-black/[0.04] font-medium"
                         >
                             {#each infoBoxes as box}
-                                <li class="relative border-black/4 p-8 last-of-type:border-r">
+                                <li class="relative border-black/[0.04] p-8 last-of-type:border-r">
                                     <img src={box.icon} width="40" height="40" alt="" />
                                     <h3
                                         class="text-primary mt-4 flex flex-wrap items-baseline gap-3"

diff --git a/src/routes/blog/post/introducing-new-appwrite-cli/+page.markdoc b/src/routes/blog/post/introducing-new-appwrite-cli/+page.markdoc
@@ -122,7 +122,7 @@ You can add the `--force` flag to any command that may ask you questions, such a
 Till this generation, Appwrite CLI supported non-interactive login for API-key-based authorization only, as follows:
 
 ```bash
-appwrite client --projectId PROJECT_ID --key APY_KEY
+appwrite client --project-id PROJECT_ID --key APY_KEY
 ```
 
 In this version, we've added a headless login, which allows users to log in and execute commands from the user level.

diff --git a/src/routes/docs/references/[version]/[platform]/[service]/+page.svelte b/src/routes/docs/references/[version]/[platform]/[service]/+page.svelte
@@ -110,9 +110,9 @@
                 <div class="web-inline-code">{platformType}</div>
             </div>
             <div class="web-article-header-end">
-                <div class="text-primary flex flex-col gap-6 md:flex-row">
+                <div class="gap-6 flex flex-col md:flex-row text-primary">
                     <div class="flex items-center gap-2">
-                        <label class="web-is-not-mobile text-xs" for="platform">Platform</label>
+                        <label class="text-xs web-is-not-mobile" for="platform">Platform</label>
                         <Select
                             --min-width="10rem"
                             id="platform"
@@ -138,7 +138,7 @@
                         />
                     </div>
                     <div class="flex items-center gap-2">
-                        <label class="web-is-not-mobile text-xs" for="version">Version</label>
+                        <label class="text-xs web-is-not-mobile" for="version">Version</label>
 
                         <Select
                             nativeMobile
@@ -162,7 +162,7 @@
                     <!-- eslint-disable-next-line svelte/no-at-html-tags -->
                     {@html parse(data.service?.description)}
                 </div>
-                <div class="web-article-content-grid-6-4-column-2 j-end flex flex-col gap-8">
+                <div class="web-article-content-grid-6-4-column-2 flex flex-col gap-8 j-end">
                     <Fence
                         language="text"
                         badge="Base URL"
@@ -176,7 +176,7 @@
                     <div class="web-article-content-grid-6-4-column-2 flex flex-col gap-8">
                         <div class="web-inline-info">
                             <span class="icon-info" aria-hidden="true" />
-                            <h5 class="text-sub-body text-primary font-medium">
+                            <h5 class="text-sub-body font-medium text-primary">
                                 No endpoint found for this version and platform
                             </h5>
                             Please switch to a newer version or different platform.
@@ -211,7 +211,7 @@
                         </Accordion>
                     </div>
                     <div class="web-article-content-grid-6-4-column-2 flex flex-col gap-8">
-                        <div class="dark contents">
+                        <div class="contents dark">
                             <div
                                 class="sticky"
                                 style="--inset-block-start:var(--p-grid-huge-navs-secondary-sticky-position);"
@@ -249,7 +249,7 @@
                 </button>
                 <div class="web-references-menu-content">
                     <div
-                        class="web-references-menu-header mt-6 flex items-center justify-between gap-4"
+                        class="web-references-menu-header flex justify-between items-center gap-4 mt-6"
                     >
                         <h5 class="web-references-menu-title text-micro uppercase">On This Page</h5>
                         <button class="web-icon-button" id="refClose" on:click={toggleReferences}>
@@ -267,7 +267,7 @@
                             </li>
                         {/each}
                     </ul>
-                    <div class="border-greyscale-900/4 web-u-padding-block-20 border-t">
+                    <div class="border-t border-greyscale-900/[0.04] web-u-padding-block-20">
                         <button class="web-link inline-flex items-center gap-2" use:scrollToTop>
                             <span class="web-icon-arrow-up" aria-hidden="true" />
                             <span class="text-caption">Back to top</span>

diff --git a/src/routes/students/(assets)/beaker.svg b/src/routes/students/(assets)/beaker.svg
diff --git a/src/routes/students/(assets)/chat-icon.svg b/src/routes/students/(assets)/chat-icon.svg