\documentclass[10pt,a4paper,ragged2e,withhyper]{altacv}
\geometry{left=1.25cm,right=1.25cm,top=1.5cm,bottom=1.5cm,columnsep=1.2cm}
\usepackage{paracol}

% Change the font if you want to, depending on whether
% you're using pdflatex or xelatex/lualatex
\ifxetexorluatex{}
  % If using xelatex or lualatex:
  \setmainfont{Lato}
\else
  % If using pdflatex:
  \usepackage[default]{lato}
\fi

\definecolor{NiceBlue}{HTML}{0472c3}
\definecolor{SlateGrey}{HTML}{202020}
\definecolor{LightGrey}{HTML}{333333}
\colorlet{tagline}{NiceBlue}
\colorlet{heading}{NiceBlue}
\colorlet{headingrule}{NiceBlue}
\colorlet{subheading}{NiceBlue}
\colorlet{accent}{NiceBlue}
\colorlet{emphasis}{SlateGrey}
\colorlet{body}{LightGrey}

\renewcommand{\itemmarker}{{\small\textbullet}}
\renewcommand{\ratingmarker}{\faCircle}

%% My additional commands. %%
\NewInfoField{githubinfo}{\faGithub}[https://]
\newcommand{\myGithubUsername}{MatejaMaric}
\newcommand{\cvproject}[3]{
  {\large\color{emphasis}#1\par}
  \smallskip\normalsize
  \ifstrequal{#2}{}{}{{\small\makebox[0.5\linewidth][l]{\faGlobe~\href{https://#2}{#2}}}}
  \ifstrequal{#3}{}{}{{\small\makebox[0.5\linewidth][l]{\faGithub~\href{https://github.com/\myGithubUsername/#3}{#3}}}}\par
  \medskip\normalsize
}
\renewcommand{\divider}{\textcolor{body!60}{\hdashrule{\linewidth}{0.6pt}{0.5ex}}\medskip}
\renewcommand{\cvtag}[1]{
  \tikz[baseline]\node[anchor=base,draw=body!60,rounded corners,inner xsep=1ex,inner ysep =0.75ex,text height=1.5ex,text depth=.25ex,line width=0.6pt]{#1};
}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

\begin{document}
\name{Mateja Mari\'c}
\tagline{Fullstack JavaScript Developer}
\personalinfo{
  \location{Belgrade, Serbia}
  \homepage{matejamaric.com}
  \email{mail@matejamaric.com}
  \githubinfo{github.com/\myGithubUsername}
  %\linkedin{}
  %\phone{+000 00 000 0000}
}

\makecvheader{}

%% Depending on your tastes, you may want to make fonts of itemize environments slightly smaller
\AtBeginEnvironment{itemize}{\small}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%


\cvsection{Work Experience}

\cvevent{JavaScript Developer}{Computer Rock}{September 2021 -- Ongoing}{Belgrade, Serbia}

\begin{itemize}
\item I am currently working as a JavaScript Developer at Computer Rock, a Swiss-based IT company.
\item At work I mostly use Vue.js, Nuxt.js and SCSS.
\end{itemize}



\cvsection{Selected Projects}

\cvsubsection{Web Development}

\cvproject{Frequency Reservation Website For Serbian Radio Amateurs}{yota.yu1srs.org.rs}{yota-laravel}

\begin{itemize}
\item Website I made for Serbian section of international youth amateur radio organization ``Youngsters On The Air'' (\href{https://www.ham-yota.com/}{www.ham-yota.com}).
\item It's made using Laravel, Vue.js, MariaDB and Bootstrap.
\end{itemize}

\medskip

\cvproject{E-commerce Website Made In MEVN Stack}{mevn-ecommerce.matejamaric.com}{mevn-ecommerce}

\begin{itemize}
\item E-commerce website with full PayPal integration, made using MongoDB, Express.js, Vue.js and Node.js.
\item Transactions are made and captured on server side and all order informations, including shipping, are stored in database.
\end{itemize}

\divider{}

\cvsubsection{GNU/Linux Administration}

\cvproject{Mail Server}{}{}

\begin{itemize}
\item I host my very own mail server that serves my domain. It runs OpenSMTPD, Dovecot and Rspamd.
\item Hosted on an unmanaged Virtual Private Server with full root and VNC access, where I configured everything from ground up.
\end{itemize}

\medskip

\cvproject{Git Server}{git.matejamaric.com}{}

\begin{itemize}
\item I have a git server that I use for my public and private repositories. It runs Gitolite and serves public repositories with Cgit, git-http-backend and Apache.
\item I have a blog post about it: \url{https://matejamaric.com/blog/git-server/}
\end{itemize}



\cvsection{Technologies}

\cvsubsection{Languages: }
\cvtag{HTML5}
\cvtag{CSS3}
\cvtag{JavaScript}
\cvtag{PHP}
\cvtag{SQL}

\smallskip
\cvsubsection{Frameworks: }
\cvtag{Vue.js}
\cvtag{Nuxt.js}
\cvtag{Express.js}
\cvtag{Laravel}

\smallskip
\cvsubsection{Databases: }
\cvtag{MariaDB}
\cvtag{MongoDB}

\smallskip
\cvsubsection{Other: }
\cvtag{Git}
\cvtag{GNU/Linux}
\cvtag{Docker}



\pagebreak



\cvsection{Education}

\cvevent{B.A.Sc in New Computer Technologies}{School of Electrical and Computer Engineering of Applied Studies}{2019 --- 2022 (Expected)}{Belgrade, Serbia}

\divider{}

\cvevent{Computer Electrotechnician}{Electrical Engineering High School ``Nikola Tesla''}{2015 --- 2019}{Belgrade, Serbia}



\cvsection{Languages}

\begin{itemize}
  \item \textbf{Serbian (native)}
  \item \textbf{English (fluent)}
\end{itemize}



\cvsection{Interests}

\cvtag{Unix-like operating systems}
\cvtag{Free (as in freedom) software}
\cvtag{Web development}
\cvtag{Web technologies}

\cvtag{DevOps}
\cvtag{Minimalist software}

\end{document}