diff --git a/infographics/main.pdf b/infographics/main.pdf index fd7a3a9..8993a70 100644 Binary files a/infographics/main.pdf and b/infographics/main.pdf differ diff --git a/infographics/main.tex b/infographics/main.tex index 20a434a..2c46276 100644 --- a/infographics/main.tex +++ b/infographics/main.tex @@ -86,7 +86,7 @@ \usepackage[a4paper]{geometry} % for example, change the margins to 2 inches all round -\geometry{top=1.75cm, bottom=-.6cm, left=1.5cm, right=1.5cm} +\geometry{top=0.75cm, bottom=-.6cm, left=1.5cm, right=1.5cm} %use customized header @@ -130,12 +130,20 @@ \usepackage{tikz} %for drawing graphics \usetikzlibrary{shapes, backgrounds} +%http://tex.stackexchange.com/questions/7219/how-to-vertically-center-two-images-next-to-each-other +\newcommand{\vcenteredinclude}[1]{\begingroup +\setbox0=\hbox{\includegraphics{#1}}% +\parbox{\wd0}{\box0}\endgroup} + +%http://tex.stackexchange.com/questions/7219/how-to-vertically-center-two-images-next-to-each-other +\newcommand*{\vcenteredhbox}[1]{\begingroup +\setbox0=\hbox{#1}\parbox{\wd0}{\box0}\endgroup} + + \newcommand{\icons}{Font-Awesome-SVG-PNG/white/png/64/} %path to your icon lib \newcommand{\icon}[2]{\includegraphics[height=#2]{\icons#1}} %icon shortcut \newcommand{\icontext}[3]{ %icon with text shortcut - \mbox{ - \icon{#1}{#2} #3 - } + \vcenteredhbox{\icon{#1}{#2}} \vcenteredhbox{#3} } %---------------------------------------------------------------------------------------- @@ -147,7 +155,7 @@ %accent color \definecolor{sectcol}{RGB}{255,150,0} -\definecolor{secondcol}{RGB}{50,50,255} +\definecolor{secondcol}{RGB}{50,50,200} %dark background color \definecolor{bgcol}{RGB}{110,110,110} @@ -182,7 +190,7 @@ %remove section num \renewcommand{\thesection}{} -\chead{ \small{Bremen, Germany $\cdot$ \textcolor{sectcol}{\textbf{info@jankuester.com}} $\cdot$ +49 176 313 877 34}} +\chead{} %---------------------------------------------------------------------------------------- % ARROW GRAPHICS in Tikz @@ -224,10 +232,10 @@ \newcommand{\slice}[6] { \pgfmathparse{0.5*#1+0.5*#2} \let\midangle\pgfmathresult - % slice - \filldraw[fill=#5!100,draw=bgcol!100, line width=2.5pt, inner sep=15pt ] (0,0) -- (#1:#6) arc (#1:#2:#6) -- cycle; + \filldraw[fill=#5!100,draw=bgcol!100, line width=2pt, inner sep=15pt ] (0,0) -- (#1:#6) arc (#1:#2:#6) -- cycle; +% \draw[draw=white] % outer label \node[label=\midangle:\textcolor{white}{#4}] at (\midangle:#6) {}; } @@ -252,22 +260,34 @@ \setcounter{a}{\value{b}} \addtocounter{b}{\p} \addtocounter{c}{35} - \definecolor{currentcolor}{RGB}{255, \thec, 0} + \definecolor{currentcolor}{RGB}{220,\thec, 0} \slice{\thea/100*#3}{\theb/100*#3}{\p\%}{\t}{currentcolor}{#2} } - \node[label=#4] at (0,-0.25) {}; %caption - \end{tikzpicture}\\ + \end{tikzpicture} } -\newcommand{\bubble}[5]{ +\newcommand{\bubble}[5]{ + \definecolor{tmpcol}{RGB}{50,50,#5} % slice - %\filldraw[fill=sectcol!100,draw=none ] ellipse (20:20); + \filldraw[fill=tmpcol!100,draw=none] (#1,0.5) circle (#3); % outer label - %\node[label=\midangle:\textcolor{white}{#4}] at (\midangle:#6) {}; + \node[label=\textcolor{white}{#4}] at (#1,0.7) {}; } -\newcommand{\bubbles}[1]{ +\newcommand{\bubbles}[2]{ + %reset counters + \setcounter{a}{0} + \setcounter{c}{150} + \begin{tikzpicture}[scale=3] + \foreach \p/\t in {#1} { + \addtocounter{a}{1} + \bubble{\thea/2}{\theb}{\p/25}{\t}{1\p0} + } + \end{tikzpicture} +} + +\newcommand{\squares}[2]{ %reset counters \setcounter{a}{0} \setcounter{b}{0} @@ -276,12 +296,21 @@ \foreach \p/\t in {#1} { \setcounter{a}{\value{b}} \addtocounter{b}{\p} - \definecolor{currentcolor}{RGB}{255, \thec, 0} - \bubble{\thea}{\theb}{\p}{\t}{currentcolor} + \addtocounter{c}{35} + \definecolor{currentcolor}{RGB}{50,50, 1\p} + \square{\thea/100*#2}{\theb/100*#2}{\p\%}{\t}{currentcolor} } \end{tikzpicture} } +\newcommand{\square}[5] { + \pgfmathparse{#1+0.5*(#2-#1)-0.14} + \let\midangle\pgfmathresult + % slice + \filldraw[fill=#5!100,draw=bgcol!100, line width=3pt] (0,#1) -- (2,#1) -- (2,#2) -- (0,#2) -- cycle; + % outer label + \node[label=\textcolor{white}{#4}] at (1,\midangle) {}; +} %---------------------------------------------------------------------------------------- % social info %---------------------------------------------------------------------------------------- @@ -296,15 +325,19 @@ % param 1: section title % \newcommand{\cvsection}[1] { - \rarrow{sectcol} \textcolor{white}{\textbf{#1}} \larrow{sectcol} + \larrow{bgcol} \textcolor{black}{\textbf{#1}} \rarrow{bgcol} +} + +\newcommand{\cvsect}[2]{ + \colorbox{sectcol}{ \makebox[0.49\linewidth][c]{\cvsection{#1}}} } %create a coloured arrow with title as cv meta section section % param 1: meta section title % \newcommand{\metasection}[2] { - \begin{tabular*}{1\textwidth}{p{2.4cm} p{11cm}} - \larrow{bgcol} \normalsize{\textcolor{sectcol}{#1}}\\[12pt] + \begin{tabular*}{1\textwidth}{ l l } + #1\\[12pt] \end{tabular*} } @@ -312,34 +345,47 @@ % CV EVENT %---------------------------------------------------------------------------------------- -% creates a stretched box as cv entry headline followed by two paragraphs about -% the work you did -% param 1: event time i.e. 2014 or 2011-2014 etc. -% param 2: event name (what did you do?) -% param 3: institution (where did you work / study) -% param 4: what was your position -% param 5: some words about your contributions -% -\newcommand{\cvevent}[5] -{ -\vspace{8pt} - \begin{tabular*}{1\textwidth}{p{2.3cm} p{10.8cm} x{3.9cm}} - \textcolor{bgcol}{#1}& \textbf{#2} & \vspace{2.5pt}\textcolor{sectcol}{#3} - - \end{tabular*} -\vspace{-12pt} -\textcolor{softcol}{\hrule} -\vspace{6pt} - \begin{tabular*}{1\textwidth}{p{2.3cm} p{14.4cm}} -& \larrow{bgcol} #4\\[3pt] -& \larrow{bgcol} #5\\[6pt] - \end{tabular*} - -} +% creates a vertical cv timeline +% param 1: start year +% param 2: end year +% param 3: overall width +%param 4: overall height +\newenvironment{cvtimeline}[4]{ + % creates a stretched box as cv entry headline followed by two paragraphs about + % the work you did + % param 1: event start month/year + % param 2: event end month/year + % param 3: event name + % param 4: institution (where did you work / study) + % param 5: what was your position + % param 6: some words about your contributions + % + \newcommand{\cvexperience}[6] { + %##1,##2,##3\\ + \draw[fill=white, opacity=0.5] (-0.1,0) -- (-3.1,0) -- (-3.1,1) -- (-0.1,1) --cycle; + } + \newcommand{\cveducation}[6] { + %##1,##2,##3\\ + \draw[fill=white, opacity=0.5] (0.1,0) -- (3.1,0) -- (3.1,1) -- (0.1,1) --cycle; + } + \begin{tikzpicture} + \pgfmathparse{(#2-#1)} + \let\fullrange\pgfmathresult + \draw[draw=white,line width=3pt] (0,0) -- (0,#3) ; %line + \newcounter{yearcount} + \setcounter{yearcount}{1} + \whiledo{\value{yearcount} < \fullrange}{ + \draw[draw=white] (-0.25, #3/\fullrange*\value{yearcount}) -- (0.25, #3/\fullrange*\value{yearcount}); + \stepcounter{yearcount} + } + \node[label=\textcolor{white}{#1}] at (0,-0.75) {}; %start year + \node[label=\textcolor{white}{#2}] at (0,#3+0.75) {}; %end year + +}%end begin part of newenv +{\end{tikzpicture}} % creates a stretched box as -\newcommand{\cveventmeta}[2] -{ +\newcommand{\cveventmeta}[2] { \mbox{\mystrut \hspace{87pt}\textit{#1}}\\ #2 } @@ -374,7 +420,8 @@ %--------------------------------------------------------------------------------------- % TITLE HEADLINE %---------------------------------------------------------------------------------------- - +\mystrut +\vspace{-12pt} \begin{center} \HUGE{\textcolor{white}{\textsc{Jan Küster}} }\\[-30pt] \textcolor{sectcol}{\hrule} @@ -382,7 +429,7 @@ \Large{\textcolor{white}{\textsc{Software Engineer and Consultant}}}\\ \end{center} -\small +\normalfont %--------------------------------------------------------------------------------------- @@ -394,94 +441,94 @@ %\normalsize %\vspace{88pt} + + %--------------------------------------------------------------------------------------- % META SECTION %---------------------------------------------------------------------------------------- +\vspace{16pt} -%\vspace{-114pt} - - -\metasection{Status:}{Bremen, Germany} -\metasection{Degree:}{M.Sc. Digital Media} -%\metasection{Activities:}{Global Game Jam, Sound Engineering, Blender, Martial Arts} - - -\begin{center} -\chart{9/Design, 25/Projects, 25/Consulting,41/Software Dev}{0.85}{180}{\cvsection{Skills}}\bubbles{5/js , 3/java , 3/xpages , 2/latex, 4/as3} -\end{center} - -% js , java , xpages , latex, as3 -% git, eclipse, meteor, -% - -%--------------------------------------------------------------------------------------- -% SUMMARAY (optional) -%---------------------------------------------------------------------------------------- - -%\cvsection{Summary}\\ -\icontext{android}{32pt}{Android} - -\includegraphics[trim= 320 130 460 210,clip,width=0.2\linewidth]{myfoto.jpg} %trimming relative to image size! - -\newpage -%============================================================================% -% -% CV SECTIONS AND EVENTS (MAIN CONTENT) -% -%============================================================================% +\begin{minipage}{0.49\textwidth} + \begin{center} + \cvsect{Profile}{0.49}\\[16pt] + \end{center} +\begin{tabular*}{1\textwidth}{ c c } + \parbox[c]{0.375\linewidth}{ + \includegraphics[trim= 320 130 460 210,clip,width=\linewidth]{myfoto.jpg}}& + \parbox{0.55\textwidth}{ + \icontext{map-marker}{22pt}{Bremen, Germany}\\ + \icontext{mobile-phone}{22pt}{+49 176 313 877 34}\\ + \icontext{send}{22pt}{info@jankuester.com}\\ + \icontext{github}{22pt}{github.com/jankapunkt}\\ + \icontext{twitter}{22pt}{@Kuester\_Jan}\\ + } +\end{tabular*} + \begin{center} + \cvsect{Experience}{0.49}\\[16pt] + \begin{cvtimeline}{2007}{2017}{16.5}{\linewidth} %--------------------------------------------------------------------------------------- % EXPERIENCE %---------------------------------------------------------------------------------------- -\cvsection{Experience} -% -\cvevent{2014 - Present}{IT Consultant for IBM XPages and Notes Domino}{We4IT GmbH Bremen}{Realize projects in XPages and We4IT Aveedo, monitor project status, conduct reports}{Implement the frontend for a BPMN compatible engine within We4IT Aveedo} + +\cvexperience{12/2014}{09/2016}{IT Consultant for IBM XPages and Notes Domino}{We4IT GmbH Bremen}{Realize projects in XPages and We4IT Aveedo, monitor project status, conduct reports}{Implement the frontend for a BPMN compatible engine within We4IT Aveedo} %\textcolor{softcol}{\hrule} -% -\cvevent{2013 / 09}{Poster Presentation}{DELFI Conference}{Co-published poster with paper on usability guidelines for tests with functional illiterates}{Presented results to conference audience at conference event} +%\cvevent{2013 / 09}{Poster Presentation}{DELFI Conference}{Co-published poster with paper on usability guidelines for tests with functional illiterates}{Presented results to conference audience at conference event} %\textcolor{softcol}{\hrule} -% -\cvevent{2012 - 2014}{Scientific Employee / Software Development}{University of Bremen}{Invented a flexible assessment framework, targeting industrial trainees}{Supervised software development lifecycle, Recruited team members} +%\cvevent{2012 - 2014}{Scientific Employee / Software Development}{University of Bremen}{Invented a flexible assessment framework, targeting industrial trainees}{Supervised software development lifecycle, Recruited team members} %\textcolor{softcol}{\hrule} -% -\cvevent{2011 / 11}{Project Management Simulation Training}{Getoq Consulting}{Performed a two-day project simulation from management perspective}{Topics included customer contracts, change management, controlling, operational tasks} +%\cvevent{2011 / 11}{Project Management Simulation Training}{Getoq Consulting}{Performed a two-day project simulation from management perspective}{Topics included customer contracts, change management, controlling, operational tasks} %\textcolor{softcol}{\hrule} -% -\cvevent{2010 - 2011}{Student Assistant / Programmer}{otulea.uni-bremen.de}{Realized an online diagnosis platform for workforce literacy development (Flex)}{Modeled software design, implemented various prototypes, conducted usability tests} +%\cvevent{2010 - 2011}{Student Assistant / Programmer}{otulea.uni-bremen.de}{Realized an online diagnosis platform for workforce literacy development (Flex)}{Modeled software design, implemented various prototypes, conducted usability tests} %--------------------------------------------------------------------------------------- % EDUCATION SECTION %-------------------------------------------------------------------------------------- -\cvsection{Education} -\cvevent{2015 / 07}{Graduated as M.Sc. Digital Media}{University of Bremen}{Master Thesis: Semi Automated Scoring in Technology Based Assessment}{Developed and evaluated an algorithm for semi automated scoring of spreadsheet data} + +\cveducation{2015.07}{2015.07}{M.Sc. Graduation}{University of Bremen}{Master Thesis: Semi Automated Scoring in Technology Based Assessment}{Developed and evaluated an algorithm for semi automated scoring of spreadsheet data} + + +%\cvevent{2012 - 2013}{Master Project - PrIMA}{University of Bremen}{Co-Invented a touch table application for medical support, co-developed software (Java) }{Formed a scrum team, mainted project dev server (Debian), surveyed target audience} %\textcolor{softcol}{\hrule} -% -\cvevent{2012 - 2013}{Master Project - PrIMA}{University of Bremen}{Co-Invented a touch table application for medical support, co-developed software (Java) }{Formed a scrum team, mainted project dev server (Debian), surveyed target audience} +%\cvevent{2012 - 2015}{Master Studies Digital Media}{University of Bremen}{Inter-cultural classes in English, covering special topics in computer science and design}{Professionalized in research methods, software development and e-assessment} %\textcolor{softcol}{\hrule} -% -\cvevent{2012 - 2015}{Master Studies Digital Media}{University of Bremen}{Inter-cultural classes in English, covering special topics in computer science and design}{Professionalized in research methods, software development and e-assessment} +%\cvevent{2009 - 2010}{Semester Abroad}{University of Melbourne}{Mastered six months of study and trans-cultural experience in Melbourne, Australia}{Finished machine programming, information visualization, professional essay writing} + \end{cvtimeline} + \end{center} +\end{minipage} +\begin{minipage}{0.49\textwidth} + \begin{center} + \cvsect{Skills}{0.49}\\[16pt] + \chart{9/Design, 25/Consulting, 25/Projects,41/Development}{0.65}{360}{nothing}\\[16pt] + \cvsect{Technologies}{0.49}\\[16pt] + \bubbles{6/js , 3/java , 3/Meteor , 2/React}{\cvsection{Technologies}}\\[16pt] + \bubbles{5/git, 5/eclipse, 2/excel, 2/LaTex}{\cvsection{Technologies}}\\[16pt] + \cvsect{Activities}{0.49}\\[16pt] + \squares{10/Game Development,40/Martial Arts,30/News,20/Music}{1.5}\\[6pt] + \cvsect{Languages}{0.49}\\[12pt] + German (native) English (Academic) Russian (Basic)\\[4pt] + \includegraphics[width=1\linewidth]{world.png}\\[12pt] %trimming relative to image size! + \end{center} +\end{minipage} -%\textcolor{softcol}{\hrule} - -% -\cvevent{2009 - 2010}{Semester Abroad}{University of Melbourne}{Mastered six months of study and trans-cultural experience in Melbourne, Australia}{Finished machine programming, information visualization, professional essay writing} +\newpage %------------------------------------------------------------------------------------------------- % ARTIFICIAL FOOTER (fancy footer cannot exceed linewidth) diff --git a/infographics/world.png b/infographics/world.png new file mode 100644 index 0000000..6e24a64 Binary files /dev/null and b/infographics/world.png differ