appwrite · christyjacob4 · Aug 8, 2023 · Nov 17, 2022 · Nov 17, 2022 · Nov 18, 2022
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -19,8 +19,9 @@
  },
  "dependencies": {
  "@analytics/google-analytics": "^1.0.5",
- "@appwrite.io/console": "0.1.0",
+ "@appwrite.io/console": "0.2.0",
  "@appwrite.io/pink": "^0.0.6-rc.10",
+ "@analytics/google-tag-manager": "^0.5.3",
  "@popperjs/core": "^2.11.6",
  "@sentry/svelte": "^7.44.2",
  "@sentry/tracing": "^7.44.2",
@@ -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,8 +1,9 @@
 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 { AppwriteException } from '@appwrite.io/console';
+import googleTagManager from '@analytics/google-tag-manager';
 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
@@ -6,6 +6,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;
@@ -44,6 +45,7 @@
  class:is-disabled={disabled}
  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}
@@ -59,6 +61,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}
@@ -68,3 +71,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