diff --git a/sites/svelte.dev/src/routes/+page.svelte b/sites/svelte.dev/src/routes/+page.svelte index 4e0d9cf6d1..e00fd2de28 100644 --- a/sites/svelte.dev/src/routes/+page.svelte +++ b/sites/svelte.dev/src/routes/+page.svelte @@ -23,31 +23,33 @@
-

Write less code

+

compiled

- Build boilerplate-free components using languages you already know — HTML, CSS and JavaScript + Svelte shifts as much work as possible out of the browser and into your build step. No more + manual optimisations — just faster, more efficient apps.

- learn more +
-

No virtual DOM

+

compact

- Svelte compiles your code to tiny, framework-less vanilla JS — your app starts fast and stays - fast + Write breathtakingly concise components using languages you already know — HTML, CSS and + JavaScript. Oh, and your application bundles will be tiny as well.

- learn more +
-

Truly reactive

+

complete

- No more complex state management libraries — Svelte brings reactivity to JavaScript itself + Built-in scoped styling, state management, motion primitives, form bindings and more — don't + waste time trawling npm for the bare essentials. It's all here.

- learn more +
@@ -87,4 +89,8 @@ padding: 0.5rem 1rem; display: block; } + + p { + font-size: var(--sk-text-m); + } diff --git a/sites/svelte.dev/src/routes/_components/Demo.svelte b/sites/svelte.dev/src/routes/_components/Demo.svelte index 11052a8514..2087d19fbb 100644 --- a/sites/svelte.dev/src/routes/_components/Demo.svelte +++ b/sites/svelte.dev/src/routes/_components/Demo.svelte @@ -31,8 +31,8 @@ let selected = examples[0]; -
-

Why Svelte?

+
+

why Svelte?

diff --git a/sites/svelte.dev/src/routes/_components/WhosUsingSvelte/companies.js b/sites/svelte.dev/src/routes/_components/WhosUsingSvelte/companies.js index 9101f6e6a7..a6af27e834 100644 --- a/sites/svelte.dev/src/routes/_components/WhosUsingSvelte/companies.js +++ b/sites/svelte.dev/src/routes/_components/WhosUsingSvelte/companies.js @@ -8,10 +8,10 @@ export const companies = [ }, { href: 'https://www.alaskaair.com/', - style: 'background-color: black', + // style: 'background-color: black', filename: 'alaskaairlines.svg', alt: 'Alaska Airlines logo', - invert: true, + // invert: true, width: 113, height: 48 }, @@ -24,10 +24,9 @@ export const companies = [ }, { href: 'https://chess.com', - style: 'background-color: black', filename: 'chess.svg', alt: 'Chess.com logo', - invert: true, + width: 300, height: 85 }, diff --git a/sites/svelte.dev/src/routes/_components/WhosUsingSvelte/index.svelte b/sites/svelte.dev/src/routes/_components/WhosUsingSvelte/index.svelte index 46160c9a59..09560070e8 100644 --- a/sites/svelte.dev/src/routes/_components/WhosUsingSvelte/index.svelte +++ b/sites/svelte.dev/src/routes/_components/WhosUsingSvelte/index.svelte @@ -1,17 +1,14 @@ -
+
-

Who's using Svelte?

+

who's using svelte?

{#each sorted as { href, filename, alt, style, invert, width, height }} diff --git a/sites/svelte.dev/static/whos-using-svelte/alaskaairlines.svg b/sites/svelte.dev/static/whos-using-svelte/alaskaairlines.svg index 15d172c08b..0a3c437786 100644 --- a/sites/svelte.dev/static/whos-using-svelte/alaskaairlines.svg +++ b/sites/svelte.dev/static/whos-using-svelte/alaskaairlines.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/sites/svelte.dev/static/whos-using-svelte/chess.svg b/sites/svelte.dev/static/whos-using-svelte/chess.svg index bd85352a52..06eaa879ad 100644 --- a/sites/svelte.dev/static/whos-using-svelte/chess.svg +++ b/sites/svelte.dev/static/whos-using-svelte/chess.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file