[social] add mastodon

This commit is contained in:
Andrea 2021-12-16 13:14:34 +01:00
parent 516e5f20a9
commit 1f6c350343
2 changed files with 24 additions and 7 deletions

View File

@ -11,18 +11,18 @@
</nuxt-link> </nuxt-link>
</div> </div>
<div> <div>
<p class="mb-0"> <p class="h5">
Twitter Bot: Bots:
</p> </p>
<p class="mb-0"> <p class="mb-0">
<a href="https://twitter.com/CalendarQueer" target="_blank" rel="noopener" class="btn btn-outline-primary m-1"> <a v-for="bot in bots" :href="bot.url" target="_blank" rel="noopener" class="btn btn-outline-primary m-1">
<Icon v="twitter" set="b"/> <Icon :v="bot.icon" :set="bot.iconSet || 'b'"/>
@CalendarQueer {{bot.headline}}
</a> </a>
</p> </p>
</div> </div>
<div v-if="!day"> <div v-if="!day">
<p class="mb-0"> <p class="h5">
iCalendar: iCalendar:
</p> </p>
<button :class="['btn', clipboardFeedback ? 'btn-success' : 'btn-outline-primary', 'm-1']" ref="clipboard" :data-clipboard-text="icsLink"> <button :class="['btn', clipboardFeedback ? 'btn-success' : 'btn-outline-primary', 'm-1']" ref="clipboard" :data-clipboard-text="icsLink">
@ -36,7 +36,7 @@
</a> </a>
</div> </div>
<div> <div>
<p class="mb-0"> <p class="h5">
<T>calendar.image.header</T><T>quotation.colon</T> <T>calendar.image.header</T><T>quotation.colon</T>
</p> </p>
<p class="mb-0" v-if="day"> <p class="mb-0" v-if="day">
@ -62,6 +62,7 @@
<script> <script>
import ClipboardJS from 'clipboard'; import ClipboardJS from 'clipboard';
import {socialLinks} from '../src/contact';
export default { export default {
props: { props: {
@ -71,6 +72,10 @@
data() { data() {
return { return {
clipboardFeedback: false, clipboardFeedback: false,
bots: [
socialLinks.calendar.mastodon,
socialLinks.calendar.twitter,
],
} }
}, },
mounted() { mounted() {

View File

@ -34,6 +34,12 @@ export const socialLinks = {
headline: 'fb.com/neutratywy', headline: 'fb.com/neutratywy',
}, },
mastodon: {
icon: 'mastodon',
iconSet: 'b',
url: 'https://tech.lgbt/@PronounsPage',
headline: '@PronounsPage@tech.lgbt',
},
twitter: { twitter: {
icon: 'twitter', icon: 'twitter',
iconSet: 'b', iconSet: 'b',
@ -43,6 +49,12 @@ export const socialLinks = {
}, },
calendar: { calendar: {
mastodon: {
icon: 'mastodon',
iconSet: 'b',
url: 'https://tech.lgbt/@QueerCalendar',
headline: '@QueerCalendar@tech.lgbt',
},
twitter: { twitter: {
icon: 'twitter', icon: 'twitter',
iconSet: 'b', iconSet: 'b',