La foto non si carica bene sul server.

L'immagine della Bacheca metterla in fondo.
Creare un'area LAVORO ed un'area BACHECA.
Poter contattare la persona dalla pagina che si apre.
Riscritto visualizzazione della Card Competenza

src/components/CTestServer/CTestServer.scss

@@ -0,0 +1,29 @@
+
+.cltitlebg{
+
+}
+
+.titletext {
+  color: white;
+  font-size: 3rem;
+  font-weight: 500;
+  line-height: 3rem;
+  text-shadow: .25rem .25rem .5rem black;
+  letter-spacing: .00937em;
+  opacity: 0.9;
+}
+
+@media (max-width: 718px) {
+  // PER VERSIONE MOBILE
+  .titletext {
+    color: white;
+    font-size: 2rem;
+    font-weight: 500;
+    line-height: 2rem;
+    text-shadow: .25rem .25rem .5rem black;
+  }
+}
+
+.q-img__content > div{
+  background: rgba(0,0,0,0.17) !important;
+}

src/components/CTestServer/CTestServer.ts

@@ -0,0 +1,44 @@
+import {
+  computed,
+  defineComponent, onBeforeMount, onBeforeUnmount, onMounted, ref, toRef, toRefs, watch,
+} from 'vue'
+
+import { tools } from '@store/Modules/tools'
+import { costanti } from '@costanti'
+import { useGlobalStore } from '@store/globalStore'
+import { useUserStore } from '@store/UserStore'
+import { useI18n } from '@/boot/i18n'
+
+export default defineComponent({
+  name: 'CTestServer',
+  props: {
+  },
+  components: {
+  },
+  setup(props, { attrs, slots, emit }) {
+    const { t } = useI18n()
+    const globalStore = useGlobalStore()
+    const userStore = useUserStore()
+
+    const testServer = ref({})
+
+    function mounted() {
+      ricarica()
+    }
+
+    async function ricarica() {
+      testServer.value = {}
+      testServer.value = await globalStore.loadPageTest()
+    }
+
+    onMounted(mounted)
+
+    return {
+      t,
+      tools,
+      costanti,
+      testServer,
+      ricarica,
+    }
+  },
+})

src/components/CTestServer/CTestServer.vue

@@ -0,0 +1,25 @@
+<template>
+  <div class="bi-border-all">
+
+    <q-banner
+      rounded
+      class="bg-primary text-white"
+      color="primary q-title"
+      style="text-align: center;">
+      <span class="mybanner">Server: {{testServer}}</span>
+    </q-banner>
+
+    <div class="text-center q-ma-lg">
+      <q-btn push size="lg" color="primary" rounded label="Ricarica" @click="ricarica"></q-btn>
+    </div>
+
+
+  </div>
+
+</template>
+
+<script lang="ts" src="./CTestServer.ts">
+</script>
+<style lang="scss" scoped>
+@import './CTestServer.scss';
+</style>

src/components/CTestServer/index.ts

@@ -0,0 +1 @@
+export { default as CTestServer } from './CTestServer.vue'