diff --git a/site/src/routes/_components/Blurb.svelte b/site/src/routes/_components/Blurb.svelte index 61b249be80..dcdab3dd54 100644 --- a/site/src/routes/_components/Blurb.svelte +++ b/site/src/routes/_components/Blurb.svelte @@ -32,7 +32,7 @@ font-size: var(--h5); } - .box a { + .learn-more { position: relative; text-align: right; margin-top: auto; @@ -41,12 +41,12 @@ font-size: 1.6rem; } - .box a:hover { + .box:hover .learn-more { color: white; text-decoration: underline; } - .box a::after, .cta a::after { + .learn-more::after, .cta a::after { content: ''; position: absolute; display: block; @@ -121,26 +121,26 @@
-
+

Write less code

Build boilerplate-free components using languages you already know — HTML, CSS and JavaScript

-
learn more -
+ learn more + -
+

No virtual DOM

Svelte compiles your code to tiny, framework-less vanilla JS — your app starts fast and stays fast

-
learn more -
+ learn more + -
+

Truly reactive

No more complex state management libraries — Svelte brings reactivity to JavaScript itself

-
learn more -
+ learn more +

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.