MrArnaudMichel · MrArnaudMichel · Apr 20, 2024 · Apr 20, 2024 · Apr 20, 2024 · Apr 20, 2024
diff --git a/build/asset-manifest.json b/build/asset-manifest.json
@@ -1,7 +1,7 @@
 {
   "files": {
-    "main.css": "/static/css/main.3915afae.css",
-    "main.js": "/static/js/main.3a0b3651.js",
+    "main.css": "/static/css/main.48000364.css",
+    "main.js": "/static/js/main.574d02ec.js",
     "static/media/Acorn-Bold.otf": "/static/media/Acorn-Bold.2a82187cdf1b4c80bdff.otf",
     "static/media/LeagueSpartan-ExtraBold.ttf": "/static/media/LeagueSpartan-ExtraBold.3273ea0e69650f114210.ttf",
     "static/media/LeagueSpartan-Black.ttf": "/static/media/LeagueSpartan-Black.d4303c11df0dad0324cf.ttf",
@@ -16,11 +16,11 @@
     "static/media/slick.ttf": "/static/media/slick.c94f7671dcc99dce43e2.ttf",
     "static/media/slick.woff": "/static/media/slick.295183786cd8a1389865.woff",
     "index.html": "/index.html",
-    "main.3915afae.css.map": "/static/css/main.3915afae.css.map",
-    "main.3a0b3651.js.map": "/static/js/main.3a0b3651.js.map"
+    "main.48000364.css.map": "/static/css/main.48000364.css.map",
+    "main.574d02ec.js.map": "/static/js/main.574d02ec.js.map"
   },
   "entrypoints": [
-    "static/css/main.3915afae.css",
-    "static/js/main.3a0b3651.js"
+    "static/css/main.48000364.css",
+    "static/js/main.574d02ec.js"
   ]
 }
diff --git a/build/index.html b/build/index.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><link href="/favicon.ico" rel="icon"/><meta content="width=device-width,initial-scale=1" name="viewport"/><meta content="#000000" name="theme-color"/><meta content="Web site created using create-react-app" name="description"/><link href="/logo192.png" rel="apple-touch-icon"/><link href="/manifest.json" rel="manifest"/><title>Arnaud Michel Portfolio</title><script defer="defer" src="/static/js/main.3a0b3651.js"></script><link href="/static/css/main.3915afae.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><link href="/favicon.ico" rel="icon"/><meta content="width=device-width,initial-scale=1" name="viewport"/><meta content="#000000" name="theme-color"/><meta content="Web site created using create-react-app" name="description"/><link href="/logo192.png" rel="apple-touch-icon"/><link href="/manifest.json" rel="manifest"/><title>Arnaud Michel Portfolio</title><script defer="defer" src="/static/js/main.574d02ec.js"></script><link href="/static/css/main.48000364.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
diff --git a/build/static/css/main.3915afae.css b/build/static/css/main.3915afae.css
diff --git a/build/static/css/main.3915afae.css.map b/build/static/css/main.3915afae.css.map
diff --git a/build/static/css/main.48000364.css b/build/static/css/main.48000364.css
diff --git a/build/static/css/main.48000364.css.map b/build/static/css/main.48000364.css.map
diff --git a/build/static/js/main.3a0b3651.js b/build/static/js/main.3a0b3651.js
diff --git a/build/static/js/main.3a0b3651.js.map b/build/static/js/main.3a0b3651.js.map
diff --git a/build/static/js/main.574d02ec.js b/build/static/js/main.574d02ec.js
diff --git a/build/static/js/main.3a0b3651.js.LICENSE.txt → build/static/js/main.574d02ec.js.LICENSE.txt b/build/static/js/main.3a0b3651.js.LICENSE.txt → build/static/js/main.574d02ec.js.LICENSE.txt
diff --git a/build/static/js/main.574d02ec.js.map b/build/static/js/main.574d02ec.js.map
diff --git a/docs/asset-manifest.json b/docs/asset-manifest.json
@@ -1,7 +1,7 @@
 {
   "files": {
-    "main.css": "/static/css/main.3915afae.css",
-    "main.js": "/static/js/main.3a0b3651.js",
+    "main.css": "/static/css/main.48000364.css",
+    "main.js": "/static/js/main.574d02ec.js",
     "static/media/Acorn-Bold.otf": "/static/media/Acorn-Bold.2a82187cdf1b4c80bdff.otf",
     "static/media/LeagueSpartan-ExtraBold.ttf": "/static/media/LeagueSpartan-ExtraBold.3273ea0e69650f114210.ttf",
     "static/media/LeagueSpartan-Black.ttf": "/static/media/LeagueSpartan-Black.d4303c11df0dad0324cf.ttf",
@@ -16,11 +16,11 @@
     "static/media/slick.ttf": "/static/media/slick.c94f7671dcc99dce43e2.ttf",
     "static/media/slick.woff": "/static/media/slick.295183786cd8a1389865.woff",
     "index.html": "/index.html",
-    "main.3915afae.css.map": "/static/css/main.3915afae.css.map",
-    "main.3a0b3651.js.map": "/static/js/main.3a0b3651.js.map"
+    "main.48000364.css.map": "/static/css/main.48000364.css.map",
+    "main.574d02ec.js.map": "/static/js/main.574d02ec.js.map"
   },
   "entrypoints": [
-    "static/css/main.3915afae.css",
-    "static/js/main.3a0b3651.js"
+    "static/css/main.48000364.css",
+    "static/js/main.574d02ec.js"
   ]
 }
