VISAP2/NoLongerInDev.vue at main · BlueNetCat/VISAP2 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<template>
  <!-- Container -->
  <div id="nolongerindev">

    <p>Aquesta aplicació s'ha deixat de desenvolupar i mantenir en aquest lloc. L'aplicació continua en desenvolupament a <a href="https://icatmar.cat/visors/visor-pesquer/">el visor d'ICATMAR</a></p>

    <p>Esta aplicación ha dejado de ser desarrollada y mantenida en este sitio web. La aplicación continua en desarrollo en <a href="https://icatmar.cat/es/visores/visor-de-pesca/">el visor de ICATMAR</a>.</p>

    <p>This app is no longer mantained here. Please go to <a href="https://icatmar.cat/en/viewers/fishery-viewer/">ICATMAR's website</a> for its most recent version.</p>

    <button @click="buttonClicked">{{ $t('Close') }}</button>

  </div>

</template>


<script>


  // Import components

  export default {
    name: "nolongerindev",
    created(){

    },
    mounted () {

    },
    data () {
      return {

      }
    },
    methods: {
      buttonClicked: function(e){
        this.$emit('closed');
      }
    },
    components: {

    },
    computed: {

    }
  }


</script>


<style scoped>

  #nolongerindev {
    position: absolute;
    margin: auto;
    z-index: 100;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0px 0px 4px black;

    display: flex;
    flex-direction: column;
  }

</style>