diff --git a/src/lib/layouts/DocsArticle.svelte b/src/lib/layouts/DocsArticle.svelte index 419187a7f2..6d53a1a685 100644 --- a/src/lib/layouts/DocsArticle.svelte +++ b/src/lib/layouts/DocsArticle.svelte @@ -148,7 +148,7 @@
-
diff --git a/src/lib/layouts/DocsTutorial.svelte b/src/lib/layouts/DocsTutorial.svelte index 4d0c1de3a1..9767886d22 100644 --- a/src/lib/layouts/DocsTutorial.svelte +++ b/src/lib/layouts/DocsTutorial.svelte @@ -175,7 +175,7 @@
-
diff --git a/src/routes/brand-launch/+page.svelte b/src/routes/brand-launch/+page.svelte index f08b82077e..2561761f2b 100644 --- a/src/routes/brand-launch/+page.svelte +++ b/src/routes/brand-launch/+page.svelte @@ -3,14 +3,39 @@ import { Main } from '$lib/layouts'; -
+
+ + + + + + + + + + + + +
+ +
+
+ +
+
+ +
+
+ +
@@ -36,36 +61,51 @@
-
-
+
+
+

Brand new Appwrite

-

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae diam augue. Praesent sagittis eget ipsum vitae eleifend.

+
-
-
-

All the tools that developers need

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae diam augue. - Praesent sagittis eget ipsum vitae eleifend. -

+ +
+
+
+

All the tools that developers need

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae diam augue. + Praesent sagittis eget ipsum vitae eleifend. +

+
+
+ +
-
-
-
+ +
+
+

Eliminating complexity

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae diam augue.

+
+ +
-
+

Allowing you to innovate without limits

@@ -73,6 +113,9 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae diam augue. Praesent sagittis eget ipsum vitae eleifend.

+
+ +
@@ -83,6 +126,7 @@ >
-
-

Be a part of #Teamof100

-

- Join our rebrand celebration by sharing #teamof100 in your socials for a chance to win - brand-new Appwrite swag. -

- -
-
-
-
-
-
-
- brand visual stuff -
-
- brand visual stuff +
+
+

Be a part of #Teamof100

+

+ Join our rebrand celebration by sharing #teamof100 in your socials for a chance to win + brand-new Appwrite swag. +