diff --git a/docs/index.html b/docs/index.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><link href="/favicon.ico" rel="icon"/><meta content="width=device-width,initial-scale=1" name="viewport"/><meta content="#000000" name="theme-color"/><meta content="Web site created using create-react-app" name="description"/><link href="/logo192.png" rel="apple-touch-icon"/><link href="/manifest.json" rel="manifest"/><title>Arnaud Michel Portfolio</title><script defer="defer" src="/static/js/main.3a0b3651.js"></script><link href="/static/css/main.3915afae.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><link href="/favicon.ico" rel="icon"/><meta content="width=device-width,initial-scale=1" name="viewport"/><meta content="#000000" name="theme-color"/><meta content="Web site created using create-react-app" name="description"/><link href="/logo192.png" rel="apple-touch-icon"/><link href="/manifest.json" rel="manifest"/><title>Arnaud Michel Portfolio</title><script defer="defer" src="/static/js/main.574d02ec.js"></script><link href="/static/css/main.48000364.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
diff --git a/docs/static/css/main.48000364.css b/docs/static/css/main.48000364.css
diff --git a/docs/static/css/main.48000364.css.map b/docs/static/css/main.48000364.css.map
diff --git a/docs/static/css/main.5ed2a71b.css b/docs/static/css/main.5ed2a71b.css
diff --git a/docs/static/css/main.5ed2a71b.css.map b/docs/static/css/main.5ed2a71b.css.map
diff --git a/docs/static/js/main.574d02ec.js b/docs/static/js/main.574d02ec.js
diff --git a/docs/static/js/main.574d02ec.js.LICENSE.txt b/docs/static/js/main.574d02ec.js.LICENSE.txt
@@ -0,0 +1,78 @@
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+
+/**
+ * @license React
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @remix-run/router v1.15.2
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+
+/**
+ * React Router DOM v6.22.2
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+
+/**
+ * React Router v6.22.2
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
diff --git a/docs/static/js/main.574d02ec.js.map b/docs/static/js/main.574d02ec.js.map
diff --git a/docs/static/js/main.f2eba61c.js b/docs/static/js/main.f2eba61c.js
diff --git a/docs/static/js/main.f2eba61c.js.LICENSE.txt b/docs/static/js/main.f2eba61c.js.LICENSE.txt
@@ -0,0 +1,78 @@
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+
+/**
+ * @license React
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @remix-run/router v1.15.2
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+
+/**
+ * React Router DOM v6.22.2
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+
+/**
+ * React Router v6.22.2
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
diff --git a/docs/static/js/main.f2eba61c.js.map b/docs/static/js/main.f2eba61c.js.map
diff --git a/src/components/careerPage/AllOccupations.js b/src/components/careerPage/AllOccupations.js
@@ -1,11 +1,11 @@
-import React, { useEffect, useRef } from 'react';
-import { Link } from 'react-router-dom';
+import React, {useEffect, useRef} from 'react';
+import {Link} from 'react-router-dom';
 import jobsData from '../../locales/jobs.json';
 import AOS from "aos";
 import "aos/dist/aos.css";
 import './css/AllOccupations.css';
 
-function AllOccupations({ t }) {
+function AllOccupations({t}) {
     const jobItemsRef = useRef([]);
 
     useEffect(() => {
@@ -23,7 +23,8 @@ function AllOccupations({ t }) {
             <h1>{t('AllOccupations')}</h1>
             {sortedJobsData.map((job, index) => (
                 <Link to={`/Career/${job.link}`}>
-                    <div key={index} ref={el => jobItemsRef.current[index] = el} className="career-job-item" data-aos="fade-up">
+                    <div key={index} ref={el => jobItemsRef.current[index] = el} className="career-job-item"
+                         data-aos="fade-up">
                         <div className="career-job-header">
                             <h4>{t(job.title)}</h4>
                             <p className="career-date">{job.date}</p>

diff --git a/src/components/careerPage/Occupation.js b/src/components/careerPage/Occupation.js
@@ -3,7 +3,7 @@ import './css/Occupation.css';
 import {useNavigate, useParams} from 'react-router-dom';
 import occupations from "../../locales/jobs.json";
 
-function Occupation({ t }) {
+function Occupation({t}) {
     const {occupationName} = useParams();
     const occupation = occupations.find(o => o.link === occupationName);
     const navigate = useNavigate();
@@ -25,6 +25,12 @@ function Occupation({ t }) {
                             <p className="colorprimary" dangerouslySetInnerHTML={{__html: t(occupation.company)}}></p>
                         </div>
                     )}
+                    {occupation.university && (
+                        <div className="occupation-header-main company" data-aos="fade-up">
+                            <p dangerouslySetInnerHTML={{__html: `<strong>${t("university")}</strong>`}}></p>
+                            <p className="colorprimary" dangerouslySetInnerHTML={{__html: t(occupation.university)}}></p>
+                        </div>
+                    )}
                     {occupation.location && (
                         <div className="occupation-header-main location" data-aos="fade-up">
                             <p dangerouslySetInnerHTML={{__html: `<strong>${t("location")}</strong>`}}></p>
@@ -40,15 +46,22 @@ function Occupation({ t }) {
                 </div>
             </div>
             <div className={"occupation-content"} data-aos="fade-up">
-                <div className="occupation-description" data-aos="fade-up">
-                    <p dangerouslySetInnerHTML={{__html: t(occupation.description)}}></p>
-                </div>
+                {occupation.description && (
+                    <div className="project-description" data-aos="fade-up">
+                        {occupation.description.map((desc, index) =>
+                            <div className={"description"} key={index}>
+                                <h3 dangerouslySetInnerHTML={{__html: t(occupation.titledescription[index])}}></h3>
+                                <p data-aos="fade-up" dangerouslySetInnerHTML={{__html: t(desc)}}></p>
+                            </div>
+                        )}
+                    </div>
+                )}
                 {occupation.projects && (
                     <div className="occupation-projects" data-aos="fade-up">
                         <h3 dangerouslySetInnerHTML={{__html: `${t("projects")}`}}></h3>
                         <ul>
                             {occupation.projects.map((project, index) => (
-                                <li key={index} onClick={() => navigate(`/projects/${project}`)}>{t(project)}</li>
+                                <li className={"project-header-contains-link"} key={index} onClick={() => navigate(`/projects/${project}`)}>{t(project)}</li>
                             ))}
                         </ul>
                     </div>

diff --git a/src/components/careerPage/css/AllOccupations.css b/src/components/careerPage/css/AllOccupations.css
@@ -1,4 +1,4 @@
-.career-job-item{
+.career-job-item {
     grid-gap: 1rem;
     justify-content: space-between;
     background-color: var(--color-backdrop);
@@ -12,7 +12,7 @@
     transition: all 0.3s ease !important;
 }
 
-.career-job-header{
+.career-job-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -22,6 +22,8 @@
 .career-job-item:hover {
     background-color: var(--color-backdrop);
     backdrop-filter: blur(15px) saturate(1.3) brightness(2);
+    transform: scale(1.2);
+    box-shadow: 0 0 10px 0 var(--color-secondary);
 }
 
 @media (max-width: 1024px) {

diff --git a/src/components/contact/Contact.js b/src/components/contact/Contact.js
@@ -8,7 +8,7 @@ import AOS from "aos";
 // }
 
 export default function ContactPage() {
-    const [formState, setFormState] = useState({ name: '', email: '', message: '' });
+    const [formState, setFormState] = useState({name: '', email: '', message: ''});
 
     useEffect(() => {
         AOS.init({
@@ -50,10 +50,14 @@ export default function ContactPage() {
         <div id={"Contact"} className={"Contact"}>
             <h1 data-aos="fade-up">Contact</h1>
             <form className="contact-form"> {/*onSubmit={handleSubmit}>*/}
