Progrès & Rajout données

debug.log

@@ -3,3 +3,5 @@
 [0620/174851.866:ERROR:(-1)] Check failed: false. 
 [0620/213757.116:ERROR:(-1)] Check failed: false. 
 [0621/002553.054:ERROR:(-1)] Check failed: false. 
+[0621/134732.729:ERROR:(-1)] Check failed: false. 
+[0621/193354.311:ERROR:(-1)] Check failed: false. 

package-lock.json

@@ -21,6 +21,10 @@
         "react-scripts": "5.0.1",
         "sort-by": "^1.2.0",
         "web-vitals": "^2.1.4"
+      },
+      "devDependencies": {
+        "webpack": "^5.87.0",
+        "webpack-cli": "^5.1.4"
       }
     },
     "node_modules/@adobe/css-tools": {
@@ -2293,6 +2297,15 @@
         "postcss-selector-parser": "^6.0.10"
       }
     },
+    "node_modules/@discoveryjs/json-ext": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz",
+      "integrity": "sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
     "node_modules/@eslint-community/eslint-utils": {
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
@@ -4825,6 +4838,50 @@
         "@xtuc/long": "4.2.2"
       }
     },
+    "node_modules/@webpack-cli/configtest": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@webpack-cli/configtest/-/configtest-2.1.1.tgz",
+      "integrity": "sha512-wy0mglZpDSiSS0XHrVR+BAdId2+yxPSoJW8fsna3ZpYSlufjvxnP4YbKTCBZnNIcGN4r6ZPXV55X4mYExOfLmw==",
+      "dev": true,
+      "engines": {
+        "node": ">=14.15.0"
+      },
+      "peerDependencies": {
+        "webpack": "5.x.x",
+        "webpack-cli": "5.x.x"
+      }
+    },
+    "node_modules/@webpack-cli/info": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@webpack-cli/info/-/info-2.0.2.tgz",
+      "integrity": "sha512-zLHQdI/Qs1UyT5UBdWNqsARasIA+AaF8t+4u2aS2nEpBQh2mWIVb8qAklq0eUENnC5mOItrIB4LiS9xMtph18A==",
+      "dev": true,
+      "engines": {
+        "node": ">=14.15.0"
+      },
+      "peerDependencies": {
+        "webpack": "5.x.x",
+        "webpack-cli": "5.x.x"
+      }
+    },
+    "node_modules/@webpack-cli/serve": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@webpack-cli/serve/-/serve-2.0.5.tgz",
+      "integrity": "sha512-lqaoKnRYBdo1UgDX8uF24AfGMifWK19TxPmM5FHc2vAGxrJ/qtyUyFBWoY1tISZdelsQ5fBcOusifo5o5wSJxQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=14.15.0"
+      },
+      "peerDependencies": {
+        "webpack": "5.x.x",
+        "webpack-cli": "5.x.x"
+      },
+      "peerDependenciesMeta": {
+        "webpack-dev-server": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@xtuc/ieee754": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
@@ -5967,6 +6024,20 @@
         "wrap-ansi": "^7.0.0"
       }
     },
+    "node_modules/clone-deep": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-4.0.1.tgz",
+      "integrity": "sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==",
+      "dev": true,
+      "dependencies": {
+        "is-plain-object": "^2.0.4",
+        "kind-of": "^6.0.2",
+        "shallow-clone": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/co": {
       "version": "4.6.0",
       "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
@@ -7059,6 +7130,18 @@
         "url": "https://github.com/fb55/entities?sponsor=1"
       }
     },