+
brand visual stuff
- -
diff --git a/src/routes/docs/references/[version]/[platform]/[service]/+page.svelte b/src/routes/docs/references/[version]/[platform]/[service]/+page.svelte index f2531e0f05..87e71d05fa 100644 --- a/src/routes/docs/references/[version]/[platform]/[service]/+page.svelte +++ b/src/routes/docs/references/[version]/[platform]/[service]/+page.svelte @@ -250,7 +250,7 @@
-
diff --git a/src/routes/search/+page.svelte b/src/routes/search/+page.svelte new file mode 100644 index 0000000000..af417c4ec1 --- /dev/null +++ b/src/routes/search/+page.svelte @@ -0,0 +1,107 @@ + + +
+
+ +
+
+
+ + + +
+ + + + + +
+
diff --git a/src/scss/6-elements/_media-container.scss b/src/scss/6-elements/_media-container.scss index c33da25822..811c827313 100644 --- a/src/scss/6-elements/_media-container.scss +++ b/src/scss/6-elements/_media-container.scss @@ -1,10 +1,10 @@ @use '../abstract' as *; .#{$p}-media-container { - --p-media-container-border-padding:#{pxToRem(2)}; - --p-media-container-border-radius:#{pxToRem(7)}; + --p-media-container-border-padding:#{pxToRem(7)}; + --p-media-container-border-radius:#{pxToRem(20)}; - --p-media-border-radius: #{pxToRem(5)}; + --p-media-border-radius: #{pxToRem(16)}; padding: var(--p-media-container-border-padding); border-radius: var(--p-media-container-border-radius); @@ -15,25 +15,4 @@ backdrop-filter: blur(pxToRem(25)); > * { display:block; border-radius:var(--p-media-border-radius); overflow:hidden; } - - @media #{$break2} { - --p-media-container-border-padding:#{pxToRem(5)}; - --p-media-container-border-radius:#{pxToRem(18)}; - - --p-media-border-radius: #{pxToRem(15)}; - } - - @media #{$break3} { - --p-media-container-border-padding:#{pxToRem(6)}; - --p-media-container-border-radius:#{pxToRem(22)}; - - --p-media-border-radius: #{pxToRem(19)}; - } - - @media #{$break4open} { - --p-media-container-border-padding:#{pxToRem(8)}; - --p-media-container-border-radius:#{pxToRem(24)}; - - --p-media-border-radius: #{pxToRem(20)}; - } } \ No newline at end of file diff --git a/src/scss/9-grids/_grid-side-nav.scss b/src/scss/9-grids/_grid-side-nav.scss index b8b83a7933..17474d3067 100644 --- a/src/scss/9-grids/_grid-side-nav.scss +++ b/src/scss/9-grids/_grid-side-nav.scss @@ -10,6 +10,8 @@ @media #{$break1} { &.#{$p}-container { padding-inline:pxToRem(20); } .#{$p}-side-nav { display:none; max-inline-size:none; margin-inline:pxToRem(-20); } + .#{$p}-main-section { padding-inline:pxToRem(20); padding-block-start:pxToRem(32); } + &.is-open { background:hsl(var(--aw-color-background)); > *:not(.#{$p}-mobile-header, .#{$p}-side-nav) { display:none!important; } diff --git a/src/scss/_10-utilities.scss b/src/scss/_10-utilities.scss index 252b6670e0..753a658d84 100644 --- a/src/scss/_10-utilities.scss +++ b/src/scss/_10-utilities.scss @@ -1,7 +1,9 @@ @use "abstract" as *; .#{$p}-u-hide-mobile { @media #{$break1}{ display:none!important; } } -.#{$p}-u-opacity-90 { opacity:0.9!important; } +.#{$p}-u-opacity-40-mobile { @media #{$break1}{ opacity:0.4; } } +.#{$p}-u-opacity-64 { opacity:0.64!important; } +.#{$p}-u-opacity-90 { opacity:0.9!important; } .#{$p}-u-flex-vertical {display:flex!important; flex-direction:column!important; } .#{$p}-u-flex-vertical-mobile { @media #{$break1} { flex-direction:column!important; } } @@ -14,6 +16,7 @@ .#{$p}-u-padding-inline-start-24 { padding-inline-start:pxToRem(24)!important; } .#{$p}-u-padding-inline-end-12 { padding-inline-end:12px!important; } .#{$p}-u-padding-block-0 { padding-block:0!important; } +.#{$p}-u-padding-block-4 { padding-block:pxToRem(4)!important; } .#{$p}-u-padding-block-20 { padding-block:pxToRem(20)!important; } .#{$p}-u-padding-block-start-32 { padding-block-start:pxToRem(32)!important; } .#{$p}-u-padding-block-start-40 { padding-block-start:pxToRem(40)!important; } @@ -30,13 +33,21 @@ .#{$p}-u-padding-inline-8 { padding-inline:pxToRem(8); } .#{$p}-u-padding-inline-16 { padding-inline:pxToRem(16); } +.#{$p}-u-padding-inline-start-48-not-break1 { @media #{$break2open} { padding-inline-start:pxToRem(48); } } + +.#{$p}-u-margin-inline-auto-mobile { @media #{$break1}{ margin-inline:auto;} } .#{$p}-u-margin-inline-8-negative { margin-inline:pxToRem(-8); } .#{$p}-u-margin-inline-32-negative { margin-inline:pxToRem(-32); } + +.#{$p}-u-margin-block-0 { margin-block:0; } .#{$p}-u-margin-block-start-40 { margin-block-start:pxToRem(40); } +.#{$p}-u-margin-block-start-40-mobile { @media #{$break1} {margin-block-start:pxToRem(40);} } + .#{$p}-u-sep { border:solid pxToRem(1) hsl(var(--aw-color-smooth));} .#{$p}-u-sep-block { border-block:solid pxToRem(1) hsl(var(--aw-color-smooth));} .#{$p}-u-sep-block-start { border-block-start:solid pxToRem(1) hsl(var(--aw-color-smooth));} +.#{$p}-u-sep-inline-start-not-break1{ @media #{$break2open} { border-inline-start:solid pxToRem(1) hsl(var(--aw-color-smooth)); } } .#{$p}-u-padding-block-end-136-not-mobile { @media #{$break2open} { padding-block-end:pxToRem(136)!important;} } @@ -49,10 +60,16 @@ .#{$p}-u-max-width-580 { max-inline-size:pxToRem(580); } .#{$p}-u-max-width-600 { max-inline-size:pxToRem(600); } .#{$p}-u-max-width-610 { max-inline-size:pxToRem(610); } +.#{$p}-u-max-width-680 { max-inline-size:pxToRem(680); } .#{$p}-u-max-width-700 { max-inline-size:pxToRem(700); } .#{$p}-u-max-width-800 { max-inline-size:pxToRem(800); } .#{$p}-u-max-width-993 { max-inline-size:pxToRem(993); } +.#{$p}-u-max-height-300 { max-block-size:pxToRem(300); } + +.#{$p}-u-trim-1 { @include trim(1); } +.#{$p}-u-line-height-2 { line-height:2!important; } + .#{$p}-u-size-40 { inline-size:pxToRem(40); block-size:pxToRem(40); } .#{$p}-u-block-size-48 { block-size:pxToRem(48); } .#{$p}-u-block-size-160 { block-size:pxToRem(160); } @@ -61,6 +78,7 @@ .#{$p}-u-inline-width-100-percent-mobile-break1 { @media #{$break1} { inline-size:100%; } } .#{$p}-u-max-inline-size-none-mobile { @media #{$break1} { max-inline-size:none;} } .#{$p}-u-max-inline-width-584-mobile{ @media #{$break1}, #{$break2} { max-inline-size:pxToRem(584);} } +.#{$p}-u-margin-inline-20 { margin-inline:pxToRem(20); } .#{$p}-u-margin-inline-auto-mobile { @media #{$break1}, #{$break2} { margin-inline:auto; } } .#{$p}-u-margin-block-32-mobile { @media #{$break1} { margin-block:pxToRem(32);} } @@ -127,6 +145,8 @@ .#{$p}-u-padding-inline-0 {padding-inline:0!important;} .#{$p}-u-padding-inline-64 {padding-inline:pxToRem(64)!important;} +.#{$p}-u-inset-block-start-100 { inset-block-start:pxToRem(160); } + .#{$p}-u-cross-child-start { align-self:start!important; } .#{$p}-u-cross-child-center { align-self:center!important; } diff --git a/static/images/brand/new-brand-grid-desktop.png b/static/images/brand/new-brand-grid-desktop.png index 42a7f23d4f..17bb07f507 100644 Binary files a/static/images/brand/new-brand-grid-desktop.png and b/static/images/brand/new-brand-grid-desktop.png differ diff --git a/static/images/brand/new-brand-grid-mobile.png b/static/images/brand/new-brand-grid-mobile.png index 6a44978062..32364a46c9 100644 Binary files a/static/images/brand/new-brand-grid-mobile.png and b/static/images/brand/new-brand-grid-mobile.png differ diff --git a/static/images/brand/t-shirts.png b/static/images/brand/t-shirts.png new file mode 100644 index 0000000000..5619d30971 Binary files /dev/null and b/static/images/brand/t-shirts.png differ diff --git a/static/images/pages/brand-lunch/box-1.png b/static/images/pages/brand-lunch/box-1.png new file mode 100644 index 0000000000..ca43616f98 Binary files /dev/null and b/static/images/pages/brand-lunch/box-1.png differ diff --git a/static/images/pages/brand-lunch/box-2.png b/static/images/pages/brand-lunch/box-2.png new file mode 100644 index 0000000000..23440978b2 Binary files /dev/null and b/static/images/pages/brand-lunch/box-2.png differ diff --git a/static/images/pages/brand-lunch/box.png b/static/images/pages/brand-lunch/box.png new file mode 100644 index 0000000000..b5370a1322 Binary files /dev/null and b/static/images/pages/brand-lunch/box.png differ diff --git a/static/images/pages/brand-lunch/left-side-top-brand.png b/static/images/pages/brand-lunch/left-side-top-brand.png new file mode 100644 index 0000000000..170f375188 Binary files /dev/null and b/static/images/pages/brand-lunch/left-side-top-brand.png differ diff --git a/static/images/pages/brand-lunch/right-side-top-brand.png b/static/images/pages/brand-lunch/right-side-top-brand.png new file mode 100644 index 0000000000..9ce8abaa5a Binary files /dev/null and b/static/images/pages/brand-lunch/right-side-top-brand.png differ