From efab2868965976c736acebf081cc308495e9d4cf Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 3 Oct 2023 20:32:05 +0100
Subject: [PATCH 1/2] add article about new logo

---
 .../blog/author/jade-baudchon/+page.markdoc   |  11 +++
 .../+page.markdoc                             |  77 ++++++++++++++++++
 src/scss/6-elements/_media-container.scss     |   2 +-
 .../break.png                                 | Bin 0 -> 24960 bytes
 .../cover.png                                 | Bin 0 -> 234971 bytes
 .../drafts.png                                | Bin 0 -> 256716 bytes
 .../lines.png                                 | Bin 0 -> 1040699 bytes
 .../new_logo.png                              | Bin 0 -> 418872 bytes
 .../old_logo.png                              | Bin 0 -> 52442 bytes
 9 files changed, 89 insertions(+), 1 deletion(-)
 create mode 100644 src/routes/blog/author/jade-baudchon/+page.markdoc
 create mode 100644 src/routes/blog/post/the-journey-and-meaning-behind-our-new-logo/+page.markdoc
 create mode 100644 static/images/blog/the-journey-and-meaning-behind-our-new-logo/break.png
 create mode 100644 static/images/blog/the-journey-and-meaning-behind-our-new-logo/cover.png
 create mode 100644 static/images/blog/the-journey-and-meaning-behind-our-new-logo/drafts.png
 create mode 100644 static/images/blog/the-journey-and-meaning-behind-our-new-logo/lines.png
 create mode 100644 static/images/blog/the-journey-and-meaning-behind-our-new-logo/new_logo.png
 create mode 100644 static/images/blog/the-journey-and-meaning-behind-our-new-logo/old_logo.png

