Merge pull request #80 from insamee-app/develop

feat: add logos and meta

README.md

@@ -1,6 +1,6 @@
-# Insamee
+# Mee
 
-This repo is the the major plateforme of insamee-app.
+This repo is the the major platform of TEAM.
 
 ## Tech Stack
 

components/molecules/AppTeam.vue

@@ -0,0 +1,47 @@
+<script>
+export default {
+  name: 'AppTeam',
+}
+</script>
+
+<template>
+  <InsameeAppTeam
+    :link-tutorat="$config.tutoratURL"
+    :link-evenements="$config.evenementsURL"
+    :link-associations="$config.associationsURL"
+    link-mee="/"
+  >
+    <template #tutorat="{ classIcon }">
+      <NuxtImg
+        src="/logos/tutorat.png"
+        height="24"
+        :class="classIcon"
+        alt="logo de la plateforme tutorat"
+      />
+    </template>
+    <template #evenements="{ classIcon }">
+      <NuxtImg
+        src="/logos/evenements.png"
+        height="24"
+        :class="classIcon"
+        alt="logo de la plateforme evènements"
+      />
+    </template>
+    <template #associations="{ classIcon }">
+      <NuxtImg
+        src="/logos/associations.png"
+        height="24"
+        :class="classIcon"
+        alt="logo de la plateforme associations"
+      />
+    </template>
+    <template #mee="{ classIcon }">
+      <NuxtImg
+        src="/logos/mee.png"
+        height="24"
+        :class="classIcon"
+        alt="logo de la plateforme mee"
+      />
+    </template>
+  </InsameeAppTeam>
+</template>

components/organisms/TheHeader.vue

@@ -5,8 +5,14 @@
     @open="$emit('open', $event)"
   >
     <template #name>
-      <template v-if="$screen.md"> Insamee </template>
-      <template v-else> <InsameeIconInsamee class="w-6 h-6" /> </template>
+      <template v-if="$screen.md"> Mee </template>
+      <template v-else>
+        <NuxtImg
+          src="/logos/mee.png"
+          height="24"
+          alt="logo de la plateforme mee"
+        />
+      </template>
     </template>
     <template #nav>
       <InsameeHeaderNav v-if="$screen.md">
@@ -18,13 +24,7 @@
         <InsameeAppButton :to="{ name: 'mee' }">
           Trouver des mee
         </InsameeAppButton>
-        <InsameeAppTeam
-          v-if="$screen.md"
-          :link-tutorat="$config.tutoratURL"
-          link-evenements="/"
-          :link-associations="$config.associationsURL"
-          link-insamee="/"
-        />
+        <AppTeam v-if="$screen.md" />
       </template>
       <InsameeAppButton
         v-if="!loggedIn() && $screen.md"

components/organisms/TheNavMobile.vue

@@ -3,12 +3,7 @@
     <template #actions>
       <template v-if="loggedIn()">
         <div class="flex flex-col justify-center items-center">
-          <InsameeAppTeam
-            :link-tutorat="$config.tutoratURL"
-            link-evenements="/"
-            :link-associations="$config.associationsURL"
-            link-insamee="/"
-          />
+          <AppTeam />
           <InsameeAppButton
             class="mt-6"
             :disabled="loadingLogout"

content/concept.md

@@ -1,14 +1,14 @@
 # Concept
 
-## Insamee
+## Mee
 
 > La plateforme de mise en relation des profils étudiants
 
-Insamee est le cœur d'un écosystème. Insamee, c'est la plateforme centrale permettant de mettre en relation les différents profils étudiants présents dans nos écoles !
+Mee est le cœur d'un écosystème. Mee, c'est la plateforme centrale permettant de mettre en relation les différents profils étudiants présents dans nos écoles !
 
 La crise sanitaire nous a montré que les liens inter-étudiants étaient essentielles dans la réussite de nos études. Cela sur le plan du travail personnel comme sur le plan du travail en association.
 
-Avec Insamee, trouver des personnes pour partager un bon moment, pour former la futur équipe de sport, vidéo ou non, de l'école. Mais tu peux aussi y trouver des personnes avec qui collaborer pour un projet personnel ou pour une association de l'école, pour un projet ambitieux qui a besoin des meilleurs et d'étudiants aux compétences diverses !
+Avec Mee, trouver des personnes pour partager un bon moment, pour former la futur équipe de sport, vidéo ou non, de l'école. Mais tu peux aussi y trouver des personnes avec qui collaborer pour un projet personnel ou pour une association de l'école, pour un projet ambitieux qui a besoin des meilleurs et d'étudiants aux compétences diverses !
 
 Et ces personnes, tu les trouveras facilement grâce aux puissants filtres présents sur la plateforme ! Un besoin particulier, avec cet outil, tu trouveras la personne qu'il te faut.
 

