main.tex

\documentclass[10pt, a4paper]{extarticle}

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
% 1. PACKAGES
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

% Layout and Geometry
\usepackage[nomarginpar, margin=10mm]{geometry} % Page margins
\usepackage{paracol}        % Multi-column layout
\usepackage{eso-pic}        % Background elements
\usepackage{enumitem}       % Custom lists
\usepackage{tabularx}       % Intelligent column widths (NEW)

% Typography and Language
\usepackage{fontspec}       % Custom fonts (Requires XeLaTeX or LuaLaTeX)
\usepackage{titlesec}       % Custom section titles
\usepackage[normalem]{ulem} % Underlining (for links)

% Graphics and Colors
\usepackage{graphicx}       % Images
\usepackage{tikz}           % Drawing (shapes, backgrounds)
\usepackage[dvipsnames]{xcolor} % Colors
\usepackage{fontawesome5}   % Icons
\usepackage{array}          % Table alignment

% Interaction
\usepackage[hidelinks]{hyperref} % Clickable links

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
% 2. CONFIGURATION (FONTS & COLORS)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

% --- Variables ---
\newcommand{\profilepic}{resources/sample.png} % Photo path

% --- Colors ---
\definecolor{accentcolor}{RGB}{93, 156, 236}      % Light blue
\definecolor{textcolor}{RGB}{44, 62, 80}          % Dark gray
\colorlet{periwinkle}{Periwinkle}                 % Main Accent
\colorlet{sidebarbg}{Periwinkle!70}               % Sidebar background
\colorlet{whitecanvas}{White!15}                  % Main content background

% --- Fonts ---
\setmainfont[Path=fonts/, UprightFont=*-Medium, ItalicFont=*-MediumIt, BoldFont=*-Bold, BoldItalicFont=*-BoldIt]{LatinaEssential}

% Font Shortcuts
\newcommand{\mymedium}{\normalfont}
\newcommand{\mymediumit}{\itshape}
\newcommand{\mybold}{\bfseries}
\newcommand{\myboldit}{\bfseries\itshape}
\newcommand{\myheavyit}{\fontspec[Path=fonts/]{LatinaEssential-HeavyIt.otf}}
\newcommand{\mylightit}{\fontspec[Path=fonts/]{LatinaEssential-LightIt.otf}}

% --- Section Styling ---
\titleformat{\section}
  {\color{periwinkle}\LARGE\myheavyit}
  {\thesection}{0pt}
  {}[\color{periwinkle!70}\titlerule]

\titlespacing{\section}{0pt}{8pt}{8pt}
\setcounter{secnumdepth}{0}

% Global Layout Settings
\pagestyle{empty}
\setlength{\parindent}{0pt}
\setlength{\parskip}{0pt}
\setlength{\columnsep}{17mm}

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
% 3. MACROS & COMMANDS
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

