49 lines
815 B
JavaScript
49 lines
815 B
JavaScript
import { LitElement, html, css } from 'lit'
|
|
|
|
import '../components/Header.js'
|
|
import '../components/Footer.js'
|
|
|
|
class FourOhFour extends LitElement {
|
|
static properties = {}
|
|
|
|
constructor() {
|
|
super()
|
|
}
|
|
|
|
render() {
|
|
return html`
|
|
<mm-header></mm-header>
|
|
|
|
<main>
|
|
<h1>404</h1>
|
|
<p>The page you're looking for cannot be found</p>
|
|
</main>
|
|
|
|
<mm-footer></mm-footer>
|
|
`
|
|
}
|
|
|
|
static styles = css`
|
|
:host {
|
|
display: grid;
|
|
grid-template-rows: auto 1fr auto;
|
|
gap: 0.5em;
|
|
height: 100vh;
|
|
}
|
|
|
|
main {
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 0em 0em 10em;
|
|
text-align: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
main > * {
|
|
margin: 0.25em;
|
|
}
|
|
`
|
|
}
|
|
|
|
customElements.define('mm-404', FourOhFour)
|