-                <input data-aos="fade-up" type="text" name="name" placeholder="Your name" value={formState.name} onChange={handleChange} />
-                <input data-aos="fade-up"type="email" name="email" placeholder="Your email" value={formState.email} onChange={handleChange} />
-                <input data-aos="fade-up" type="text" name="title" placeholder="Your title" value={formState.title} onChange={handleChange} />
-                <textarea data-aos="fade-up" name="message" placeholder="Your message" value={formState.message} onChange={handleChange} />
+                <input data-aos="fade-up" type="text" name="name" placeholder="Your name" value={formState.name}
+                       onChange={handleChange}/>
+                <input data-aos="fade-up" type="email" name="email" placeholder="Your email" value={formState.email}
+                       onChange={handleChange}/>
+                <input data-aos="fade-up" type="text" name="title" placeholder="Your title" value={formState.title}
+                       onChange={handleChange}/>
+                <textarea data-aos="fade-up" name="message" placeholder="Your message" value={formState.message}
+                          onChange={handleChange}/>
                 <button data-aos="fade-up" type="submit">Send</button>
             </form>
         </div>

diff --git a/src/components/interestsPage/Interests.js b/src/components/interestsPage/Interests.js
@@ -25,7 +25,8 @@ function Interests({t}) {
                             </div>
                             <img src={interest.logo} alt={interest.name}/>
                         </div>
-                        <p className={"description-interets"} dangerouslySetInnerHTML={{__html: t(interest.description)}}></p>
+                        <p className={"description-interets"}
+                           dangerouslySetInnerHTML={{__html: t(interest.description)}}></p>
                     </div>
                 )}
             </div>

