Sidebar CV
Autor:
Jan Küster
Letzte Aktualisierung:
vor 7 Jahren
Lizenz:
Other (as stated in the work)
Abstrakt:
Sidebar CV template with font awesome icons.
\begin
Discover why 18 million people worldwide trust Overleaf with their work.
Sidebar CV template with font awesome icons.
\begin
Discover why 18 million people worldwide trust Overleaf with their work.
%-----------------------------------------------------------------------------------------------------------------------------------------------%
% 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}