+    "node_modules/envinfo": {
+      "version": "7.9.0",
+      "resolved": "https://registry.npmjs.org/envinfo/-/envinfo-7.9.0.tgz",
+      "integrity": "sha512-RODB4txU+xImYDemN5DqaKC0CHk05XSVkOX4pq0hK26Qx+1LChkuOyUDlGEjYb3ACr0n9qBhFjg37hQuJvpkRQ==",
+      "dev": true,
+      "bin": {
+        "envinfo": "dist/cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/error-ex": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
@@ -8116,6 +8199,15 @@
       "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
       "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw=="
     },
+    "node_modules/fastest-levenshtein": {
+      "version": "1.0.16",
+      "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.16.tgz",
+      "integrity": "sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4.9.1"
+      }
+    },
     "node_modules/fastq": {
       "version": "1.15.0",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz",
@@ -9284,6 +9376,15 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/interpret": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/interpret/-/interpret-3.1.1.tgz",
+      "integrity": "sha512-6xwYfHbajpoF0xLW+iwLkhwgvLoZDfjYfoFNu8ftMoXINzwuymNLd9u/KmwtdT2GbR+/Cz66otEGEVVUHX9QLQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
     "node_modules/ipaddr.js": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.1.0.tgz",
@@ -9520,6 +9621,18 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/is-plain-object": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
+      "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==",
+      "dev": true,
+      "dependencies": {
+        "isobject": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/is-potential-custom-element-name": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
@@ -9689,6 +9802,15 @@
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
       "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="
     },
+    "node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/istanbul-lib-coverage": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.0.tgz",
@@ -14739,6 +14861,18 @@
         "node": ">=8.10.0"
       }
     },
+    "node_modules/rechoir": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.8.0.tgz",
+      "integrity": "sha512-/vxpCXddiX8NGfGO/mTafwjq4aFa/71pvamip0++IQk3zG8cbCj0fifNPrjjF1XMXUne91jL9OoxmdykoEtifQ==",
+      "dev": true,
+      "dependencies": {
+        "resolve": "^1.20.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      }
+    },
     "node_modules/recursive-readdir": {
       "version": "2.2.3",
       "resolved": "https://registry.npmjs.org/recursive-readdir/-/recursive-readdir-2.2.3.tgz",
@@ -15435,6 +15569,18 @@
       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
       "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
     },
+    "node_modules/shallow-clone": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/shallow-clone/-/shallow-clone-3.0.1.tgz",
+      "integrity": "sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==",
+      "dev": true,
+      "dependencies": {
+        "kind-of": "^6.0.2"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/shebang-command": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -16759,6 +16905,60 @@
         }
       }
     },