diff --git a/src/routes/blog/author/jade-baudchon/+page.markdoc b/src/routes/blog/author/jade-baudchon/+page.markdoc
new file mode 100644
index 00000000000..447eac58d13
--- /dev/null
+++ b/src/routes/blog/author/jade-baudchon/+page.markdoc
@@ -0,0 +1,11 @@
+---
+layout: author
+name: Jade Baudchon
+slug: jade-baudchon
+role: Visual Designer
+bio: Currently working at Appwrite
+avatar: /images/avatars/jade.png
+twitter: https://twitter.com/jade_baudchon
+linkedin: https://www.linkedin.com/in/jade-baudchon/
+---
+
diff --git a/src/routes/blog/post/the-journey-and-meaning-behind-our-new-logo/+page.markdoc b/src/routes/blog/post/the-journey-and-meaning-behind-our-new-logo/+page.markdoc
new file mode 100644
index 00000000000..fe0aeeb6d2d
--- /dev/null
+++ b/src/routes/blog/post/the-journey-and-meaning-behind-our-new-logo/+page.markdoc
@@ -0,0 +1,77 @@
+---
+layout: post
+title: The journey and meaning behind our new logo
+description: 
+date: 2023-10-03
+cover: /images/blog/the-journey-and-meaning-behind-our-new-logo/cover.png
+timeToRead: 5
+author: jade-baudchon
+category:  design
+---
+
+
+In the fast-evolving world of technology and software development, change is not just inevitable; it's essential for growth and progress. One of Appwrite's recent transformations has been the evolution of our logo. Today, we'll take you on the creative journey that led to our new logo's design and meaning - a journey with our community at its core.
+
+### How it started
+
+Our first logo was initially designed by our CEO, Eldad. Its design aimed to align with our first slogan: 'Let's make coding fun again' - featuring rounded elements reminiscent of a gaming controller and the HTML symbol, which stood for our product's original focus.
+
+Its vibrant pink color was inspired by a dress worn by our co-founder's partner, adding a personal and meaningful touch that ultimately set Appwrite apart from the crowd.
+
+During that time, this design perfectly encapsulated Appwrite's playful nature.
+
+![Appwrite's old logo](/images/blog/the-journey-and-meaning-behind-our-new-logo/old_logo.png)
+
+However, as Appwrite grew and evolved, it became increasingly clear it was becoming less aligned with our vision to empower developers to adapt to any platform, wherever they are.
+
+The HTML symbol wasn't fully inclusive of the many coding languages we had started to support. Moreover, there were issues with scaling the logo down to smaller sizes, and a questionnaire revealed that the meaning behind our logo wasn't entirely clear.
+
+We realized it was time for a change, time for a logo that not only embodied the core essence of Appwrite but could also scale with us on our journey of growth and development.
+
+We transitioned from a playful approach to something a bit more serious, making Appwrite a platform that companies could rely on as they scaled.
+
+### Our creative journey
+
+Crafting a new logo was no small task. It required meticulous planning, creativity, and a deep understanding of what Appwrite stood for.
+
+As the design process often starts with sketches, we first explored various concepts and ideas on paper. Once we had vectorized our ideas, we involved the broader team in feedback rounds to ensure we were on the right track. This provided us with invaluable insights and offered a fresh perspective on questionable aspects we might not have otherwise noticed.
+
+While we initially experimented with obvious hints related to the coding world (such as coding symbols and interface elements) we soon realized that these, although relevant to our work, were somewhat generic and didn't truly embody what makes Appwrite unique.
+
+![Appwrite's new logo drafts](/images/blog/the-journey-and-meaning-behind-our-new-logo/drafts.png)
+
+### Breakthrough moment
+
+After many reviews, we finally pinpointed the elements we actually aimed to capture. The aspects that make Appwrite unique: our global community and the essence of coding.
+
+Through numerous iterations, one design stood out. A design that symbolized both our global community and the world of code.
+
+With the design vectorized, it was time for final review rounds and tweaks. We fine-tuned the logo and conducted scaling tests to ensure it looked great at all sizes.
+
+![Appwrite's new logo transition from draft to vector](/images/blog/the-journey-and-meaning-behind-our-new-logo/break.png)
+
+
+### Our new logo
+
+The result of this creative journey is a logo that reflects the essence of Appwrite. It's not just a symbol; it's a representation of our commitment to building a global community united by a love for code.
+
+![Appwrite's new logo](/images/blog/the-journey-and-meaning-behind-our-new-logo/new_logo.png)
+
+The new logo features lines that converge to form a globe. This represents our diverse and interconnected community spread across the world. It's a testament to the power of collaboration and inclusivity that drives Appwrite.
+
+The lines in the logo evoke the idea of code - lines of code coming together to build something meaningful. This symbolism reflects the essence of our platform, empowering developers to create with ease and efficiency. These lines also feature prominently in our imagery style.
+
+Finally, its overall look is reminiscent of the lowercase letter 'a,' standing for the first letter of appwrite.
+
+![Decorative lines](/images/blog/the-journey-and-meaning-behind-our-new-logo/lines.png)
+
+
+Our new logo inspired the rest of our visual identity. Our [website](https://appwrite.io/), promotional materials, and even [documentation](https://appwrite.io/docs) are now harmonized with this new identity, giving Appwrite a fresh, meaningful, and cohesive look.
+
+### The road ahead
+
+The evolution of our logo is not just a visual change; it's a reflection of our growth, our commitment to our community, and our dedication to empowering developers worldwide.
+
+As Appwrite continues to evolve, this new logo will serve as a symbol of our journey - a journey driven by innovation, inclusivity, and the limitless possibilities we're aiming to embrace in the world of software development.
+
+We are excited to embark on this new chapter with our brand new identity. Together, we'll continue to build, code, and shape the future of software development. The journey has just begun, and the possibilities are endless, as we build like a team of 100.
\ No newline at end of file
diff --git a/src/scss/6-elements/_media-container.scss b/src/scss/6-elements/_media-container.scss
index 811c8273137..1ce4660d114 100644
--- a/src/scss/6-elements/_media-container.scss
+++ b/src/scss/6-elements/_media-container.scss
@@ -14,5 +14,5 @@
   -webkit-backdrop-filter: blur(pxToRem(25));
   backdrop-filter: blur(pxToRem(25));
 
-  > * { display:block; border-radius:var(--p-media-border-radius); overflow:hidden; }
+  > * { display:block; border-radius:var(--p-media-border-radius); overflow:hidden; width: 100%; object-fit: cover; }
 }
\ No newline at end of file
diff --git a/static/images/blog/the-journey-and-meaning-behind-our-new-logo/break.png b/static/images/blog/the-journey-and-meaning-behind-our-new-logo/break.png
new file mode 100644
index 0000000000000000000000000000000000000000..d752f493de8f72cc3fc20eb325bb82f714771870
GIT binary patch
diff --git a/static/images/blog/the-journey-and-meaning-behind-our-new-logo/cover.png b/static/images/blog/the-journey-and-meaning-behind-our-new-logo/cover.png
new file mode 100644
index 0000000000000000000000000000000000000000..5798e8144ab0c9d35aa24c1ab4261ac5552ffd4b
GIT binary patch
diff --git a/static/images/blog/the-journey-and-meaning-behind-our-new-logo/drafts.png b/static/images/blog/the-journey-and-meaning-behind-our-new-logo/drafts.png
new file mode 100644
index 0000000000000000000000000000000000000000..d3e475a5eef51bed99d011ea1e955ab7d381aea1
GIT binary patch
diff --git a/static/images/blog/the-journey-and-meaning-behind-our-new-logo/lines.png b/static/images/blog/the-journey-and-meaning-behind-our-new-logo/lines.png
new file mode 100644
index 0000000000000000000000000000000000000000..bfd137dd1ba2686f0df4e4ed6e1638bac4e16d52
GIT binary patch
diff --git a/static/images/blog/the-journey-and-meaning-behind-our-new-logo/new_logo.png b/static/images/blog/the-journey-and-meaning-behind-our-new-logo/new_logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..4c6ea112a38f9328586870049b7c6c656957073d
GIT binary patch
diff --git a/static/images/blog/the-journey-and-meaning-behind-our-new-logo/old_logo.png b/static/images/blog/the-journey-and-meaning-behind-our-new-logo/old_logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..f25fcf985bc88b0e1f2c90285b5e2876f2547f1b
GIT binary patch

From 12c27a5d0d0e73b6ce3d005f4930179a03f64b97 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Wed, 4 Oct 2023 11:44:38 +0100
Subject: [PATCH 2/2] update authors & logo blog post

---
 src/routes/blog/author/dennis-ivy/+page.markdoc               | 2 +-
 src/routes/blog/author/haimantika-mitra/+page.markdoc         | 2 +-
 src/routes/blog/author/jade-baudchon/+page.markdoc            | 2 +-
 src/routes/blog/author/laura-du-ry/+page.markdoc              | 4 ++--
 .../the-journey-and-meaning-behind-our-new-logo/+page.markdoc | 2 +-
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/routes/blog/author/dennis-ivy/+page.markdoc b/src/routes/blog/author/dennis-ivy/+page.markdoc
index 39b55568160..2dce355b04f 100644
--- a/src/routes/blog/author/dennis-ivy/+page.markdoc
+++ b/src/routes/blog/author/dennis-ivy/+page.markdoc
@@ -3,7 +3,7 @@ layout: author
 name: Dennis Ivy
 slug: dennis-ivy
 role: Developer Advocate
-bio: Community, developer experience and educational content
+bio: Community, developer experience and educational content.
 avatar: /images/avatars/dennis.png
 twitter: https://twitter.com/dennisivy11
 github: https://github.com/divanov11
diff --git a/src/routes/blog/author/haimantika-mitra/+page.markdoc b/src/routes/blog/author/haimantika-mitra/+page.markdoc
index 3604ebcb75d..6dbeaa88699 100644
--- a/src/routes/blog/author/haimantika-mitra/+page.markdoc
+++ b/src/routes/blog/author/haimantika-mitra/+page.markdoc
@@ -2,7 +2,7 @@
 layout: author
 slug: haimantika-mitra
 name: Haimantika Mitra
-role: Developer Advocate at Appwrite
+role: Developer Advocate
 bio: Talks about building community and open source.
 avatar: /images/avatars/haimantika.png
 twitter:  https://x.com/haimantikam?s=21&t=AxVjgV1KlsKcigdgwZZ1Sg
diff --git a/src/routes/blog/author/jade-baudchon/+page.markdoc b/src/routes/blog/author/jade-baudchon/+page.markdoc
index 447eac58d13..3f99dceffa6 100644
--- a/src/routes/blog/author/jade-baudchon/+page.markdoc
+++ b/src/routes/blog/author/jade-baudchon/+page.markdoc
@@ -3,7 +3,7 @@ layout: author
 name: Jade Baudchon
 slug: jade-baudchon
 role: Visual Designer
-bio: Currently working at Appwrite
+bio: Has an eye for beauty and makes Appwrite look good.
 avatar: /images/avatars/jade.png
 twitter: https://twitter.com/jade_baudchon
 linkedin: https://www.linkedin.com/in/jade-baudchon/
diff --git a/src/routes/blog/author/laura-du-ry/+page.markdoc b/src/routes/blog/author/laura-du-ry/+page.markdoc
index e32257e3015..cd1aa530f8a 100644
--- a/src/routes/blog/author/laura-du-ry/+page.markdoc
+++ b/src/routes/blog/author/laura-du-ry/+page.markdoc
@@ -2,8 +2,8 @@
 layout: author
 name: Laura Du Ry
 slug: laura-du-ry
-role: Growth manager
-bio: Managing Appwrite's growth effort.
+role: Growth Manager
+bio: On a mission to  make Appwrite famous.
 avatar: /images/avatars/laura.png
 twitter: https://twitter.com/LDRVBH
 github: https://github.com/LauraDuRy
diff --git a/src/routes/blog/post/the-journey-and-meaning-behind-our-new-logo/+page.markdoc b/src/routes/blog/post/the-journey-and-meaning-behind-our-new-logo/+page.markdoc
index fe0aeeb6d2d..f8a4b467989 100644
--- a/src/routes/blog/post/the-journey-and-meaning-behind-our-new-logo/+page.markdoc
+++ b/src/routes/blog/post/the-journey-and-meaning-behind-our-new-logo/+page.markdoc
@@ -16,7 +16,7 @@ In the fast-evolving world of technology and software development, change is not
 
 Our first logo was initially designed by our CEO, Eldad. Its design aimed to align with our first slogan: 'Let's make coding fun again' - featuring rounded elements reminiscent of a gaming controller and the HTML symbol, which stood for our product's original focus.
 
-Its vibrant pink color was inspired by a dress worn by our co-founder's partner, adding a personal and meaningful touch that ultimately set Appwrite apart from the crowd.
+Its vibrant pink color was inspired by a dress worn by our founder's partner, adding a personal and meaningful touch that ultimately set Appwrite apart from the crowd.
 
 During that time, this design perfectly encapsulated Appwrite's playful nature.
 
