WIP - adding heroes

src/icons/output/_variables.scss

@@ -26,13 +26,14 @@ $aw-icon-logout-left: "\ea19";
 $aw-icon-logout-right: "\ea1a";
 $aw-icon-microsoft: "\ea1b";
 $aw-icon-minus: "\ea1c";
-$aw-icon-platform: "\ea1d";
-$aw-icon-plus: "\ea1e";
-$aw-icon-product-hunt: "\ea1f";
-$aw-icon-rest: "\ea20";
-$aw-icon-search: "\ea21";
-$aw-icon-star: "\ea22";
-$aw-icon-twitter: "\ea23";
-$aw-icon-vue: "\ea24";
-$aw-icon-x: "\ea25";
-$aw-icon-youtube: "\ea26";
+$aw-icon-nuxt: "\ea1d";
+$aw-icon-platform: "\ea1e";
+$aw-icon-plus: "\ea1f";
+$aw-icon-product-hunt: "\ea20";
+$aw-icon-rest: "\ea21";
+$aw-icon-search: "\ea22";
+$aw-icon-star: "\ea23";
+$aw-icon-twitter: "\ea24";
+$aw-icon-vue: "\ea25";
+$aw-icon-x: "\ea26";
+$aw-icon-youtube: "\ea27";

src/icons/output/aw-icon.css

@@ -45,13 +45,14 @@
 .aw-icon-logout-right:before { content: "\ea1a"; }
 .aw-icon-microsoft:before { content: "\ea1b"; }
 .aw-icon-minus:before { content: "\ea1c"; }
-.aw-icon-platform:before { content: "\ea1d"; }
-.aw-icon-plus:before { content: "\ea1e"; }
-.aw-icon-product-hunt:before { content: "\ea1f"; }
-.aw-icon-rest:before { content: "\ea20"; }
-.aw-icon-search:before { content: "\ea21"; }
-.aw-icon-star:before { content: "\ea22"; }
-.aw-icon-twitter:before { content: "\ea23"; }
-.aw-icon-vue:before { content: "\ea24"; }
-.aw-icon-x:before { content: "\ea25"; }
-.aw-icon-youtube:before { content: "\ea26"; }
+.aw-icon-nuxt:before { content: "\ea1d"; }
+.aw-icon-platform:before { content: "\ea1e"; }
+.aw-icon-plus:before { content: "\ea1f"; }
+.aw-icon-product-hunt:before { content: "\ea20"; }
+.aw-icon-rest:before { content: "\ea21"; }
+.aw-icon-search:before { content: "\ea22"; }
+.aw-icon-star:before { content: "\ea23"; }
+.aw-icon-twitter:before { content: "\ea24"; }
+.aw-icon-vue:before { content: "\ea25"; }
+.aw-icon-x:before { content: "\ea26"; }
+.aw-icon-youtube:before { content: "\ea27"; }

src/icons/output/aw-icon.scss

@@ -44,16 +44,17 @@
 .aw-icon-logout-right:before { content: "\ea1a"; }
 .aw-icon-microsoft:before { content: "\ea1b"; }
 .aw-icon-minus:before { content: "\ea1c"; }
-.aw-icon-platform:before { content: "\ea1d"; }
-.aw-icon-plus:before { content: "\ea1e"; }
-.aw-icon-product-hunt:before { content: "\ea1f"; }
-.aw-icon-rest:before { content: "\ea20"; }
-.aw-icon-search:before { content: "\ea21"; }
-.aw-icon-star:before { content: "\ea22"; }
-.aw-icon-twitter:before { content: "\ea23"; }
-.aw-icon-vue:before { content: "\ea24"; }
-.aw-icon-x:before { content: "\ea25"; }
-.aw-icon-youtube:before { content: "\ea26"; }
+.aw-icon-nuxt:before { content: "\ea1d"; }
+.aw-icon-platform:before { content: "\ea1e"; }
+.aw-icon-plus:before { content: "\ea1f"; }
+.aw-icon-product-hunt:before { content: "\ea20"; }
+.aw-icon-rest:before { content: "\ea21"; }
+.aw-icon-search:before { content: "\ea22"; }
+.aw-icon-star:before { content: "\ea23"; }
+.aw-icon-twitter:before { content: "\ea24"; }
+.aw-icon-vue:before { content: "\ea25"; }
+.aw-icon-x:before { content: "\ea26"; }
+.aw-icon-youtube:before { content: "\ea27"; }
 
 $aw-icon-apple: "\ea01";
 $aw-icon-arrow-down: "\ea02";
@@ -83,13 +84,14 @@ $aw-icon-logout-left: "\ea19";
 $aw-icon-logout-right: "\ea1a";
 $aw-icon-microsoft: "\ea1b";
 $aw-icon-minus: "\ea1c";
