mirror of
https://github.com/nolanlawson/pinafore
synced 2024-12-12 18:28:03 +01:00
59 lines
801 B
HTML
59 lines
801 B
HTML
|
<:Head>
|
||
|
|
<title>Sapper project template</title>
|
||
|
|
</:Head>
|
||
|
|
|
||
|
|
<Layout page='home'>
|
||
|
|
<h1>Great success!</h1>
|
||
|
|
|
||
|
|
<figure>
|
||
|
|
<img src='/great-success.png'>
|
||
|
|
<figcaption>HIGH FIVE!</figcaption>
|
||
|
|
</figure>
|
||
|
|
|
||
|
|
<p><strong>Try editing this file (routes/index.html) to test hot module reloading.</strong></p>
|
||
|
|
</Layout>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
h1, figure, p {
|
||
|
|
text-align: center;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1 {
|
||
|
|
font-size: 2.8em;
|
||
|
|
text-transform: uppercase;
|
||
|
|
font-weight: 700;
|
||
|
|
margin: 0 0 0.5em 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
figure {
|
||
|
|
margin: 0 0 1em 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
img {
|
||
|
|
width: 100%;
|
||
|
|
max-width: 400px;
|
||
|
|
margin: 0 0 1em 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
p {
|
||
|
|
margin: 1em auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (min-width: 480px) {
|
||
|
|
h1 {
|
||
|
|
font-size: 4em;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import Layout from './_components/Layout.html';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
components: {
|
||
|
|
Layout
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|