From d55d9aceaa934f7119c103b9d9c5c5b11e168576 Mon Sep 17 00:00:00 2001 From: Puru Vijay Date: Mon, 1 May 2023 02:32:06 +0530 Subject: [PATCH] Fixes --- sites/svelte.dev/src/routes/+page.svelte | 26 ++++++++++++------- .../src/routes/_components/Demo.svelte | 4 +-- .../_components/WhosUsingSvelte/companies.js | 7 +++-- .../_components/WhosUsingSvelte/index.svelte | 7 ++--- .../whos-using-svelte/alaskaairlines.svg | 2 +- .../static/whos-using-svelte/chess.svg | 2 +- 6 files changed, 25 insertions(+), 23 deletions(-) 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?