Stackedit/src/components/modals/AboutModal.vue
benweet abd0890512 Added favicons.
Added sponsorship options.
Added pdf and pandoc export.
Added emoji and mermaid extensions.
Added find/replace support.
Added HTML template with TOC.
Updated welcome file.
2017-11-04 16:59:48 +00:00

59 lines
1.4 KiB
Vue

<template>
<modal-inner class="modal__inner-1--about-modal" aria-label="About">
<div class="modal__content">
<div class="logo-background"></div>
<div class="app-version">v{{version}} © 2017 Benoit Schweblin</div>
<hr>
<a target="_blank" href="https://github.com/benweet/stackedit/">StackEdit on GitHub</a> /
<a target="_blank" href="https://github.com/benweet/stackedit/issues">issue tracker</a>
<br>
<a target="_blank" href="https://chrome.google.com/webstore/detail/stackedit/iiooodelglhkcpgbajoejffhijaclcdg">Chrome app</a> thanks for your review!
<br>
<a target="_blank" href="https://twitter.com/stackedit/">StackEdit on Twitter</a>
<hr>
<a target="_blank" href="privacy_policy.html">Privacy Policy</a>
</div>
<div class="modal__button-bar">
<button class="button" @click="config.resolve()">Close</button>
</div>
</modal-inner>
</template>
<script>
import { mapGetters } from 'vuex';
import ModalInner from './common/ModalInner';
export default {
components: {
ModalInner,
},
data: () => ({
version: VERSION,
}),
computed: mapGetters('modal', [
'config',
]),
};
</script>
<style lang="scss">
.modal__inner-1--about-modal {
text-align: center;
.logo-background {
height: 75px;
margin: 0.5rem 0;
}
.app-version {
font-size: 0.75em;
}
hr {
width: 160px;
max-width: 100%;
margin: 1.5em auto;
}
}
</style>