From 594f7994ce350dbe8a913384fe499c9e82dd4bc5 Mon Sep 17 00:00:00 2001 From: Jesse Winton Date: Fri, 30 Aug 2024 13:04:09 -0400 Subject: [PATCH 01/95] update --- .../products/auth/(components)/Bento.svelte | 14 ++++++++ src/routes/products/auth/+page.svelte | 35 +++++++++++++++++++ 2 files changed, 49 insertions(+) create mode 100644 src/routes/products/auth/(components)/Bento.svelte create mode 100644 src/routes/products/auth/+page.svelte diff --git a/src/routes/products/auth/(components)/Bento.svelte b/src/routes/products/auth/(components)/Bento.svelte new file mode 100644 index 0000000000..5623342d2e --- /dev/null +++ b/src/routes/products/auth/(components)/Bento.svelte @@ -0,0 +1,14 @@ +
+
+
+

+ Built-in
advanced security +

+

+ Provide top security and protection with built-in security and compliance features. +

+
+ +
+
+
diff --git a/src/routes/products/auth/+page.svelte b/src/routes/products/auth/+page.svelte new file mode 100644 index 0000000000..30d7a58dbc --- /dev/null +++ b/src/routes/products/auth/+page.svelte @@ -0,0 +1,35 @@ + + + + + {title} + + + + + + + + + + + + + + +
+ +
From c6f291e87d4179a722b1d775baf1cc6c4abb29f4 Mon Sep 17 00:00:00 2001 From: Jesse Winton Date: Fri, 30 Aug 2024 14:55:49 -0400 Subject: [PATCH 02/95] update started auth page --- .../products/auth/(components)/Bento.svelte | 32 +++++++++++++++++-- .../animations/AdvancedSecurity.svelte | 9 ++++++ .../animations/MultiFactor.svelte | 22 +++++++++++++ .../animations/PasswordDictionary.svelte | 9 ++++++ .../(components)/animations/Passwords.svelte | 9 ++++++ .../animations/SessionLimit.svelte | 13 ++++++++ .../animations/SessionManagement.svelte | 12 +++++++ 7 files changed, 104 insertions(+), 2 deletions(-) create mode 100644 src/routes/products/auth/(components)/animations/AdvancedSecurity.svelte create mode 100644 src/routes/products/auth/(components)/animations/MultiFactor.svelte create mode 100644 src/routes/products/auth/(components)/animations/PasswordDictionary.svelte create mode 100644 src/routes/products/auth/(components)/animations/Passwords.svelte create mode 100644 src/routes/products/auth/(components)/animations/SessionLimit.svelte create mode 100644 src/routes/products/auth/(components)/animations/SessionManagement.svelte diff --git a/src/routes/products/auth/(components)/Bento.svelte b/src/routes/products/auth/(components)/Bento.svelte index 5623342d2e..bbae7a5ebc 100644 --- a/src/routes/products/auth/(components)/Bento.svelte +++ b/src/routes/products/auth/(components)/Bento.svelte @@ -1,4 +1,25 @@ -
+ + +

@@ -9,6 +30,13 @@

-
+
+ + + + + + +
diff --git a/src/routes/products/auth/(components)/animations/AdvancedSecurity.svelte b/src/routes/products/auth/(components)/animations/AdvancedSecurity.svelte new file mode 100644 index 0000000000..30c2969ecd --- /dev/null +++ b/src/routes/products/auth/(components)/animations/AdvancedSecurity.svelte @@ -0,0 +1,9 @@ +
+
+
+ Advanced security +

+ Appwrite maintains high standards for data security, privacy, and regulatory compliance. +

