diff --git a/.vscode/vscode-kanban.json b/.vscode/vscode-kanban.json
index 47a6e887..9d48a542 100644
--- a/.vscode/vscode-kanban.json
+++ b/.vscode/vscode-kanban.json
@@ -1,6 +1,39 @@
 {
-  "done": [],
-  "in-progress": [],
+  "done": [
+    {
+      "assignedTo": {
+        "name": "lesion"
+      },
+      "category": "feature",
+      "creation_time": "2019-04-23T19:50:00.973Z",
+      "description": {
+        "content": "- export page ok\n- usare un'altra api per retrieve di eventi (perche' devo mostrarli tutti, non solo quelli del mese corrente)\n- non devo fare il load degli eventi nel nuxtServerInit (o dentro il layout normale oppure nelle pagine, tipo nella home)",
+        "mime": "text/markdown"
+      },
+      "details": {
+        "content": "- export page ok\n- usare un'altra api per retrieve di eventi (perche' devo mostrarli tutti, non solo quelli del mese corrente)\n- non devo fare il load degli eventi nel nuxtServerInit (o dentro il layout normale oppure nelle pagine, tipo nella home)\n",
+        "mime": "text/markdown"
+      },
+      "id": "7",
+      "prio": 1,
+      "references": [],
+      "title": "export page",
+      "type": "bug"
+    }
+  ],
+  "in-progress": [
+    {
+      "assignedTo": {
+        "name": "lesion"
+      },
+      "category": "feature",
+      "creation_time": "2019-04-23T19:46:46.332Z",
+      "id": "3",
+      "prio": 0,
+      "references": [],
+      "title": "export lista"
+    }
+  ],
   "testing": [
     {
       "assignedTo": {
@@ -15,18 +48,6 @@
     }
   ],
   "todo": [
-    {
-      "assignedTo": {
-        "name": "lesion"
-      },
-      "category": "feature",
-      "creation_time": "2019-04-23T19:50:00.973Z",
-      "id": "7",
-      "prio": 1,
-      "references": [],
-      "title": "export page",
-      "type": "bug"
-    },
     {
       "assignedTo": {
         "name": "lesion"
@@ -99,21 +120,19 @@
         "name": "lesion"
       },
       "category": "feature",
-      "creation_time": "2019-04-23T19:46:46.332Z",
-      "id": "3",
-      "prio": 0,
+      "creation_time": "2019-04-23T19:44:56.705Z",
+      "id": "1",
       "references": [],
-      "title": "export lista"
+      "title": "popup sul calendario"
     },
     {
       "assignedTo": {
         "name": "lesion"
       },
-      "category": "feature",
-      "creation_time": "2019-04-23T19:44:56.705Z",
-      "id": "1",
+      "creation_time": "2019-04-27T19:44:33.769Z",
+      "id": "12",
       "references": [],
-      "title": "popup sul calendario"
+      "title": "rifare il calendario o solo il popup"
     },
     {
       "assignedTo": {
@@ -137,6 +156,15 @@
       "references": [],
       "title": "documentare sorgenti",
       "type": "bug"
+    },
+    {
+      "assignedTo": {
+        "name": "lesion"
+      },
+      "creation_time": "2019-04-28T09:25:50.701Z",
+      "id": "13",
+      "references": [],
+      "title": "test altra visualizzazione"
     }
   ]
 }
\ No newline at end of file
diff --git a/components/Calendar.vue b/components/Calendar.vue
index 7787d5f4..d3c06ff1 100644
--- a/components/Calendar.vue
+++ b/components/Calendar.vue
@@ -1,15 +1,24 @@
 <template lang="pug">
     v-calendar#calendar.card(
+      title-position='left'
+      locale='it'
+      is-dark
       show-caps
       :attributes='attributes'
       :from-page.sync='page'
       is-expanded is-inline)
-      //- div(slot='popover', slot-scope='{ customData }')
-      //- router-link(:to="`/event/${customData.id}`") {{customData.start_datetime|hour}} - {{customData.title}} @{{customData.place.name}}
+      div(slot='popover', slot-scope='{ customData, attributes }')
+        p {{attributes}}
+        //- router-link(:to="`/event/${customData.id}`") {{customData.start_datetime|hour}} - {{customData.title}}
+        //- div(v-if='customData.days && customData.days[selectedEvent]')
+          p {{customData.days[customData.selectedEvent].title}}
+          p {{customData.days[customData.selectedEvent].tags}}
+          el-button(@click='customData.selectedEvent=customData.selectedEvent+1') {{customData.selectedEvent}}/{{customData.days.length}} 
+            v-icon(name='clock' @click='customData.selectedEvent=customData.selectedEvent+1')
+        //- @{{customData.place.name}}
 </template>
 <script>
 import { mapState, mapActions } from 'vuex'
-// import filters from '@/filters'
 import moment from 'dayjs'
 import { intersection } from 'lodash'
 
@@ -21,12 +30,11 @@ export default {
     const year = moment().year()
     return {
       page: { month, year},
+      selectedEvent: {},
+      daysWithEvents: {}
     }
   },
   
-  // async mounted () {
-    // await this.updateEvents(this.page)
-  // },
   watch: {
     page () {
       this.updateEvents(this.page)
@@ -34,17 +42,28 @@ export default {
   },
   methods: {
     ...mapActions(['updateEvents']),
+    nextEvent () {
+
+    },
     eventToAttribute(event) {
       let e = {
         key: event.id,
         customData: event,
         order: event.start_datetime,
-        // popover: {
-        //   slot: 'popover',
-        //   visibility: 'hover'
-        // }
       }
-      
+      const day = moment(event.start_datetime).date()
+      if (!this.daysWithEvents[day]) {
+        this.daysWithEvents[day] = []
+        e.popover = {
+          slot: 'popover',
+          visibility: 'hover',
+          isInteractive: true,
+          hideIndicator: true,
+        }
+        e.customData.days = this.daysWithEvents[day]
+      }
+      this.daysWithEvents[day].push({title: event.title, when: event.start_datetime, tags: event.tags })
+
       let color = event.tags && event.tags.length && event.tags[0].color ? event.tags[0].color : 'rgba(170,170,250,0.7)'
       if (event.past) color = 'rgba(200,200,200,0.5)'
       if (event.multidate) {
@@ -65,14 +84,14 @@ export default {
     filteredEvents () {
       return this.$store.getters.filteredEvents
     },
-    ...mapState(['events', 'filters', 'user', 'logged']),
+    ...mapState(['events', 'filters']),
     attributes () {
       return [
-        { key: 'todaly', dates: new Date(),
+        { key: 'today', dates: new Date(),
           highlight: {
             backgroundColor: '#aaffaa'
           },
-          // popover: {label: this.$t('Today')}
+          popover: {label: this.$t('common.today')}
         }, 
         ...this.filteredEvents.map(this.eventToAttribute)
       ]
diff --git a/components/Event.vue b/components/Event.vue
index e2cd72bd..3a375e10 100644
--- a/components/Event.vue
+++ b/components/Event.vue
@@ -5,9 +5,9 @@
       :img-src='imgPath')
         strong {{event.title}}
         div <v-icon name='clock'/> {{event.start_datetime|datetime}}
-        //- span <v-icon name='map-marker-alt'/> {{event.place.name}}
+        span <v-icon name='map-marker-alt'/> {{event.place.name}}
         br
-        el-tag.mr-1(:color='tag.color || "grey"' v-for='tag in event.tags' :key='tag.tag'
+        el-tag.mr-1(:color='tag.color' v-for='tag in event.tags' :key='tag.tag'
           size='small' @click.stop='addSearchTag(tag)') {{tag.tag}}
 </template>
 <script>
@@ -20,7 +20,7 @@ export default {
   computed: {
     ...mapState(['user']),
     imgPath() {
-      return this.event.image_path && '/uploads/thumb/' + this.event.image_path
+      return this.event.image_path && '/media/thumb/' + this.event.image_path
     },
     mine() {
       return this.event.userId === this.user.id
diff --git a/components/Home.vue b/components/Home.vue
index f8d2dbde..edac84d1 100644
--- a/components/Home.vue
+++ b/components/Home.vue
@@ -1,18 +1,18 @@
 <template lang="pug">
-  div
-    magic-grid(:animate="false" useMin :gap=5 :maxCols=4
+  div(v-loading='loading')
+    magic-grid(:animate="true" useMin :gap=5 :maxCols=4
       :maxColWidth='400' ref='magicgrid')
       div.mt-1.item
         //- Search#search
         no-ssr
           Calendar
-    Event.item.mt-1(v-for='event in events'
-      :key='event.id'
-      :event='event')
+      Event.item.mt-1(v-for='event in events'
+        :key='event.id'
+        :event='event')
 </template>
 
 <script>
-import { mapState } from 'vuex'
+import { mapState, mapActions } from 'vuex'
 import axios from 'axios'
 // import filters from '@/filters.js'
 import Event from '@/components/Event'
@@ -23,10 +23,13 @@ import Calendar from '@/components/Calendar'
 
 export default {
   name: 'Home',
-  // async asyncData ({req}) {
-  //   console.log('dentro asyncData')
-  //   const { data } = await axios.get('http://localhost:3000/api/event/2019/2')
-  //   return { events: data }
+  data () {
+    return { loading: true }
+  },
+  // created () {
+  //   const now = new Date()
+  //   const page = { month: now.getMonth() - 1, year: now.getFullYear() }
+  //   this.updateEvents(page)
   // },
   components: { Event, Calendar }, // , Calendar, Search },
   computed: {
@@ -38,9 +41,14 @@ export default {
         .sort((a, b) => a.start_datetime > b.start_datetime)
     }
   },
+  mounted () {
+    this.loading = false
+  },
+  methods: mapActions(['updateEvents']),
   watch: {
     filteredEvents() {
       this.$nextTick(this.$refs.magicgrid.positionItems)
+      this.loading = false
     }
   }
 }
diff --git a/components/List.vue b/components/List.vue
new file mode 100644
index 00000000..a9dea5fc
--- /dev/null
+++ b/components/List.vue
@@ -0,0 +1,34 @@
+<template lang="pug">
+  div#gancio-widget
+    //- el-card.mb-1(no-body header='Eventi')
+    //- b-list-group#list(flush)
+    p minimal {{minimal}}
+    ul
+      li.flex-column.align-items-start(v-for="event in events" :key='event.id'
+          :to='`/event/${event.id}`' target='_parent')
+          img(v-if='event.image_path' slot="aside" :src="`http://localhost:3000/media/${event.image_path}`" alt="Meia Aside" style='max-height: 60px')
+          strong.mb-1 {{event.title}}
+          br
+          small.float-right {{event.place.name}}
+          //- el-tag.mr-1(v-if='showtags' :color='tag.color || "rgba(64,158,255,.1)"' size='mini' v-for='tag in event.tags' :key='tag.tag') {{tag.tag}}    
+</template>
+<script>
+import axios from 'axios'
+export default {
+  name: 'List',
+  data () {
+    return {
+      events: []
+    }
+  },
+  props: {
+    minimal: {
+      type: Boolean,
+      default: false
+    }
+  },
+  async mounted () {
+    this.events = (await axios.get('http://localhost:3000/api/export/json')).data
+  }
+}
+</script>
\ No newline at end of file
diff --git a/components/Nav.vue b/components/Nav.vue
index 67a682e2..d10cf8c7 100644
--- a/components/Nav.vue
+++ b/components/Nav.vue
@@ -10,12 +10,13 @@
           span.d-md-none  {{$t('common.add_event')}}
         b-nav-item(v-if='$auth.loggedIn' to='/settings' v-b-tooltip :title='$t("common.settings")') <v-icon color='orange' name='cog'/>
           span.d-md-none  {{$t('common.settings')}}
-        b-nav-item(v-if='$auth.hasScope(`admin`)' to='/admin' v-b-tooltip :title='$t("common.admin")') <v-icon color='lightblue' name='tools'/>
+        b-nav-item(v-if='$auth.user.is_admin' to='/admin' v-b-tooltip :title='$t("common.admin")') <v-icon color='lightblue' name='tools'/>
           span.d-md-none  {{$t('common.admin')}}
         b-nav-item(to='/export' v-b-tooltip :title='$t("common.export")') <v-icon name='file-export' color='yellow'/>
           span.d-md-none  {{$t('common.export')}}
-        b-nav-item(v-if='auth.loggedIn' @click='logout' v-b-tooltip :title='$t("common.logout")') <v-icon color='red' name='sign-out-alt'/>
+        b-nav-item(v-if='$auth.loggedIn' @click='logout' v-b-tooltip :title='$t("common.logout")') <v-icon color='red' name='sign-out-alt'/>
           span.d-md-none  {{$t('common.logout')}}
+        b-nav-item
     b-navbar-nav.ml-auto
         b-nav-item(to='/about')
           span  {{$t('common.info')}} <v-icon color='#ff9fc4' name='question-circle'/>
@@ -26,7 +27,7 @@ import {mapState, mapActions} from 'vuex'
 export default {
   name: 'Nav',
   computed: {
-    ...mapState(['filters', 'auth']),
+    ...mapState(['filters']),
     filters_tags: {
       set (value) {
         this.setSearchTags(value)
diff --git a/layouts/iframe.vue b/layouts/iframe.vue
new file mode 100644
index 00000000..858c52d1
--- /dev/null
+++ b/layouts/iframe.vue
@@ -0,0 +1,3 @@
+<template lang="pug">
+    nuxt
+</template>
diff --git a/locales/it.json b/locales/it.json
index efa952cb..6f37cec2 100644
--- a/locales/it.json
+++ b/locales/it.json
@@ -17,7 +17,25 @@
     "next": "Avanti",
     "what": "Cosa",
     "address": "Indirizzo",
-    "media": "Media"
+    "media": "Media",
+    "today": "Oggi",
+    "users": "Utenti",
+    "places": "Posti",
+    "events": "Eventi",
+    "tags": "Etichette",
+    "deactivate": "Disattiva",
+    "activate": "Attiva",
+    "remove_admin": "Rimuovi Admin",
+    "name": "Nome",
+    "save": "Salva",
+    "confirm": "Conferma",
+    "tag": "Etichetta",
+    "color": "Colore",
+    "associate": "Associa",
+    "hide": "Nascondi",
+    "remove": "Elimina",
+    "edit": "Modifica",
+    "actions": "Azioni"
   },
 
   "login": {
@@ -41,6 +59,14 @@
     "where_description" : "Dov'è il gancio? Se è un luogo fisico, scrivi il suo nome del per esteso (tipo 'Mezcal Squat'), se è una Piazza/Via metti quella (tipo 'Piazza Castello, Torino'). Se trovi già il luogo dell'evento premilo e l'indirizzo verrà autocompletato.",
     "address_description": "",
     "tag_description": "Puoi inserire un tag (es. concerto, corteo)"
+  },
+
+  "admin": {
+    "event_confirm_description": "Qui puoi confermare gli eventi inseriti da utenti non iscritti",
+    "tag_description": "Cambia il colore delle etichette",
+    "place_description": "Modifica l'indirizzo di un posto",
+    "mastodon_description": "Puoi associare un account mastodon a questa istanza di gancio. Tutti gli eventi verranno pubblicati li'",
+    "mastodon_instance": "Istanza mastodon"
   }
 }
 
diff --git a/nuxt.config.js b/nuxt.config.js
index 29c34492..30bdf1da 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -41,8 +41,8 @@ module.exports = {
   plugins: ['@/plugins/element-ui', '@/plugins/filters',
     '@/plugins/i18n', '@/plugins/bootstrap-vue',
     '@/plugins/vue-awesome',
-    '@/plugins/v-calendar',
-    { src: '@/plugins/vuex-persist', ssr: false },
+    { src: '@/plugins/v-calendar', ssr: false },
+    { src: '@/plugins/vuex-persist.js', ssr: false },
     '@/plugins/magic-grid'],
 
   /*
@@ -68,7 +68,7 @@ module.exports = {
         endpoints: {
           login: { url: '/auth/login', method: 'post', propertyName: 'token' },
           logout: { url: '/auth/logout', method: 'post' },
-          user: { url: '/auth/user', method: 'get', propertyName: 'user' }
+          user: { url: '/auth/user', method: 'get', propertyName: false }
         },
         // tokenRequired: true,
         // tokenType: 'bearer',
diff --git a/package.json b/package.json
index ecb78137..73aa6086 100644
--- a/package.json
+++ b/package.json
@@ -40,6 +40,7 @@
     "sqlite3": "^4.0.6",
     "v-calendar": "^0.9.7",
     "vue-awesome": "^3.5.1",
+    "vue-custom-element": "^3.2.6",
     "vue-i18n": "^8.10.0",
     "vue-magic-grid": "^0.0.4",
     "vuex-persist": "^2.0.0"
@@ -61,6 +62,7 @@
     "eslint-plugin-vue": "^5.2.2",
     "nodemon": "^1.18.9",
     "prettier": "^1.16.4",
-    "pug-plain-loader": "^1.0.0"
+    "pug-plain-loader": "^1.0.0",
+    "webpack-cli": "^3.3.1"
   }
 }
diff --git a/pages/add.vue b/pages/add/_edit.vue
similarity index 94%
rename from pages/add.vue
rename to pages/add/_edit.vue
index ae5c2ac1..f9a8ae44 100644
--- a/pages/add.vue
+++ b/pages/add/_edit.vue
@@ -5,7 +5,7 @@
       el-tabs.mb-2(v-model='activeTab' v-loading='sending')
 
         //- NOT LOGGED EVENT
-        el-tab-pane(v-if='!logged')
+        el-tab-pane(v-if='!$auth.loggedIn')
           span(slot='label') {{$t('event.anon')}} <v-icon name='user-secret'/>
           p(v-html="$t('event.anon_description')")
           el-button.float-right(@click='next' :disabled='!couldProceed') {{$t('common.next')}}
@@ -13,7 +13,14 @@
         //- WHERE
         el-tab-pane
           span(slot='label') {{$t('common.where')}} <v-icon name='map-marker-alt'/>
-          div {{$t('common.where')}} 
+          div {{$t('common.where')}}
+            el-popover(
+              placement="top-start"
+              width="400"
+              trigger="hover")
+              v-icon(slot='reference' color='#ff9fc4' name='question-circle')
+              slot
+                p {{$t('event.where_description')}}
           el-select.mb-3(v-model='event.place.name' @change='placeChoosed' filterable allow-create default-first-option)
             el-option(v-for='place in places_name' :label='place' :value='place' :key='place.id')
           div {{$t("common.address")}}
@@ -119,7 +126,6 @@ export default {
       places_name: state => state.places.map(p => p.name ),
       places: state => state.places,
       user: state => state.user,
-      logged: state => state.logged
     }),
     disableAddress () {
       console.log('dentro disable Address')
@@ -128,7 +134,7 @@ export default {
       return ret
     },
     couldProceed () {
-      const t = this.logged ? -1 : 0
+      const t = this.$auth.loggedIn ? -1 : 0
       switch(Number(this.activeTab)) {
         case 0+t:
           return true
@@ -209,7 +215,7 @@ export default {
         this.updateMeta()
         this.sending = false
         this.$refs.modal.hide()
-        Message({ type: 'success', message: this.logged ? this.$t('event.added') : this.$t('event.added_anon')})
+        Message({ type: 'success', message: this.$auth.loggedIn ? this.$t('event.added') : this.$t('event.added_anon')})
       } catch (e) {
         this.sending = false
         console.error(e)
diff --git a/pages/admin.vue b/pages/admin.vue
index 0b83f1a1..edc22def 100644
--- a/pages/admin.vue
+++ b/pages/admin.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-  b-modal(hide-footer @hidden='$router.replace("/")' :title='$t("Admin")' 
+  b-modal(hide-footer @hidden='$router.replace("/")' :title='$t("common.admin")' 
     :visible='true' size='lg')
     el-tabs(tabPosition='left' v-model='tab')
 
@@ -7,55 +7,56 @@
       el-tab-pane.pt-1
         template(slot='label')
           v-icon(name='users')
-          span.ml-1 {{$t('Users')}}
+          span.ml-1 {{$t('common.users')}}
         el-table(:data='paginatedUsers' small)
           el-table-column(label='Email')
             template(slot-scope='data')
               el-popover(trigger='hover' :content='data.row.description' width='400')
                 span(slot='reference') {{data.row.email}}
-          el-table-column(label='Azioni')
+          el-table-column(:label="$t('common.actions')")
             template(slot-scope='data')
               el-button.mr-1(size='mini'
                 :type='data.row.is_active?"warning":"success"'
-                @click='toggle(data.row)') {{data.row.is_active?$t('Deactivate'):$t('Activate')}}
+                @click='toggle(data.row)') {{data.row.is_active?$t('common.deactivate'):$t('common.activate')}}
               el-button(size='mini'
                 :type='data.row.is_admin?"danger":"warning"'
-                @click='toggleAdmin(data.row)') {{data.row.is_admin?$t('Remove Admin'):$t('Admin')}}
+                @click='toggleAdmin(data.row)') {{data.row.is_admin?$t('common.remove_admin'):$t('common.admin')}}
         el-pagination(:page-size='perPage' :currentPage.sync='userPage' :total='users.length')
 
       //- PLACES
       el-tab-pane.pt-1
         template(slot='label')
           v-icon(name='map-marker-alt')
-          span.ml-1 {{$t('Places')}}
-        p {{$t('admin_place_explanation')}}
+          span.ml-1 {{$t('common.places')}}
+        p {{$t('admin.place_description')}}
         el-form.mb-2(:inline='true' label-width='120px')
-          el-form-item(:label="$t('Name')")
-            el-input.mr-1(:placeholder='$t("Name")' v-model='place.name')
-          el-form-item(:label="$t('Address')")
-            el-input.mr-1(:placeholder='$t("Address")' v-model='place.address')
-          el-button(variant='primary' @click='savePlace') {{$t('Save')}}
-        b-table(selectable :items='places' :fields='placeFields' striped hover 
-          small selectedVariant='success'  primary-key='id' 
-          select-mode="single" @row-selected='placeSelected'
-          :per-page='perPage' :current-page='placePage')
+          el-form-item(:label="$t('common.name')")
+            el-input.mr-1(:placeholder='$t("common.name")' v-model='place.name')
+          el-form-item(:label="$t('common.address')")
+            el-input.mr-1(:placeholder='$t("common.address")' v-model='place.address')
+          el-button(variant='primary' @click='savePlace') {{$t('common.save')}}
+        el-table(:data='paginatedPlaces' small)
+          el-table-column(:label="$t('common.name')")
+            template(slot-scope='data') {{data.row.name}}
+          el-table-column(:label="$t('common.address')")
+            template(slot-scope='data') {{data.row.address}}
         el-pagination(:page-size='perPage' :currentPage.sync='placePage' :total='places.length')
 
       //- EVENTS
       el-tab-pane.pt-1
         template(slot='label')
           v-icon(name='calendar')
-          span.ml-1 {{$t('Events')}}
-        p {{$t('event_confirm_explanation')}}
+          span.ml-1 {{$t('common.events')}}
+        p {{$t('admin.event_confirm_description')}}
         el-table(:data='paginatedEvents' small primary-key='id' v-loading='loading')
-          el-table-column(:label='$t("Name")')
+          el-table-column(:label='$t("common.name")')
             template(slot-scope='data') {{data.row.title}}
-          el-table-column(:label='$t("Where")')
+          el-table-column(:label='$t("common.where")')
             template(slot-scope='data') {{data.row.place.name}}
-          el-table-column(:label='$t("Confirm")')
+          el-table-column(:label='$t("common.confirm")')
             template(slot-scope='data')
-              el-button(type='primary' @click='confirm(data.row.id)' size='mini') {{$t('Confirm')}}
-              el-button(type='success' @click='preview(data.row.id)' size='mini') {{$t('Preview')}}
+              el-button(type='primary' @click='confirm(data.row.id)' size='mini') {{$t('common.confirm')}}
+              el-button(type='success' @click='preview(data.row.id)' size='mini') {{$t('common.preview')}}
 
         el-pagination(:page-size='perPage' :currentPage.sync='eventPage' :total='events.length')
 
@@ -63,29 +64,29 @@
       el-tab-pane.pt-1
         template(slot='label')
           v-icon(name='tag')
-          span  {{$t('Tags')}}
-        p {{$t('admin_tag_explanation')}}
-          el-tag(v-if='tag.tag' :color='tag.color || "grey"' size='mini') {{tag.tag}}
+          span  {{$t('common.tags')}}
+        p {{$t('admin.tag_description')}}
+          el-tag(v-if='tag.tag' :color='tag.color' size='mini') {{tag.tag}}
         el-form(:inline='true' label-width='120px')
-          el-form-item(:label="$t('Color')")
+          el-form-item(:label="$t('common.color')")
             el-color-picker(v-model='tag.color' @change='updateColor')
         el-table(:data='paginatedTags' striped small hover
           highlight-current-row @current-change="tagSelected")
-          el-table-column(label='Tag')
+          el-table-column(:label="$t('common.tag')")
             template(slot-scope='data')
-              el-tag(:color='data.row.color || "grey"' size='mini') {{data.row.tag}}
+              el-tag(:color='data.row.color' size='mini') {{data.row.tag}}
         el-pagination(:page-size='perPage' :currentPage.sync='tagPage' :total='tags.length')
 
       //- SETTINGS
       el-tab-pane.pt-1
         template(slot='label')
           v-icon(name='tools')
-          span  {{$t('Settings')}}
-        el-form(inline)
-          span {{$t('admin_mastodon_explanation')}}
+          span  {{$t('common.settings')}}
+        el-form(inline @submit.prevent.stop='associatemastodon_instance')
+          span {{$t('admin.mastodon_description')}}
           el-input(v-model="mastodon_instance")
-            span(slot='prepend') {{$t('Mastodon instance')}}
-            el-button(slot='append' @click='associate' variant='success' type='success') {{$t('Associate')}}
+            span(slot='prepend') {{$t('admin.mastodon_instance')}}
+            el-button(slot='append' @click='associate' :disabled='!mastodon_instance.length') {{$t('common.associate')}}
 
 </template>
 <script>
@@ -117,21 +118,28 @@ export default {
       tab: "0",
     }
   },
-  // async mounted () {
-  //   const code = this.$route.query.code
-  //   if (code) {
-  //     this.tab = "4"
-  //     const instance = await api.setCode({code, is_admin: true})
-  //   }
+  async mounted () {
+    console.log('sono dentro mounted', this.$route)
+    const code = this.$route.query.code
+
+    if (code) {
+      this.tab = "4"
+      const instance = await this.$axios.$post('/user/code', {code, is_admin: true})
+    }
   //   // this.users = await api.getUsers()
   //   // this.events = await api.getUnconfirmedEvents()
   //   // this.settings = await api.getAdminSettings()
-  //   this.mastodon_instance = this.settings.mastodon_auth && this.settings.mastodon_auth.instance
-  // },
+  },
   async asyncData ({ $axios, params, store }) {
     console.log(store.state)
-    const users = await $axios.$get('/users')
-    return { users }
+    try {
+      const users = await $axios.$get('/users')
+      const events = await $axios.$get('/event/unconfirmed')
+      const settings = await $axios.$get('/settings')
+      return { users, events, settings, mastodon_instance: settings.mastodon_auth && settings.mastodon_auth.instance}
+    } catch ( e ) {
+      console.error(e)
+    }
   },
   computed: {
     ...mapState(['tags', 'places']),
@@ -146,7 +154,11 @@ export default {
     paginatedUsers () {
       return this.users.slice((this.userPage-1) * this.perPage,
         this.userPage * this.perPage)
-    }
+    },
+    paginatedPlaces () {
+      return this.places.slice((this.placePage-1) * this.perPage,
+        this.placePage * this.perPage)
+    },    
   },
   methods: {
     placeSelected (items) {
@@ -160,7 +172,7 @@ export default {
       this.place.id = item.id
     },
     tagSelected (tag) {
-      this.tag = tag
+      this.tag = { color: tag.color, tag: tag.tag }
     },
     async savePlace () {
       const place = await api.updatePlace(this.place)
@@ -174,20 +186,25 @@ export default {
       const newuser = await api.updateUser(user)
     },
     async updateColor () {
-      const newTag = await api.updateTag(this.tag)
+      // try {
+      //   const newTag = await this.$axios.$put('/tag', this.tag)
+      // } catch (e) {
+      //   console.log(e)
+      // }
     },
     preview (id) {
       this.$router.push(`/event/${id}`)
     },
     async associate () {
       if (!this.mastodon_instance) return
-      const url = await api.getAuthURL({instance: this.mastodon_instance, admin: true})
+
+      const url = await this.$axios.$post('/user/getauthurl', {instance: this.mastodon_instance, admin: true})
       setTimeout( () => window.location.href=url, 100);
     },
     async confirm (id) {
       try {
         this.loading = true
-        await api.confirmEvent(id)
+        await this.$axios.$get(`/event/confirm/${id}`)
         this.loading = false
         Message({
           message: this.$t('event_confirmed'),
diff --git a/pages/embed/list.vue b/pages/embed/list.vue
new file mode 100644
index 00000000..8816a8e1
--- /dev/null
+++ b/pages/embed/list.vue
@@ -0,0 +1,22 @@
+<template lang="pug">
+  div
+    p porcodio
+</template>
+<script>
+import { mapState } from 'vuex'
+// import List from '../../components/List'
+import moment from 'dayjs'
+
+export default {
+  name: 'diocane',
+  layout: 'iframe',
+  // components: { List },
+  async asyncData ({ $axios, req, res }) {
+    const show_tags = req.query.showtags
+    const tags = req.query.tags
+    const places = req.query.places
+    const events = await $axios.$get('/export/json')
+    return { events, show_tags }
+  },
+}
+</script>
diff --git a/pages/event/_id.vue b/pages/event/_id.vue
index 6873a2cf..935612cf 100644
--- a/pages/event/_id.vue
+++ b/pages/event/_id.vue
@@ -3,26 +3,26 @@
     b-card(no-body, :img-src='imgPath' v-loading='loading')
       nuxt-link(to='/')
         el-button.close_button(circle icon='el-icon-close' type='success'
-          @click='$refs.eventDetail.hide()')
+          @click.prevent='$refs.eventDetail.hide()')
       b-card-header
         h3 {{event.title}}
         v-icon(name='clock')
         span  {{event.start_datetime|datetime}}
         br
         v-icon(name='map-marker-alt')
-        //- span  {{event.place.name}} - {{event.place.address}}
+        span  {{event.place.name}} - {{event.place.address}}
         br
       b-card-body(v-if='event.description || event.tags')
         pre(v-html='event.description')
         br
-        el-tag.mr-1(:color='tag.color || "grey"' v-for='tag in event.tags'
+        el-tag.mr-1(:color='tag.color' v-for='tag in event.tags'
           size='mini' :key='tag.tag') {{tag.tag}}
-        .ml-auto(v-if='mine')
+        div(v-if='mine')
           hr
-          el-button(v-if='event.is_visible' plain type='warning' @click.prevents='toggle' icon='el-icon-view') {{$t('Unconfirm')}}
-          el-button(v-else plain type='success' @click.prevents='toggle' icon='el-icon-view') {{$t('Confirm')}}
-          el-button(plain type='danger' @click.prevent='remove' icon='el-icon-remove') {{$t('Remove')}} 
-          el-button(plain type='primary' @click='$router.replace("/edit/"+event.id)') <v-icon color='orange' name='edit'/> {{$t('Edit')}}
+          el-button(v-if='event.is_visible' plain type='warning' @click.prevents='toggle' icon='el-icon-view') {{$t('common.hide')}}
+          el-button(v-else plain type='success' @click.prevents='toggle' icon='el-icon-view') {{$t('common.confirm')}}
+          el-button(plain type='danger' @click.prevent='remove' icon='el-icon-remove') {{$t('common.remove')}} 
+          el-button(plain type='primary' @click='$router.replace("/edit/"+event.id)') <v-icon color='orange' name='edit'/> {{$t('common.edit')}}
 
     //- COMMENTS ... 
     //- b-navbar(type="dark" variant="dark" toggleable='lg')
@@ -34,10 +34,17 @@
         //- span.mr-3 {{event.comments.length}} <v-icon name='comments'/>
         //- a(href='#', @click='remove')
           v-icon(color='orange' name='times')
-      //- b-card-footer(v-for='comment in event.comments')
-        strong {{comment.author}}
-        div(v-html='comment.text')
+    //- el-footer(v-for='comment in event.comments')
+      strong {{comment.author}}
+      div(v-html='comment.text')
 
+    //- el-timeline
+    //-   el-timeline-item(v-for='comment in event.comments')
+    //-     p(v-html='comment.text')
+    //-     a.el-timeline-item__timestamp(href='') {{comment.createdAt}}
+    strong {{$t('common.comments')}}
+      div.text.item(v-for='comment in event.comments')
+        span(v-html='comment.text')
 </template>
 <script>
 import { mapState, mapActions } from 'vuex';
@@ -46,13 +53,27 @@ import { mapState, mapActions } from 'vuex';
 
 export default {
   name: 'Event',
+  head () {
+    return {
+      title: this.event.title,
+      meta: [
+        // hid is used as unique identifier. Do not use `vmid` for it as it will not work
+        { hid: 'description', name: 'description', content: this.event.description },
+        { hid: 'og-description', name: 'og:description', content: this.event.description },
+        { hid: 'og-title', property: 'og:title', content: this.event.title },   
+        { hid: 'og-url', property: 'og:url', content: `event/${this.event.id}` },   
+        { property: 'og:type', content: 'event'},
+        { property: 'og:image', content: this.imgPath }
+      ]
+    }
+  },
   computed: {
-    ...mapState(['user']),
+    ...mapState([]),
     imgPath () {
-      return this.event.image_path && process.env.VUE_APP_API + '/uploads/' + this.event.image_path
+      return this.event.image_path && '/media/' + this.event.image_path
     },    
     mine () {
-      return this.event.userId === this.user.id || this.user.is_admin
+      return this.event.userId === this.$auth.user.id || this.$auth.user.is_admin
     }
   },
   data () {
@@ -90,11 +111,9 @@ export default {
       try {
         if (this.event.is_visible) {
           await this.$axios.$get(`/event/unconfirm/${this.id}`)
-          // await api.unconfirmEvent(this.id)
           this.event.is_visible = false
         } else {
           await this.$axios.$get(`/event/confirm/${this.id}`)
-          // await api.confirmEvent(this.id)
           this.event.is_visible = true
         }
       } catch (e) {
diff --git a/pages/export.vue b/pages/export.vue
index 10ea1d07..f722e2de 100644
--- a/pages/export.vue
+++ b/pages/export.vue
@@ -1,53 +1,58 @@
 <template lang="pug">
   b-modal(ref='modal' @hidden='$router.replace("/")' 
-    :title='$t("Export")' :visible='true' size='lg' hide-footer)
-    p {{$t('export_intro')}}
+    :title='$t("common.export")' :visible='true' size='lg' hide-footer)
+    p {{$t('export.intro')}}
     
-    li(v-if='filters.tags.length') {{$t('Tags')}}:
+    li(v-if='filters.tags.length') {{$t('common.tags')}}:
       el-tag.ml-1(color='#409EFF' size='mini' v-for='tag in filters.tags' :key='tag.tag') {{tag}}
-    li(v-if='filters.places.length') {{$t('Places')}}:
+    li(v-if='filters.places.length') {{$t('common.places')}}:
       el-tag.ml-1(color='#409EFF' size='mini' v-for='place in filters.places' :key='place.id') {{place}}
     el-tabs.mt-2(tabPosition='left' v-model='type')
 
       el-tab-pane.pt-1(label='email' name='email')
-        p(v-html='$t(`export_email_explanation`)')
+        p(v-html='$t(`export.email_description`)')
         el-form(@submit.native.prevent)
           //- el-switch(v-model='notification.notify_on_add' :active-text="$t('notify_on_insert')")
           //- br
           //- el-switch.mt-2(v-model='notification.send_notification' :active-text="$t('send_notification')") 
-          el-input.mt-2(v-model='notification.email' :placeholder="$t('Insert your address')" ref='email')
+          el-input.mt-2(v-model='notification.email' :placeholder="$t('common.insert_your_address')" ref='email')
           el-button.mt-2.float-right(native-type= 'submit' type='success' @click='add_notification') {{$t('Send')}}
 
       el-tab-pane.pt-1(label='feed rss' name='feed')
-        span(v-html='$t(`export_feed_explanation`)')
+        span(v-html='$t(`export.feed_description`)')
         el-input(v-model='link')
-          el-button(slot='append' plain type="primary" icon='el-icon-document' v-clipboard:copy="link") {{$t("Copy")}}
+          el-button(slot='append' plain type="primary" icon='el-icon-document' v-clipboard:copy="link") {{$t("common.copy")}}
 
       el-tab-pane.pt-1(label='ics/ical' name='ics')
-        p(v-html='$t(`export_ical_explanation`)')
+        p(v-html='$t(`export.ical_description`)')
         el-input(v-model='link')
-          el-button(slot='append' plain type="primary" icon='el-icon-document' v-clipboard:copy="link") {{$t("Copy")}}
+          el-button(slot='append' plain type="primary" icon='el-icon-document' v-clipboard:copy="link") {{$t("common.opy")}}
 
       el-tab-pane.pt-1(label='list' name='list')
-        p(v-html='$t(`export_list_explanation`)')
-        el-card.mb-1(no-body header='Eventi')
-          b-list-group#list(flush)
-            b-list-group-item.flex-column.align-items-start(v-for="event in filteredEvents" :key='event.id'
-              :to='`/event/${event.id}`')
-                //- b-media
-                  img(v-if='event.image_path' slot="aside" :src="imgPath(event)" alt="Meia Aside" style='max-height: 60px')
-                small.float-right {{event.start_datetime|datetime}}
-                strong.mb-1 {{event.title}}
-                br
-                small.float-right {{event.place.name}}
-                el-tag.mr-1(:color='tag.color || "grey"' size='mini' v-for='tag in event.tags' :key='tag.tag') {{tag.tag}}
+        p(v-html='$t(`export.list_description`)')
+        //- el-form-item(:label="$t('export.show_tags')")
+        el-switch(v-model='list.show_tags')
+        
+        iframe(:src='`http://localhost:3000/embed/list?tags=cia&showtags=${list.show_tags?"true":""}`' height='300')
+        //- el-card.mb-1(no-body header='Eventi')
+        //-   b-list-group#list(flush)
+        //-     b-list-group-item.flex-column.align-items-start(v-for="event in filteredEvents" :key='event.id'
+        //-       :to='`/event/${event.id}`')
+        //-         //- b-media
+        //-           img(v-if='event.image_path' slot="aside" :src="imgPath(event)" alt="Meia Aside" style='max-height: 60px')
+        //-         small.float-right {{event.start_datetime|datetime}}
+        //-         strong.mb-1 {{event.title}}
+        //-         br
+        //-         small.float-right {{event.place.name}}
+        //-         el-tag.mr-1(:color='tag.color || "grey"' size='mini' v-for='tag in event.tags' :key='tag.tag') {{tag.tag}}
         el-input.mb-1(type='textarea' v-model='script')
         el-button.float-right(plain type="primary" icon='el-icon-document' v-clipboard:copy="script") Copy
 
 
       el-tab-pane.pt-1(label='calendar' name='calendar')
-        p(v-html='$t(`export_calendar_explanation`)')
-        Calendar.mb-1
+        p(v-html='$t(`export.calendar_description`)')
+        //- no-ssr
+          Calendar.mb-1
         el-input.mb-1(type='textarea' v-model='script')
         el-button.float-right(plain type="primary" icon='el-icon-document' v-clipboard:copy="script") Copy
 
@@ -57,13 +62,14 @@ import { mapState } from 'vuex'
 import path from 'path'
 // import filters from '../filters'
 import Calendar from '@/components/Calendar'
+import List from '@/components/List'
 import {intersection} from 'lodash'
 // import api from '@/api'
 import { Message } from 'element-ui'
 
 export default {
   name: 'Export',
-  components: { Calendar },
+  components: { List },
   data () {
     return {
       type: 'email',
@@ -71,6 +77,7 @@ export default {
       export_list: true,
       script: `<iframe>Ti piacerebbe</iframe>`,
       notification: { email: '' },
+      list: { show_tags: true },
     }
   },
   // filters,
@@ -113,7 +120,7 @@ export default {
     },
   },
   computed: {
-    ...mapState(['filters', 'user', 'logged', 'events']),
+    ...mapState(['filters', 'events']),
     filteredEvents () {
       return this.$store.getters.filteredEvents.filter(e => !e.past)
     },
diff --git a/pages/settings.vue b/pages/settings.vue
index b9f38b27..cd22a133 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -26,7 +26,7 @@ export default {
     // if (code) {
       // const res = await api.setCode({code})
     // }
-    const user = await $axios.$get('/user')
+    const user = await $axios.$get('/auth/user')
     user.mastodon_auth = ''
     return { user } //, mastodon_instance: user.mastodon_auth.instance }
     // this.user = user
diff --git a/plugins/element-ui.js b/plugins/element-ui.js
index de888549..9ac5c326 100644
--- a/plugins/element-ui.js
+++ b/plugins/element-ui.js
@@ -1,7 +1,8 @@
 import Vue from 'vue'
 import { Button, Select, Tag, Option, Table, FormItem, Card,
   Form, Tabs, TabPane, Switch, Input, Loading, TimeSelect,
-  TableColumn, ColorPicker, Pagination, Popover } from 'element-ui'
+  TableColumn, ColorPicker, Pagination, Popover, Tooltip,
+  Container, Footer , Timeline, TimelineItem} from 'element-ui'
 import localeEn from 'element-ui/lib/locale/lang/en'
 import localeIt from 'element-ui/lib/locale/lang/it'
 import locale from 'element-ui/lib/locale'
@@ -9,6 +10,11 @@ locale.use(localeIt)
 
 export default () => {
   Vue.use(Button)
+  Vue.use(Container)
+  Vue.use(Timeline)
+  Vue.use(TimelineItem)
+  Vue.use(Footer)
+  Vue.use(Tooltip)
   Vue.use(Popover)
   Vue.use(Card)
   Vue.use(Select)
diff --git a/plugins/v-calendar.js b/plugins/v-calendar.js
index fd7f3431..403da668 100644
--- a/plugins/v-calendar.js
+++ b/plugins/v-calendar.js
@@ -1,9 +1,9 @@
 import Vue from 'vue'
 import VCalendar from 'v-calendar'
-import 'v-calendar/lib/v-calendar.min.css'
+// import 'v-calendar/lib/v-calendar.min.css'
 
 export default () => {
   Vue.use(VCalendar, {
     firstDayOfWeek: 2
   })
-}
+}
\ No newline at end of file
diff --git a/plugins/vuex-persist.js b/plugins/vuex-persist.js
index 8f0700ff..a0cf9450 100644
--- a/plugins/vuex-persist.js
+++ b/plugins/vuex-persist.js
@@ -1,8 +1,9 @@
-// ~/plugins/vuex-persist.js
-import VuexPersistence from 'vuex-persist'
+// // ~/plugins/vuex-persist.js
+// import VuexPersistence from 'vuex-persist'
 
-export default ({ store }) => {
-  return new VuexPersistence({
-    reducer: state => ({ logged: state.logged, user: state.user, token: state.token })
-  }).plugin(store)
-}
+// export default ({ store }) => {
+//   const per = new VuexPersistence({
+//     reducer: state => ({ logged: state.logged, user: state.user, token: state.token })
+//   }).plugin(store)
+//   store.dispatch('login')
+// }
diff --git a/server/api/auth.js b/server/api/auth.js
index fc74a8b4..85f9abb4 100644
--- a/server/api/auth.js
+++ b/server/api/auth.js
@@ -1,43 +1,30 @@
-const jwt = require('jsonwebtoken')
 const { Op } = require('sequelize')
 const config = require('./config')
 const User = require('./models/user')
 
 const Auth = {
-  fillUser(req, res, next) {
-    const token =
-      req.body.token || req.params.token || req.headers.authorization
-    if (!token) return next()
-    jwt.verify(token, config.secret, async (err, decoded) => {
-      if (err) return next()
-      req.user = await User.findOne({
-        where: { email: { [Op.eq]: decoded.email }, is_active: true }
-      })
-      next()
+  async fillUser(req, res, next) {
+    if (!req.user) return next(new Error('ERROR! No user'))
+    req.user = await User.findOne({
+      where: { id: { [Op.eq]: req.user.id }, is_active: true }
     })
+    next()
   },
-  isAuth(req, res, next) {
-    const token =
-      (req.body && req.body.token) ||
-      req.params.token ||
-      req.headers.authorization
-    if (!token) return res.status(403).send({ message: 'Token not found' })
-    jwt.verify(token, config.secret, async (err, decoded) => {
-      if (err) {
-        return res
-          .status(403)
-          .send({ message: 'Failed to authenticate token ' + err })
-      }
-      req.user = await User.findOne({
-        where: { email: { [Op.eq]: decoded.email }, is_active: true }
-      })
-      if (!req.user) {
-        return res
-          .status(403)
-          .send({ message: 'Failed to authenticate token ' + err })
-      }
-      next()
+  async isAuth(req, res, next) {
+    if (!req.user) {
+      return res
+        .status(403)
+        .send({ message: 'Failed to authenticate token ' })
+    }
+    req.user = await User.findOne({
+      where: { id: { [Op.eq]: req.user.id }, is_active: true }
     })
+    if (!req.user) {
+      return res
+        .status(403)
+        .send({ message: 'Failed to authenticate token ' + err })
+    }
+    next()
   },
   isAdmin(req, res, next) {
     if (req.user.is_admin && req.user.is_active) return next()
diff --git a/server/api/config.js b/server/api/config.js
index e0f2b99f..b9acb27a 100644
--- a/server/api/config.js
+++ b/server/api/config.js
@@ -6,11 +6,11 @@ module.exports = {
   locale: process.env.LOCALE || 'it',
   title: process.env.TITLE || 'GANCIO',
   description: process.env.DESCRIPTION || 'A calendar for radical communities',
-  baseurl: process.env.BASE_URL || 'http://localhost:8080',
+  baseurl: process.env.BASE_URL || 'http://localhost:3000',
   apiurl:
     env === 'production'
       ? process.env.BASE_URL + '/api'
-      : 'http://localhost:9000',
+      : 'http://localhost:3000/api',
   db,
   admin: process.env.ADMIN_EMAIL,
 
diff --git a/server/api/controller/bot.js b/server/api/controller/bot.js
index bedcae91..edaadd32 100644
--- a/server/api/controller/bot.js
+++ b/server/api/controller/bot.js
@@ -1,17 +1,29 @@
-// const { User, Event, Comment, Tag } = require('../model')
+const { User, Event, Comment, Tag } = require('../model')
 const config = require('../config')
 const Mastodon = require('mastodon-api')
 // const Sequelize = require('sequelize')
 // const Op = Sequelize.Op
+const settingsController = require('./settings')
 const fs = require('fs')
 const path = require('path')
 const moment = require('moment')
 moment.locale('it')
 
 const botController = {
-  bots: [],
-  // async initialize () {
-  //   console.log('initialize bots')
+  bot: null,
+  async initialize () {
+    console.log('initialize bot')
+    const settings = await settingsController.settings()
+    if (!settings.mastodon_auth) return
+    const mastodon_auth = settings.mastodon_auth
+    console.log('instance ', `https://${mastodon_auth.instance}/api/v1/`)
+    botController.bot = new Mastodon({ 
+      access_token: mastodon_auth.access_token,
+      api_url: `https://${mastodon_auth.instance}/api/v1`
+    })
+    const listener = botController.bot.stream('/streaming/direct')
+    listener.on('message', botController.message)
+    listener.on('error', botController.error)
   //   const botUsers = await User.findAll({ where: { mastodon_auth: { [Op.ne]: null } } })
   //   console.log(botUsers)
   //   botController.bots = botUsers.map(user => {
@@ -21,7 +33,6 @@ const botController = {
   //     const bot = new Mastodon({ access_token, api_url: `https://${user.mastodon_instance}/api/v1/` })
   //     const listener = bot.stream('streaming/direct')
   //     listener.on('message', botController.message)
-  //     listener.on('error', botController.error)
   //     return { email: user.email, bot }
   //   })
   // console.log(botController.bots)
@@ -32,8 +43,9 @@ const botController = {
   //   listener.on('message', botController.message)
   //   listener.on('error', botController.error)
   //   botController.bots.push({ email: user.email, bot })
-  // },
+  },
   async post (mastodon_auth, event) {
+    console.log('dentro post!')
     const { access_token, instance } = mastodon_auth
     const bot = new Mastodon({ access_token, api_url: `https://${instance}/api/v1/` })
     const status = `${event.title} @ ${event.place.name} ${moment(event.start_datetime).format('ddd, D MMMM HH:mm')} - 
@@ -41,28 +53,30 @@ ${event.description.length > 200 ? event.description.substr(0, 200) + '...' : ev
 
     let media
     if (event.image_path) {
-      const file = path.join(__dirname, '..', '..', 'uploads', event.image_path)
+      const file = path.join(__dirname, '..', '..', '..', 'uploads', event.image_path)
       if (fs.statSync(file)) {
         media = await bot.post('media', { file: fs.createReadStream(file) })
       }
     }
-    return bot.post('statuses', { status, visibility: 'public', media_ids: media ? [media.data.id] : [] })
-  }
-  // async message (msg) {
-  //   console.log(msg)
-  //   console.log(msg.data.accounts)
-  //   const replyid = msg.data.in_reply_to_id || msg.data.last_status.in_reply_to_id
-  //   if (!replyid) return
-  // const event = await Event.findOne({ where: { activitypub_id: replyid } })
-  // if (!event) {
-  // check for comment..
-  // const comment = await Comment.findOne( {where: { }})
-  // }
-  // const comment = await Comment.create({activitypub_id: msg.data.last_status.id, text: msg.data.last_status.content, author: msg.data.accounts[0].username })
-  // event.addComment(comment)
-  // console.log(event)
-  // const comment = await Comment.findOne( { where: {activitypub_id: msg.data.in_reply_to}} )
-  // console.log('dentro message ', data)
+    return bot.post('statuses', { status, visibility: 'direct', media_ids: media ? [media.data.id] : [] })
+  },
+  async message (msg) {
+    console.log(msg)
+    console.log(msg.data.accounts)
+    const replyid = msg.data.in_reply_to_id || msg.data.last_status.in_reply_to_id
+    if (!replyid) return
+    const event = await Event.findOne({ where: { activitypub_id: replyid } })
+    if (!event) {
+      console.error('associated event not found !')
+      // check for comment..
+      // const comment = await Comment.findOne( {where: { }})
+      return 
+    }
+    const comment = await Comment.create({activitypub_id: msg.data.last_status.id, text: msg.data.last_status.content, author: msg.data.accounts[0].username })
+    event.addComment(comment)
+    console.log(event)
+    // const comment = await Comment.findOne( { where: {activitypub_id: msg.data.in_reply_to}} )
+    // console.log('dentro message ', data)
 
   // add comment to specified event
   // let comment
@@ -72,11 +86,11 @@ ${event.description.length > 200 ? event.description.substr(0, 200) + '...' : ev
   // }
   // const comment = new Comment(req.body)
   // event.addComment(comment)
-  // },
-  // error (err) {
-  //   console.log('error ', err)
-  // }
+  },
+  error (err) {
+    console.log('error ', err)
+  }
 }
 
-// setTimeout(botController.initialize, 2000)
+setTimeout(botController.initialize, 2000)
 module.exports = botController
diff --git a/server/api/controller/event.js b/server/api/controller/event.js
index d6925fec..ea3ba750 100644
--- a/server/api/controller/event.js
+++ b/server/api/controller/event.js
@@ -136,7 +136,6 @@ const eventController = {
   },
 
   async getAll(req, res) {
-    console.log('sono qui dentro !')
     // this is due how v-calendar shows dates
     const start = moment().year(req.params.year).month(req.params.month)
       .startOf('month').startOf('isoWeek')
@@ -145,20 +144,20 @@ const eventController = {
     if (shownDays <= 34) end = end.add(1, 'week')
     end = end.endOf('isoWeek')
     const events = await Event.findAll({
-      // where: {
-        // is_visible: true,
-        // [Op.and]: [
-          // { start_datetime: { [Op.gte]: start } },
-          // { start_datetime: { [Op.lte]: end } }
-        // ]
-      // },
-      // order: [['start_datetime', 'ASC']],
-      // include: [
-        // { model: User, required: false },
-        // Comment,
-        // Tag,
-        // { model: Place, required: false }
-      // ]
+      where: {
+        is_visible: true,
+        [Op.and]: [
+          { start_datetime: { [Op.gte]: start } },
+          { start_datetime: { [Op.lte]: end } }
+        ]
+      },
+      order: [['start_datetime', 'ASC']],
+      include: [
+        { model: User, required: false },
+        Comment,
+        Tag,
+        { model: Place, required: false }
+      ]
     })
     // console.log(events)
     res.json(events)
diff --git a/server/api/controller/export.js b/server/api/controller/export.js
index 3f54ecf2..541433c7 100644
--- a/server/api/controller/export.js
+++ b/server/api/controller/export.js
@@ -32,6 +32,8 @@ const exportController = {
         return exportController.feed(res, events.slice(0, 20))
       case 'ics':
         return exportController.ics(res, events)
+      case 'json':
+        return res.json(events)
     }
   },
 
diff --git a/server/api/controller/user.js b/server/api/controller/user.js
index 432f5813..a101d1c3 100644
--- a/server/api/controller/user.js
+++ b/server/api/controller/user.js
@@ -27,12 +27,12 @@ const userController = {
       } else {
         // if user is found and password is right
         // create a token
-        const accessToken = jsonwebtoken.sign({ user:
+        const accessToken = jsonwebtoken.sign(
           {
             id: user.id,
             email: user.email,
             scope: [user.is_admin ? 'admin' : 'user']
-          }},
+          },
           config.secret
         )
       
diff --git a/server/api/index.js b/server/api/index.js
index 19f253c1..2a176419 100644
--- a/server/api/index.js
+++ b/server/api/index.js
@@ -7,7 +7,7 @@ const userController = require('./controller/user')
 const settingsController = require('./controller/settings')
 const config = require('./config')
 
-// const botController = require('./controller/bot')
+const botController = require('./controller/bot')
 const jwt = require('express-jwt')({secret: config.secret})
 
 const storage = require('./storage')({
@@ -20,7 +20,7 @@ const api = express.Router()
 // AUTH
 api.post('/auth/login', userController.login)
 api.post('/auth/logout', userController.logout)
-api.get('/auth/user', jwt, userController.current)
+api.get('/auth/user', jwt, fillUser, userController.current)
 
 api.post('/user/recover', userController.forgotPassword)
 api.post('/user/check_recover_code', userController.checkRecoverCode)
@@ -33,32 +33,32 @@ api
   // get current user
   // .get(isAuth, userController.current)
   // update user (eg. confirm)
-  .put(isAuth, isAdmin, userController.update)
+  .put(jwt, isAuth, isAdmin, userController.update)
 
 // get all users
-api.get('/users', isAuth, isAdmin, userController.getAll)
+api.get('/users', jwt, isAuth, isAdmin, userController.getAll)
 
 // update a tag (modify color)
-api.put('/tag', isAuth, isAdmin, eventController.updateTag)
+api.put('/tag', jwt, isAuth, isAdmin, eventController.updateTag)
 
 // update a place (modify address..)
-api.put('/place', isAuth, isAdmin, eventController.updatePlace)
+api.put('/place', jwt, isAuth, isAdmin, eventController.updatePlace)
 
 api
   .route('/user/event')
   // add event
-  .post(fillUser, upload.single('image'), userController.addEvent)
+  .post(jwt, fillUser, upload.single('image'), userController.addEvent)
   // update event
-  .put(isAuth, upload.single('image'), userController.updateEvent)
+  .put(jwt, isAuth, upload.single('image'), userController.updateEvent)
 
 // remove event
-api.delete('/user/event/:id', isAuth, userController.delEvent)
+api.delete('/user/event/:id', jwt, isAuth, userController.delEvent)
 
 // get tags/places
 api.get('/event/meta', eventController.getMeta)
 
 // get unconfirmed events
-api.get('/event/unconfirmed', isAuth, isAdmin, eventController.getUnconfirmed)
+api.get('/event/unconfirmed', jwt, isAuth, isAdmin, eventController.getUnconfirmed)
 
 // add event notification
 api.post('/event/notification', eventController.addNotification)
@@ -71,22 +71,17 @@ api.post('/settings', settingsController.setAdminSetting)
 api.get('/event/:event_id', eventController.get)
 
 // confirm event
-api.get('/event/confirm/:event_id', isAuth, isAdmin, eventController.confirm)
-api.get(
-  '/event/unconfirm/:event_id',
-  isAuth,
-  isAdmin,
-  eventController.unconfirm
-)
+api.get('/event/confirm/:event_id', jwt, isAuth, isAdmin, eventController.confirm)
+api.get('/event/unconfirm/:event_id', jwt, isAuth, isAdmin, eventController.unconfirm)
 
 // export events (rss/ics)
 api.get('/export/:type', exportController.export)
 
 // get events in this range
-api.get('/event/:year/:month', eventController.getAll)
+api.get('/event/:month/:year', eventController.getAll)
 
 // mastodon oauth auth
-api.post('/user/getauthurl', isAuth, userController.getAuthURL)
-api.post('/user/code', isAuth, userController.code)
+api.post('/user/getauthurl', jwt, isAuth, userController.getAuthURL)
+api.post('/user/code', jwt, isAuth, userController.code)
 
 module.exports = api
diff --git a/server/api/models/event.js b/server/api/models/event.js
index 35524b74..d9c4541e 100644
--- a/server/api/models/event.js
+++ b/server/api/models/event.js
@@ -9,8 +9,9 @@ const Event = db.define('event', {
   start_datetime: { type: Sequelize.DATE, index: true },
   end_datetime: { type: Sequelize.DATE, index: true },
   image_path: Sequelize.STRING,
+  is_visible: Sequelize.BOOLEAN,
   activitypub_id: { type: Sequelize.INTEGER, index: true },
-  is_visible: Sequelize.BOOLEAN
+  // activitypub_ids: { type: Sequelize.ARRAY, index}
 })
 
 const Tag = db.define('tag', {
@@ -20,6 +21,8 @@ const Tag = db.define('tag', {
 
 const Comment = db.define('comment', {
   activitypub_id: { type: Sequelize.INTEGER, index: true },
+  url: Sequelize.STRING,
+  media_attachments: { type: Sequelize.ARRAY(Sequelize.STRING) },
   author: Sequelize.STRING,
   text: Sequelize.STRING
 })
@@ -63,10 +66,10 @@ Event.belongsTo(Place)
 User.hasMany(Event)
 Place.hasMany(Event)
 
-// async function init() {
-//   await Notification.findOrCreate({ where: { type: 'mastodon', filters: { is_visible: true } } })
-//   await Notification.findOrCreate({ where: { type: 'admin_email', filters: { is_visible: false } } })
-// }
+async function init() {
+  await Notification.findOrCreate({ where: { type: 'mastodon', filters: { is_visible: true } } })
+  // await Notification.findOrCreate({ where: { type: 'admin_email', filters: { is_visible: false } } })
+}
 
-// init()
+init()
 module.exports = { Event, Comment, Tag, Place, Notification, EventNotification }
diff --git a/server/cron.js b/server/cron.js
new file mode 100644
index 00000000..354fd40d
--- /dev/null
+++ b/server/cron.js
@@ -0,0 +1,65 @@
+// const mail = require('./mail')
+const bot = require('./api/controller/bot')
+const settingsController = require('./api/controller/settings')
+const config = require('./api/config.js')
+
+const { Event, Notification, EventNotification,
+  User, Place, Tag } = require('./api/model')
+let settings
+
+async function sendNotification (notification, event, eventNotification) {
+  const promises = []
+  switch (notification.type) {
+    // case 'mail':
+      // return mail.send(notification.email, 'event', { event, config, notification })
+  //  case 'admin_email':
+   //   const admins = await User.findAll({ where: { is_admin: true } })
+    //  const admin_emails = admins.map(admin => admin.email)
+    //  return mail.send(admin_emails, 'event', { event, to_confirm: true, notification })
+    case 'mastodon':
+      // instance publish
+      if (settings.mastodon_auth.instance && settings.mastodon_auth.access_token) {
+        const b = bot.post(settings.mastodon_auth, event).then(b => {
+          console.log('ho postato admin post cose', b.data.id)
+          event.activitypub_id = b.data.id
+          return event.save()
+        })
+        promises.push(b)
+      }
+      // user publish
+      if (event.user && event.user.mastodon_auth && event.user.mastodon_auth.access_token) {
+        const b = bot.post(event.user.mastodon_auth, event).then(ret => {
+          event.activitypub_id = ret.id
+          return event.save()
+        })
+        promises.push(b)
+      }
+      break
+  }
+  return Promise.all(promises)
+}
+
+async function loop () {
+  settings = await settingsController.settings()
+  // get all event notification in queue
+  const eventNotifications = await EventNotification.findAll({ where: { status: 'new' } })
+  const promises = eventNotifications.map(async e => {
+    const event = await Event.findByPk(e.eventId, { include: [User, Place, Tag] })
+    if (!event.place) return
+    const notification = await Notification.findByPk(e.notificationId)
+    try {
+      await sendNotification(notification, event, e)
+      e.status = 'sent'
+      return e.save()
+    } catch (err) {
+      console.error(err)
+      e.status = 'error'
+      return e.save()
+    }
+  })
+
+  return Promise.all(promises)
+}
+
+setInterval(loop, 260000)
+loop()
diff --git a/server/index.js b/server/index.js
index 42ebd858..9033002f 100644
--- a/server/index.js
+++ b/server/index.js
@@ -3,6 +3,7 @@ const consola = require('consola')
 const morgan = require('morgan')
 const bodyParser = require('body-parser')
 const cookieParser = require('cookie-parser')
+const path = require('path')
 const { Nuxt, Builder } = require('nuxt')
 const app = express()
 const cors = require('cors')
@@ -32,6 +33,7 @@ async function start() {
   // Give nuxt middleware to express
   app.use(cors(corsConfig))
   app.use(morgan('dev'))
+  app.use('/media/', express.static(path.join(__dirname, '..', 'uploads')))
   app.use(cookieParser())
   app.use(bodyParser.urlencoded({ extended: false }))
   app.use(bodyParser.json())
diff --git a/store/index.js b/store/index.js
index bd568e4a..d9dd6ceb 100644
--- a/store/index.js
+++ b/store/index.js
@@ -103,11 +103,13 @@ export const actions = {
     // set user if logged! TODO
     const now = new Date()
     // const events = await api.getAllEvents(now.getMonth() - 1, now.getFullYear())
-    const events = await this.$axios.$get(`/event/${now.getMonth() - 1}/${now.getFullYear()}`)
+    const events = await this.$axios.$get(`/event/${now.getMonth()}/${now.getFullYear()}`)
     commit('setEvents', events)
+    const { tags, places } = await this.$axios.$get('/event/meta')
+    commit('update', { tags, places })    
   },
   async updateEvents({ commit }, page) {
-    const events = await this.$axios.$get(`/event/${page.month}/${page.year}`)
+    const events = await this.$axios.$get(`/event/${page.month-1}/${page.year}`)
     commit('setEvents', events)
   },
   async updateMeta({ commit }) {
@@ -116,9 +118,7 @@ export const actions = {
   },
   async addEvent({ commit }, formData) {
     const event = await this.$axios.$post('/user/event', formData) // .addEvent(formData)
-    if (this.state.logged) {
-      commit('addEvent', event)
-    }
+    commit('addEvent', event)
   },
   async updateEvent({ commit }, formData) {
     const event = await this.$axios.$put('/user/event', formData)
diff --git a/widgets/examples/index.html b/widgets/examples/index.html
new file mode 100644
index 00000000..e31c88d8
--- /dev/null
+++ b/widgets/examples/index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Gancio Widget Example</title>
+    <script src="https://unpkg.com/vue"></script>
+    <script src='dist/gancio-widget.min.js'></script>
+    <link rel="stylesheet" href="../list/style.css">
+</head>
+<body>
+
+    <gancio-widget minimal></gancio-widget>
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/widgets/list/index.html b/widgets/list/index.html
new file mode 100644
index 00000000..e69de29b
diff --git a/widgets/list/index.js b/widgets/list/index.js
new file mode 100644
index 00000000..0b47f6d7
--- /dev/null
+++ b/widgets/list/index.js
@@ -0,0 +1,12 @@
+import Vue from 'vue'
+import vueCustomElement from 'vue-custom-element'
+import App from '../../components/List'
+// import router from './router'
+// import store from '../../store'
+
+Vue.use(vueCustomElement)
+
+// App.store = store
+// App.router = router
+Vue.customElement('gancio-widget', App)
+export default App
diff --git a/widgets/list/style.css b/widgets/list/style.css
new file mode 100644
index 00000000..87eb01f5
--- /dev/null
+++ b/widgets/list/style.css
@@ -0,0 +1,3 @@
+#gancio-widget {
+    border: 1px solid black;
+}
\ No newline at end of file