layouts/error.vue

@@ -25,5 +25,10 @@ export default {
       default: () => {},
     },
   },
+  head() {
+    return {
+      title: this.error.statusCode === 404 ? 'Page introuvable' : 'Erreur',
+    }
+  },
 }
 </script>

layouts/minimal-overflow.vue

@@ -1,8 +1,13 @@
 <template>
   <main class="pt-16 w-screen h-screen flex flex-col overflow-hidden relative">
-    <div class="flex justify-center">
+    <div class="flex justify-center mb-16">
       <NuxtLink :to="{ name: 'index' }">
-        <InsameeIconInsamee class="w-32 h-32 mx-auto" />
+        <NuxtImg
+          src="/logos/mee.png"
+          height="128"
+          alt="logo de la plateforme mee"
+          class="mx-auto"
+        />
       </NuxtLink>
     </div>
     <Nuxt />

layouts/minimal.vue

@@ -1,8 +1,13 @@
 <template>
   <main class="pt-16 pb-4 w-full min-h-screen flex flex-col">
-    <div class="flex justify-center">
+    <div class="flex justify-center mb-16">
       <NuxtLink :to="{ name: 'index' }">
-        <InsameeIconInsamee class="w-32 h-32 mx-auto" />
+        <NuxtImg
+          src="/logos/mee.png"
+          height="128"
+          alt="logo de la plateforme mee"
+          class="mx-auto"
+        />
       </NuxtLink>
     </div>
     <Nuxt />

nuxt.config.js

