diff --git a/infographics/g/chart.tex b/infographics/g/piechart.tex
similarity index 100%
rename from infographics/g/chart.tex
rename to infographics/g/piechart.tex
diff --git a/infographics/main.tex b/infographics/main.tex
index 3bc7ac3..39a0d52 100644
--- a/infographics/main.tex
+++ b/infographics/main.tex
@@ -148,7 +148,7 @@
% 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{white}{\csname fa#1\endcsname}}}} %icon shortcut
+\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}}
}
@@ -157,26 +157,39 @@
% Color DEFINITIONS
%----------------------------------------------------------------------------------------
-\usepackage{color}
+\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
-\definecolor{maincol}{RGB}{255,150,0}
+\colorlet{maincol}{orange}
%secondary colors
-\definecolor{secondcol}{RGB}{0,178,255}
-\definecolor{thirdcol}{RGB}{0,80,130}
-\definecolor{fourthcol}{RGB}{0,100,160}
-\definecolor{fifthcol}{RGB}{0,120,200}
-\definecolor{sixthcol}{RGB}{0,80,130}
+\colorlet{secondcol}{lblue}
+\colorlet{thirdcol}{darkblue}
+\colorlet{fourthcol}{darkerblue}
+\colorlet{fifthcol}{lgray}
+\colorlet{sixthcol}{darkblue}
%background color
-\definecolor{bgcol}{RGB}{190,220,255}
+\colorlet{bgcol}{powderblue}
%textcolor
-\definecolor{textcol}{RGB}{0,50,80}
+\colorlet{textcol}{darkestblue}
+
+%titletextcolor
+\colorlet{titletext}{white}
%sectioncolor
-\definecolor{sectcol}{RGB}{255,255,255}
+\colorlet{sectcol}{white}
%set a background col for whole page
\pagecolor{bgcol}
@@ -205,37 +218,13 @@
%
%----------------------------------------------------------------------------------------
-% a six pointed arrow poiting to the left
-\newcommand{\tzlarrow}{(0,0) -- (0.2,0) -- (0.3,0.2) -- (0.2,0.4) -- (0,0.4) -- (0.1,0.2) -- cycle;}
-
-% a six pointed arrow poiting to the right
-\newcommand{\tzrarrow}{ (0,0.2) -- (0.1,0) -- (0.3,0) -- (0.2,0.2) -- (0.3,0.4) -- (0.1,0.4) -- cycle;}
-
-
-% include the left arrow into a tikz picture
-% param1: fill color
-%
-\newcommand{\larrow}[1]
-{\begin{tikzpicture}[scale=0.58]
- \filldraw[fill=#1!100,draw=#1!100!black] \tzlarrow
- \end{tikzpicture}
-}
-
-% include the right arrow into a tikz picture
-% param1: fill color
-%
-\newcommand{\rarrow}[1]
-{\begin{tikzpicture}[scale=0.58]
- \filldraw[fill=#1!100,draw=#1!100!black] \tzrarrow
- \end{tikzpicture}
-}
% the chart graphics are outsourced into own files
%----------------------------------------------------------------------------------------
% PIE CHART
%----------------------------------------------------------------------------------------
-\input{./g/chart.tex}
+\input{./g/piechart.tex}
%----------------------------------------------------------------------------------------
% BAR CHART
@@ -343,7 +332,7 @@
\begin{tabular*}{1\textwidth}{ c c c}
\parbox[c]{0.4\linewidth}{
- \colorbox{thirdcol}{\HUGE{\textcolor{white}{\textbf{\uppercase{Jan Küster}}} }}\\
+ \colorbox{thirdcol}{\HUGE{\textcolor{titletext}{\textbf{\uppercase{Jan Küster}}} }}\\
\Large{\textcolor{thirdcol}{\textsc{ Consultant Developer}}}\\
}&
\parbox{0.25\textwidth}{
@@ -490,18 +479,47 @@
% TIMELINE
\begin{cvtimeline}{2009}{2017}{20}{\linewidth}
-\cvevent{1/2009}{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}{Uni Bremen}{Realized an online diagnosis platform for workforce literacy development (Flex)}{maincol}{1}
-\cvevent{9/2011}{9/2011}{PM Simulation}{Getoq Consulting}{Performed a two-day project simulation from management perspective}{secondcol}{2}
-\cvevent{11/2011}{7/2015}{Master Studies Digital Media}{University of Bremen}{Inter-cultural classes in English, covering special topics in computer science and design}{thirdcol}{0}
-\cvevent{1/2012}{11/2014}{Scientific Employee}{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}{Poster Presentation}{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 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}{University of Bremen}{text a}{maincol}{1}
+
+\cvevent{1/2009}{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}{Uni Bremen}
+ {Realized an online diagnosis platform for workforce literacy development (Flex)}{maincol}{1}
+
+\cvevent{9/2011}{9/2011}{PM Simulation}{Getoq Consulting}
+ {Performed a two-day project simulation from management perspective}{secondcol}{2}
+
+\cvevent{11/2011}{7/2015}{Master Studies Digital Media}{University of Bremen}
+ {Inter-cultural classes in English, covering special topics in computer science and design}
+ {thirdcol}{0}
+
+\cvevent{1/2012}{11/2014}{Scientific Employee}{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}{Poster Presentation}{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 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}{University of Bremen}
+ {text a}{maincol}{1}
+
\end{cvtimeline}
\end{center}
\end{minipage}
diff --git a/sidebar/main.pdf b/sidebar/main.pdf
new file mode 100644
index 0000000..c1d1d24
Binary files /dev/null and b/sidebar/main.pdf differ
diff --git a/sidebar/main.tex b/sidebar/main.tex
new file mode 100644
index 0000000..939f436
--- /dev/null
+++ b/sidebar/main.tex
@@ -0,0 +1,502 @@
+%-----------------------------------------------------------------------------------------------------------------------------------------------%
+% The MIT License (MIT)
+%
+% Copyright (c) 2015 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.
+%
+%
+%-----------------------------------------------------------------------------------------------------------------------------------------------%
+
+
+%============================================================================%
+%
+% DOCUMENT DEFINITION
+%
+%============================================================================%
+
+%we use article class because we want to fully customize the page and dont use a cv template
+\documentclass[10pt,A4]{article}
+
+
+%----------------------------------------------------------------------------------------
+% ENCODING
+%----------------------------------------------------------------------------------------
+
+%we use utf8 since we want to build from any machine
+\usepackage[utf8]{inputenc}
+
+%----------------------------------------------------------------------------------------
+% LOGIC
+%----------------------------------------------------------------------------------------
+
+% provides \isempty test
+\usepackage{xifthen}
+
+%----------------------------------------------------------------------------------------
+% 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}
+
+\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=-.6cm, left=0.4cm, right=1cm}
+
+
+%less space between header and content
+\setlength{\headheight}{-5pt}
+
+
+%customize entries left, center and right
+%\lhead{}
+%\chead{ \small{Jan Küster $\cdot$ Consultant and Software Engineer $\cdot$ Bremen, Germany $\cdot$ \textcolor{sectcol}{\textbf{info@jankuester.com}} $\cdot$ +49 176 313 *** **}}
+%\rhead{}
+
+
+%indentation is zero
+\setlength{\parindent}{0mm}
+
+%----------------------------------------------------------------------------------------
+% TABLE /ARRAY DEFINITIONS
+%----------------------------------------------------------------------------------------
+
+%for layouting tables
+\usepackage{multicol}
+\usepackage{multirow}
+
+%extended aligning of tabular cells
+\usepackage{array}
+
+\newcolumntype{x}[1]{%
+>{\raggedleft\hspace{0pt}}p{#1}}%
+
+
+%----------------------------------------------------------------------------------------
+% GRAPHICS DEFINITIONS
+%----------------------------------------------------------------------------------------
+
+%for header image
+\usepackage{graphicx}
+
+%for floating figures
+\usepackage{wrapfig}
+\usepackage{float}
+%\floatstyle{boxed}
+%\restylefloat{figure}
+
+%for drawing graphics
+\usepackage{tikz}
+\usetikzlibrary{shapes, backgrounds,mindmap, trees}
+
+
+%----------------------------------------------------------------------------------------
+% Color DEFINITIONS
+%----------------------------------------------------------------------------------------
+\usepackage{transparent}
+\usepackage{color}
+
+%accent color
+\definecolor{complcol}{RGB}{250,150,10}
+
+%dark background color
+\definecolor{bgcol}{RGB}{110,110,110}
+
+%light background / accent color
+\definecolor{softcol}{RGB}{225,225,225}
+
+\definecolor{sectcol}{RGB}{0,120,150}
+
+
+%============================================================================%
+%
+%
+% DEFINITIONS
+%
+%
+%============================================================================%
+
+% returns minipage width minus two times \fboxsep
+% to keep padding included in width calculations
+\newcommand{\mpwidth}{\linewidth-\fboxsep-\fboxsep}
+
+
+%----------------------------------------------------------------------------------------
+% ARROW GRAPHICS in Tikz
+%----------------------------------------------------------------------------------------
+
+% a six pointed arrow poiting to the left
+\newcommand{\tzlarrow}{(0,0) -- (0.2,0) -- (0.3,0.2) -- (0.2,0.4) -- (0,0.4) -- (0.1,0.2) -- cycle;}
+
+% include the left arrow into a tikz picture
+% param1: fill color
+%
+\newcommand{\larrow}[1]
+{\begin{tikzpicture}[scale=0.58]
+ \filldraw[fill=#1!100,draw=#1!100!black] \tzlarrow
+ \end{tikzpicture}
+}
+
+% a six pointed arrow poiting to the right
+\newcommand{\tzrarrow}{ (0,0.2) -- (0.1,0) -- (0.3,0) -- (0.2,0.2) -- (0.3,0.4) -- (0.1,0.4) -- cycle;}
+
+% include the right arrow into a tikz picture
+% param1: fill color
+%
+\newcommand{\rarrow}
+{\begin{tikzpicture}[scale=0.7]
+ \filldraw[fill=sectcol!100,draw=sectcol!100!black] \tzrarrow
+ \end{tikzpicture}
+}
+
+%----------------------------------------------------------------------------------------
+% custom sections
+%----------------------------------------------------------------------------------------
+
+% create a coloured box with arrow and title as cv section headline
+% param 1: section title
+%
+\newcommand{\cvsection}[1]
+{
+\colorbox{sectcol}{\mystrut \makebox[1\mpwidth][l]{
+\larrow{bgcol} \hspace{-8pt} \larrow{bgcol} \hspace{-8pt} \larrow{bgcol} \textbf{\textcolor{white}{\uppercase{#1}}}\hspace{4pt}
+}}\\
+}
+
+% create a coloured arrow with title as cv meta section section
+% param 1: meta section title
+%
+\newenvironment{metasection}[1] {
+ \vspace{6pt}
+ \begin{center}
+ \textcolor{white}{\large{\uppercase{#1}}}\\
+ \normalsize
+ \parbox{0.7\mpwidth}{\textcolor{white} \hrule}
+}{\end{center}}
+
+%----------------------------------------------------------------------------------------
+% 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\mpwidth}{p{0.55\mpwidth} x{0.42\mpwidth}}
+ \textcolor{black}{\textbf{#2}} & \textcolor{complcol}{#3}, \textcolor{bgcol}{#1}
+
+ \end{tabular*}
+\vspace{-12pt}
+\textcolor{softcol}{\hrule}
+\vspace{6pt}
+ \begin{tabular*}{0.5\mpwidth}{p{\mpwidth}}
+\larrow{softcol} #4\\[3pt]
+\larrow{softcol} #5\\[6pt]
+ \end{tabular*}
+
+}
+
+% creates a stretched box as
+\newcommand{\cveventmeta}[2]
+{
+ \mbox{\mystrut \hspace{87pt}\textit{#1}}\\
+ #2
+}
+
+%----------------------------------------------------------------------------------------
+% CUSTOM STRUT FOR EMPTY BOXES
+%----------------------------------------- -----------------------------------------------
+\newcommand{\mystrut}{\rule[-.3\baselineskip]{0pt}{\baselineskip}}
+
+%----------------------------------------------------------------------------------------
+% CUSTOM LOREM IPSUM
+%----------------------------------------------------------------------------------------
+\newcommand{\lorem}
+{Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus.}
+
+
+% 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}[3]{\makebox(#2, #2){\textcolor{#3}{\csname fa#1\endcsname}}} %icon shortcut
+\newcommand{\icontext}[4]{ %icon with text shortcut
+ \vcenteredhbox{\icon{#1}{#2}{#4}} \vcenteredhbox{\textcolor{#4}{#3}}
+}
+
+
+
+%============================================================================%
+%
+%
+%
+% DOCUMENT CONTENT
+%
+%
+%
+%============================================================================%
+\begin{document}
+\fcolorbox{white}{white}{\begin{minipage}[c][0.95\textheight][t]{0.69\linewidth}
+
+
+%---------------------------------------------------------------------------------------
+% TITLE HEADLINE
+%----------------------------------------------------------------------------------------
+\vspace{-3pt}
+% use this for multiple words like working titles etc.
+%\hspace{-0.25\linewidth}\colorbox{bgcol}{\makebox[1.5\linewidth][c]{\hspace{46pt}\HUGE{\textcolor{white}{\uppercase{M.Sc. Jan Küster}} } \textcolor{sectcol}{\rule[-1mm]{1mm}{0.9cm}} \parbox[b]{5cm}{ \large{ \textcolor{white}{{IT Consultant}}}\\
+% \large{ \textcolor{white}{{JS Fullstack Engineer}}}}
+%}}
+
+% use this for single words, e.g. CV or RESUME etc.
+\colorbox{bgcol}{\makebox[\mpwidth][c]{\HUGE{\textcolor{white}{\uppercase{Jan Küster}} } \textcolor{sectcol}{\rule[-1mm]{1mm}{0.9cm}} \HUGE{\textcolor{white}{\uppercase{Resume}} } }}
+
+%----------------------------------------------------------------------------------------
+% HEADER IMAGE
+%----------------------------------------------------------------------------------------
+
+
+%\hspace{-1.6cm}
+%\includegraphics[trim= 0 250 0 270,clip,width=1\linewidth+3.1cm]{myfoto.jpg} %trimming relative to image size!
+\includegraphics[trim= 350 150 0 200, clip ,width=\linewidth]{myfoto.jpg} %trimming relative to image size
+
+%---------------------------------------------------------------------------------------
+% SUMMARY
+%----------------------------------------------------------------------------------------
+\transparent{0.85}%
+\vspace{-130pt}
+\hspace{0.4\linewidth}
+\colorbox{bgcol}{
+ \parbox{0.5\linewidth}{
+ \transparent{1}%
+ \begin{center}
+ \larrow{sectcol}\larrow{sectcol}\textcolor{white}{I create awesome resume templates in LaTeX for everyone. Besides that I am working at the University of Bremen and engineer fullstack JS applications with Meteor.}
+ \end{center}
+ }
+}
+\vspace{50pt}
+
+%============================================================================%
+%
+% CV SECTIONS AND EVENTS (MAIN CONTENT)
+%
+%============================================================================%
+
+%---------------------------------------------------------------------------------------
+% STATUS
+%----------------------------------------------------------------------------------------
+\cvsection{Status}
+
+JavaScript fullstack engineer, M.Sc. Digital Media, focuses on education and healthcare
+
+\vspace{12pt}
+
+%---------------------------------------------------------------------------------------
+% EXPERIENCE
+%----------------------------------------------------------------------------------------
+\cvsection{Experience}
+
+%
+\cvevent{2016/09 - now}{Fullstack Javascript Engineer}{University of Bremen}{Invent a realtime classroom management using Meteor and React}{Design software architecture and leading development}
+
+%\textcolor{softcol}{\hrule}
+
+
+%\cvevent{2014 - 2016}{IT Consultant for IBM XPages and Notes Domino}{We4IT GmbH Bremen}{Realize projects in XPages and We4IT Aveedo, monitor project status, conduct reports}{Integrated Camunda BPMN engine and BPMN.IO modeler in We4IT Aveedo}
+
+
+%\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}
+
+%\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}
+
+%\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}
+
+\vspace{12pt}
+%---------------------------------------------------------------------------------------
+% 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}
+
+%\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}
+
+%\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}
+
+%\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}
+
+
+\end{minipage}}%
+\fcolorbox{white}{sectcol}{\begin{minipage}[c][0.95\textheight][t]{0.33\linewidth}
+
+
+\begin{metasection}{Contact}
+
+ \icontext{MapMarker}{12}{Bremen, Germany}{white}\\[6pt]
+ \icontext{MobilePhone}{12}{+49 176 313 *** **}{white}\\[6pt]
+ \icontext{Send}{12}{info@jankuester.com}{white}\\[6pt]
+ \icontext{MousePointer}{12}{www.jankuester.com}{white}\\[6pt]
+ \icontext{Github}{12}{github.com/jankapunkt}{white}\\[6pt]
+ \icontext{Twitter}{12}{@Kuester\_Jan}{white}\\[6pt]
+
+\end{metasection}
+
+%----------------------------------------------------------------------------------------
+% META SECTION
+%----------------------------------------------------------------------------------------
+
+\begin{metasection}{Fields}
+
+\icontext{Code}{12}{Software Development}{white}\\
+\icon{Star}{12}{complcol}\icon{Star}{12}{complcol}\icon{Star}{12}{complcol}\icon{Star}{12}{complcol}\icon{Star}{12}{complcol}\icon{Star}{12}{complcol}\icon{Star}{12}{complcol}\icon{Star}{12}{complcol}\icon{Star}{12}{complcol}\icon{Star}{12}{complcol}\\[6pt]
+
+\icontext{CommentsO}{12}{Consulting}{white}\\
+\icon{Star}{12}{complcol}\icon{Star}{12}{complcol}\icon{Star}{12}{complcol}\icon{Star}{12}{complcol}\icon{Star}{12}{complcol}\icon{Star}{12}{complcol}\icon{Star}{12}{complcol}\icon{Star}{12}{complcol}\icon{Star}{12}{white}\icon{Star}{12}{white}\\[6pt]
+
+\icontext{CodeFork}{12}{Project Management}{white}\\
+\icon{Star}{12}{complcol}\icon{Star}{12}{complcol}\icon{Star}{12}{complcol}\icon{Star}{12}{complcol}\icon{Star}{12}{complcol}\icon{Star}{12}{complcol}\icon{Star}{12}{white}\icon{Star}{12}{white}\icon{Star}{12}{white}\icon{Star}{12}{white}\\[6pt]
+
+
+\end{metasection}
+
+
+\begin{metasection}{Technologies}
+
+\textcolor{white}{
+\icontext{Code}{12}{JavaScript}{white} \\[6pt]
+\icontext{Code}{12}{Meteor}{white} \\[6pt]
+\icontext{Fire}{12}{Blaze}{white} \\[6pt]
+\icontext{Database}{12}{MongoDB}{white} \\[6pt]
+\icontext{CodeFork}{12}{Git}{white} \\[6pt]
+}
+\end{metasection}
+
+\begin{metasection}{Tools}
+
+\textcolor{white}{
+\icontext{Code}{12}{Webstorm}{white} \icontext{CodeFork}{12}{SourceTree}{white}\\[6pt]
+\icontext{Terminal}{12}{Terminal}{white} \icontext{PaintBrush}{12}{Inkscape}{white}\icontext{Cube}{12}{Blender}{white}
+}
+\end{metasection}
+
+\begin{metasection}{Activities}
+
+\textcolor{white}{\LARGE{\icon{Gamepad}{24}{white} \icon{Headphones}{24}{white} \icon{Bicycle}{24}{white}}}
+\end{metasection}
+
+\begin{metasection}{Operating Systems}
+
+\textcolor{white}{\LARGE{\icon{Linux}{24}{white} \icon{Apple}{24}{white} \icon{Windows}{24}{white}}}
+
+\end{metasection}
+
+%---------------------------------------------------------------------------------------
+% QR CODE (optional)
+%----------------------------------------------------------------------------------------
+
+\vspace{12pt}
+\begin{center}
+\includegraphics[width=0.35\mpwidth]{qrcode}
+\end{center}
+
+\end{minipage}}
+
+%-------------------------------------------------------------------------------------------------
+% ARTIFICIAL FOOTER (fancy footer cannot exceed linewidth)
+%--------------------------------------------------------------------------------------------------
+
+\null
+\vspace*{\fill}
+\hspace{-0.25\linewidth}\colorbox{bgcol}{\makebox[1.5\linewidth][c]{\mystrut \small \textcolor{white}{Coypright 2018 jkuester@uni-bremen.de} $\cdot$ \textcolor{white}{licensed unter MIT license}}}
+
+%============================================================================%
+%
+%
+%
+% DOCUMENT END
+%
+%
+%
+%============================================================================%
+\end{document}
diff --git a/sidebar/myfoto.jpg b/sidebar/myfoto.jpg
new file mode 100644
index 0000000..aeedb3c
Binary files /dev/null and b/sidebar/myfoto.jpg differ
diff --git a/sidebar/qrcode.png b/sidebar/qrcode.png
new file mode 100644
index 0000000..f10d923
Binary files /dev/null and b/sidebar/qrcode.png differ