2018-11-12 19:13:31 +00:00
|
|
|
const html = require('choo/html');
|
|
|
|
|
const Promo = require('./promo');
|
|
|
|
|
const Header = require('./header');
|
|
|
|
|
const Footer = require('./footer');
|
|
|
|
|
|
|
|
|
|
function banner(state) {
|
2019-03-13 17:30:03 +00:00
|
|
|
if (state.layout) {
|
|
|
|
|
return; // server side
|
|
|
|
|
}
|
|
|
|
|
const show =
|
2020-03-24 19:58:02 +00:00
|
|
|
!state.capabilities.standalone &&
|
|
|
|
|
!state.route.startsWith('/unsupported/') &&
|
|
|
|
|
state.locale === 'en-US';
|
2019-03-13 17:30:03 +00:00
|
|
|
if (show) {
|
2018-11-12 19:13:31 +00:00
|
|
|
return state.cache(Promo, 'promo').render();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
module.exports = function body(main) {
|
|
|
|
|
return function(state, emit) {
|
|
|
|
|
const b = html`
|
|
|
|
|
<body
|
2019-09-09 17:34:55 +00:00
|
|
|
class="flex flex-col items-center font-sans md:h-screen md:bg-grey-10 dark:bg-black"
|
2018-11-12 19:13:31 +00:00
|
|
|
>
|
|
|
|
|
${banner(state, emit)} ${state.cache(Header, 'header').render()}
|
|
|
|
|
${main(state, emit)} ${state.cache(Footer, 'footer').render()}
|
|
|
|
|
</body>
|
|
|
|
|
`;
|
|
|
|
|
if (state.layout) {
|
|
|
|
|
// server side only
|
|
|
|
|
return state.layout(state, b);
|
|
|
|
|
}
|
|
|
|
|
return b;
|
|
|
|
|
};
|
|
|
|
|
};
|
