Comment out blurb

pull/8237/head
Puru Vijay 4 years ago
parent bc3f0b4df5
commit 10e761f13e

@ -1,5 +1,5 @@
<script> <script>
import Blurb from '@sveltejs/site-kit/components/Blurb.svelte'; // import Blurb from '@sveltejs/site-kit/components/Blurb.svelte';
import Supporters from './_components/Supporters/index.svelte'; import Supporters from './_components/Supporters/index.svelte';
import Hero from './_components/Hero.svelte'; import Hero from './_components/Hero.svelte';
import Image from './_components/Image.svelte'; import Image from './_components/Image.svelte';
@ -21,38 +21,48 @@
<Hero /> <Hero />
<div class="blurb-shifter"> <div class="blurb-shifter">
<Blurb> <!-- TODO -->
<!-- <Blurb>
<div slot="one"> <div slot="one">
<h2>Write less code</h2> <h2>Write less code</h2>
<p>Build boilerplate-free components using languages you already know — HTML, CSS and JavaScript</p> <p>
Build boilerplate-free components using languages you already know — HTML, CSS and
JavaScript
</p>
<a href="/blog/write-less-code" class="cta">learn more</a> <a href="/blog/write-less-code" class="cta">learn more</a>
</div> </div>
<div slot="two"> <div slot="two">
<h2>No virtual DOM</h2> <h2>No virtual DOM</h2>
<p>Svelte compiles your code to tiny, framework-less vanilla JS — your app starts fast and stays fast</p> <p>
Svelte compiles your code to tiny, framework-less vanilla JS — your app starts fast and
stays fast
</p>
<a href="/blog/virtual-dom-is-pure-overhead" class="cta">learn more</a> <a href="/blog/virtual-dom-is-pure-overhead" class="cta">learn more</a>
</div> </div>
<div slot="three"> <div slot="three">
<h2>Truly reactive</h2> <h2>Truly reactive</h2>
<p>No more complex state management libraries — Svelte brings reactivity to JavaScript itself</p> <p>
No more complex state management libraries — Svelte brings reactivity to JavaScript itself
</p>
<a href="/blog/svelte-3-rethinking-reactivity" class="cta">learn more</a> <a href="/blog/svelte-3-rethinking-reactivity" class="cta">learn more</a>
</div> </div>
<div class="description" slot="four"> <div class="description" slot="four">
<p> <p>
Svelte is a radical new approach to building user interfaces. Whereas traditional frameworks like React and Vue Svelte is a radical new approach to building user interfaces. Whereas traditional frameworks
do the bulk of their work in the <em>browser</em>, Svelte shifts that work into a like React and Vue do the bulk of their work in the <em>browser</em>, Svelte shifts that
work into a
<em>compile step</em> that happens when you build your app. <em>compile step</em> that happens when you build your app.
</p> </p>
<p> <p>
Instead of using techniques like virtual DOM diffing, Svelte writes code that surgically updates the DOM when Instead of using techniques like virtual DOM diffing, Svelte writes code that surgically
the state of your app changes. updates the DOM when the state of your app changes.
</p> </p>
<p> <p>
@ -61,14 +71,18 @@
>most loved web framework</a >most loved web framework</a
> >
with the with the
<a href="https://2020.stateofjs.com/en-US/technologies/front-end-frameworks/">most satisfied developers</a> <a href="https://2020.stateofjs.com/en-US/technologies/front-end-frameworks/"
>most satisfied developers</a
>
drawing the drawing the
<a <a
href="https://tsh.io/state-of-frontend/#which-of-the-following-frameworks-would-you-like-to-learn-in-the-future" href="https://tsh.io/state-of-frontend/#which-of-the-following-frameworks-would-you-like-to-learn-in-the-future"
>most interest in learning it</a >most interest in learning it</a
> >
in a trio of industry surveys. We think you'll love it too. in a trio of industry surveys. We think you'll love it too.
<a href="/blog/svelte-3-rethinking-reactivity" class="cta">Read the introductory blog post</a> to learn more. <a href="/blog/svelte-3-rethinking-reactivity" class="cta"
>Read the introductory blog post</a
> to learn more.
</p> </p>
</div> </div>
@ -82,7 +96,7 @@ npm run dev
<a href="/tutorial" class="cta">Learn Svelte</a> <a href="/tutorial" class="cta">Learn Svelte</a>
</div> </div>
</Blurb> </Blurb> -->
</div> </div>
<Demo /> <Demo />

Loading…
Cancel
Save