80 regels
3.0 KiB
Vue
80 regels
3.0 KiB
Vue
<template>
|
|
<t-modal
|
|
name="about-modal"
|
|
:click-to-close="false"
|
|
:esc-to-close="true"
|
|
@closed="$store.commit('closeModal', 'about')"
|
|
>
|
|
<template v-slot:default>
|
|
<div class="mt-6 lg:mt-0 rounded shadow bg-white text-center ">
|
|
<BrushCanvas :blocks="aboutAscii" class="w-32 -right-40 relative" />
|
|
|
|
<h1 class="p-2 font-extrabold">Big Shout Outs to Patrons</h1>
|
|
<span>beenz, xartet, OfMonsters&Crime, mouse, funkpower, Charles, PP4L, octopus, addct, hotline, dingopride, skg, eraser, aaa, chz, L0j1k</span>
|
|
|
|
<h5 class="p-2 font-extrabold">Special Thanks to</h5>
|
|
<span class="text-sm">slime aka botmaster slime aka knivey for the wonderful bot integration with asciibird, sniff</span>
|
|
|
|
<h5 class="p-2 font-extrabold">Greetz to</h5>
|
|
<span class="text-xs">darkmage, l0de, bex, blarf, sludg, shart, chode, corn, ralph, jrra, kuntz, moony, sniff, scd, aztec, astro, anji, b-rex, bengt, butth0le, canada420, clamkin, deakin, dumbguy, ElBurro, interdome, syn, darkness, vae, gowce, moneytree, Retarded, spoon, sylar, zen, bj0rn, stovepipe, morthrane, chrono, acidvegas, again, hgc, durendal, knio, mavericks, pyrex, sh, irie, seirdy, sq, stratum, WeEatnKid, dieforirc, tater, buttvomit, luldangs, MichealK, AnalMan, poccri, vap0r, kakama, fregyXin, kayos, stovepipe, higgs, Audasity, PsyMaster, perplexa, alyosha, Darn, efsenable, EchoShun, dumbguy, HorseCrusherKristian</span>
|
|
</div>
|
|
</template>
|
|
|
|
<template v-slot:footer>
|
|
<div
|
|
class="flex justify-between"
|
|
@click="$store.commit('closeModal', 'about')"
|
|
>
|
|
<t-button type="button" class="p-2 w-full"> Ok </t-button>
|
|
</div>
|
|
</template>
|
|
</t-modal>
|
|
</template>
|
|
|
|
<script>
|
|
import LZString from 'lz-string';
|
|
import BrushCanvas from "./../../components/parts/BrushCanvas.vue";
|
|
export default {
|
|
name: "About",
|
|
components: {
|
|
BrushCanvas,
|
|
},
|
|
created() {},
|
|
mounted() {
|
|
if (this.showOptionsModal) {
|
|
this.open();
|
|
} else {
|
|
this.close();
|
|
}
|
|
},
|
|
data: () => ({}),
|
|
computed: {
|
|
showOptionsModal() {
|
|
return this.$store.getters.modalState.about;
|
|
},
|
|
aboutAscii() {
|
|
return JSON.parse(LZString.decompressFromEncodedURIComponent("NrDeF8BpQIgMwOYwFwAZIwMYAsCGAnFGAQRilkRXSz0ORgGUzp4k0McCiBhZit6pzowAkn1ZUOtImPIT2NLvQBC4ygqEy1AqUpgAlbZMXCAIn3KXolgLqQwViC3WDp9AG5GNbmAEYL1oFOwY6hdg5BjvKuegAKXjHChnIuusIAoglpRABqWSZaKToF9JlFxpr0AOoBIdbhwTAARmy+GKklMAAE4i0obdHZ9D1yfcgDHZXdva3txVMjkUHNs4Odi7BjE-M+Gyv9cxW7MwdrCyfjh956G7b2m6uTx6OPOze1L6dP75+XZ88sLZXRJEPZA-4-QGvI6QuqNcHfYRg6HXJEWBr7P6I0EfJYPL5vNG-bYwol40LkhoUuHU2mU+7lVFEAB6+XOjJB9AALmyfNheXoAJYC4QAZxFOI5QxgwqlnXFcvZzkJRFwCTCDPJytJRCaEvosu1TPohEVPgAJriaZEqVrrfa6RAbDYgA"));
|
|
}
|
|
},
|
|
watch: {
|
|
showOptionsModal(val) {
|
|
if (val === true) {
|
|
this.open();
|
|
}
|
|
|
|
if (val === false) {
|
|
this.close();
|
|
}
|
|
},
|
|
},
|
|
methods: {
|
|
open() {
|
|
this.$modal.show("about-modal");
|
|
},
|
|
close() {
|
|
this.$modal.hide("about-modal");
|
|
},
|
|
},
|
|
};
|
|
</script>
|