/
Resume.js
53 lines (45 loc) · 1.45 KB
/
Resume.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
import React from 'react';
import { Link } from 'react-router-dom';
import Main from '../layouts/Main';
import Education from '../components/Resume/Education';
import Experience from '../components/Resume/Experience';
import Skills from '../components/Resume/Skills';
import Courses from '../components/Resume/Courses';
import References from '../components/Resume/References';
import courses from '../data/resume/courses';
import degrees from '../data/resume/degrees';
import positions from '../data/resume/positions';
import { skills, categories } from '../data/resume/skills';
const sections = [
'Education',
'Experience',
'Skills',
'Courses',
'References',
];
const Resume = () => (
<Main
title="Resume"
description="Michael D'Angelo's Resume. Arthena, Matroid, YC, Skeptical Investments, Stanford ICME, Planet Labs, and Facebook."
>
<article className="post" id="resume">
<header>
<div className="title">
<h2><Link to="resume">Resume</Link></h2>
<div className="link-container">
{sections.map((sec) => (
<h4 key={sec}>
<a href={`#${sec.toLowerCase()}`}>{sec}</a>
</h4>))}
</div>
</div>
</header>
<Education data={degrees} />
<Experience data={positions} />
<Skills skills={skills} categories={categories} />
<Courses data={courses} />
<References />
</article>
</Main>
);
export default Resume;