+
+
diff --git a/src/routes/products/auth/(components)/animations/MultiFactor.svelte b/src/routes/products/auth/(components)/animations/MultiFactor.svelte new file mode 100644 index 0000000000..ab497ca4ca --- /dev/null +++ b/src/routes/products/auth/(components)/animations/MultiFactor.svelte @@ -0,0 +1,22 @@ + + +
+
+
+ {#each Array.from({ length: 5 }) as _, i} + + {/each} +
+
+
+ Multi-factor authentication +

+ Requiring users to verify their identity using a second authentication factor. +

+
+
diff --git a/src/routes/products/auth/(components)/animations/PasswordDictionary.svelte b/src/routes/products/auth/(components)/animations/PasswordDictionary.svelte new file mode 100644 index 0000000000..858bba9f59 --- /dev/null +++ b/src/routes/products/auth/(components)/animations/PasswordDictionary.svelte @@ -0,0 +1,9 @@ +
+
+ Password dictionary +

+ Check if the user's password matches any of the top 10K commonly used passwords. +

+
+
+
diff --git a/src/routes/products/auth/(components)/animations/Passwords.svelte b/src/routes/products/auth/(components)/animations/Passwords.svelte new file mode 100644 index 0000000000..a4d56c460f --- /dev/null +++ b/src/routes/products/auth/(components)/animations/Passwords.svelte @@ -0,0 +1,9 @@ +
+
+ Secure passwords +

+ Secure passwords by avoiding common words, hashing, and checking personal data. +

+
+
+
diff --git a/src/routes/products/auth/(components)/animations/SessionLimit.svelte b/src/routes/products/auth/(components)/animations/SessionLimit.svelte new file mode 100644 index 0000000000..2b212b3efc --- /dev/null +++ b/src/routes/products/auth/(components)/animations/SessionLimit.svelte @@ -0,0 +1,13 @@ + + +
+
+ Session limit +

+ Restrict the number of active sessions per user to avoid unused active sessions. +

+
+
+
diff --git a/src/routes/products/auth/(components)/animations/SessionManagement.svelte b/src/routes/products/auth/(components)/animations/SessionManagement.svelte new file mode 100644 index 0000000000..37cca3aa54 --- /dev/null +++ b/src/routes/products/auth/(components)/animations/SessionManagement.svelte @@ -0,0 +1,12 @@ + + +
+
+ Session management +

+ Manage user sessions with timeouts and auto-renewal to prevent logouts. +

+
+
+
From 0a1a169bbd7a49a5fe908b3196111df719f54c0a Mon Sep 17 00:00:00 2001 From: Jesse Winton Date: Fri, 30 Aug 2024 17:00:20 -0400 Subject: [PATCH 03/95] updates --- src/app.css | 13 ++++ src/lib/components/ui/Input.svelte | 2 +- .../products/auth/(components)/Bento.svelte | 18 +---- .../animations/AdvancedSecurity.svelte | 76 ++++++++++++++++++- .../animations/MultiFactor.svelte | 57 +++++++++++--- .../animations/PasswordDictionary.svelte | 2 +- .../(components)/animations/Passwords.svelte | 9 --- .../animations/SecurePasswords.svelte | 69 +++++++++++++++++ .../animations/SessionLimit.svelte | 2 +- .../animations/SessionManagement.svelte | 2 +- 10 files changed, 212 insertions(+), 38 deletions(-) delete mode 100644 src/routes/products/auth/(components)/animations/Passwords.svelte create mode 100644 src/routes/products/auth/(components)/animations/SecurePasswords.svelte diff --git a/src/app.css b/src/app.css index 29d95b6101..16064d98ea 100644 --- a/src/app.css +++ b/src/app.css @@ -69,6 +69,7 @@ /* Animations */ --animate-scale-in: scale-in 200ms ease-out forwards; + --animate-caret-blink: caret-blink 1s ease-in-out infinite; /* Pink polyfills */ --transition: 0.2s; @@ -83,6 +84,18 @@ } } + @keyframes caret-blink { + 0%, + 70%, + 100% { + opacity: 1; + } + 20%, + 50% { + opacity: 0; + } + } + /* Fonts */ --font-family-sans: 'Inter', arial, sans-serif; --font-family-mono: 'Fira Code', monospace; diff --git a/src/lib/components/ui/Input.svelte b/src/lib/components/ui/Input.svelte index 73b35995c3..fb09a5b4c8 100644 --- a/src/lib/components/ui/Input.svelte +++ b/src/lib/components/ui/Input.svelte @@ -31,7 +31,7 @@ /> {:else} -