feat: add subcontractor work
This commit is contained in:
parent
e46cf3f5a6
commit
e86964980e
14
generate-react-cli.json
Normal file
14
generate-react-cli.json
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
{
|
||||||
|
"usesTypeScript": false,
|
||||||
|
"usesStyledComponents": true,
|
||||||
|
"testLibrary": "None",
|
||||||
|
"component": {
|
||||||
|
"default": {
|
||||||
|
"path": "src/components",
|
||||||
|
"withStyle": true,
|
||||||
|
"withTest": false,
|
||||||
|
"withStory": false,
|
||||||
|
"withLazy": false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
BIN
public/images/logos/ingroupe.webp
Normal file
BIN
public/images/logos/ingroupe.webp
Normal file
Binary file not shown.
After Width: | Height: | Size: 13 KiB |
@ -2,10 +2,8 @@ import './ExperienceCard.scss';
|
|||||||
|
|
||||||
import React, { Component } from 'react';
|
import React, { Component } from 'react';
|
||||||
|
|
||||||
|
import ExperienceSlimSpanWrapper from '../ExperienceSlimSpan/ExperienceSlimSpan';
|
||||||
|
|
||||||
// import { connect } from "react-redux";
|
|
||||||
// import { bindActionCreators } from "redux";
|
|
||||||
// import * as MenuComponentActions from "../../store/MenuComponent/actions";
|
|
||||||
|
|
||||||
export default class ExperienceCard extends Component {
|
export default class ExperienceCard extends Component {
|
||||||
// constructor(props) {
|
// constructor(props) {
|
||||||
@ -35,6 +33,13 @@ export default class ExperienceCard extends Component {
|
|||||||
<div className='description content'>
|
<div className='description content'>
|
||||||
<div dangerouslySetInnerHTML={{ __html: data.description }} />
|
<div dangerouslySetInnerHTML={{ __html: data.description }} />
|
||||||
</div>
|
</div>
|
||||||
|
{data.missions ?
|
||||||
|
data.missions.map(function (mission, index) {
|
||||||
|
return <ExperienceSlimSpanWrapper key={index}
|
||||||
|
data={mission} />;
|
||||||
|
}) : ''
|
||||||
|
|
||||||
|
}
|
||||||
{data.commentaire ? <div className="comment">
|
{data.commentaire ? <div className="comment">
|
||||||
{data.commentaire}
|
{data.commentaire}
|
||||||
</div> : ''}
|
</div> : ''}
|
||||||
@ -43,8 +48,4 @@ export default class ExperienceCard extends Component {
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// export default connect(
|
|
||||||
// ({ MenuComponent }) => ({ ...MenuComponent }),
|
|
||||||
// dispatch => bindActionCreators({ ...MenuComponentActions }, dispatch)
|
|
||||||
// )( MenuComponent );
|
|
@ -13,3 +13,12 @@
|
|||||||
.card-content {
|
.card-content {
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mission.card-content {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mission .media {
|
||||||
|
border-top-style: none;
|
||||||
|
align-items: self-end;
|
||||||
|
}
|
||||||
|
23
src/components/ExperienceSlimSpan/ExperienceSlimSpan.js
Normal file
23
src/components/ExperienceSlimSpan/ExperienceSlimSpan.js
Normal file
@ -0,0 +1,23 @@
|
|||||||
|
import React, { Component } from 'react';
|
||||||
|
|
||||||
|
|
||||||
|
export default class ExperienceSlimSpan extends Component {
|
||||||
|
render() {
|
||||||
|
var data = this.props.data;
|
||||||
|
var imgSrc = data.logo;
|
||||||
|
return <div className="mission card-content">
|
||||||
|
<div className="media">
|
||||||
|
<div className="media-left">
|
||||||
|
<a href={data.url} target="_blank" rel="noreferrer">
|
||||||
|
<figure className="image is-24x24">
|
||||||
|
<img src={imgSrc} alt="Logo Entreprise" />
|
||||||
|
</figure>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div className="media-content">
|
||||||
|
<p className="subtitle is-6">{data.occupation} @ <strong>{data.entreprise}</strong> - {data.duration}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
};
|
@ -14,8 +14,31 @@
|
|||||||
"duration": "depuis Juin 2023",
|
"duration": "depuis Juin 2023",
|
||||||
"entreprise": "Sopra Steria",
|
"entreprise": "Sopra Steria",
|
||||||
"location": "Clermont-Ferrand",
|
"location": "Clermont-Ferrand",
|
||||||
"description": "Fullstack Developer @ Michelin [depuis 02/24]<br/>Maintenance Applicative pour Imprimerie Nationale [06/23 - 02/24]",
|
"tags": [
|
||||||
"tags": ["Java", "Angular", "Spring", "DevOps", "Linux", "Azure", "Scrum"]
|
"Java",
|
||||||
|
"Angular",
|
||||||
|
"Spring",
|
||||||
|
"DevOps",
|
||||||
|
"Linux",
|
||||||
|
"Azure",
|
||||||
|
"Scrum"
|
||||||
|
],
|
||||||
|
"missions": [
|
||||||
|
{
|
||||||
|
"entreprise": "Michelin",
|
||||||
|
"logo": "../../images/logos/michelin.webp",
|
||||||
|
"url": "https://www.michelin.fr",
|
||||||
|
"occupation": "Fullstack Developer",
|
||||||
|
"duration": "depuis 02/24"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"entreprise": "IN Groupe",
|
||||||
|
"logo": "../../images/logos/ingroupe.webp",
|
||||||
|
"url": "https://ingroupe.com/fr/",
|
||||||
|
"occupation": "Maintenance Applicative",
|
||||||
|
"duration": "06/23 - 02/24"
|
||||||
|
}
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"occupation": "Coordinateur événementiel",
|
"occupation": "Coordinateur événementiel",
|
||||||
|
Loading…
x
Reference in New Issue
Block a user