|
|
|
@ -11,9 +11,9 @@
|
|
|
|
|
|
|
|
|
|
|
|
<div class="hero">
|
|
|
|
<div class="hero">
|
|
|
|
<div class="hero-content">
|
|
|
|
<div class="hero-content">
|
|
|
|
<img alt="Svelte logotype" class="logotype" src={SvelteLogotype} />
|
|
|
|
<img alt="Svelte logotype" class="logotype" src={SvelteLogotype} width="331" height="62" />
|
|
|
|
<strong>
|
|
|
|
<strong>
|
|
|
|
<span style="white-space: nowrap;">Cybernetically enhanced</span> <br /> web apps
|
|
|
|
<span style="white-space: nowrap">Cybernetically enhanced</span> <br /> web apps
|
|
|
|
</strong>
|
|
|
|
</strong>
|
|
|
|
<div class="buttons">
|
|
|
|
<div class="buttons">
|
|
|
|
<a href="https://learn.svelte.dev" rel="external" class="cta">
|
|
|
|
<a href="https://learn.svelte.dev" rel="external" class="cta">
|
|
|
|
@ -28,21 +28,42 @@
|
|
|
|
srcset={srcset(MachineDesktop.sources.avif)}
|
|
|
|
srcset={srcset(MachineDesktop.sources.avif)}
|
|
|
|
type="image/avif"
|
|
|
|
type="image/avif"
|
|
|
|
media="(min-width: 800px)"
|
|
|
|
media="(min-width: 800px)"
|
|
|
|
|
|
|
|
width="3795"
|
|
|
|
|
|
|
|
height="993"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
<source
|
|
|
|
<source
|
|
|
|
srcset={srcset(MachineDesktop.sources.webp)}
|
|
|
|
srcset={srcset(MachineDesktop.sources.webp)}
|
|
|
|
type="image/webp"
|
|
|
|
type="image/webp"
|
|
|
|
media="(min-width: 800px)"
|
|
|
|
media="(min-width: 800px)"
|
|
|
|
|
|
|
|
width="3795"
|
|
|
|
|
|
|
|
height="993"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
<source
|
|
|
|
<source
|
|
|
|
srcset={srcset(MachineDesktop.sources.png)}
|
|
|
|
srcset={srcset(MachineDesktop.sources.png)}
|
|
|
|
type="image/png"
|
|
|
|
type="image/png"
|
|
|
|
media="(min-width: 800px)"
|
|
|
|
media="(min-width: 800px)"
|
|
|
|
|
|
|
|
width="3795"
|
|
|
|
|
|
|
|
height="993"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
<source
|
|
|
|
|
|
|
|
srcset={srcset(MachineMobile.sources.avif)}
|
|
|
|
|
|
|
|
type="image/avif"
|
|
|
|
|
|
|
|
width="2208"
|
|
|
|
|
|
|
|
height="936"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
<source
|
|
|
|
|
|
|
|
srcset={srcset(MachineMobile.sources.webp)}
|
|
|
|
|
|
|
|
type="image/webp"
|
|
|
|
|
|
|
|
width="2208"
|
|
|
|
|
|
|
|
height="936"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
<source srcset={srcset(MachineMobile.sources.png)} type="image/png" width="2208" height="936" />
|
|
|
|
|
|
|
|
<img
|
|
|
|
|
|
|
|
alt="The Svelte compiler packaging up your component code"
|
|
|
|
|
|
|
|
src={MachineMobile.img.src}
|
|
|
|
|
|
|
|
width="2208"
|
|
|
|
|
|
|
|
height="936"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
<source srcset={srcset(MachineMobile.sources.avif)} type="image/avif" />
|
|
|
|
|
|
|
|
<source srcset={srcset(MachineMobile.sources.webp)} type="image/webp" />
|
|
|
|
|
|
|
|
<source srcset={srcset(MachineMobile.sources.png)} type="image/png" />
|
|
|
|
|
|
|
|
<img alt="The Svelte compiler packaging up your component code" src={MachineMobile.img.src} />
|
|
|
|
|
|
|
|
</picture>
|
|
|
|
</picture>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|