From d8b80316294fd915568c6a3414b55fc82d568628 Mon Sep 17 00:00:00 2001 From: Matthias Kretschmann Date: Sat, 5 May 2018 18:00:27 +0200 Subject: [PATCH] handle yaml line breaks --- data/projects.yml | 13 ------------- src/components/atoms/Content.scss | 2 +- src/templates/Project.jsx | 3 ++- 3 files changed, 3 insertions(+), 15 deletions(-) diff --git a/data/projects.yml b/data/projects.yml index a2eab01..076a2ad 100644 --- a/data/projects.yml +++ b/data/projects.yml @@ -7,10 +7,8 @@ description: > Since 2017 I'm leading the UI design & development of all Ocean Protocol web properties. Additionally, I conceptualize, execute and iterate on the creative and visual direction of the Ocean Protocol brand. - The main website is a single-page JavaScript application built with React, pulling its data from JSON files and various micro services I've built over time. All design & development is embedded in a continous deployment process via GitHub & Travis. - Initial website in collaboration with [Balance](https://balance.io/). Key visuals in collaboration with [Wojciech Hupert](https://twitter.com/wojciechhupert). links: - title: Link @@ -38,10 +36,8 @@ description: > From 2015-2017 I was leading the UI design & development of all IPDB web properties. Additionally, I iterated on the creative and visual direction of the IPDB brand. - The main website is a static site built with Jekyll and a custom Gulp-based build pipeline in front of it. All design & development is embedded in a continous deployment process via GitHub & Travis. - Branding and key visuals in collaboration with [Wojciech Hupert](https://twitter.com/wojciechhupert). techstack: @@ -101,10 +97,8 @@ description: > In 2017 I was leading the UI design & development for the 9984 >> Summit, the first joint summit of BigchainDB & IPDB. Additionally, I conceptualized, executed and iterated on the creative and visual direction of the 9984 brand. - The main website is a static site built with Jekyll and a custom Gulp-based build pipeline in front of it. All design & development is embedded in a continous deployment process via GitHub & Travis. - Branding and key visuals in collaboration with [Wojciech Hupert](https://twitter.com/wojciechhupert). techstack: - Sketch @@ -125,10 +119,8 @@ description: > Since 2016 I'm leading the UI design & development of all BigchainDB web properties. I created the initial BigchainDB brand and further conceptualize, execute and iterate on the creative and visual direction of BigchainDB. - The main website is a static site built with Jekyll and a custom Gulp-based build pipeline in front of it, pulling data from various external sources and microservices. All design & development is embedded in a continous deployment process via GitHub & Travis. - Branding & key visuals in collaboration with [Wojciech Hupert](https://twitter.com/wojciechhupert). techstack: @@ -162,10 +154,8 @@ description: > From 2015-2017 I was co-designing and leading the UI design & development of various ChartMogul web properties. - The main website is a static site built with Jekyll and a custom Gulp-based build pipeline in front of it. - Within the ChartMogul application I created and implemented a UI design system. techstack: @@ -225,10 +215,8 @@ description: > From 2012 to 2015 I worked at ezeep, where I created an unprecedented, market-leading & award-winning user experience based on the principles of emotional design way ahead of all competitors. This included conceptualizing executing, and iterating on the creative & visual direction of the ezeep brand. - I was leading the UI design & development of all ezeep touch points and - as a product designer - defined the ezeep product based on user and market research in an iterative process. On top of that, I designed and helped building all app experiences of ezeep on Windows, macOS, iOS, and Android. - ezeep was acquired by [Cortado AG](https://www.cortado.com) in 2015 and became part of their [ThinPrint Cloud Services](https://www.thinprintcloud.com) suite of products. techstack: @@ -304,7 +292,6 @@ description: > From 2009 to 2012 I worked at the IT services department of [Martin-Luther-Universität Halle-Wittenberg](http://www.uni-halle.de) where I conceptualized & implemented numerous in-house and public facing interfaces for thousands of students and staff. - Additionally, I conceptualized, designed, created, and maintained the blog network & community for all students & staff. techstack: diff --git a/src/components/atoms/Content.scss b/src/components/atoms/Content.scss index 3707ac1..e8a94fa 100644 --- a/src/components/atoms/Content.scss +++ b/src/components/atoms/Content.scss @@ -1,4 +1,4 @@ .content { - max-width: 43rem; + max-width: 40rem; margin: 0 auto; } diff --git a/src/templates/Project.jsx b/src/templates/Project.jsx index 70933d5..843b92d 100644 --- a/src/templates/Project.jsx +++ b/src/templates/Project.jsx @@ -24,6 +24,7 @@ class Project extends Component { const { title, description, links, techstack } = project const { next, previous } = pathContext + const descriptionWithLineBreaks = description.split('\n').join('\n\n') return ( @@ -37,7 +38,7 @@ class Project extends Component {

{title}