36 lines
750 B
JavaScript
36 lines
750 B
JavaScript
|
import { html, css, Component } from 'wkit'
|
||
|
|
|
||
|
|
class Footer extends Component {
|
||
|
|
static styles = css`
|
||
|
|
.copyright {
|
||
|
|
flex-shrink: 0;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
width: 100%;
|
||
|
|
height: 128px;
|
||
|
|
background: var(--color-plain-1);
|
||
|
|
color: var(--color-grey-2);
|
||
|
|
|
||
|
|
.link {
|
||
|
|
margin-left: 6px;
|
||
|
|
color: var(--color-blue-1);
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
`
|
||
|
|
|
||
|
|
render() {
|
||
|
|
return html`
|
||
|
|
<footer class="copyright">
|
||
|
|
<span>©Copyright 2022 jscdn.ink Power by</span>
|
||
|
|
<a class="link" target="_blank" href="https://git.wkit.fun/bytedo/wkitd"
|
||
|
|
>wkitd</a
|
||
|
|
>
|
||
|
|
</footer>
|
||
|
|
`
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
Footer.reg('footer')
|