Updated
This commit is contained in:
parent
3600f46d03
commit
4cb2af8e9d
2 changed files with 15 additions and 29 deletions
|
|
@ -3,18 +3,22 @@ import Layout from '../layouts/Layout.astro'
|
|||
import Button from '../templates/components/Button/Button.tsx'
|
||||
import Image from '../templates/components/Image/Image'
|
||||
import Page from '../templates/components/Page/Page'
|
||||
import sampleA from '../templates/images/sample.avif'
|
||||
import sampleW from '../templates/images/sample.avif'
|
||||
import OptimizeImage from '../templates/components/Optimizer/OptimizeImage'
|
||||
---
|
||||
|
||||
<Layout title="Home">
|
||||
<Page alignment='column'>
|
||||
<Page alignment="column">
|
||||
<h1>Built-in Components</h1>
|
||||
<Button edges='rounded' label="Back to Home" to="/" />
|
||||
<Button edges="rounded" label="Back to Home" to="/" />
|
||||
|
||||
<section class="image">
|
||||
<Image src="sample.png" alt="Example Image" size={400} />
|
||||
<Image src="sample.png" alt="Example Image" size={400} />
|
||||
<Image src="sample.png" alt="Example Image" size={400} />
|
||||
<Image src="sample.png" alt="Example Image" size={400} />
|
||||
<!-- <OptimizeImage src="sample.png" size={400} /> -->
|
||||
<Image avif={sampleA.src} webp={sampleW.src} alt="Example Image" size={400} />
|
||||
<Image avif={sampleA.src} webp={sampleW.src} alt="Example Image" size={400} />
|
||||
<Image avif={sampleA.src} webp={sampleW.src} alt="Example Image" size={400} />
|
||||
<Image avif={sampleA.src} webp={sampleW.src} alt="Example Image" size={400} />
|
||||
</section>
|
||||
</Page>
|
||||
</Layout>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue