<!doctype html>
<html lang="en" data-bs-theme="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="images/logo.ico" type="image/x-icon">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>CV</title>
<script src="https://kit.fontawesome.com/cb81440751.js" crossorigin="anonymous"></script>
<!-- Import stylesheets in CSS3 -->
<link rel="stylesheet" href="/assets/cv/stylesheets/style.css" type="text/css">
<!-- HTML2PDF.js -->
<!-- Version 0.9.3 -->
<script defer src="/assets/cv/javascripts/html2pdf.v0.9.3.bundle.min.js"></script>
<!-- Main Javascript file -->
<script defer src="/assets/cv/javascripts/main.js"></script>
</head>
<body>
<header class="l-header" id="header">
<!-- Nav menu -->
<nav class="nav bd-container">
<a href="#" class="nav_logo">Léa GALLIER</a>
<div class="nav_menu" id="nav-menu">
<ul class="nav_list">
<li class="nav_item">
<a href="#home" class="nav_link active-link">
<i class="fa-solid fa-house nav_icon"></i>Home
</a>
</li>
<li class="nav_item">
<a href="#experience" class="nav_link">
<i class="fa-solid fa-briefcase nav_icon"></i>Experiences
</a>
</li>
<li class="nav_item">
<a href="#education" class="nav_link">
<i class="fa-solid fa-book-bookmark nav_icon"></i>Education
</a>
</li>
</ul>
</div>
<div class="nav_toggle" id="nav-toggle">
<i class="fa-solid fa-bars"></i>
</div>
</nav>
</header>
{{#with userData}}
<main class="l-main bd-container">
<!-- Resume CV -->
<div class="resume" id="area-cv">
<div class="resume_left">
<!-- HOME -->
<section class="home" id="home">
<div class="home_container section bd-grid">
<div class="home_data bd-grid">
<img src="/images/Jaz.jpg" alt="Icon picture" class="home_img" id="home-img">
<!--<img alt="Icon picture" class="home_img" id="home-img">-->
<h1 class="home_title">{{first_name}} {{last_name}}</h1>
<h3 class="home_profession">{{occupation}}</h3>
</div>
<div class="home_address bd-grid">
<span class="home_information">
<i class="fa-solid fa-location-dot home_icon"></i>{{living_location}}
</span>
<span class="home_information">
<i class="fa-solid fa-calendar-days home_icon"></i>{{birth}}
</span>
<span class="home_information">
<a href="mailto:{{email}}" class="home_link">
<i class="fa-solid fa-envelope home_icon"></i>{{email}}
</a>
</span>
<span class="home_information">
<a href="tel:{{phone_number}}" class="home_link">
<i class="fa-solid fa-phone home_icon"></i>{{phone_number}}
</a>
</span>
<span class="home_information">
<a href="{{web_link}}" class="home_link">
<i class="fa-solid fa-globe home_icon"></i>{{web_link}}
</a>
</span>
</div>
</div>
<!-- Theme change button -->
<i class="fa-solid fa-moon change-theme" title="Theme" id="theme-button"></i>
<!-- Button to generate and download the pdf. Available for desktop. -->
<i class="fa-solid fa-download generate-pdf" title="Generate PDF" id="resume-button"></i>
</section>
<!-- SOCIAL -->
<section class="social section">
<h2 class="section-title">Social</h2>
<div class="social_container bd-grid">
<a href="{{git_link}}" target="_blank" class="social_link">
<i class="fa-brands fa-gitlab social_icon"></i>{{git_link}}
</a>
</div>
</section>
</div>
<div class="resume_right">
<!-- EXPERIENCE -->
<section class="experience section" id="experience">
<h2 class="section-title">Experience</h2>
<div class="experience_container bd-grid">
{{#each experience}}
<div class="experience_content">
<div class="experience_time">
<span class="experience_rounder"></span>
{{#unless @last}}
<span class="experience_line"></span>
{{/unless}}
</div>
<div class="experience_data bd-grid">
<h3 class="experience_title">{{title}}</h3>
<span class="experience_company">{{company}}</span>
<span class="experience_year">{{time}}</span>
<p class="experience_description">
{{des}}
</p>
</div>
</div>
{{/each}}
</div>
</section>
<!-- EDUCATION -->
<section class="education section" id="education">
<h2 class="section-title">Education</h2>
<div class="education_container bd-grid">
{{#each education}}
<div class="education_content">
<div class="education_time">
<span class="education_rounder"></span>
{{#unless @last}}
<span class="education_line"></span>
{{/unless}}
</div>
<div class="education_data bd-grid">
<h3 class="education_title">{{des}}</h3>
<span class="education_studies">{{title}}</span>
<span class="education_year">{{time}}</span>
</div>
</div>
{{/each}}
</div>
</section>
</div>
</div>
</main>
{{/with}}
<a href="#" class="scrolltop" id="scroll-top">
<i class="fa-solid fa-arrow-up scrolltop_icon"></i>
</a>
</body>
</html>