-$aw-icon-platform: "\ea1d";
-$aw-icon-plus: "\ea1e";
-$aw-icon-product-hunt: "\ea1f";
-$aw-icon-rest: "\ea20";
-$aw-icon-search: "\ea21";
-$aw-icon-star: "\ea22";
-$aw-icon-twitter: "\ea23";
-$aw-icon-vue: "\ea24";
-$aw-icon-x: "\ea25";
-$aw-icon-youtube: "\ea26";
+$aw-icon-nuxt: "\ea1d";
+$aw-icon-platform: "\ea1e";
+$aw-icon-plus: "\ea1f";
+$aw-icon-product-hunt: "\ea20";
+$aw-icon-rest: "\ea21";
+$aw-icon-search: "\ea22";
+$aw-icon-star: "\ea23";
+$aw-icon-twitter: "\ea24";
+$aw-icon-vue: "\ea25";
+$aw-icon-x: "\ea26";
+$aw-icon-youtube: "\ea27";

src/icons/output/info.json

@@ -167,64 +167,70 @@
     "className": "aw-icon-minus",
     "unicode": ""
   },
-  "platform": {
+  "nuxt": {
     "encodedCode": "\\ea1d",
     "prefix": "aw-icon",
-    "className": "aw-icon-platform",
+    "className": "aw-icon-nuxt",
     "unicode": ""
   },
-  "plus": {
+  "platform": {
     "encodedCode": "\\ea1e",
     "prefix": "aw-icon",
-    "className": "aw-icon-plus",
+    "className": "aw-icon-platform",
     "unicode": ""
   },
-  "product-hunt": {
+  "plus": {
     "encodedCode": "\\ea1f",
     "prefix": "aw-icon",
-    "className": "aw-icon-product-hunt",
+    "className": "aw-icon-plus",
     "unicode": ""
   },
-  "rest": {
+  "product-hunt": {
     "encodedCode": "\\ea20",
     "prefix": "aw-icon",
-    "className": "aw-icon-rest",
+    "className": "aw-icon-product-hunt",
     "unicode": ""
   },
-  "search": {
+  "rest": {
     "encodedCode": "\\ea21",
     "prefix": "aw-icon",
-    "className": "aw-icon-search",
+    "className": "aw-icon-rest",
     "unicode": ""
   },
-  "star": {
+  "search": {
     "encodedCode": "\\ea22",
     "prefix": "aw-icon",
-    "className": "aw-icon-star",
+    "className": "aw-icon-search",
     "unicode": ""
   },
-  "twitter": {
+  "star": {
     "encodedCode": "\\ea23",
     "prefix": "aw-icon",
-    "className": "aw-icon-twitter",
+    "className": "aw-icon-star",
     "unicode": ""
   },
-  "vue": {
+  "twitter": {
     "encodedCode": "\\ea24",
     "prefix": "aw-icon",
-    "className": "aw-icon-vue",
+    "className": "aw-icon-twitter",
     "unicode": ""
   },
-  "x": {
+  "vue": {
     "encodedCode": "\\ea25",
     "prefix": "aw-icon",
-    "className": "aw-icon-x",
+    "className": "aw-icon-vue",
     "unicode": ""
   },
-  "youtube": {
+  "x": {
     "encodedCode": "\\ea26",
     "prefix": "aw-icon",
-    "className": "aw-icon-youtube",
+    "className": "aw-icon-x",
     "unicode": ""
+  },
+  "youtube": {
+    "encodedCode": "\\ea27",
+    "prefix": "aw-icon",
+    "className": "aw-icon-youtube",
+    "unicode": ""
   }
 }

src/lib/components/MainFooter.svelte

@@ -80,7 +80,7 @@
 			</div>
 			<ul class="aw-main-footer-grid-1-column-3 aw-main-footer-links">
 				<li>
-					<a href="/support">Support</a>
+					<a href="/discord" target="_blank">Support</a>
 				</li>
 				<li>
 					<a href="https://status.appwrite.io" target="_blank">Status</a>

src/lib/components/MobileNav.svelte

@@ -12,7 +12,7 @@
 		<div class="u-flex items-center u-gap-8">
 			<a href="https://cloud.appwrite.io/register" class="aw-button is-secondary u-width-full-line">Sign up</a>
 
-			<a href="https://cloud.appwrite.io" class="aw-button u-width-full-line">Get Started</a>
+			<a href="https://cloud.appwrite.io" class="aw-button u-width-full-line">Get started</a>
 		</div>
 		<div class="aw-side-nav-scroll">
 			<section>

src/lib/components/PreFooter.svelte

@@ -19,7 +19,7 @@
 		<Tabs let:TabsList let:TabContent tabs={['Cloud', 'Self-Hosted']}>
 			<header class="aw-strip-plans-header">
 				<div class="aw-strip-plans-header-wrapper aw-u-row-gap-24">
-					<h3 class="aw-title aw-u-color-text-primary">Our Plans</h3>
+					<h3 class="aw-title aw-u-color-text-primary">Our plans</h3>
 					<!-- <TabsList /> -->
 				</div>
 			</header>
@@ -33,10 +33,10 @@
 								<div class="info aw-caption-500" />
 							</div>
 							<p class="aw-strip-plans-info aw-caption-500">
-								For students and hobby projects.
+								For personal hobby projects and students.
 							</p>
 							<a href="https://cloud.appwrite.io/register" class="aw-button is-full-width-mobile aw-u-cross-child-end">
-								<span class="text">Get Started</span>
+								<span class="text">Get started</span>
 							</a>
 						</div>
 					</li>
@@ -85,7 +85,7 @@
 								For personal, passion projects and non-commercial use.
 							</p>
 							<button class="aw-button is-full-width-mobile aw-u-cross-child-end"
-								><span class="text">Get Started</span></button
+								><span class="text">Get started</span></button
 							>
 						</div>
 					</li>
@@ -100,7 +100,7 @@
 								For personal, passion projects and non-commercial use.
 							</p>
 							<button class="aw-button is-full-width-mobile aw-u-cross-child-end"
-								><span class="text">Get Started</span></button
+								><span class="text">Get started</span></button
 							>
 						</div>
 					</li>
@@ -115,7 +115,7 @@
 								For personal, passion projects and non-commercial use.
 							</p>
 							<button class="aw-button is-full-width-mobile aw-u-cross-child-end"
-								><span class="text">Get Started</span></button
+								><span class="text">Get started</span></button
 							>
 						</div>
 					</li>

src/lib/layouts/Main.svelte

@@ -136,7 +136,7 @@
 		<div class="aw-mobile-header-end">
 			{#if !$isMobileNavOpen}
 				<a href="https://cloud.appwrite.io" class="aw-button">
-					<span class="text">Get Started</span>
+					<span class="text">Get started</span>
 				</a>
 			{/if}
 			<button
@@ -208,7 +208,7 @@
 						</a>
 						<a href="https://cloud.appwrite.io/register" class="aw-button is-secondary">Sign up</a>
 						<a href="https://cloud.appwrite.io" class="aw-button">
-							<span class="text">Get Started</span>
+							<span class="text">Get started</span>
 						</a>
 					</div>
 				</div>

src/routes/+page.svelte

@@ -146,14 +146,13 @@
 						</h1>
 						<div class="u-cross-child-end">
 							<p class="aw-description">
-								Appwrite is the open-source development platform where you can build any application
-								at any scale, using the coding languages and tools you want.
+								Appwrite's open-source development platform lets you build any application at any scale, own your data, and use your preferred coding languages and tools.
 							</p>
 							<a
 								href="https://cloud.appwrite.io"
 								class="aw-button is-full-width-mobile u-margin-block-start-32"
 							>
-								<span class="text">Get Started</span>
+								<span class="text">Get started</span>
 							</a>
 						</div>
 					</div>
@@ -417,6 +416,7 @@
 					style:inline-size="768px"
 					style:block-size="768px"
 					style:inset-block-start="0rem"
+					style:z-index="-1"
 					style:left="calc(50% - 384px + 350px)"
 				>
 					<img

src/routes/blog/author/dennis-ivy/+page.markdoc

@@ -0,0 +1,12 @@
+---
+layout: author
+name: Dennis Ivy
+slug: dennis-ivy
+role: Developer Advocate
+bio: Community, developer experience and educational content
+avatar: /images/avatars/dennis.png
+twitter: https://twitter.com/dennisivy11
+github: https://github.com/divanov11
+linkedin: https://www.linkedin.com/in/dennis-ivanov
+---
+

src/routes/blog/post/accessibility-in-pink-design/+page.markdoc

@@ -1,7 +1,7 @@
 ---
 layout: post
-title: Accessibility in Pink Design
-description: Lorem Ipsum dolor et amet.
+title: How Pink Design helped us improve web accessibility in our products.
+description: 
 date: 2022-11-14
 cover: /images/pages/homepage/dashboard.png
 timeToRead: 3
@@ -35,9 +35,6 @@ The term “color blindness” is often used to describe people who have trouble
 
 We use four system colors in Pink Design — red, orange, green, and blue. Each of these colors represents a state in the Appwrite Console — red indicates an error or danger, orange indicates a warning, green indicates success, and blue indicates information. Knowing the difficulties our users might face while seeing these colors, we don't rely on color to make critical information understandable.
 
->“Lorem ipsum dolor sit amet consectetur. Diam fermentum tellus ante purus nullam eget sit id ac. Purus viverra ultrices fusce posuere sed enim duis aliquam sit. Vitae fames potenti donec ultricies in. Quis sed iaculis consectetur cras feugiat nibh gravida tincidunt volutpat. Eleifend vel blandit cras tempor sed nam quis aliquet. Facilisi tempor amet id integer gravida duis. Aliquet nulla tellus risus tortor neque vestibulum arcu.” Author
-
-
 # Allow keyboard navigation
 
 People with fine motor control restrictions or disabled hands or arms will be unable to use a mouse. In Pink Design, we provide distinct states for interactive elements. By designing states like focus, hover, and active, we provide the ability to navigate all interactive elements with a keyboard. This is not only an accessible experience but also a better experience for all users who prefer keyboard navigation, including Appwrite's developer community.