diff --git a/src/components/interestsPage/css/Interests.css b/src/components/interestsPage/css/Interests.css
@@ -21,7 +21,7 @@
 
 .interest {
     background-color: var(--color-background-primary);
-    border-radius:var(--radius-base);
+    border-radius: var(--radius-base);
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     margin: 10px;
     padding: 20px;
@@ -55,23 +55,23 @@
 
 }
 
-.interest:nth-child(1){
+.interest:nth-child(1) {
     background-color: lightblue;
 }
 
-.interest:nth-child(2){
+.interest:nth-child(2) {
     background-color: var(--color-rust)
 }
 
-.interest:nth-child(3){
+.interest:nth-child(3) {
     background-color: lightgreen;
 }
 
-.interest:nth-child(4){
+.interest:nth-child(4) {
     background-color: pink;
 }
 
-.interest:nth-child(5){
+.interest:nth-child(5) {
     background-color: white;
 }
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!doctype html><html lang="en"><head><meta charset="utf-8"/><link href="/favicon.ico" rel="icon"/><meta content="width=device-width,initial-scale=1" name="viewport"/><meta content="#000000" name="theme-color"/><meta content="Web site created using create-react-app" name="description"/><link href="/logo192.png" rel="apple-touch-icon"/><link href="/manifest.json" rel="manifest"/><title>Arnaud Michel Portfolio</title><script defer="defer" src="/static/js/main.3a0b3651.js"></script><link href="/static/css/main.3915afae.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
		<!doctype html><html lang="en"><head><meta charset="utf-8"/><link href="/favicon.ico" rel="icon"/><meta content="width=device-width,initial-scale=1" name="viewport"/><meta content="#000000" name="theme-color"/><meta content="Web site created using create-react-app" name="description"/><link href="/logo192.png" rel="apple-touch-icon"/><link href="/manifest.json" rel="manifest"/><title>Arnaud Michel Portfolio</title><script defer="defer" src="/static/js/main.574d02ec.js"></script><link href="/static/css/main.48000364.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>