1
0
mirror of https://github.com/kremalicious/portfolio.git synced 2024-09-28 03:58:47 +02:00

content tweaks

This commit is contained in:
Matthias Kretschmann 2019-11-13 14:50:48 +01:00
parent 1dde88a511
commit 83d62c109b
Signed by: m
GPG Key ID: 606EEEF3C479A91F
4 changed files with 66 additions and 22 deletions

View File

@ -43,8 +43,7 @@
"position": "Lead UI Designer & Developer",
"website": "https://oceanprotocol.com",
"startDate": "2017-01-01",
"summary": "Leading the UI design & development of Ocean Protocol's user interfaces, iterating on a components-based UI design system spanning all of Ocean Protocol's web properties. \n\nConceptualize, execute and iterate on the creative and visual direction of the Ocean Protocol brand.\n\nAs a core developer leading the execution of [multiple user interfaces](/oceanprotocol) and core components.",
"highlights": ["Started the company"]
"summary": "Co-Founded the Ocean Protocol project and as a core developer leading the execution of [multiple user interfaces](/oceanprotocol) and core components.\n\nIn general, leading the UI design & development of Ocean Protocol's user interfaces, iterating on a components-based UI design system spanning all of Ocean Protocol's web properties. This also includes the conceptualization, execution and iteration of the creative and visual direction of the Ocean Protocol brand."
},
{
"company": "BigchainDB GmbH",
@ -52,8 +51,7 @@
"website": "https://bigchaindb.com",
"startDate": "2016-12-01",
"endDate": "2018-12-31",
"summary": "Leading the UI design & development of all BigchainDB web properties. I created the initial BigchainDB brand and further conceptualized, executed and iterated on the creative and visual direction of BigchainDB. This included creating and iterating on a components-based UI design system for all of [BigchainDB's user interfaces](/bigchaindb).",
"highlights": ["Started the company"]
"summary": "Led the UI design & development of all BigchainDB web properties. I created the initial BigchainDB brand and further conceptualized, executed and iterated on the creative and visual direction of BigchainDB. This included creating and iterating on a components-based UI design system for all of [BigchainDB's user interfaces](/bigchaindb)."
},
{
"company": "ascribe GmbH",
@ -61,8 +59,7 @@
"website": "https://ascribe.io",
"startDate": "2016-01-01",
"endDate": "2017-12-31",
"summary": "Description...",
"highlights": ["Started the company"]
"summary": "Description..."
},
{
"company": "ChartMogul Ltd.",
@ -70,8 +67,7 @@
"website": "https://chartmogul.com",
"startDate": "2015-07-15",
"endDate": "2017-02-01",
"summary": "Co-designing and leading the UI design & development of various [ChartMogul web properties](/chartmogul). This included the creation of a components-based UI design system and implementing it across all web touch points.\n\nBesides designing and implementing new features, I maintained the front-end of the ChartMogul application and implemented the UI design system by refactoring most of its front-end codebase.",
"highlights": ["Started the company"]
"summary": "Co-designed and led the UI design & development of various [ChartMogul web properties](/chartmogul), helping the company to position itself as a market leader. This included the creation of a components-based UI design system and implementing it across all web touch points.\n\nBesides designing and implementing new features, I maintained the front-end of the ChartMogul application and implemented the UI design system by refactoring most of its front-end codebase."
},
{
"company": "UN World Food Programme/ShareTheMeal",
@ -79,8 +75,7 @@
"website": "https://sharethemeal.org",
"startDate": "2014-10-01",
"endDate": "2015-06-01",
"summary": "[app and website](/sharethemeal)",
"highlights": ["Started the company"]
"summary": "[app and website](/sharethemeal)"
},
{
"company": "ezeep GmbH",
@ -88,7 +83,7 @@
"website": "https://ezeep.com",
"startDate": "2012-01-01",
"endDate": "2014-09-01",
"summary": "Creating an unprecedented, market-leading & award-winning user experience around printing based on the principles of emotional design way ahead of all competitors.\n\nThis included defining the product based on user & market research in an iterative process and designing & building [ezeeps numerous touch points](/ezeep), like the web app, web site, desktop apps for Windows & Mac OS X and apps for iOS & Android.\n\nOn top of that I created the corporate identity and a consistent visual branding, including the logo."
"summary": "Created an unprecedented, market-leading & award-winning user experience around printing based on the principles of emotional design way ahead of all competitors.\n\nThis included defining the product based on user & market research in an iterative process and designing & building [ezeeps numerous touch points](/ezeep), like the web app, web site, desktop apps for Windows & Mac OS X and apps for iOS & Android.\n\nOn top of that I created the corporate identity and a consistent visual branding, including the logo."
},
{
"company": "Martin Luther University Halle-Wittenberg",

View File

@ -9,13 +9,19 @@
&::before {
content: '';
display: block;
width: $font-size-small;
height: $font-size-small;
width: $font-size-base;
height: $font-size-base;
border-radius: 50%;
background: $brand-grey-light;
background: $body-background-color;
border: 0.1rem solid $color-headings;
position: absolute;
left: -($font-size-small / 1.8);
top: 0.1rem;
left: -($font-size-base / 1.8);
top: 0;
:global(.dark) & {
background: $body-background-color--dark;
border-color: $color-headings--dark;
}
}
p:last-child {
@ -47,6 +53,7 @@
display: block;
margin-bottom: $spacer / 2;
white-space: nowrap;
font-style: italic;
@media (min-width: $screen-md) {
text-align: right;
@ -55,3 +62,18 @@
right: 105%;
}
}
@media print {
.time {
@media (min-width: $screen-md) {
text-align: left;
position: relative;
top: auto;
right: auto;
}
}
:global(html) {
font-size: 10pt;
}
}

View File

@ -37,12 +37,13 @@ export default function Resume() {
<Icon name="MapPin" />
{location.city}, {location.countryCode}
</li>
<li>
<Icon name="Mic" />
<li className={styles.languages}>
<Icon name="Globe" />
{languages.map(item => (
<span
key={item.language}
>{`${item.language} (${item.fluency})`}</span>
<p key={shortid.generate()}>
{item.language}
<span>{item.fluency}</span>
</p>
))}
</li>
</ul>

View File

@ -33,7 +33,8 @@
list-style: none;
padding: 0;
li {
li,
p {
margin-bottom: $spacer / 4;
}
@ -65,6 +66,31 @@
}
}
.languages {
svg {
display: inline-block;
}
p {
margin-left: $spacer / 1.1;
&:first-of-type {
margin-left: 0;
display: inline-block;
}
}
span {
font-size: $font-size-small;
margin-left: $spacer / 4;
color: $brand-grey-light;
:global(.dark) & {
color: $brand-grey;
}
}
}
@media print {
.resume {
grid-template-columns: 1fr;