2018-11-12 20:13:31 +01:00
|
|
|
const html = require('choo/html');
|
|
|
|
const Component = require('choo/component');
|
|
|
|
const assets = require('../../common/assets');
|
|
|
|
|
|
|
|
class Promo extends Component {
|
2019-04-26 20:39:24 +02:00
|
|
|
constructor(name, state) {
|
2018-11-12 20:13:31 +01:00
|
|
|
super(name);
|
2019-04-26 20:39:24 +02:00
|
|
|
this.state = state;
|
2018-11-12 20:13:31 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
update() {
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
|
|
|
createElement() {
|
|
|
|
return html`
|
2019-01-11 01:22:40 +01:00
|
|
|
<send-promo
|
2019-09-09 19:34:55 +02:00
|
|
|
class="w-full flex-row items-center content-center justify-center bg-white text-grey-80 px-4 py-3 flex border-b border-grey-banner leading-normal dark:bg-grey-90 dark:text-grey-20 dark:border-grey-80"
|
2018-11-12 20:13:31 +01:00
|
|
|
>
|
|
|
|
<div class="flex items-center mx-auto">
|
|
|
|
<img
|
2019-05-30 04:22:03 +02:00
|
|
|
src="${assets.get('master-logo.svg')}"
|
2019-05-31 13:48:32 +02:00
|
|
|
class="w-6 h-6"
|
2018-11-12 20:13:31 +01:00
|
|
|
alt="Firefox"
|
|
|
|
/>
|
2019-05-31 18:18:20 +02:00
|
|
|
<span class="ml-2 sm:ml-4 text-xs sm:text-base">
|
2019-05-30 04:22:03 +02:00
|
|
|
${this.state.translate('trailheadPromo')}${' '}
|
2018-11-12 20:13:31 +01:00
|
|
|
<a
|
2019-09-09 19:34:55 +02:00
|
|
|
class="underline link-blue"
|
2019-05-30 04:22:03 +02:00
|
|
|
href="http://www.mozilla.org/firefox/accounts/?utm_source=send.firefox.com&utm_medium=banner&utm_campaign=trailhead&utm_content=protect-your-privacy"
|
|
|
|
>${this.state.translate('learnMore')}</a
|
2018-11-12 20:13:31 +01:00
|
|
|
>
|
|
|
|
</span>
|
|
|
|
</div>
|
2019-01-11 01:22:40 +01:00
|
|
|
</send-promo>
|
2018-11-12 20:13:31 +01:00
|
|
|
`;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
module.exports = Promo;
|