Merge branch 'main' into fix-sections-numberings

appwrite · Aug 23, 2024 · 25d82bf · 25d82bf
2 parents 724c3a7 + 30013a9
commit 25d82bf
Show file tree

Hide file tree

Showing 36 changed files with 1,004 additions and 44 deletions.
diff --git a/src/lib/components/FooterNav.svelte b/src/lib/components/FooterNav.svelte
@@ -58,13 +58,13 @@
                     href: 'https://github.com/appwrite',
                     target: '_blank',
                     rel: 'noopener noreferrer'
-                },
-                {
-                    label: 'Status',
-                    href: 'https://appwrite.online',
-                    target: '_blank',
-                    rel: 'noopener noreferrer'
                 }
+                // {
+                //     label: 'Status',
+                //     href: 'https://appwrite.online',
+                //     target: '_blank',
+                //     rel: 'noopener noreferrer'
+                // }
             ],
             Programs: [
                 { label: 'Heroes', href: '/heroes' },

diff --git a/src/lib/components/MainFooter.svelte b/src/lib/components/MainFooter.svelte
@@ -4,7 +4,7 @@
 
     export let variant: 'homepage' | 'docs' = 'homepage';
 
-    const year = new Date().getFullYear()
+    const year = new Date().getFullYear();
 </script>
 
 {#if variant === 'homepage'}
@@ -24,13 +24,26 @@
                 </li>
             {/each}
         </ul>
-        <div class="u-flex u-gap-16">
-            <ul class="u-flex u-gap-8">
+        <div class="e-main-footer">
+            <div>Copyright © {year} Appwrite</div>
+
+            <iframe
+                class="status"
+                title="Appwrite Status"
+                src="https://status.appwrite.online/badge?theme=dark"
+                width="190"
+                height="30"
+                frameborder="0"
+                scrolling="no"
+                style:color-scheme="none"
+                style:margin-top="-4px"
+            />
+
+            <ul class="u-flex u-gap-16">
                 <li><a class="web-link" href="/terms">Terms</a></li>
                 <li><a class="web-link" href="/privacy">Privacy</a></li>
                 <li><a class="web-link" href="/cookies">Cookies</a></li>
             </ul>
-            <div>Copyright © {year} Appwrite</div>
         </div>
     </footer>
 {:else if variant === 'docs'}
@@ -77,13 +90,25 @@
 {/if}
 
 <style lang="scss">
-  .web-icon-button {
-    display: grid;
-  }
+    @use '$scss/abstract/variables/devices';
+    .web-icon-button {
+        display: grid;
+    }
 
-  @media (max-width: 1023.9px), (min-width: 1024px) and (max-width: 1279.9px) {
-    .web-main-footer-links {
-      flex-direction: unset !important;
+    .e-main-footer {
+        display: flex;
+        @media #{devices.$break1} {
+            flex-direction: column;
+            > * {
+                padding-block: 1rem;
+                &:not(:first-child) {
+                    border-block-start: solid 0.0625rem hsl(var(--web-color-border));
+                }
+            }
+        }
+        @media #{devices.$break2open} {
+            display: flex;
+            gap: 2rem;
+        }
     }
-  }
-</style>
+</style>
diff --git a/src/markdoc/layouts/Article.svelte b/src/markdoc/layouts/Article.svelte
@@ -65,7 +65,7 @@
     <title>{seoTitle}</title>
     <meta property="og:title" content={seoTitle} />
     <meta name="twitter:title" content={seoTitle} />
-    <!-- Desscription -->
+    <!-- Description -->
     <meta name="description" content={description} />
     <meta property="og:description" content={description} />
     <meta name="twitter:description" content={description} />

diff --git a/src/markdoc/layouts/Author.svelte b/src/markdoc/layouts/Author.svelte
@@ -32,7 +32,7 @@
     <title>{seoTitle}</title>
     <meta property="og:title" content={seoTitle} />
     <meta name="twitter:title" content={seoTitle} />
-    <!-- Desscription -->
+    <!-- Description -->
     <meta name="description" content={description} />
     <meta property="og:description" content={description} />
     <meta name="twitter:description" content={description} />

diff --git a/src/markdoc/layouts/Category.svelte b/src/markdoc/layouts/Category.svelte
@@ -24,7 +24,7 @@
     <title>{seoTitle}</title>
     <meta property="og:title" content={seoTitle} />
     <meta name="twitter:title" content={seoTitle} />
-    <!-- Desscription -->
+    <!-- Description -->
     <meta name="description" content={description} />
     <meta property="og:description" content={description} />
     <meta name="twitter:description" content={description} />

diff --git a/src/markdoc/layouts/Integration.svelte b/src/markdoc/layouts/Integration.svelte
@@ -27,7 +27,7 @@
     <title>{title}</title>
     <meta property="og:title" content={title} />
     <meta name="twitter:title" content={title} />
-    <!-- Desscription -->
+    <!-- Description -->
     <meta name="description" content={description} />
     <meta property="og:description" content={description} />
     <meta name="twitter:description" content={description} />

diff --git a/src/markdoc/layouts/Policy.svelte b/src/markdoc/layouts/Policy.svelte
@@ -53,7 +53,7 @@
     <title>{seo.title}</title>
     <meta property="og:title" content={seo.title} />
     <meta name="twitter:title" content={seo.title} />
-    <!-- Desscription -->
+    <!-- Description -->
     <meta name="description" content={seo.description} />
     <meta property="og:description" content={seo.description} />
     <meta name="twitter:description" content={seo.description} />

diff --git a/src/markdoc/layouts/Post.svelte b/src/markdoc/layouts/Post.svelte
@@ -68,7 +68,7 @@
     <title>{title + BLOG_TITLE_SUFFIX}</title>
     <meta property="og:title" content={title} />
     <meta name="twitter:title" content={title} />
-    <!-- Desscription -->
+    <!-- Description -->
     <meta name="description" content={description} />
     <meta property="og:description" content={description} />
     <meta name="twitter:description" content={description} />

diff --git a/src/markdoc/layouts/Tutorial.svelte b/src/markdoc/layouts/Tutorial.svelte
@@ -65,7 +65,7 @@
     <title>{seoTitle}</title>
     <meta property="og:title" content={seoTitle} />
     <meta name="twitter:title" content={seoTitle} />
-    <!-- Desscription -->
+    <!-- Description -->
     <meta name="description" content={description} />
     <meta property="og:description" content={description} />
     <meta name="twitter:description" content={description} />

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -23,7 +23,7 @@
     <title>{title}</title>
     <meta property="og:title" content={title} />
     <meta name="twitter:title" content={title} />
-    <!-- Desscription -->
+    <!-- Description -->
     <meta name="description" content={description} />
     <meta property="og:description" content={description} />
     <meta name="twitter:description" content={description} />

diff --git a/src/routes/blog/+page.svelte b/src/routes/blog/+page.svelte
@@ -18,7 +18,7 @@
     <title>{title}</title>
     <meta property="og:title" content={title} />
     <meta name="twitter:title" content={title} />
-    <!-- Desscription -->
+    <!-- Description -->
     <meta name="description" content={description} />
     <meta property="og:description" content={description} />
     <meta name="twitter:description" content={description} />