Skip to content

Commit

Permalink
CV edition
Browse files Browse the repository at this point in the history
  • Loading branch information
@clbenoit
clbenoit committed Feb 7, 2024
1 parent 293f465 commit ac88f2d
Show file tree
Hide file tree
Showing 4 changed files with 51 additions and 26 deletions.
60 changes: 36 additions & 24 deletions docs/pages/CV/react-timeline.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@ import WorkLogo from '../../public/WorkIcon.png'; // with import
import EducationLogo from '../../public/EducationIcon.png'; // with import
import InternshipLogo from '../../public/InternshipIcon.png'; // with import
import TravelingLogo from '../../public/TravelingIcon.png'; // with import
import BlogLogo from '../../public/BlogIcon.png'; // with import

import '../../styles.css';

Expand All @@ -22,12 +23,22 @@ const Timeline = () => {
<VerticalTimeline
layout = "1-column-left">
{/* layout = "2-columns"> */}
<VerticalTimelineElement
className="vertical-timeline-element--work"
date="March 2024"
iconStyle={{ background: 'rgb(128,193,157)', color: '#fff' }}
contentStyle={{ background: 'rgb(128,193,157)', color: '#fff' }}
icon={ <img className="flag-sizeS" src ={BlogLogo} />}
>
<h3 className="vertical-timeline-element-title">Create Omicsverse and personnal website</h3>
<h4 className="vertical-timeline-element-subtitle">Home</h4>
</VerticalTimelineElement>
<VerticalTimelineElement
className="vertical-timeline-element--work"
date="Aug 2022 - Present"
iconStyle={{ background: 'rgb(83,104,120)', color: '#fff' }}
contentStyle={{ background: 'rgb(83,104,120)', color: '#fff' }}
icon={ <img className="flag-size" src ={WorkLogo} />}
icon={ <img className="flag-sizeL" src ={WorkLogo} />}
>
<h3 className="vertical-timeline-element-title">Clinical Bioinformatics Engineer</h3>
<h4 className="vertical-timeline-element-subtitle">Grenoble Alpes University Hospital (CHUGA)</h4>
Expand All @@ -41,7 +52,7 @@ const Timeline = () => {
date="March 2019 - March 2022"
iconStyle={{ background: 'rgb(83,104,120)', color: '#fff' }}
contentStyle={{ background: 'rgb(83,104,120)', color: '#fff' }}
icon={ <img className="flag-size" src ={WorkLogo} />}
icon={ <img className="flag-sizeL" src ={WorkLogo} />}
>
<h3 className="vertical-timeline-element-title">Research Engineer</h3>
<h4 className="vertical-timeline-element-subtitle">Institut Curie</h4>
Expand All @@ -60,20 +71,21 @@ const Timeline = () => {
date="March 2019 - March 2022"
iconStyle={{ background: 'rgb(128,193,157)', color: '#fff' }}
contentStyle={{ background: 'rgb(128,193,157)', color: '#fff' }}
icon={ <img className="flag-sizeT" src ={TravelingLogo} />}
icon={ <img className="flag-sizeM" src ={TravelingLogo} />}
>
<h3 className="vertical-timeline-element-title">BackPacker</h3>
<h4 className="vertical-timeline-element-subtitle">Europe</h4>
<p>
Blabla,Blili<br/>
Culture Discovering, Time management, Projects collaboration, Communication,
Following ML/DL online courses on my freetime<br/>
</p>
</VerticalTimelineElement>
<VerticalTimelineElement
className="vertical-timeline-element--work"
date="2006 - 2008"
contentStyle={{ background: 'rgb(221,136,86)', color: '#fff' }}
iconStyle={{ background: 'rgb(221,136,86)', color: '#fff' }}
icon={ <img className="flag-sizeT" src ={InternshipLogo} />}
icon={ <img className="flag-sizeS" src ={InternshipLogo} />}
>
<h3 className="vertical-timeline-element-title">Web Designer</h3>
<h4 className="vertical-timeline-element-subtitle">San Francisco, CA</h4>
Expand All @@ -86,7 +98,7 @@ const Timeline = () => {
date="April 2013"
contentStyle={{ background: 'rgb(221,136,86)', color: '#fff' }}
iconStyle={{ background: 'rgb(221,136,86)', color: '#fff' }}
icon={ <img className="flag-sizeT" src ={InternshipLogo} />}
icon={ <img className="flag-sizeS" src ={InternshipLogo} />}
>
<h3 className="vertical-timeline-element-title">Content Marketing for Web, Mobile and Social Media</h3>
<h4 className="vertical-timeline-element-subtitle">Online Course</h4>
Expand All @@ -96,55 +108,55 @@ const Timeline = () => {
</VerticalTimelineElement>
<VerticalTimelineElement
className="vertical-timeline-element--education"
date="November 2012"
date="2017 - 2018"
iconStyle={{ background: 'rgb(128,0,32)', color: '#fff' }}
contentStyle={{ background: 'rgb(128,0,32)', color: '#fff' }}
icon={ <img src ={EducationLogo} />}
>
<h3 className="vertical-timeline-element-title">Agile Development Scrum Master</h3>
<h4 className="vertical-timeline-element-subtitle">Certification</h4>
<h3 className="vertical-timeline-element-title">Dual Master's degree in omics data analysis</h3>
<h4 className="vertical-timeline-element-subtitle">Aix-Marseille University</h4>
<p>
Creative Direction, User Experience, Visual Design
<a href="https://formations.univ-amu.fr/fr/master/5SBG" target="_blank" className="hrefverticalelement">This master's </a> program aims to offer biology students a training project that enables them to acquire the necessary skills to pursue a career as a scientist in the field of omics data analysis, both in academia and industry. <br/><br/>
The skills obtained by the graduate during this training will allow them to implement biochemical or genomic approaches to solve complex molecular problems or design innovative solutions to a range of biological issues. This training project provides students with theoretical, methodological, practical, and interpersonal skills related to the field of genomics.
</p>
</VerticalTimelineElement>
<VerticalTimelineElement
className="vertical-timeline-element--education"
date="2002 - 2006"
date="2015 - 2018"
iconStyle={{ background: 'rgb(128,0,32)', color: '#fff' }}
contentStyle={{ background: 'rgb(128,0,32)', color: '#fff' }}
icon={ <img src ={EducationLogo} />}
>
<h3 className="vertical-timeline-element-title">Bachelor of Science in Interactive Digital Media Visual Imaging</h3>
<h4 className="vertical-timeline-element-subtitle">Bachelor Degree</h4>
<h3 className="vertical-timeline-element-title">Master’s Degree in Biotechnology Engineering </h3>
<h4 className="vertical-timeline-element-subtitle">Aix-Marseille University Engineering school (POLYTECH)</h4>
<p>
POLYTECH
Advanced applications of microbiology and cell biology, such as molecular biology, cell culture, genetic engineering, and bioinformatics. <br/> <br/>
Production, extraction, and purification of compounds derived from processes involving microorganisms, animal or plant cells.<br/> <br/>
Mastery of analytical techniques and methodologies for ensuring the quality control and safety of compounds derived from bioprocesses.
</p>
</VerticalTimelineElement>
<VerticalTimelineElement
className="vertical-timeline-element--education"
date="2002 - 2006"
date="2013 - 2015"
iconStyle={{ background: 'rgb(128,0,32)', color: '#fff' }}
contentStyle={{ background: 'rgb(128,0,32)', color: '#fff' }}
icon={ <img src ={EducationLogo} />}
>
<h3 className="vertical-timeline-element-title">Bachelor of Science in Interactive Digital Media Visual Imaging</h3>
<h4 className="vertical-timeline-element-subtitle">Bachelor Degree</h4>
<h3 className="vertical-timeline-element-title">Preparatory class for prestigious engineering schools.</h3>
<h4 className="vertical-timeline-element-subtitle">Carnot High School,Dijon</h4>
<p>
PREPA
Mathematics, Programming Languages, Physics, Chemistry, Biology, Life Science, Earth Science
</p>
</VerticalTimelineElement>
<VerticalTimelineElement
className="vertical-timeline-element--education"
date="2002 - 2006"
date="2013"
iconStyle={{ background: 'rgb(128,0,32)', color: '#fff' }}
contentStyle={{ background: 'rgb(128,0,32)', color: '#fff' }}
icon={ <img src ={EducationLogo} />}
>
<h3 className="vertical-timeline-element-title">Bachelor of Science in Interactive Digital Media Visual Imaging</h3>
<h4 className="vertical-timeline-element-subtitle">Bachelor Degree</h4>
<p>
BACCALAUREATE
</p>
<h3 className="vertical-timeline-element-title">Baccalaureate</h3>
<h4 className="vertical-timeline-element-subtitle">Mâcon</h4>
</VerticalTimelineElement>
</VerticalTimeline>
)
Expand Down
Binary file added docs/public/BlogIcon.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
14 changes: 12 additions & 2 deletions docs/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,20 +10,26 @@
}
} */

.flag-size {
.flag-sizeL {
padding: 0em;
display: flex;
justify-content: center;
align-items: center;
}


.flag-sizeT {
.flag-sizeM {
padding: 0.2em;
display: flex;
justify-content: center;
align-items: center;
}
.flag-sizeS {
padding: 0.3em;
display: flex;
justify-content: center;
align-items: center;
}

.vertical-timeline-element-title {
font-size: 18px;
Expand All @@ -34,3 +40,7 @@
.vertical-timeline-element-content{
font-size: 15px;
}

.hrefverticalelement{
color: black;
}
3 changes: 3 additions & 0 deletions vocs.config.ts
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,9 @@
import { defineConfig } from 'vocs'

export default defineConfig({
theme: {
colorScheme: 'dark'
},
title: 'Home',
topNav: [
{ text: 'CV', link: '/CV' },
Expand Down

0 comments on commit ac88f2d

Please sign in to comment.