diff --git a/sidebar/main.pdf b/sidebar/main.pdf new file mode 100644 index 0000000..7fdb2f0 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..adda884 --- /dev/null +++ b/sidebar/main.tex @@ -0,0 +1,484 @@ +%-----------------------------------------------------------------------------------------------------------------------------------------------% +% 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=1.75cm, bottom=-.6cm, left=0.5cm, right=1cm} + +%use customized header +\usepackage{fancyhdr} +\pagestyle{fancy} + +%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} + +%---------------------------------------------------------------------------------------- +% HEADER +%---------------------------------------------------------------------------------------- + +% remove top header line +\renewcommand{\headrulewidth}{0pt} + +%remove botttom header line +\renewcommand{\footrulewidth}{0pt} + +%remove pagenum +\renewcommand{\thepage}{} + +%remove section num +\renewcommand{\thesection}{} + +%---------------------------------------------------------------------------------------- +% 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.} + +%---------------------------------------------------------------------------------------- +% 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]{\colorbox{#3}{\makebox(#2, #2){\textcolor{#3}{\csname fa#1\endcsname}}}} %icon shortcut +\newcommand{\icontext}[4]{ %icon with text shortcut + \vcenteredhbox{\icon{#1}{#2}{#3}} \vcenteredhbox{\textcolor{#4}{#3}} +} + + + +%============================================================================% +% +% +% +% DOCUMENT CONTENT +% +% +% +%============================================================================% +\begin{document} +\fcolorbox{black}{white}{\begin{minipage}[c][0.95\textheight][t]{0.69\linewidth} + + +%--------------------------------------------------------------------------------------- +% TITLE HEADLINE +%---------------------------------------------------------------------------------------- +%\vspace{-1pt} +% 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) +% +%============================================================================% + +%--------------------------------------------------------------------------------------- +% 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} + +%--------------------------------------------------------------------------------------- +% 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{black}{sectcol}{\begin{minipage}[c][0.95\textheight][t]{0.33\linewidth} + +%---------------------------------------------------------------------------------------- +% META SECTION +%---------------------------------------------------------------------------------------- + +\begin{metasection}{Fields} + +\icontext{}\textcolor{white}{Project Management}\\ +\larrow{complcol}\larrow{complcol}\larrow{complcol}\larrow{complcol}\larrow{complcol}\larrow{complcol}\larrow{complcol}\larrow{white}\larrow{white}\larrow{white}\\[6pt] + +\textcolor{white}{Software Development}\\ +\larrow{complcol}\larrow{complcol}\larrow{complcol}\larrow{complcol}\larrow{complcol}\larrow{complcol}\larrow{complcol}\larrow{complcol}\larrow{complcol}\larrow{complcol}\\[6pt] + +%\textcolor{white}{Consulting}\\ +\icontext{12}{code-fork}{Consulting}{white} +\larrow{complcol}\larrow{complcol}\larrow{complcol}\larrow{complcol}\larrow{complcol}\larrow{complcol}\larrow{complcol}\larrow{complcol}\larrow{white}\larrow{white}\\[6pt] + +\end{metasection} + + +\begin{metasection}{Technologies} +Javascript + +Meteor \& MongoDB + +Git + + +\end{metasection} + +\begin{metasection}{Tools} +Webstorm +\end{metasection} + +\begin{metasection}{Activities} +Global Game Jam +Sound Engineering +Blender +Martial Arts +\end{metasection} + +\end{minipage}} + +%use our custom fancy header definitions +%\pagestyle{fancy} + + + +%--------------------------------------------------------------------------------------- +% QR CODE (optional) +%---------------------------------------------------------------------------------------- +%\includegraphics[width=0.1\linewidth]{qrcode} +%\end{minipage}% +%\noindent\fcolorbox{sectcol}{sectcol}{% +%\begin{minipage}[b]{0.5\textwidth} + + + +%------------------------------------------------------------------------------------------------- +% 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}{www.jankuester.com} $\cdot$ \textcolor{white}{github.com/jankapunkt}}} + +%============================================================================% +% +% +% +% 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