% --- Helper: Custom Link Style (NEW) ---
% Adds a small icon after the link
\newcommand{\link}[2]{%
    \href{#1}{#2\;{\footnotesize\faExternalLink*}}%
}

% --- Helper: Custom List Separator (NEW) ---
\newcommand{\listsep}{%
    \hspace{4pt}\textcolor{White}{\textbf{|}}\hspace{4pt}%
}

% --- Helper: Skill Progress Bar ---
% Usage: \skillbar{Language}{Proficiency}{Level (0 to 5)}
\newcommand{\skillbar}[3]{%
    \textcolor{white}{\mybold{#1}} \textcolor{white}{-- \mymediumit{#2}}\\[2pt]
    \begin{tikzpicture}
        % Background empty bar (optional, uncomment if needed)
        % \fill[white!30] (0,0) rectangle (5,0.15);
        \fill[white] (0,0) rectangle (#3,0.15);
    \end{tikzpicture}\\[4pt]
}

% --- Helper: Sidebar Contact Info ---
\newcommand{\contactinfo}[3]{%
    \textcolor{white}{%
        \faIcon{#1}\hspace{6pt}\parbox[t]{4.5cm}{\mymedium{#2}}\\[#3]%
    }%
}

% --- Helper: Timeline Entry (Education/Work) ---
% Usage: \timelineentry{Date}{Title}{Organization}{Description}{Details}
\newcommand{\timelineentry}[5]{%
    % Date Bubble
    \tikz[baseline=(text.base)]{
        \node[
            rectangle,
            rounded corners=14pt,
            fill=periwinkle!70,
            text=white,
            inner sep=10pt,
        ] (text) {\large\mybold{#1}};
    } & 
    % Content
    \large{\textcolor{black}{\mybold{#2}}} \par
    \normalsize\mymedium{\textcolor{periwinkle}{#3}} \par
    \vspace{1pt}
    \mymediumit \textcolor{black!70}{#4} \par
    \mymedium{#5}
    \vspace{6pt} \\
}

% --- Helper: Technical Skill Item ---
\newcommand{\techskill}[2]{%
    \item \textcolor{black}{\mymediumit{#1}} \textcolor{black!90}{\mybold{({#2})}}
}

% --- Helper: Certification Entry ---
\newcommand{\certentry}[4]{%
    \large{\textcolor{black}{\mybold{#1}}} \par
    \normalsize\mymedium{\textcolor{periwinkle}{#2}} \par
    \vspace{1pt}
    \mymediumit \textcolor{black!70}{#3} \par
    \mymedium{#4}
    \vspace{8pt}
}

% --- Background Generator ---
\newcommand{\makebackground}{%
    \AddToShipoutPictureBG*{%
        \begin{tikzpicture}[remember picture,overlay]
            % Sidebar Color
            \node[
                fill=sidebarbg,
                minimum width=1\paperwidth,
                minimum height=2\paperheight,
            ] at ([yshift=0.05\paperheight]current page.south) {};
            % Main Content White Rounded Box
            \node[
                fill=whitecanvas,
                rounded corners=50pt,
                minimum width=1.09\paperwidth,
                minimum height=1.93\paperheight,
            ] at ([yshift=0.1\paperheight,xshift=0.25\paperheight]current page.north) {};
        \end{tikzpicture}%
    }%
}

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
% 4. DOCUMENT BODY
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

\begin{document}

\makebackground

% Set column ratio: Left (Sidebar) 25%, Right (Content) 75%
\columnratio{0.25}

\begin{paracol}{2}

    % =========================================================================
    % LEFT COLUMN (SIDEBAR)
    % =========================================================================
    \vspace{3mm}

    % --- Profile Picture ---
    \begin{center}
        \begin{tikzpicture}
            \clip (0,0) circle (2.2cm);
            % Using the variable defined at the top
            \node at (0,0) {\includegraphics[width=4.5cm]{\profilepic}};
        \end{tikzpicture}
    \end{center}

    \vspace{8mm}

    % --- Personal Info ---
    \section{\textcolor{white}{Personal Info}}
    \vspace{2mm}
    \textcolor{white}{
        \faIcon{user}\hspace{6pt}\mybold{Edoardo Vassallo}\\[6pt]
        \faIcon{mars}\hspace{6pt}\mybold{Male}\\[6pt]
        \faIcon{birthday-cake}\hspace{6pt}\mybold{03/06/2002}\\[6pt]
        \faIcon{flag}\hspace{6pt}\mybold{Italian}\\
    }

    % --- Contact Info ---
    \section{\textcolor{white}{Contact Info}}
    \vspace{2mm}
    \contactinfo{phone}{+39 377 698 9383}{6pt}
    \contactinfo{envelope}{edo.vas@protonmail.com}{6pt}
    \contactinfo{map-marker-alt}{Via Bolzaneto 58/8 \newline \hspace{2mm} 16162, Genova, Italy}{6pt}
    \contactinfo{linkedin}{\link{https://www.linkedin.com/in/inkeaton/?locale=en_US}{linkedin.com/in/inkeaton}}{6pt}
    \contactinfo{github}{\link{https://github.com/inkeaton}{github.com/inkeaton}}{6pt}

    % --- Languages ---
    \section{\textcolor{white}{Languages}}
    \vspace{2mm}
    
    % (Language, Proficiency, Bar Width 0-5)
    \skillbar{Italian}{Native}{5}
    \skillbar{English}{C2 (Proficient)}{5}

    % --- Interests ---
    \section{\textcolor{white}{Interests}}
    \textcolor{white}{
        % Using the new \listsep separator
        \mybold Linguistics \listsep Storytelling\\ 
        History \listsep Graphic Design \\ 
        Drawing \listsep Technology
    }
    
    \vspace{4mm}

    \switchcolumn

    % =========================================================================
    % RIGHT COLUMN (MAIN CONTENT)
    % =========================================================================

    % --- Name and Title ---
    {\Huge\myheavyit{\textcolor{textcolor}{Edoardo Vassallo}}}\\[4pt]
    {\Large\myboldit{\textcolor{periwinkle!70}{Computer Scientist}}}

    \vspace{3mm}

    % --- Education ---
    \section{Education}
    \begin{tabularx}{\linewidth}{@{} p{0.22\linewidth} | X @{}}
        \timelineentry{2024-now}
            {Master Degree in Computer Science \small \textcolor{black!45}{EQF 7}}
            {\link{https://corsi.unige.it/en/corsi/11964}{\mymediumit{University of Genoa}}}
            {In progress, began in September 2024}
            {} 
        
        \timelineentry{2021-2024}
            {Bachelor's Degree in Computer Science \small \textcolor{black!45}{EQF 6}}
            {\link{https://corsi.unige.it/en/corsi/8759}{\mymediumit{University of Genoa}}}
            {September 2021 - July 2024}
            {Final Grade: \mybold 110 cum laude / 110 \newline  \mymedium Final Thesis:\mylightit Dangers of Self-Deleting JavaScript Code and Its Real World Usage}
    \end{tabularx}

    % --- Work History ---
    \section{Work History}
    \begin{tabularx}{\linewidth}{@{} p{0.22\linewidth} | X @{}}
        \timelineentry{2025-now}
            {Academic Tutor}
            {\link{https://corsi.unige.it/en/info/studenti-tutorato}{\mymediumit{University of Genoa}}}
            {In progress, began in September 2025}
            {} 
        
        \timelineentry{2022-2023}
            {IT Technical Support}
            {\mymediumit Local Restaurant "Pizzeria Snoopy"}
            {September 2022 - January 2023}
            {} 
    \end{tabularx}

    % --- Technical Skills ---
    \section{Technical Skills}
    \textcolor{black}{
        \mymediumit
        \begin{itemize}[leftmargin=*, nosep, before=\vspace{2pt}, after=\vspace{2pt}]
            \techskill{Coding} {C, C++, C\#, Python, Java}
            \techskill{Machine Learning}{Tensorflow, Keras, PyTorch}
            \techskill{Databases}{SQL, PySpark} 
            \techskill{Web Applications}{HTML, JS, PHP, CSS, D3JS}
            \techskill{Agent Design}{Prolog, AgentSpeak} 
            \techskill{High Performance Computing}{OpenMP, CUDA, MPI}
            \techskill{Operating Systems}{Linux}
            \techskill{Game Engines}{Unity, Godot}
            \techskill{Software Development}{Git, UML}
            \techskill{Markup}{\LaTeX, Markdown}
        \end{itemize}
    }

    % --- Certifications ---
    \section{Certifications}
    \vspace{2mm}

    \certentry{Cambridge English Proficiency Exam (CPE) \small \textcolor{black!45}{CEFR C2}}
        {\mymediumit\link{https://www.cambridgeenglish.org/exams-and-tests/proficiency/}{Cambridge University Press \& Assessment}}
        {Center: IT278 0004, Verification Number: D1401906}
        {Obtained on 17/05/2025, Grade: \mybold A\mymedium, Score: \mybold 222/230}

    \certentry{European Computer Driving Licence (ECDL)}
        {\mymediumit\link{https://www.ecdlonline.it/patente-europea}{Associazione Italiana per l'Informatica ed il Calcolo Automatico (AICA)}}
        {Full Standard, Skillcard N°: IT 2393875}
        {Obtained on 28/05/2019}

\end{paracol}

% =========================================================================
% FOOTER
% =========================================================================
\vfill
\textcolor{white}{\mymedium{%
    \hfill Written and rendered in \link{https://github.com/inkeaton/CurriculumVitae}{\LaTeX} \\
    Text with the following icon contains \link{https://en.wikipedia.org/wiki/Hyperlink}{links} \hfill Fonts used belong to the \link{https://www.behance.net/gallery/51912641/Latina-Essential-Free?tracking_source=search_projects|latina+essential&l=1\#}{Latina Essential Family}
}}

\end{document}