diff options
author | Nick Van Doorn <vandoorn.nick@gmail.com> | 2019-04-17 12:07:49 -0700 |
---|---|---|
committer | Nick Van Doorn <vandoorn.nick@gmail.com> | 2019-04-17 12:07:49 -0700 |
commit | 979eac444d74b1718143b0028e8cf215ad6ac1cf (patch) | |
tree | b46a0f22b79c3ae3056649f0fe922ccff7c9f4a6 /src | |
parent | 12a5381027061a547539822105642d525de5f580 (diff) |
Fix CV spacing
Diffstat (limited to 'src')
-rw-r--r-- | src/pages/cv.js | 38 |
1 files changed, 25 insertions, 13 deletions
diff --git a/src/pages/cv.js b/src/pages/cv.js index 39d4264..8616838 100644 --- a/src/pages/cv.js +++ b/src/pages/cv.js @@ -2,17 +2,20 @@ import React from 'react' import { css } from '@emotion/core' import { BaseLayout } from '../components/base-layout' -import { Project } from '../components/project' +import { Project as BaseProject } from '../components/project' import { cvTheme } from '../components/globals' import { projects } from './projects' import { workHistory } from './work' import { skills, tools } from './about' +const Project = p => <BaseProject {...p} iconSize="14px" /> + const cleanProjectDetailForCv = ({ images, ...rest }) => rest const cleanProjectForCv = project => ({ ...project, + inProd: false, projectDetails: project.projectDetails ? project.projectDetails.map(cleanProjectDetailForCv) : null @@ -22,6 +25,11 @@ const cvProjects = projects.filter(k => k.showOnCv).map(cleanProjectForCv) const cvWork = workHistory.map(cleanProjectForCv) +const containerStyle = ({ margins }) => + css` + margin: 0 0 ${margins.lg}px 0; + ` + export default () => ( <BaseLayout theme={cvTheme}> <header @@ -53,25 +61,29 @@ export default () => ( `} > <h1>Work</h1> - {cvWork.map(k => ( - <Project {...k} key={k.name} /> + {cvWork.map((k, i) => ( + <Project {...k} key={`work-${i}`} /> ))} <h1>Projects</h1> {cvProjects.map(k => ( <Project {...k} key={k.name} /> ))} <h1>Skills</h1> - <ul> - {skills.map(k => ( - <li key={k}>{k}</li> - ))} - </ul> + <article css={containerStyle}> + <ul> + {skills.map(k => ( + <li key={k}>{k}</li> + ))} + </ul> + </article> <h1>Tools</h1> - <ul> - {tools.map(k => ( - <li key={k}>{k}</li> - ))} - </ul> + <article css={containerStyle}> + <ul> + {tools.map(k => ( + <li key={k}>{k}</li> + ))} + </ul> + </article> </div> </BaseLayout> ) |