@@ -9,14 +9,42 @@ export default {
   target: 'server',
 
   head: {
-    title: 'insamee',
+    title: 'Chercher, Trouver, Partager',
+    titleTemplate: 'Mee - %s',
     htmlAttrs: {
       lang: 'fr',
     },
     meta: [
       { charset: 'utf-8' },
       { name: 'viewport', content: 'width=device-width, initial-scale=1' },
-      { hid: 'description', name: 'description', content: '' },
+      {
+        hid: 'description',
+        name: 'description',
+        content: 'La plateforme de mise en relation des profils étudiants',
+      },
+      { hid: 'og:site_name', property: 'og:site_name', content: 'Mee' },
+      { hid: 'og:type', property: 'og:type', content: 'website' },
+      {
+        hid: 'og:image',
+        property: 'og:image',
+        content: 'https://mee.insamee.fr/img/social/mee.png',
+      },
+      {
+        hid: 'og:image:alt',
+        property: 'og:image:alt',
+        content: 'Bannière du site Mee',
+      },
+      {
+        hid: 'twitter:card',
+        name: 'twitter:card',
+        content: 'summary_large_image',
+      },
+      { hid: 'twitter:site', name: 'twitter:site', content: '' },
+      {
+        hid: 'twitter:image',
+        property: 'og:image',
+        content: 'https://mee.insamee.fr/img/social/mee.png',
+      },
     ],
     link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
     bodyAttrs: {
@@ -51,6 +79,7 @@ export default {
     '@nuxtjs/eslint-module',
     // https://go.nuxtjs.dev/tailwindcss
     '@nuxtjs/tailwindcss',
+    // https://github.com/insamee-app/components
     '@insamee-app/components/nuxt',
   ],
 
@@ -62,6 +91,8 @@ export default {
     '@nuxt/content',
     // https://www.npmjs.com/package/vue-screen
     'vue-screen/nuxt',
+    // https://image.nuxtjs.org/
+    '@nuxt/image',
   ],
 
   // Axios module configuration: https://go.nuxtjs.dev/config-axios
@@ -77,6 +108,7 @@ export default {
   publicRuntimeConfig: {
     tutoratURL: process.env.TUTORAT_URL,
     associationsURL: process.env.ASSOCIATIONS_URL,
+    evenementsURL: process.env.EVENEMENTS_URL,
   },
 
   // Build Configuration: https://go.nuxtjs.dev/config-build

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "web",
+  "name": "mee",
   "version": "1.0.0",
   "private": true,
   "scripts": {
@@ -19,7 +19,7 @@
     }
   },
   "dependencies": {
-    "@insamee-app/components": "^0.1.21",
+    "@insamee-app/components": "^0.1.22",
     "@nuxt/content": "^1.14.0",
     "@nuxtjs/axios": "^5.13.6",
     "@tailwindcss/typography": "^0.4.1",
@@ -29,6 +29,7 @@
     "vue-screen": "^1.5.6"
   },
   "devDependencies": {
+    "@nuxt/image": "^0.6.0",
     "@nuxtjs/eslint-config": "^6.0.1",
     "@nuxtjs/eslint-module": "^3.0.2",
     "@nuxtjs/tailwindcss": "^4.2.1",

pages/concept.vue

@@ -16,5 +16,10 @@ export default {
       content,
     }
   },
+  head() {
+    return {
+      title: 'Le concept',
+    }
+  },
 }
 </script>

pages/contact.vue

@@ -8,7 +8,12 @@
 export default {
   data() {
     return {
-      mail: 'mailto:',
+      mail: 'mailto:[email protected]',
+    }
+  },
+  head() {
+    return {
+      title: 'Nous contacter',
     }
   },
 }

pages/index.vue

@@ -35,9 +35,8 @@
           Une passion pour le sport ou l'esport à partager ?
         </InsameeFullContainerTitle>
         <InsameeFullContainerText class="w-8/12 mt-8">
-          <span class="text-primary-base">INSAMEE</span> te permet de trouver
-          des personnes avec qui tu vas pouvoir vibrer devant les meilleurs
-          match !
+          <span class="text-primary-base">MEE</span> te permet de trouver des
+          personnes avec qui tu vas pouvoir vibrer devant les meilleurs match !
         </InsameeFullContainerText>
       </div>
     </InsameeFullContainer>
@@ -49,8 +48,8 @@
           ?
         </InsameeFullContainerTitle>
         <InsameeFullContainerText class="mt-8">
-          Avec <span class="text-primary-base">INSAMEE</span>, trouve des
-          équipiers parmis les étudiants et formez votre propre équipe !
+          Avec <span class="text-primary-base">MEE</span>, trouve des équipiers
+          parmis les étudiants et formez votre propre équipe !
         </InsameeFullContainerText>
       </div>
       <GraphicFoot :class="graphicStyle" />
@@ -63,7 +62,7 @@
       </InsameeFullContainerTitle>
       <GraphicTeam :class="graphicStyle" />
       <InsameeFullContainerText class="mt-8">
-        <span class="text-primary-base">INSAMEE</span> te permet de trouver les
+        <span class="text-primary-base">MEE</span> te permet de trouver les
         collaboratuer dont tu as toujours eu besoin pour maner à bien les
         projets les plus fous !
       </InsameeFullContainerText>
@@ -77,8 +76,8 @@
         </InsameeFullContainerTitle>
         <div class="flex justify-end mt-8">
           <InsameeFullContainerText class="text-right w-8/12">
-            Avec <span class="text-primary-base">INSAMEE</span>, trouve tes
-            futures associés et crée l'organisation dont tu as toujours rêvé !
+            Avec <span class="text-primary-base">MEE</span>, trouve tes futures
+            associés et crée l'organisation dont tu as toujours rêvé !
           </InsameeFullContainerText>
         </div>
       </div>

pages/login.vue

@@ -82,6 +82,11 @@ export default {
       loading: false,
     }
   },
+  head() {
+    return {
+      title: 'Se connecter',
+    }
+  },
   validations: {
     password: {
       required,

pages/me.vue

@@ -1,7 +1,7 @@
 <template>
   <InsameeAppContainer class="max-w-4xl mx-auto space-y-8">
     <h1 class="text-xl font-bold">Mon Profil</h1>
-    <InsameeProfile
+    <InsameeMeeProfile
       :last-name="profile.last_name"
       :first-name="profile.first_name"
       :email="profile.user.email"
@@ -14,7 +14,7 @@
       :associations="profile.insamee_profile.associations"
       :text="profile.insamee_profile.text"
     >
-    </InsameeProfile>
+    </InsameeMeeProfile>
     <InsameeProfileContact :links="socials" />
     <section class="flex flex-row justify-between sticky bottom-4">
       <InsameeAppButton large border shadow @click="editAvatar = true">
@@ -104,6 +104,11 @@ export default {
       resetPasswordInfo: false,
     }
   },
+  head() {
+    return {
+      title: 'Mon profil',
+    }
+  },
   computed: {
     ...mapState({ profile: (state) => state.auth.profile }),
     ...mapGetters({ socials: 'auth/socialNetworks' }),

pages/mee/_id.vue

@@ -44,6 +44,11 @@ export default {
       error(e.response.data)
     }
   },
+  head() {
+    return {
+      title: `Profil de ${this.profile.first_name}`,
+    }
+  },
   computed: {
     socials() {
       return {