From 376dc87b5e2c21ae7c89e4ba700e9d0a25f63bfd Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Thu, 28 Sep 2023 11:01:22 +0200
Subject: [PATCH 1/6] fix: spacing for open source section

---
 src/lib/animations/OpenSource.svelte | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/lib/animations/OpenSource.svelte b/src/lib/animations/OpenSource.svelte
index 4631428b9a..d7d82ac674 100644
--- a/src/lib/animations/OpenSource.svelte
+++ b/src/lib/animations/OpenSource.svelte
@@ -169,8 +169,11 @@
 
 <style lang="scss">
 	#open-source {
-		height: 1500px;
+		height: 1000px;
 		position: relative;
+		@media (min-width: 1920px) {
+			height: 1200px;
+		}
 	}
 
 	.sticky-wrapper {

From 7185d67bf07adc1534a14c865e9c3afc70974bbd Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Thu, 28 Sep 2023 11:01:37 +0200
Subject: [PATCH 2/6] fix: ligthouse issues

---
 src/routes/+page.svelte | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 3937cb0dec..5245dc641a 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -174,11 +174,11 @@
 			</div>
 			<div class="aw-big-padding-section-level-2">
 				<div class="aw-container">
-					<h3
+					<h2
 						class="aw-title aw-u-color-text-primary aw-u-text-align-center aw-u-max-width-600 u-margin-inline-auto"
 					>
 						Trusted by developers from the world's leading organizations
-					</h3>
+					</h2>
 					<ul class="aw-grid-3c-4c-6c is-for-logos aw-u-padding-block-start-80">
 						<li>
 							<img src="/images/logos/trusted-by/apple.svg" alt="Apple" width="42" height="48" />
@@ -249,7 +249,7 @@
 				/>
 			</div>
 
-			<div class="aw-big-padding-section-level-2">
+			<div>
 				<div class="aw-container">
 					<section class="aw-hero is-align-start">
 						<span class="aw-badges aw-eyebrow">PRIVACY & SECURITY_</span>
@@ -450,14 +450,14 @@
 							class="u-flex u-flex-wrap u-gap-16 aw-u-margin-block-32-mobile aw-u-margin-block-40-not-mobile"
 						>
 							{#each platforms as platform}
-								<Tooltip>
-									<li>
+								<li>
+									<Tooltip>
 										<a href={platform.href} class="aw-box-icon">
 											<img src={platform.image} alt="{platform.name} Logo" width="32" height="32" />
 										</a>
-									</li>
-									<svelte:fragment slot="tooltip">{platform.name}</svelte:fragment>
-								</Tooltip>
+										<svelte:fragment slot="tooltip">{platform.name}</svelte:fragment>
+									</Tooltip>
+								</li>
 							{/each}
 						</ul>
 						<a href="/docs/sdks" class="aw-button is-secondary" style:align-self="start">

From 6190ac79ef73bbb40abb9297019d5a4b08e4ecdc Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Thu, 28 Sep 2023 11:25:14 +0200
Subject: [PATCH 3/6] fix: spacing

---
 src/lib/animations/OpenSource.svelte | 4 ++++
 src/routes/+page.svelte              | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/lib/animations/OpenSource.svelte b/src/lib/animations/OpenSource.svelte
index d7d82ac674..1d79ddb451 100644
--- a/src/lib/animations/OpenSource.svelte
+++ b/src/lib/animations/OpenSource.svelte
@@ -171,6 +171,10 @@
 	#open-source {
 		height: 1000px;
 		position: relative;
+		margin-block-start: -7.5rem;
+		@media #{$break1} {
+			margin-block-start: unset;
+		}
 		@media (min-width: 1920px) {
 			height: 1200px;
 		}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 5245dc641a..318e642a8a 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -249,7 +249,7 @@
 				/>
 			</div>
 
-			<div>
+			<div class="aw-big-padding-section-level-2">
 				<div class="aw-container">
 					<section class="aw-hero is-align-start">
 						<span class="aw-badges aw-eyebrow">PRIVACY & SECURITY_</span>

From 1c5cd148527fad12b1ad5228ccf465923e3a97ad Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Thu, 28 Sep 2023 13:22:45 +0200
Subject: [PATCH 4/6] fix: remove transparency from select menu

---
 src/scss/6-elements/_select.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/scss/6-elements/_select.scss b/src/scss/6-elements/_select.scss
index cad4a60ce6..cfd538f958 100644
--- a/src/scss/6-elements/_select.scss
+++ b/src/scss/6-elements/_select.scss
@@ -100,7 +100,7 @@
     --p-select-menu-box-shadow-color: var(--transparent);
   }
   @mixin dark-mode() {
-    --p-select-menu-bg-color: var(--aw-color-white) / 0.08;
+    --p-select-menu-bg-color: var(--aw-color-greyscale-800);
     --p-select-menu-border-color: var(--aw-color-white) / 0.10;
     --p-select-menu-box-shadow-color: var(--transparent);
   }