+    "node_modules/webpack-cli": {
+      "version": "5.1.4",
+      "resolved": "https://registry.npmjs.org/webpack-cli/-/webpack-cli-5.1.4.tgz",
+      "integrity": "sha512-pIDJHIEI9LR0yxHXQ+Qh95k2EvXpWzZ5l+d+jIo+RdSm9MiHfzazIxwwni/p7+x4eJZuvG1AJwgC4TNQ7NRgsg==",
+      "dev": true,
+      "dependencies": {
+        "@discoveryjs/json-ext": "^0.5.0",
+        "@webpack-cli/configtest": "^2.1.1",
+        "@webpack-cli/info": "^2.0.2",
+        "@webpack-cli/serve": "^2.0.5",
+        "colorette": "^2.0.14",
+        "commander": "^10.0.1",
+        "cross-spawn": "^7.0.3",
+        "envinfo": "^7.7.3",
+        "fastest-levenshtein": "^1.0.12",
+        "import-local": "^3.0.2",
+        "interpret": "^3.1.1",
+        "rechoir": "^0.8.0",
+        "webpack-merge": "^5.7.3"
+      },
+      "bin": {
+        "webpack-cli": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=14.15.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "5.x.x"
+      },
+      "peerDependenciesMeta": {
+        "@webpack-cli/generators": {
+          "optional": true
+        },
+        "webpack-bundle-analyzer": {
+          "optional": true
+        },
+        "webpack-dev-server": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-cli/node_modules/commander": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz",
+      "integrity": "sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==",
+      "dev": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
     "node_modules/webpack-dev-middleware": {
       "version": "5.3.3",
       "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-5.3.3.tgz",
@@ -16992,6 +17192,19 @@
         "node": ">=10.13.0"
       }
     },
+    "node_modules/webpack-merge": {
+      "version": "5.9.0",
+      "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-5.9.0.tgz",
+      "integrity": "sha512-6NbRQw4+Sy50vYNTw7EyOn41OZItPiXB8GNv3INSoe3PSFaHJEz3SHTrYVaRm2LilNGnFUzh0FAwqPEmU/CwDg==",
+      "dev": true,
+      "dependencies": {
+        "clone-deep": "^4.0.1",
+        "wildcard": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
     "node_modules/webpack-sources": {
       "version": "3.2.3",
       "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
@@ -17145,6 +17358,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/wildcard": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/wildcard/-/wildcard-2.0.1.tgz",
+      "integrity": "sha512-CC1bOL87PIWSBhDcTrdeLo6eGT7mCFtrg0uIJtqJUFyK+eJnzl8A1niH56uu7KMa5XFrtiV+AQuHO3n7DsHnLQ==",
+      "dev": true
+    },
     "node_modules/word-wrap": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz",

package.json

@@ -40,5 +40,9 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "webpack": "^5.87.0",
+    "webpack-cli": "^5.1.4"
   }
 }

src/Components/Carousel.js

@@ -36,7 +36,7 @@ class Carousel extends Component {
     getMediaHTML(media) {
         switch (media.type) {
             case "youtube": {
-                return <div style={{position: "relative", width: "100%", paddingBottom: "56.25%"}}>
+                return <div className="soft-shadow" style={{position: "relative", width: "100%", paddingBottom: "56.25%"}}>
                     <iframe
                         style={{
                             width: "100%", height: "100%",
@@ -51,7 +51,7 @@ class Carousel extends Component {
                 </div>
             }
             case "picture": {
-                return <img className="rounded" alt="Showcase media" src={media.value}/>
+                return <img className="rounded soft-shadow" alt="Showcase media" src={media.value}/>
             }
             default: {
                 return <div/>

src/Pages/Homepage/Homepage.js

@@ -1,4 +1,6 @@
 import video from "../../media/main_vid.mp4";
+import cpu from "../../media/cpu.png";
+
 import ProjectCard from "./ProjectCard";
 import projects from "../../Projects/manifest";
 
@@ -18,12 +20,12 @@ export default function Homepage() {
             </div>
         </div>
         <div className="is-flex is-flex-direction-column soft-shadow" style={{height: "30em"}}>
-            <h1 className="title is-1 has-text-centered m-auto p-6">A Propos de moi</h1>
+            <h1 className="title is-1 has-text-centered m-auto pt-6">A Propos</h1>
             <div className="tile is-ancestor m-auto" style={{paddingLeft: "10%", paddingRight: "10%"}}>
                 <div className="tile p-4 is-align-items-center">
                     <div className="mr-5">
                         <figure className="image is-128x128">
-                            <img alt="placeholder" src="https://bulma.io/images/placeholders/128x128.png"/>
+                            <img alt="placeholder" src={cpu}/>
                         </figure>
                     </div>
                     <div>

src/Pages/Homepage/ProjectCard.js

@@ -11,8 +11,8 @@ class ProjectCard extends Component {
 
     render() {
         return <div className="card">
-            <div className="card-image">
+            <div className="card-image soft-shadow">
-                <figure className="image is-4by3">
+                <figure className="image is-16by9">
                     <img alt={this.props.project.title} src={this.props.project.thumbnail}/>
                 </figure>
             </div>
@@ -26,7 +26,7 @@ class ProjectCard extends Component {
                 <div className="content">
                     {this.props.project.shortDesc}
                     <br/>
-                    <time>{this.props.project.date.toLocaleDateString("fr-FR")}</time>
+                    <time>{this.props.project.date}</time>
                 </div>
             </div>
         </div>

src/Pages/Project/Project.js

@@ -13,7 +13,7 @@ export default function Project() {
     function getMediaHTML(media) {
         switch (media.type) {
             case "youtube": {
-                return <div style={{position: "relative", width: "100%", paddingBottom: "56.25%"}}>
+                return <div className="box p-O" style={{position: "relative", width: "100%", paddingBottom: "56.25%"}}>
                     <iframe
                         style={{
                             width: "100%", height: "100%",
@@ -28,7 +28,7 @@ export default function Project() {
                 </div>
             }
             case "picture": {
-                return <img className="rounded" alt="Showcase media" src={media.value}/>
+                return <img className="rounded box p-0" alt="Showcase media" src={media.value}/>
             }
             default: {
                 return <div/>

src/Projects/manifest.js

@@ -1,39 +1,80 @@
 const projectData = [
     {
-        title: "AquaticWeb v1",
+        title: "AquaticWeb",
-        shortDesc: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.",
+        shortDesc:
-        longDesc: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.",
+            "Conçu durant un stage au CNRS, ce site web a pour but de cataloguer les travaux de recherche en écologie" +
-        thumbnail: "https://bulma.io/images/placeholders/1280x960.png",
+            " réalisés par les chercheurs du centre.",
-        mainMedia: {type: "youtube", value: "https://youtube.com/embed/3Okx0T5vpFc"},
+        longDesc: <p>
+            Créé en 2008 par le co-directeur du centre de recherche CEREEP-Ecotron en Ile-de-France, Aquaticweb est une
+            base de données et un site web permettant aux chercheurs de mettre en commun les résultats de leur travaux
+            de recherche et d'en extraire des données.
+            <br/><br/>
+            Durant un stage de 10 semaines, j'ai été en charge de la refonte complète de l'API du site web ainsi que de
+            la modernisation de la structure de la base de données.
+            <br/><br/><br/>
+            <strong>Technologies utilisées : Symfony (PHP), ReactJS</strong>
+            <br/>
+            <strong>Dates du stage: 04/2023 - 06/2023</strong>
+        </p>,
+        thumbnail: require("./Aquaticweb/homepage.png"),
+        mainMedia: {type: "picture", value: require("./Aquaticweb/homepage.png")},
         secondaryMedia: [
-            {type: "youtube", value: "https://youtube.com/embed/3Okx0T5vpFc"},
+            {type: "picture", value: require("./Aquaticweb/homepage.png")},
-            {type: "picture", value: "https://www.jacksonsquareshopping.co.uk/wp-content/uploads/2016/12/placeholder-1920x1080-copy.png"}
+            {type: "picture", value: require("./Aquaticweb/homepage-2.png")},
+            {type: "picture", value: require("./Aquaticweb/taxa.png")},
+            {type: "picture", value: require("./Aquaticweb/signup.png")},
+            {type: "picture", value: require("./Aquaticweb/sources.png")},
+            {type: "picture", value: require("./Aquaticweb/api.png")}
         ],
-        date: new Date(Date.UTC(2023, 5, 29))
+        date: <strong>04/2023 - 06/2023</strong>
     },
     {
-        title: "AquaticWeb v2",
+        title: "Kaiser",
-        shortDesc: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.",
+        shortDesc: <span>
-        longDesc: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.",
+            Réalisé au sein du jeu vidéo <a target="_blank" rel="noreferrer" href="https://gmod.facepunch.com">Garry's Mod</a>,
-        thumbnail: "https://bulma.io/images/placeholders/1280x960.png",
+            ce script a pour but d'aider les joueurs à contrôler leurs propres vaisseaux.</span>,
-        mainMedia: {type: "youtube", value: "https://youtube.com/embed/3Okx0T5vpFc"},
+        longDesc: <p>
+            Team Spartan Cookies & Milk est un serveur de jeu ainsi qu'une communauté de passionés de science-fiction.
+            Créé en 2012, le serveur avait pour but de laisser les joueurs exprimer leur créativité au travers de vaisseaux
+            spatiaux ainsi que de scripts réalisés afin de les contrôler.
+            <br/><br/>
+            C'est en 2020 que m'est venu l'idée de créer <strong>Kaiser</strong>, un script permettant de réguler la grande majorité des systèmes d'un
+            vaisseau tels que le système de survie, les boucliers de protection, les armes, les ressources, les téléporteurs
+            grâce à une interface utilisateur designée sur Illustrator et importée en code Lua ainsi qu'un système de commandes par écrit.
+            <br/><br/>
+            Aujourd'hui, Kaiser compte plus de <strong>7 500</strong> lignes de code et est utilisé par la majorité
+            des joueurs du serveur.
+            <br/><br/>
+            <strong>Langage utilisées : Lua</strong><br/>
+            <strong>Date de sortie : 2020</strong>
+        </p>,
+        thumbnail: require("./Kaiser/menu.jpg"),
+        mainMedia: {type: "picture", value: require("./Kaiser/menu.jpg")},
         secondaryMedia: [
-            {type: "youtube", value: "https://youtube.com/embed/3Okx0T5vpFc"},
+            {type: "picture", value: require("./Kaiser/status.jpg")},
-            {type: "picture", value: "https://www.jacksonsquareshopping.co.uk/wp-content/uploads/2016/12/placeholder-1920x1080-copy.png"}
+            {type: "picture", value: require("./Kaiser/warp.jpg")},
+            {type: "picture", value: require("./Kaiser/tactical.jpg")},
+            {type: "picture", value: require("./Kaiser/stargate.jpg")},
+            {type: "picture", value: require("./Kaiser/options.jpg")},
+            {type: "youtube", value: "https://youtube.com/embed/gLH1JaEDfuQ"}
         ],
-        date: new Date(Date.UTC(2023, 5, 29))
+        date: <strong>Date de sortie : 2020</strong>
     },
     {
-        title: "AquaticWeb v3",
+        title: "Modélisation 3D",
-        shortDesc: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.",
+        shortDesc: <span>
+            Réalisé dans Blender, différents models 3D ayant pour but d'être importé dans <a target="_blank" rel="noreferrer" href="https://gmod.facepunch.com">Garry's Mod</a>.
+        </span>,
         longDesc: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.",
-        thumbnail: "https://bulma.io/images/placeholders/1280x960.png",
+        thumbnail: require("./Models/farragut.png"),
-        mainMedia: {type: "youtube", value: "https://youtube.com/embed/3Okx0T5vpFc"},
+        mainMedia: {type: "picture", value: require("./Models/farragut.png")},
         secondaryMedia: [
-            {type: "youtube", value: "https://youtube.com/embed/3Okx0T5vpFc"},
+            {type: "picture", value: require("./Models/modbridge_v2.jpg")},
-            {type: "picture", value: "https://www.jacksonsquareshopping.co.uk/wp-content/uploads/2016/12/placeholder-1920x1080-copy.png"}
+            {type: "picture", value: require("./Models/lawgiver.png")},
+            {type: "picture", value: require("./Models/warp_core.png")},
+            {type: "youtube", value: "https://youtube.com/embed/A0rNRkiQSeA"}
         ],
-        date: new Date(Date.UTC(2023, 5, 29))
+        date: <strong>2019 - 2023</strong>
     },
     {
         title: "AquaticWeb v4",
@@ -45,7 +86,7 @@ const projectData = [
             {type: "youtube", value: "https://youtube.com/embed/3Okx0T5vpFc"},
             {type: "picture", value: "https://www.jacksonsquareshopping.co.uk/wp-content/uploads/2016/12/placeholder-1920x1080-copy.png"}
         ],
-        date: new Date(Date.UTC(2023, 5, 29))
+        date: "04/2023 - 06/2023"
     },
     {
         title: "AquaticWeb v5",
@@ -57,7 +98,7 @@ const projectData = [
             {type: "youtube", value: "https://youtube.com/embed/3Okx0T5vpFc"},
             {type: "picture", value: "https://www.jacksonsquareshopping.co.uk/wp-content/uploads/2016/12/placeholder-1920x1080-copy.png"}
         ],
-        date: new Date(Date.UTC(2023, 5, 29))
+        date: "04/2023 - 06/2023"
     },
     {
         title: "AquaticWeb v6",
@@ -69,7 +110,7 @@ const projectData = [
             {type: "youtube", value: "https://youtube.com/embed/3Okx0T5vpFc"},
             {type: "picture", value: "https://www.jacksonsquareshopping.co.uk/wp-content/uploads/2016/12/placeholder-1920x1080-copy.png"}
         ],
-        date: new Date(Date.UTC(2023, 5, 29))
+        date: "04/2023 - 06/2023"
     }
 ]