187 lines
6.0 KiB
Handlebars
187 lines
6.0 KiB
Handlebars
<!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> |