diff --git a/sites/svelte.dev/src/routes/_components/Demo.svelte b/sites/svelte.dev/src/routes/_components/Demo.svelte index 7f9e0128d7..3ddab56964 100644 --- a/sites/svelte.dev/src/routes/_components/Demo.svelte +++ b/sites/svelte.dev/src/routes/_components/Demo.svelte @@ -36,7 +36,7 @@
-

Why Svelte?

+

build with ease

diff --git a/sites/svelte.dev/src/routes/_components/Supporters/index.svelte b/sites/svelte.dev/src/routes/_components/Supporters/index.svelte index 76587558c3..a4138dd15d 100644 --- a/sites/svelte.dev/src/routes/_components/Supporters/index.svelte +++ b/sites/svelte.dev/src/routes/_components/Supporters/index.svelte @@ -6,12 +6,12 @@

- Svelte is free and open source software, made possible
by the work of hundreds of supporters. + Svelte is free and open source software, made possible by the work of hundreds of supporters.

-

Contributors

+

contributors

Join us on GitHub

@@ -30,7 +30,7 @@
-

Donors

+

donors

Support us on OpenCollective

@@ -53,7 +53,7 @@ } .intro { - max-width: 25em; /* text balancing */ + max-width: 28em; /* text balancing */ margin: 0 0 3.2rem 0; } @@ -148,7 +148,7 @@ @media (min-width: 1200px) { .intro { - max-width: none; + max-width: 600px; } } diff --git a/sites/svelte.dev/src/routes/_components/Try.svelte b/sites/svelte.dev/src/routes/_components/Try.svelte index b2db46a623..65ddf2aecc 100644 --- a/sites/svelte.dev/src/routes/_components/Try.svelte +++ b/sites/svelte.dev/src/routes/_components/Try.svelte @@ -8,42 +8,13 @@
- -

- ...or - create an app - on StackBlitz. -

- -
-

- Svelte is a radical new approach to building user interfaces. Whereas traditional - frameworks like React and Vue do the bulk of their work in the browser, Svelte - shifts that work into a - compile step that happens when you build your app. No more virtual DOM! -

- -

- We're proud that Svelte was recently voted the most loved web framework - with the - most satisfied developers - drawing the - most interest in learning it - in a trio of industry surveys. We think you'll love it too. - Read the introductory blog post - to learn more. -

+
+

see for yourself

+
+ Try it locally, on StackBlitz, or
+ with the interactive tutorial. +
@@ -85,23 +56,6 @@ } } - .create-an-app { - font-size: 0.75em; - } - - .grid *::selection { - background: hsl(15, 100%, 65%); - color: white; - } - - .description { - color: var(--sk-text-1); - } - - .description p:first-child { - margin-top: 0; - } - .try { width: 100%; margin: 0 auto; @@ -109,6 +63,19 @@ color: var(--sk-text-1); } + .copy { + text-align: center; + margin: 0 0 8rem; + } + + h2 { + display: inline-block; + width: 25rem; + margin: 4rem 0 1rem; + font-size: var(--sk-text-xl); + text-align: justify; + } + a { color: inherit; text-decoration: underline; diff --git a/sites/svelte.dev/src/routes/_components/WhosUsingSvelte/index.svelte b/sites/svelte.dev/src/routes/_components/WhosUsingSvelte/index.svelte index 5978f70756..b5bec324e1 100644 --- a/sites/svelte.dev/src/routes/_components/WhosUsingSvelte/index.svelte +++ b/sites/svelte.dev/src/routes/_components/WhosUsingSvelte/index.svelte @@ -7,8 +7,20 @@
+

loved by developers

+ +

+ We're proud that Svelte was recently voted the most admired JS web framework + in one industry survey while drawing the most interest in learning it in two others. We think you'll love it too. +

+
-

Who's using Svelte?