<template> <div class="mkw-donation" :data-mobile="platform == 'mobile'"> <article> <h1>%fa:heart%%i18n:@title%</h1> <p v-if="meta"> {{ '%i18n:@text%'.substr(0, '%i18n:@text%'.indexOf('{')) }} <a :href="meta.maintainer.url">{{ meta.maintainer.name }}</a> {{ '%i18n:@text%'.substr('%i18n:@text%'.indexOf('}') + 1) }} </p> </article> </div> </template> <script lang="ts"> import define from '../../../common/define-widget'; export default define({ name: 'donation' }).extend({ data() { return { meta: null }; }, created() { (this as any).os.getMeta().then(meta => { this.meta = meta; }); } }); </script> <style lang="stylus" scoped> root(isDark) background isDark ? #282c37 : #fff border solid 1px isDark ? #c3831c : #ead8bb border-radius 6px > article padding 20px > h1 margin 0 0 5px 0 font-size 1em color isDark ? #b2bac1 : #888 > [data-fa] margin-right 0.25em > p display block z-index 1 margin 0 font-size 0.8em color isDark ? #a1a6ab : #999 &[data-mobile] border none background #ead8bb border-radius 8px box-shadow 0 0 0 1px rgba(#000, 0.2) > article > h1 color #7b8871 > p color #777d71 .mkw-donation[data-darkmode] root(true) .mkw-donation:not([data-darkmode]) root(false) </style>