From 2c5e91565613752440416ab491b64076bfa8e543 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Thu, 28 Sep 2023 13:27:35 +0200
Subject: [PATCH 5/6] fix: word break

---
 src/routes/docs/+page.svelte | 23 +++++++++++++++--------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/routes/docs/+page.svelte b/src/routes/docs/+page.svelte
index 970a3f002b..755ea553ed 100644
--- a/src/routes/docs/+page.svelte
+++ b/src/routes/docs/+page.svelte
@@ -266,7 +266,9 @@
 				Learn how to build like a team of hundreds
 			</h1>
 			<p class="aw-description u-max-width-600">
-				Appwrite is a backend development platform built by hundreds of open-source developers, where you can build any application at any scale using the coding languages and tools you want.
+				Appwrite is a backend development platform built by hundreds of open-source developers,
+				where you can build any application at any scale using the coding languages and tools you
+				want.
 			</p>
 		</section>
 		<section class="aw-hero is-align-start">
@@ -310,6 +312,7 @@
 								</header>
 								<p
 									class="aw-articles-item-paragraph aw-sub-body-500 u-trim-2 u-margin-block-start-4"
+									style="word-break: keep-all;"
 								>
 									Learn Appwrite Auth, Databases, and more with React.
 								</p>
@@ -336,9 +339,10 @@
 								</header>
 								<p
 									class="aw-articles-item-paragraph aw-sub-body-500 u-trim-2 u-margin-block-start-4"
+									style="word-break: keep-all;"
 								>
-								Learn Appwrite Auth, Databases, and more with SvelteKit.
-							</p>
+									Learn Appwrite Auth, Databases, and more with SvelteKit.
+								</p>
 							</article>
 						</a>
 					</li>
@@ -362,8 +366,9 @@
 								</header>
 								<p
 									class="aw-articles-item-paragraph aw-sub-body-500 u-trim-2 u-margin-block-start-4"
+									style="word-break: keep-all;"
 								>
-								Learn Appwrite Auth, Databases, and more with Vue.
+									Learn Appwrite Auth, Databases, and more with Vue.
 								</p>
 							</article>
 						</a>
@@ -388,9 +393,10 @@
 								</header>
 								<p
 									class="aw-articles-item-paragraph aw-sub-body-500 u-trim-2 u-margin-block-start-4"
+									style="word-break: keep-all;"
 								>
-								Coming soon...
-							</p>
+									Coming soon...
+								</p>
 							</article>
 						</a>
 					</li>
@@ -414,9 +420,10 @@
 								</header>
 								<p
 									class="aw-articles-item-paragraph aw-sub-body-500 u-trim-2 u-margin-block-start-4"
+									style="word-break: keep-all;"
 								>
-								Coming soon...
-							</p>
+									Coming soon...
+								</p>
 							</article>
 						</a>
 					</li>

From 53e5cad1f80f8fb7d32c709051c4592d259f103f Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Thu, 28 Sep 2023 14:47:39 +0200
Subject: [PATCH 6/6] chore: revert changes to opensource

---
 src/lib/animations/OpenSource.svelte | 9 +--------
 1 file changed, 1 insertion(+), 8 deletions(-)

diff --git a/src/lib/animations/OpenSource.svelte b/src/lib/animations/OpenSource.svelte
index 1d79ddb451..4631428b9a 100644
--- a/src/lib/animations/OpenSource.svelte
+++ b/src/lib/animations/OpenSource.svelte
@@ -169,15 +169,8 @@
 
 <style lang="scss">
 	#open-source {
-		height: 1000px;
+		height: 1500px;
 		position: relative;
-		margin-block-start: -7.5rem;
-		@media #{$break1} {
-			margin-block-start: unset;
-		}
-		@media (min-width: 1920px) {
-			height: 1200px;
-		}
 	}
 
 	.sticky-wrapper {