\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{Junior Backend 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{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 Made primarily to handle frequency reservations and special call signs management, it also has simple news and gallery management system.
\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.
\item Registration and login system provides users with the ability to see their orders.
\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}

\begin{paracol}{3}

  \cvskill{HTML5}{5}
  \cvskill{PHP}{3}
  \cvskill{Vue.js}{3}
  \cvskill{Git}{4}

  \switchcolumn{}

  \cvskill{CSS3}{3}
  \cvskill{MariaDB}{4}
  \cvskill{Express.js}{4}
  \cvskill{Docker}{3}

  \switchcolumn{}

  \cvskill{JavaScript}{5}
  \cvskill{MongoDB}{2}
  \cvskill{Laravel}{3}
  \cvskill{GNU/Linux}{5}

\end{paracol}

\smallskip

\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}

\end{document}