%-----------------------------------------------------------------------------------------------------------------------------------------------%
% The MIT License (MIT)
%
% Copyright (c) 2016 Jan Küster
%
% Permission is hereby granted, free of charge, to any person obtaining a copy
% of this software and associated documentation files (the "Software"), to deal
% in the Software without restriction, including without limitation the rights
% to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
% copies of the Software, and to permit persons to whom the Software is
% furnished to do so, subject to the following conditions:
%
% THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
% IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
% FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
% AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
% LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
% OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
% THE SOFTWARE.
%
% ************* RESOURCES USED ********************
%
% http://tex.stackexchange.com/questions/5718/package-for-pie-charts
% http://tex.stackexchange.com/questions/183087/draw-colored-world-us-map-in-latex#183138
% http://www.texample.net/tikz/examples/simple-flow-chart/
% http://vizualize.me/#
% http://devnet.kentico.com/getattachment/fd511a92-e164-40f5-ba51-07c228a49fed/Kentico_fortune500_infographics_FINAL.png
%
%-----------------------------------------------------------------------------------------------------------------------------------------------%
%============================================================================%
%
% DOCUMENT DEFINITION
%
%============================================================================%
%we use article class because we want to fully customize the page
\documentclass[10pt,A4]{article}
%----------------------------------------------------------------------------------------
% ENCODING
%----------------------------------------------------------------------------------------
%we use utf8 since we want to build from any machine
\usepackage[utf8]{inputenc}
%----------------------------------------------------------------------------------------
% LOGIC
%----------------------------------------------------------------------------------------
\usepackage{xifthen}
\usepackage{calc}
%----------------------------------------------------------------------------------------
% FONT
%----------------------------------------------------------------------------------------
% some tex-live fonts - choose your own
%\usepackage[defaultsans]{droidsans}
%\usepackage[default]{comfortaa}
%\usepackage{cmbright}
\usepackage[default]{raleway}
%\usepackage{fetamont}
%\usepackage[default]{gillius}
%\usepackage[light,math]{iwona}
%\usepackage[thin]{roboto}
% set font default
\renewcommand*\familydefault{\sfdefault}
\usepackage[T1]{fontenc}
% more font size definitions
\usepackage{moresize}
% awesome font
\usepackage{fontawesome}
%----------------------------------------------------------------------------------------
% PAGE LAYOUT DEFINITIONS
%----------------------------------------------------------------------------------------
%debug page outer frames
%\usepackage{showframe}
%define page styles using geometry
\usepackage[a4paper]{geometry}
% for example, change the margins to 2 inches all round
\geometry{top=1cm, bottom=1cm, left=1cm, right=1cm}
% use customized header
\usepackage{fancyhdr}
\pagestyle{fancy}
%less space between header and content
\setlength{\headheight}{-5pt}
% customize header entries
\lhead{}
\rhead{}
\chead{}
%indentation is zero
\setlength{\parindent}{0mm}
%----------------------------------------------------------------------------------------
% TABLE /ARRAY DEFINITIONS
%----------------------------------------------------------------------------------------
%extended aligning of tabular cells
\usepackage{array}
% custom column width
\newcolumntype{x}[1]{%
>{\raggedleft\hspace{0pt}}p{#1}}%
%----------------------------------------------------------------------------------------
% GRAPHICS DEFINITIONS
%----------------------------------------------------------------------------------------
\usepackage{graphicx}
\usepackage{wrapfig}
% for drawing graphics and charts
\usepackage{tikz}
\usetikzlibrary{shapes, backgrounds}
% use to vertically center content
% credits to: 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}
% use to vertically center content
% credits to: 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}
%----------------------------------------------------------------------------------------
% ICON-SET EMBEDDING
%----------------------------------------------------------------------------------------
% at this point we simplify our icon-embedding by simply referring to a set of png images.
% if you find a good way of including svg without conflicting with other packages you can
% replace this part
\newcommand{\icon}[2]{\colorbox{thirdcol}{\makebox(#2, #2){\textcolor{sectcol}{\csname fa#1\endcsname}}}} %icon shortcut
\newcommand{\icontext}[3]{ %icon with text shortcut
\vcenteredhbox{\icon{#1}{#2}} \vcenteredhbox{\textcolor{textcol}{#3}}
}
%----------------------------------------------------------------------------------------
% Color DEFINITIONS
%----------------------------------------------------------------------------------------
\usepackage{xcolor}
%defineColors
\definecolor{orange}{RGB}{255,150,0}
\definecolor{lblue}{RGB}{0,178,255}
\definecolor{darkblue}{RGB}{0,80,130}
\definecolor{darkerblue}{RGB}{0,100,160}
\definecolor{lgray}{RGB}{0,120,200}
\definecolor{powderblue}{RGB}{190,220,255}
\definecolor{darkestblue}{RGB}{0,50,80}
%main color
\colorlet{maincol}{orange}
%secondary colors
\colorlet{secondcol}{lblue}
\colorlet{thirdcol}{darkblue}
\colorlet{fourthcol}{darkerblue}
\colorlet{fifthcol}{lgray}
\colorlet{sixthcol}{darkblue}
%background color
\colorlet{bgcol}{powderblue}
%textcolor
\colorlet{textcol}{darkestblue}
%titletextcolor
\colorlet{titletext}{white}
%sectioncolor
\colorlet{sectcol}{white}
%set a background col for whole page
\pagecolor{bgcol}
%----------------------------------------------------------------------------------------
% HEADER
%----------------------------------------------------------------------------------------
% remove top header line
\renewcommand{\headrulewidth}{0pt}
%remove botttom header line
\renewcommand{\footrulewidth}{0pt}
%remove pagenum
\renewcommand{\thepage}{}
%remove section num
\renewcommand{\thesection}{}
%----------------------------------------------------------------------------------------
%
% TIKZ GRAPHICS
%
%----------------------------------------------------------------------------------------
% the chart graphics are outsourced into own files
%----------------------------------------------------------------------------------------
% PIE CHART
%----------------------------------------------------------------------------------------
\input{./g/piechart.tex}
%----------------------------------------------------------------------------------------
% BAR CHART
%----------------------------------------------------------------------------------------
\input{./g/barchart.tex}
%----------------------------------------------------------------------------------------
% BUBBLE CHART
%----------------------------------------------------------------------------------------
\input{./g/bubbles.tex}
%----------------------------------------------------------------------------------------
% SQUARE CHART
%----------------------------------------------------------------------------------------
\input{./g/squares.tex}
%----------------------------------------------------------------------------------------
% TIMELINE CHART
%----------------------------------------------------------------------------------------
\input{./g/timeline.tex}
%----------------------------------------------------------------------------------------
% FACT BUBBLE
%----------------------------------------------------------------------------------------
\input{./g/factbubble.tex}
%----------------------------------------------------------------------------------------
% custom sections
%----------------------------------------------------------------------------------------
% create a coloured box with arrow and title as cv section headline
% param 1: section title
%
\newcommand{\cvsection}[2] {
\textcolor{sectcol}{\uppercase{\textbf{#1}}}
}
\newcommand{\cvsect}[4]{
\textcolor{#3}{\hrule}
\colorbox{#3}{ {\cvsection{#1}{#4}}}
}
% create a coloured arrow with title as cv meta section section
% param 1: meta section title
%
\newcommand{\metasection}[2] {
\begin{tabular*}{1\textwidth}{ l l }
#1\\[12pt]
\end{tabular*}
}
%----------------------------------------------------------------------------------------
% CV EVENT
%----------------------------------------------------------------------------------------
% creates a stretched box as
\newcommand{\cveventmeta}[2] {
\mbox{\mystrut \hspace{87pt}\textit{#1}}\\
#2
}
%----------------------------------------------------------------------------------------
% STRUTS AND RULES
%----------------------------------------- -----------------------------------------------
% custom strut
\newcommand{\mystrut}{\rule[-.3\baselineskip]{0pt}{\baselineskip}}
% colored rule and text for chart legends, wrapped in parbox
% param 1: text
% param 2: width in cm or pt, em ...
% param 3: color
\newcommand{\legend}[3]{\parbox[t]{#2}{\textcolor{#3}{\rule{#2}{4pt}}\\#1}}
%----------------------------------------------------------------------------------------
% CUSTOM LOREM IPSUM
%----------------------------------------------------------------------------------------
\newcommand{\lorem}{Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus.}
%============================================================================%
%
%
%
% DOCUMENT CONTENT
%
%
%
%============================================================================%
\begin{document}
%use our custom fancy header definitions
\pagestyle{fancy}
%----------------------------------------------------------------------------------------
% TITLE HEADLINE
%----------------------------------------------------------------------------------------
\mystrut
\vspace{-12pt}
\begin{tabular*}{1\textwidth}{ c c c}
\parbox[c]{0.4\linewidth}{
\colorbox{thirdcol}{\HUGE{\textcolor{titletext}{\textbf{\uppercase{Jan Küster}}} }}\\
\Large{\textcolor{thirdcol}{\textsc{ Consultant/ Software Eng.}}}\\
}&
\parbox{0.25\textwidth}{
\icontext{MapMarker}{12}{Bremen, Germany}\\
\icontext{MobilePhone}{12}{+49 176 *** *** **}\\
\icontext{Send}{12}{info@jankuester.com}\\
}&
\parbox{0.3\textwidth}{
\icontext{MousePointer}{12}{www.jankuester.com}\\
\icontext{Github}{12}{github.com/jankapunkt}\\
\icontext{Twitter}{12}{@Kuester\_Jan}\\
}
\end{tabular*}
% manage space by reducing font size
\small
\vspace{16pt}
\begin{minipage}{0.59\textwidth}
%----------------------------------------------------------------------------------------
% FACTS
%----------------------------------------------------------------------------------------
\mbox{
\parbox[c][3cm][c]{0.29\textwidth}{
\textcolor{textcol}{I am a digital media graduate with working experience in research projects as well as in the private sector.}
}
\hspace{10pt}
\parbox[c][3cm][c]{0.32\textwidth}{
\begin{center}
\factbubble{\huge{\textcolor{sectcol}{\textbf{M.Sc.}}}\\\small{\textcolor{sectcol}{\textbf{Digital Media}}}}{1}{maincol}{sectcol}{thirdcol}\\
\textcolor{textcol}{as latest degree from}\\
\textcolor{textcol}{\textbf{University of Bremen}}
\end{center}
}
\hspace{10pt}
\parbox[c][3cm][c]{0.29\textwidth}{
\textcolor{textcol}{And I am always looking for new exciting and interdisciplinary projects worldwide.}
}
}
\vspace{34pt}
%----------------------------------------------------------------------------------------
% SKILLS AND TECHNOLOGIES
%----------------------------------------------------------------------------------------
\cvsect{Skills and Technologies}{0.49}{thirdcol}{textcol}\\[4pt]
\mbox{
% TEXT BOX
\parbox[b][150pt][c]{0.35\textwidth}{
\textcolor{textcol}{The biggest part I contribute to my work is in the area of Software Engineering.}\\
% LANGUAGES
\cvsect{Languages}{0.49}{thirdcol}{textcol}\\[4pt]
\icontext{Language}{12}{\colorbox{maincol}{German (native)}}\\
\icontext{Language}{12}{\colorbox{maincol}{English (c1)}}\\
}
% PIE CHART
\begin{piechart}{360}{2}{bgcol}{textcol}{sectcol}
\slice{6}{Design}{thirdcol}
\slice{16}{Consulting}{fourthcol}
\slice{16}{Research}{fifthcol}
\slice{16}{Projects}{secondcol}
\slice{46}{Software Engineering}{maincol}
\end{piechart}\\
}
\begin{center}
\begin{tikzpicture}
\draw[draw=sectcol,dashed, opacity=0.5] (4,0) -- (-4,0);
\end{tikzpicture}
\end{center}
% BAR CHART
\mbox{\hspace{-14pt}
\begin{barchart}{10}{5.5}{sectcol}{textcol}{sectcol}{maincol}{secondcol}{thirdcol}
\baritem{90}{Javascript}{100}{0}{0}
\baritem{90}{Blaze}{100}{0}{0}
\baritem{90}{Metor}{100}{0}{0}
\baritem{75}{Bootstrap}{0}{0}{75}
\baritem{75}{MongoDB}{0}{0}{65}
\baritem{65}{HTML/CSS}{0}{0}{65}
\baritem{65}{LaTex}{0}{0}{50}
\end{barchart}
\hspace{10pt}
% TEXTBOX
\parbox[b][100pt][c]{0.3\textwidth}{\textcolor{textcol}{Currently, I develop realtime apps with Meteor and Blaze.\\Formerly I worked with Java and XPages.}}
}
\begin{center}
\begin{tikzpicture}
\draw[draw=sectcol,dashed, opacity=0.5] (4,0) -- (-4,0);
\end{tikzpicture}
\end{center}
\begin{center}
\mbox{
\parbox[b][2cm][c]{3cm}{
\textcolor{textcol}{I regularly use Meteor, Git and Webstorm for my dev projects.}
}\hspace{12pt}
\bubbles{6/Webstorm, 5/Git, 5/Sourcetree, 4/Linux, 3/Office}{\cvsection{Technologies}}
}
\end{center}
%---------------------------------------------------------------------------------------
% ACTIVITIES
%----------------------------------------------------------------------------------------
\cvsect{Actvities}{0.49}{thirdcol}{textcol}\\[20pt]
\mbox{
% FACT BUBBLE
\parbox[b][3cm][c]{3cm}{
\factbubble{\HUGE{\textcolor{sectcol}{\textbf{7}}}\\\large{\textcolor{sectcol}{\textbf{years}}}}{0.85}{maincol}{sectcol}{thirdcol}\\
\textcolor{textcol}{of participation at}\\
\textcolor{textcol}{\textbf{Global Game Jam}}
}
% TEXT BOX
\parbox[b][3cm][c]{4cm}{
\textcolor{textcol}{In my freetime I read lots of news and help others on Stackoverflow. Via bodyweight training I keep my body and mind in balance.}
}
% SQUARE BARS
\squares{20/Game Dev,20/Fitness,30/News,20/Stackoverflow}{1}
}
\end{minipage}
\begin{minipage}{0.05\textwidth}
\begin{center}
\begin{tikzpicture}
\draw[draw=sectcol,dashed, opacity=0.5] (0,-12) -- (0,12);
\end{tikzpicture}
\end{center}
\end{minipage}
\begin{minipage}{0.4\textwidth}
%---------------------------------------------------------------------------------------
% EXPERIENCE / EDUCATION
%----------------------------------------------------------------------------------------
\cvsect{Experience and Education}{0.4}{thirdcol}{textcol}\\[16pt]
\hspace{60pt}\mbox{\legend{Experience}{1.8cm}{maincol} \legend{Events}{1.1cm}{secondcol} \legend{Education}{1.5cm}{thirdcol}}
\vspace{-40pt}
\begin{center}
% TIMELINE
\begin{cvtimeline}{2007}{2021}{20.6}{\linewidth}
\cvevent{10/2007}{11/2011}{Bachelor Studies}{Uni Bremen}
{Master Thesis: Semi Automated Scoring in Technology Based Assessment}{thirdcol}{0}
\cvevent{5/2009}{1/2010}{Semester Abroad}{University of Melbourne}
{Mastered six months of study and trans-cultural experience in Melbourne, Australia}{maincol}{1}
\cvevent{6/2010}{11/2011}{Student Assistant @UB}{Uni Bremen}
{Realized an online diagnosis platform for workforce literacy development (Flex)}{maincol}{1}
\cvevent{6/2011}{6/2011}{PM Training}{Getoq Consulting}
{Performed a two-day project simulation from management perspective}{secondcol}{2}
\cvevent{1/2012}{11/2014}{Scientific Employee @UB}{Uni of Bremen}
{Invented a flexible assessment framework, targeting industrial trainees}{maincol}{1}
\cvevent{11/2012}{11/2013}{Master Project - PrIMA}{University of Bremen}
{Co-Invented a touch table application for medical support, co-developed software (Java) }
{thirdcol}{2}
\cvevent{9/2013}{9/2013}{DELFI Conference}{DELFI Conference}
{Co-published poster with paper on usability guidelines for tests with functional illiterates}
{secondcol}{2}
\cvevent{11/2014}{9/2016}{IT Consultant @We4IT}{We4IT GmbH Bremen}
{Realize projects in XPages and We4IT Aveedo, monitor project status, conduct reports}
{maincol}{1}
\cvevent{7/2015}{7/2015}{M.Sc. Graduation}{University of Bremen}
{Master Thesis: Semi Automated Scoring in Technology Based Assessment}{thirdcol}{0}
\cvevent{5/2016}{5/2016}{Startup Weekend}{Uni Bremen}
{Performed a two-day project simulation from management perspective}{secondcol}{0}
\cvevent{9/2016}{12/2016}{Software Engineer @UB}{University of Bremen}
{text a}{maincol}{1}
\cvevent{10/2018}{10/2018}{Software Engineer @UB}{University of Bremen}
{text a}{maincol}{1}
\cvevent{10/2020}{10/2020}{Meteor Impact Conference}{Worldwide}
{text a}{secondcol}{0}
\end{cvtimeline}
\tiny @UB = University of Bremen
\end{center}
\end{minipage}
%============================================================================%
%
%
%
% DOCUMENT END
%
%
%
%============================================================================%
\end{document}