From 072c7c7a1aac54189315dfb38a4dde2d15a2763f Mon Sep 17 00:00:00 2001 From: vika03 Date: Fri, 15 Nov 2024 12:35:55 +0100 Subject: [PATCH] wip --- components/cv.js | 157 ------------------ components/downloadPdfButton.js | 13 +- components/project.js | 25 ++- pages/johan-baath.js | 26 +-- pages/viktor-kalajo.js | 63 ++++---- pages/viktor-kalajo2.js | 210 ------------------------- public/static/pdf/viktor-kalajo-cv.pdf | Bin 33399 -> 31662 bytes 7 files changed, 75 insertions(+), 419 deletions(-) delete mode 100644 components/cv.js delete mode 100644 pages/viktor-kalajo2.js diff --git a/components/cv.js b/components/cv.js deleted file mode 100644 index e3dac67..0000000 --- a/components/cv.js +++ /dev/null @@ -1,157 +0,0 @@ -import { Header } from '../components/header' -import { InPageHeader } from '../components/inPageHeader' -import PropTypes from 'prop-types' - -const Cv = ({ name, title, location, canonical, email, children }) => ( - <> -
- {name} - curriculum vitae - -
-
-
-

{name}

-

- {title}, {location} -

- - {email} - - {children} -
- {/*language=SCSS*/} - -
- -) - -Cv.propTypes = { - name: PropTypes.string, - title: PropTypes.string, - location: PropTypes.string, - canonical: PropTypes.string, - email: PropTypes.string, -} - -export default Cv diff --git a/components/downloadPdfButton.js b/components/downloadPdfButton.js index 566d912..f9ea9cc 100644 --- a/components/downloadPdfButton.js +++ b/components/downloadPdfButton.js @@ -13,7 +13,7 @@ export const DownloadPdfButton = ({ href }) => { color: #fff; border: 0; outline: none; - padding: 20px 50px; + padding: 20px 40px; cursor: pointer; font-size: 18px; font-family: 'Overpass', sans-serif; @@ -21,12 +21,23 @@ export const DownloadPdfButton = ({ href }) => { -webkit-appearance: none; -webkit-border-radius: 0px; margin: 20px 0; + text-decoration: none; + + &:hover { + background: #4c52c1; + } &:hover, &:visited { color: #fff; } } + + @media print { + .downloadPdf { + display: none; + } + } `} ) diff --git a/components/project.js b/components/project.js index 47c6755..40a3343 100644 --- a/components/project.js +++ b/components/project.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react' +import React from 'react' import PropTypes from 'prop-types' import { Tags } from './tags' @@ -7,26 +7,39 @@ export const Project = ({ from, to, role, title, children, tags }) => (

{title} - {role}, {from} - {to} + {role ? `${role}, ` : ''} + {from} - {to}

-

{children} {/*language=SCSS*/} diff --git a/pages/johan-baath.js b/pages/johan-baath.js index 636e9d2..75ffb26 100644 --- a/pages/johan-baath.js +++ b/pages/johan-baath.js @@ -91,20 +91,20 @@ export default function JohanBaath() {

Working with the following teams: -

+

Cabonline Technologies

diff --git a/pages/viktor-kalajo.js b/pages/viktor-kalajo.js index caa86f7..67484c5 100644 --- a/pages/viktor-kalajo.js +++ b/pages/viktor-kalajo.js @@ -10,7 +10,7 @@ const ViktorKalajo = () => (
-

Viktor Kalajo

+

Viktor Kalajo

Senior Full-Stack Software Engineer, Stockholm

viktor.kalajo@gmail.com @@ -41,7 +41,7 @@ const ViktorKalajo = () => ( for robust deployment pipelines. -

Highlighted projects

+

Latest projects

( .

- - -

Education

-
-

- Q3 2008 - Q4 2013 -

+

Education

+

Master of Science in{' '} @@ -207,7 +195,7 @@ const ViktorKalajo = () => ( KTH Royal Institute of Technology .

-
+
@@ -226,8 +214,6 @@ const ViktorKalajo = () => ( } .content { - display: flex; - flex-direction: column; margin: 0 auto; width: 1024px; max-width: calc(100% - 40px); @@ -249,12 +235,17 @@ const ViktorKalajo = () => ( display: block; } + .educationHeading { + margin-bottom: 0; + } + .education-time { - font-size: 0.9em; - text-transform: uppercase; + font-family: 'Overpass Mono'; + display: block; + font-size: 16px; line-height: 1.2em; - margin-top: 0.3em; - font-weight: 600; + margin-top: 0; + font-weight: 400; } @media print { @@ -269,16 +260,16 @@ const ViktorKalajo = () => ( } `}