Updated team member info management instructions

Author: Carms Ng

README.md

@@ -7,6 +7,8 @@ Production: [coderbunker.ca](https://coderbunker.ca/)
 
 Staging: [coderbunker-staging.netlify.app](https://coderbunker-staging.netlify.app/)
 
+
+
 ## Framework
 
 * [Gatsby](https://www.gatsbyjs.com/)
@@ -15,6 +17,8 @@ Staging: [coderbunker-staging.netlify.app](https://coderbunker-staging.netlify.a
 * [styled-components](https://styled-components.com/)
 * [Netlify](https://www.netlify.com/)
 
+
+
 ## Asset Attribution
 
 * [DrawKit](https://www.drawkit.io)
@@ -29,6 +33,8 @@ Staging: [coderbunker-staging.netlify.app](https://coderbunker-staging.netlify.a
 * Refer to this [issue](https://github.com/coderbunker/coderbunker.ca/issues/1)
 * Phase 2: To be envisioned
 
+
+
 ## How to deploy? 
 
 ### Production (Netlify)
@@ -37,14 +43,13 @@ Continuous Deployment on Netlify of the main branch of this repo (i.e. everytime
 
 Changes can be seen 👉 [coderbunker.ca](https://coderbunker.ca/)
 
-To be added to Netlify, contact [email protected]
 
-### Staging 
 
-You can refer to Netlify preview on the pull request.
+### Staging 
 
-Alternatively, you can use gh-pages 👉 [coderbunker.github.io/coderbunker.ca](https://coderbunker.github.io/coderbunker.ca/)
+You can refer to Netlify deploy preview on the pull request.
 
+You can use gh-pages as an alternative 👉 [coderbunker.github.io/coderbunker.ca](https://coderbunker.github.io/coderbunker.ca/)
 
 ```
 gatsby clean
@@ -65,25 +70,22 @@ or
 gatsby build
 ```
 
+
+
 ## Structure of code
 
 ```
 coderbunker
 ├── locales 
 ├── src
 │   ├── assets
-│   │   ├── content
+│   │   ├── content 👈 Where team member info is stored
 │   │   ├── fonts
 │   │   └── images
-│   │       └── portraits // 👈 add team member image here
-│   ├── components
-│   │   ├── button.js
-│   │   └── //  👈 add reusable components, etc...
+│   ├── components 👈 reusable components
 │   ├── pages
 │   │   ├── 404.js
 │   │   └── index.js
-│   ├── pdfs
-│   │   └── placeholder.pdf
 │   └── styles
 ├── gatsby-browser.js
 ├── gatsvy-config.js
@@ -96,57 +98,73 @@ coderbunker
 
 ## Team Content
 
-#### Add a team member
+### Add a team member
 
-1. Add an image in the `team` folder. 
-
-   - Name the images following the format starting with `002`
-   - it will be displayed as part of the stacked avatar and the team carousel if included in the team.json.
+#### Folder Structure 
 
 ```
 ├── src
     ├── assets
-        ├── content
-        │   └── team.json // 👈 add team member info here
-        ├── images
-            └── portraits // 👈 add team member image here
-                ├── 001_ricky_ng_adam.jpg
-                └── 002_etc...
-```
+        └── content // 👈 add team member info here
+            ├── 01_ricky_ng_adam.jpg
+            └── 01_ricky_ng_adam.json
 
-2. Add a slide to the team carousel
+```
+#### JSON File Example
 
 ```
 {
-  "content": [
-    {
-      "name": "Ricky Ng-Adam",
-      "title": "Founder, CoderBunker",
-      "linkedin": "https://www.linkedin.com/in/rngadam/",
-      "github": "https://github.com/rngadam",
-      "image": "001_ricky_ng_adam.jpg", // 👈 reference the image in the `team` folder
-      "highlights": [ // 👈 optimal length <= 7
-        "25 years experience in software development",
-        "Architecture, design, R&D",
-        "Team recruitment, building and coaching",
-        "Javascript, Python, C/C++, bash, plpgsql",
-        "API: REST, Websockets, GraphQL",
-        "Deployment (Linux, Ansible, Cloud, Docker)",
-        "Database (PostgreSQL)"
-      ]
-    },
-    { ...next member }
-  ]
+  "en": {
+    "name": "Ricky Ng-Adam",
+    "title": "Founder, Coderbunker",
+    "linkedin": "https://www.linkedin.com/in/rngadam/",
+    "github": "https://github.com/rngadam",
+    "image": "01_ricky_ng_adam.jpg",
+    "highlights": [ 
+      "25 years experience in software development",
+      "Architecture, design, R&D",
+      "Team recruitment, building and coaching",
+      "Javascript, Python, C/C++, bash, plpgsql",
+      "API: REST, Websockets, GraphQL",
+      "Deployment (Linux, Ansible, Cloud, Docker)",
+      "Database (PostgreSQL)"
+    ]
+  },
+  "fr": {
+    "name": "Ricky Ng-Adam",
+    "title": "Fondateur, chez Coderbunker",
+    "linkedin": "https://www.linkedin.com/in/rngadam/",
+    "github": "https://github.com/rngadam",
+    "image": "01_ricky_ng_adam.jpg",
+    "highlights": [
+      "25 ans d'expérience dans le développement de logiciels",
+      "Architecture, design, R&D",
+      "Recrutement d'équipe, constitution et coaching",
+      "Javascript, Python, C/C++, bash, plpgsql",
+      "API: REST, Websockets, GraphQL",
+      "Déploiement (Linux, Ansible, Cloud, Docker)",
+      "Base de données (PostgreSQL)"
+    ]
+  }
 }
+
 ```
 
+
+1. Copy an existing JSON file in the `/content` folder, and rename it following the naming convention i.e. `01_ricky_ng_adam`
+
+2. Add an image to the same folder `/content`, make sure the image file name matched what was specified in the json file.
+
+Please keep the highlights short and sweet, max 7 bullet points. 
+
+
+
 ## Translation
 
-#### add/remove translation strings
+### add/remove translation strings
 
 ```
 ├── locales 
     └── fr
-        ├── team.json // 👈 add FR string specific to the team member info
-        └── index.json // 👈 add the rest of the FR string
+        └── index.json // 👈 non team-member related translation string goes here     
 ```