appwrite · christyjacob4 · Aug 8, 2023 · Apr 19, 2023 · Apr 21, 2023 · Apr 24, 2023
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -20,6 +20,7 @@
     },
     "dependencies": {
         "@analytics/google-analytics": "^1.0.5",
+        "@analytics/google-tag-manager": "^0.5.3",
         "@appwrite.io/pink": "^0.0.4",
         "@aw-labs/appwrite-console": "^13.1.0",
         "@popperjs/core": "^2.11.6",
@@ -30,6 +31,7 @@
         "logrocket": "^3.0.1",
         "pretty-bytes": "^6.1.0",
         "prismjs": "^1.29.0",
+        "svelte-confetti": "^1.2.2",
         "tippy.js": "^6.3.7",
         "web-vitals": "^3.1.1"
     },

diff --git a/src/app.html b/src/app.html
@@ -43,6 +43,8 @@
         <link rel="preload" as="style" type="text/css" href="/fonts/main.css" />
         <link rel="stylesheet" href="/fonts/main.css" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <!-- {{CLOUD_OG}} -->
+
         %sveltekit.head%
     </head>
     <body>

diff --git a/src/lib/actions/analytics.ts b/src/lib/actions/analytics.ts
@@ -1,7 +1,8 @@
 import { page } from '$app/stores';
 import { user } from '$lib/stores/user';
-import { ENV, MODE, VARS } from '$lib/system';
+import { ENV, MODE, VARS, isCloud } from '$lib/system';
 import googleAnalytics from '@analytics/google-analytics';
+import googleTagManager from '@analytics/google-tag-manager';
 import { AppwriteException } from '@aw-labs/appwrite-console';
 import Analytics from 'analytics';
 import { get } from 'svelte/store';
@@ -11,7 +12,14 @@ const analytics = Analytics({
     plugins: [
         googleAnalytics({
             measurementIds: [VARS.GOOGLE_ANALYTICS || 'G-R4YJ9JN8L4']
-        })
+        }),
+        ...(isCloud
+            ? [
+                  googleTagManager({
+                      containerId: [VARS.GOOGLE_TAG || 'GTM-P3T9TBV']
+                  })
+              ]
+            : [])
     ]
 });
 

diff --git a/src/lib/elements/forms/button.svelte b/src/lib/elements/forms/button.svelte
@@ -3,6 +3,7 @@
 
     export let submit = false;
     export let secondary = false;
+    export let github = false;
     export let text = false;
     export let danger = false;
     export let disabled = false;
@@ -38,6 +39,7 @@
         class="button"
         class:is-only-icon={round}
         class:is-secondary={secondary}
+        class:is-github={github}
         class:is-text={text}
         class:is-danger={danger}
         class:is-full-width={fullWidth}
@@ -53,6 +55,7 @@
         class="button"
         class:is-only-icon={round}
         class:is-secondary={secondary}
+        class:is-github={github}
         class:is-danger={danger}
         class:is-text={text}
         class:is-full-width={fullWidth}
@@ -62,3 +65,17 @@
         <slot />
     </button>
 {/if}
+
+<style lang="scss">
+    .is-github {
+        background-color: #373b4d;
+
+        &:hover {
+            background-color: lighten($color: #373b4d, $amount: 2.5);
+        }
+
+        &:active {
+            background-color: darken($color: #373b4d, $amount: 5);
+        }
+    }
+</style>
diff --git a/src/lib/images/appwrite-cloud.svg b/src/lib/images/appwrite-cloud.svg
diff --git a/src/lib/images/login/cloud-1.svg b/src/lib/images/login/cloud-1.svg
diff --git a/src/lib/images/login/cloud-2.svg b/src/lib/images/login/cloud-2.svg