diff --git a/js/src/assets/diaspora-icon.svg b/js/src/assets/diaspora-icon.svg new file mode 100644 index 000000000..7a5b5cf3a --- /dev/null +++ b/js/src/assets/diaspora-icon.svg @@ -0,0 +1,4 @@ + + + + diff --git a/js/src/views/Event/Event.vue b/js/src/views/Event/Event.vue index 50d2e0918..16446921e 100644 --- a/js/src/views/Event/Event.vue +++ b/js/src/views/Event/Event.vue @@ -184,11 +184,17 @@
- + + + + + + diaspora-logo + + -

@@ -591,6 +597,10 @@ export default class Event extends EventMixin { return `mailto:?to=&body=${this.event.url}${encodeURIComponent('\n\n')}${this.textDescription}&subject=${this.event.title}`; } + get diasporaShareUrl(): string { + return `https://share.diasporafoundation.org/?title=${encodeURIComponent(this.event.title)}&url=${encodeURIComponent(this.event.url)}`; + } + get textDescription(): string { const meta = document.querySelector("meta[property='og:description']"); if (!meta) return ''; @@ -899,6 +909,11 @@ export default class Event extends EventMixin { .share { border-bottom: solid 1px #111; + .diaspora span svg { + height: 2rem; + width: 2rem; + } + .columns { & > * {