sidebar template implemented
This commit is contained in:
parent
27f51b4263
commit
8536d6dcde
BIN
sidebar/main.pdf
BIN
sidebar/main.pdf
Binary file not shown.
132
sidebar/main.tex
132
sidebar/main.tex
@ -82,20 +82,17 @@
|
|||||||
\usepackage[a4paper]{geometry}
|
\usepackage[a4paper]{geometry}
|
||||||
|
|
||||||
% for example, change the margins to 2 inches all round
|
% for example, change the margins to 2 inches all round
|
||||||
\geometry{top=1.75cm, bottom=-.6cm, left=0.5cm, right=1cm}
|
\geometry{top=1cm, bottom=-.6cm, left=0.4cm, right=1cm}
|
||||||
|
|
||||||
%use customized header
|
|
||||||
\usepackage{fancyhdr}
|
|
||||||
\pagestyle{fancy}
|
|
||||||
|
|
||||||
%less space between header and content
|
%less space between header and content
|
||||||
\setlength{\headheight}{-5pt}
|
\setlength{\headheight}{-5pt}
|
||||||
|
|
||||||
|
|
||||||
%customize entries left, center and right
|
%customize entries left, center and right
|
||||||
\lhead{}
|
%\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 *** **}}
|
%\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{}
|
%\rhead{}
|
||||||
|
|
||||||
|
|
||||||
%indentation is zero
|
%indentation is zero
|
||||||
@ -163,22 +160,7 @@
|
|||||||
% returns minipage width minus two times \fboxsep
|
% returns minipage width minus two times \fboxsep
|
||||||
% to keep padding included in width calculations
|
% to keep padding included in width calculations
|
||||||
\newcommand{\mpwidth}{\linewidth-\fboxsep-\fboxsep}
|
\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
|
% ARROW GRAPHICS in Tikz
|
||||||
@ -208,8 +190,6 @@
|
|||||||
\end{tikzpicture}
|
\end{tikzpicture}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
%----------------------------------------------------------------------------------------
|
%----------------------------------------------------------------------------------------
|
||||||
% custom sections
|
% custom sections
|
||||||
%----------------------------------------------------------------------------------------
|
%----------------------------------------------------------------------------------------
|
||||||
@ -282,6 +262,18 @@
|
|||||||
\newcommand{\lorem}
|
\newcommand{\lorem}
|
||||||
{Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus.}
|
{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
|
% ICON-SET EMBEDDING
|
||||||
%----------------------------------------------------------------------------------------
|
%----------------------------------------------------------------------------------------
|
||||||
@ -289,9 +281,9 @@
|
|||||||
% at this point we simplify our icon-embedding by simply referring to a set of png images.
|
% 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
|
% if you find a good way of including svg without conflicting with other packages you can
|
||||||
% replace this part
|
% replace this part
|
||||||
\newcommand{\icon}[3]{\colorbox{#3}{\makebox(#2, #2){\textcolor{#3}{\csname fa#1\endcsname}}}} %icon shortcut
|
\newcommand{\icon}[3]{\makebox(#2, #2){\textcolor{#3}{\csname fa#1\endcsname}}} %icon shortcut
|
||||||
\newcommand{\icontext}[4]{ %icon with text shortcut
|
\newcommand{\icontext}[4]{ %icon with text shortcut
|
||||||
\vcenteredhbox{\icon{#1}{#2}{#3}} \vcenteredhbox{\textcolor{#4}{#3}}
|
\vcenteredhbox{\icon{#1}{#2}{#4}} \vcenteredhbox{\textcolor{#4}{#3}}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@ -306,13 +298,13 @@
|
|||||||
%
|
%
|
||||||
%============================================================================%
|
%============================================================================%
|
||||||
\begin{document}
|
\begin{document}
|
||||||
\fcolorbox{black}{white}{\begin{minipage}[c][0.95\textheight][t]{0.69\linewidth}
|
\fcolorbox{white}{white}{\begin{minipage}[c][0.95\textheight][t]{0.69\linewidth}
|
||||||
|
|
||||||
|
|
||||||
%---------------------------------------------------------------------------------------
|
%---------------------------------------------------------------------------------------
|
||||||
% TITLE HEADLINE
|
% TITLE HEADLINE
|
||||||
%----------------------------------------------------------------------------------------
|
%----------------------------------------------------------------------------------------
|
||||||
%\vspace{-1pt}
|
\vspace{-3pt}
|
||||||
% use this for multiple words like working titles etc.
|
% 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}}}\\
|
%\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}}}}
|
% \large{ \textcolor{white}{{JS Fullstack Engineer}}}}
|
||||||
@ -325,6 +317,7 @@
|
|||||||
% HEADER IMAGE
|
% HEADER IMAGE
|
||||||
%----------------------------------------------------------------------------------------
|
%----------------------------------------------------------------------------------------
|
||||||
|
|
||||||
|
|
||||||
%\hspace{-1.6cm}
|
%\hspace{-1.6cm}
|
||||||
%\includegraphics[trim= 0 250 0 270,clip,width=1\linewidth+3.1cm]{myfoto.jpg} %trimming relative to image size!
|
%\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
|
\includegraphics[trim= 350 150 0 200, clip ,width=\linewidth]{myfoto.jpg} %trimming relative to image size
|
||||||
@ -351,6 +344,15 @@
|
|||||||
%
|
%
|
||||||
%============================================================================%
|
%============================================================================%
|
||||||
|
|
||||||
|
%---------------------------------------------------------------------------------------
|
||||||
|
% STATUS
|
||||||
|
%----------------------------------------------------------------------------------------
|
||||||
|
\cvsection{Status}
|
||||||
|
|
||||||
|
JavaScript fullstack engineer, M.Sc. Digital Media, focuses on education and healthcare
|
||||||
|
|
||||||
|
\vspace{12pt}
|
||||||
|
|
||||||
%---------------------------------------------------------------------------------------
|
%---------------------------------------------------------------------------------------
|
||||||
% EXPERIENCE
|
% EXPERIENCE
|
||||||
%----------------------------------------------------------------------------------------
|
%----------------------------------------------------------------------------------------
|
||||||
@ -381,6 +383,7 @@
|
|||||||
%
|
%
|
||||||
\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}
|
||||||
|
|
||||||
|
\vspace{12pt}
|
||||||
%---------------------------------------------------------------------------------------
|
%---------------------------------------------------------------------------------------
|
||||||
% EDUCATION SECTION
|
% EDUCATION SECTION
|
||||||
%--------------------------------------------------------------------------------------
|
%--------------------------------------------------------------------------------------
|
||||||
@ -405,7 +408,19 @@
|
|||||||
|
|
||||||
|
|
||||||
\end{minipage}}%
|
\end{minipage}}%
|
||||||
\fcolorbox{black}{sectcol}{\begin{minipage}[c][0.95\textheight][t]{0.33\linewidth}
|
\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
|
% META SECTION
|
||||||
@ -413,56 +428,59 @@
|
|||||||
|
|
||||||
\begin{metasection}{Fields}
|
\begin{metasection}{Fields}
|
||||||
|
|
||||||
\icontext{}\textcolor{white}{Project Management}\\
|
\icontext{Code}{12}{Software Development}{white}\\
|
||||||
\larrow{complcol}\larrow{complcol}\larrow{complcol}\larrow{complcol}\larrow{complcol}\larrow{complcol}\larrow{complcol}\larrow{white}\larrow{white}\larrow{white}\\[6pt]
|
\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]
|
||||||
|
|
||||||
\textcolor{white}{Software Development}\\
|
\icontext{CommentsO}{12}{Consulting}{white}\\
|
||||||
\larrow{complcol}\larrow{complcol}\larrow{complcol}\larrow{complcol}\larrow{complcol}\larrow{complcol}\larrow{complcol}\larrow{complcol}\larrow{complcol}\larrow{complcol}\\[6pt]
|
\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]
|
||||||
|
|
||||||
%\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}
|
\end{metasection}
|
||||||
|
|
||||||
|
|
||||||
\begin{metasection}{Technologies}
|
\begin{metasection}{Technologies}
|
||||||
Javascript
|
|
||||||
|
|
||||||
Meteor \& MongoDB
|
|
||||||
|
|
||||||
Git
|
|
||||||
|
|
||||||
|
|
||||||
|
\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}
|
\end{metasection}
|
||||||
|
|
||||||
\begin{metasection}{Tools}
|
\begin{metasection}{Tools}
|
||||||
Webstorm
|
|
||||||
|
\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}
|
\end{metasection}
|
||||||
|
|
||||||
\begin{metasection}{Activities}
|
\begin{metasection}{Activities}
|
||||||
Global Game Jam
|
|
||||||
Sound Engineering
|
\textcolor{white}{\LARGE{\icon{Gamepad}{24}{white} \icon{Headphones}{24}{white} \icon{Bicycle}{24}{white}}}
|
||||||
Blender
|
|
||||||
Martial Arts
|
|
||||||
\end{metasection}
|
\end{metasection}
|
||||||
|
|
||||||
\end{minipage}}
|
\begin{metasection}{Operating Systems}
|
||||||
|
|
||||||
%use our custom fancy header definitions
|
|
||||||
%\pagestyle{fancy}
|
|
||||||
|
|
||||||
|
\textcolor{white}{\LARGE{\icon{Linux}{24}{white} \icon{Apple}{24}{white} \icon{Windows}{24}{white}}}
|
||||||
|
|
||||||
|
\end{metasection}
|
||||||
|
|
||||||
%---------------------------------------------------------------------------------------
|
%---------------------------------------------------------------------------------------
|
||||||
% QR CODE (optional)
|
% QR CODE (optional)
|
||||||
%----------------------------------------------------------------------------------------
|
%----------------------------------------------------------------------------------------
|
||||||
%\includegraphics[width=0.1\linewidth]{qrcode}
|
|
||||||
%\end{minipage}%
|
|
||||||
%\noindent\fcolorbox{sectcol}{sectcol}{%
|
|
||||||
%\begin{minipage}[b]{0.5\textwidth}
|
|
||||||
|
|
||||||
|
\vspace{12pt}
|
||||||
|
\begin{center}
|
||||||
|
\includegraphics[width=0.35\mpwidth]{qrcode}
|
||||||
|
\end{center}
|
||||||
|
|
||||||
|
\end{minipage}}
|
||||||
|
|
||||||
%-------------------------------------------------------------------------------------------------
|
%-------------------------------------------------------------------------------------------------
|
||||||
% ARTIFICIAL FOOTER (fancy footer cannot exceed linewidth)
|
% ARTIFICIAL FOOTER (fancy footer cannot exceed linewidth)
|
||||||
@ -470,7 +488,7 @@ Martial Arts
|
|||||||
|
|
||||||
\null
|
\null
|
||||||
\vspace*{\fill}
|
\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}}}
|
\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}}}
|
||||||
|
|
||||||
%============================================================================%
|
%============================================================================%
|
||||||
%
|
%
|
||||||
|
Loading…
x
Reference in New Issue
Block a user