add doc to custom instance

README.md

@@ -2,10 +2,6 @@
 
 This template should help get you started developing with Vue 3 in Vite.
 
-## Recommended IDE Setup
-
-[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
-
 ## Type Support for `.vue` Imports in TS
 
 TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.
@@ -25,18 +21,21 @@ See [Vite Configuration Reference](https://vitejs.dev/config/).
 
 ```sh
 npm install
+yarn install
 ```
 
 ### Compile and Hot-Reload for Development
 
 ```sh
 npm run dev
+yarn dev
 ```
 
 ### Type-Check, Compile and Minify for Production
 
 ```sh
 npm run build
+yarn build
 ```
 
 ### Run Unit Tests with [Vitest](https://vitest.dev/)
@@ -50,3 +49,8 @@ npm run workflows:unit
 ```sh
 npm run lint
 ```
+
+## Instance customization
+
+You can change the title of your instance on the [locales folder](https://gitlab.com/geovisio/geovisio_website/-/tree/main/src/locales) who regroup all the wordings
+If you want to change the logo header you can replace the logo.jpeg in the [assets/images folder](https://gitlab.com/geovisio/geovisio_website/-/tree/main/src/assets/images) file by your logo in jpeg with the same name file

src/components/Header.vue

@@ -5,12 +5,15 @@
         <Link
           type="external"
           :image="{
-            url: 'logo-panoramax.jpeg',
-            alt: 'Logo Panoramax'
+            url: 'logo.jpeg',
+            alt: $t('general.header.alt_logo')
           }"
           path="https://panoramax.fr/"
         />
-        <p>Instance Panoramax IGN <span class="beta">Version Beta</span></p>
+        <p>
+          {{ $t('general.header.alt_logo') }}
+          <span class="beta">{{ $t('general.beta_version') }}</span>
+        </p>
       </div>
       <ul class="nav-list">
         <li class="nav-list-item">

src/locales/fr.json

@@ -2,8 +2,11 @@
   "general": {
     "header": {
       "help_text": "Aide",
-      "contribute_text": "Partager vos photos"
+      "contribute_text": "Partager vos photos",
+      "alt_logo": "Logo de l'instance",
+      "title": "Instance Panoramax IGN"
     },
+    "beta_version": "Version Beta",
     "feature_not_available": "Fonctionnalité en cours de développement"
   },
   "pages": {}