diff options
Diffstat (limited to 'app')
| -rw-r--r-- | app/assets/index.html | 47 | ||||
| -rw-r--r-- | app/base.styl | 58 | ||||
| -rw-r--r-- | app/print.styl | 13 |
3 files changed, 97 insertions, 21 deletions
diff --git a/app/assets/index.html b/app/assets/index.html index 8170b19..30a16ce 100644 --- a/app/assets/index.html +++ b/app/assets/index.html @@ -81,13 +81,15 @@ </dl> </article> - <article> + <article class="work"> <h1>Work Experience</h1> <article> - <h2><a href="https://sapera.com/">Sapera GmbH.</a></h2> - <em>Senior Developer/DevOps</em> - <em>Berlin, Germany</em> - <em>Apr. 2018 - Present</em> + <div class="info"> + <h2><a href="https://sapera.com/">Sapera GmbH.</a></h2> + <em>Senior Developer/DevOps</em> + <em>Berlin, Germany</em> + <em>Apr. 2018 - Present</em> + </div> <ul> <li> Implemented infrastructure as code (<abbr>IaC</abbr>) for different projects using Terraform and Ansible. @@ -113,10 +115,12 @@ </ul> </article> <article> - <h2><a href="https://liqid.de/">LIQID GmbH.</a></h2> - <em>Senior Backend Developer</em> - <em>Berlin, Germany</em> - <em>Mar. 2016 - Dec. 2017</em> + <div class="info"> + <h2><a href="https://liqid.de/">LIQID GmbH.</a></h2> + <em>Senior Backend Developer</em> + <em>Berlin, Germany</em> + <em>Mar. 2016 - Dec. 2017</em> + </div> <ul> <li>Maintained the RESTful API (used by admins and front-end).</li> <li>Implemented and maintained the integration with Deutsche Bank.</li> @@ -138,10 +142,12 @@ </ul> </article> <article> - <h2>PrioriData GmbH.</h2> - <em>Full Stack Developer</em> - <em>Berlin, Germany</em> - <em>Jul. 2015 - Mar. 2016</em> + <div class="info"> + <h2>PrioriData GmbH.</h2> + <em>Full Stack Developer</em> + <em>Berlin, Germany</em> + <em>Jul. 2015 - Mar. 2016</em> + </div> <p>Was acquired by <a href="https://airnow.com/">Airnow Data Ltd.</a></p> <ul> <li>Maintained the Rails web (dashboard) app.</li> @@ -159,16 +165,17 @@ </li> </ul> </article> - <article> - <h2>AskNative</h2> - <em>Backend Developer/DevOps</em> - <em>Remote, Egypt</em> - <em>May. 2013 - Jul. 2015</em> + <div class="info"> + <h2>AskNative</h2> + <em>Backend Developer/DevOps</em> + <em>Remote, Egypt</em> + <em>May. 2013 - Jul. 2015</em> + </div> <ul> <li> - Reimplemented large portions of the API to follow better design patterns (Hexagonal Architecture, and - <abbr title="Publish-Subscribe">Pub/Sub</abbr> pattern). + Reimplemented large portions of the API to follow better design patterns<br /> + (Hexagonal Architecture, and <abbr title="Publish-Subscribe">Pub/Sub</abbr> pattern). </li> <li>Implemented the test suite for the API.</li> <li>Implemented events booking feature via Stripe.</li> diff --git a/app/base.styl b/app/base.styl index 43be22d..76825be 100644 --- a/app/base.styl +++ b/app/base.styl @@ -96,7 +96,6 @@ article { dl { display: flex flex-flow: row wrap - // justify-content: space-between; } dt { @@ -118,3 +117,60 @@ article { } } } + +.work { + article > .info { + display: flex + flex-flow: row wrap + justify-content: space-between; + + @media screen and (max-width: 740px) { + flex-flow: column wrap + } + + // company + h2 { + order: 0 + min-width: 50% + margin-top: 0.2em + margin-bottom: 0 + } + + // title + em:nth-of-type(1) { + order: 2 + min-width: 50% + + @media screen and (max-width: 740px) { + order: 1 + } + } + + // location + em:nth-of-type(2) { + order 1 + min-width: 50% + text-align: right + align-self: flex-end + + @media screen and (max-width: 740px) { + order: 2 + text-align: left + align-self: flex-start + } + } + + // duration + em:nth-of-type(3) { + order: 3 + min-width: 50% + text-align: right + align-self: flex-end + + @media screen and (max-width: 740px) { + text-align: left + align-self: flex-start + } + } + } +} diff --git a/app/print.styl b/app/print.styl index 0ef1da5..32c7c54 100644 --- a/app/print.styl +++ b/app/print.styl @@ -48,3 +48,16 @@ article { margin-bottom: 0 } } + +.work { + // avoid page breaks inside a work experience section + article { + page-break-inside: avoid + } + + article > .info { + h2 { + margin-top: 0.8em + } + } +} |