41 lines
1.3 KiB
Text
41 lines
1.3 KiB
Text
---
|
|
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">
|
|
<h1>Built-in Components</h1>
|
|
<Button edges="rounded" label="Back to Home" to="/" />
|
|
|
|
<section class="image">
|
|
<!-- <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>
|
|
|
|
<style lang="sass">
|
|
.page
|
|
display: flex
|
|
flex-direction: column
|
|
text-align: center
|
|
justify-content: center
|
|
align-items: center
|
|
margin: 2rem
|
|
height: auto
|
|
|
|
.image
|
|
margin: 2rem 0 0 0
|
|
border-radius: 4px
|
|
max-width: 100%
|
|
height: auto
|
|
</style>
|