102 lines
6.7 KiB
HTML
102 lines
6.7 KiB
HTML
<!DOCTYPE html>
|
|
<!--
|
|
PAGE CODED BY :
|
|
__ _____ __ __ ______ ____ __ __ ______ __ __ ______ ______
|
|
/\ \ /\ __`\/\ \/\ \/\__ _\/\ _`\ /\ \/\ \/\ _ \/\ \ /\ \ /\ _ \/\__ _\
|
|
\ \ \ \ \ \/\ \ \ \ \ \/_/\ \/\ \,\L\_\ \ \ \ \ \ \ \L\ \ \ \ \ \ \ \ \ \L\ \/_/\ \/
|
|
\ \ \ __\ \ \ \ \ \ \ \ \ \ \ \ \/_\__ \ \ \ \ \ \ \ __ \ \ \ __\ \ \ __\ \ __ \ \ \ \
|
|
\ \ \L\ \\ \ \_\ \ \ \_\ \ \_\ \__/\ \L\ \ \ \ \_/ \ \ \/\ \ \ \L\ \\ \ \L\ \\ \ \/\ \ \ \ \
|
|
\ \____/ \ \_____\ \_____\/\_____\ `\____\ \ `\___/\ \_\ \_\ \____/ \ \____/ \ \_\ \_\ \ \_\
|
|
\/___/ \/_____/\/_____/\/_____/\/_____/ `\/__/ \/_/\/_/\/___/ \/___/ \/_/\/_/ \/_/
|
|
-->
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Louis Vallat</title>
|
|
<!-- SEO -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="Un étudiant développeur, passionné de technologies, quelles qu'elles soient.">
|
|
<meta name="image" content="https://louis-vallat.xyz/assets/image/square_pp.jpg">
|
|
<meta name="twitter:card" content="summary">
|
|
<meta name="twitter:title" content="Louis Vallat">
|
|
<meta name="twitter:description" content="Un étudiant développeur, passionné de technologies, quelles qu'elles soient.">
|
|
<meta name="twitter:site" content="@VallatLouis">
|
|
<meta name="twitter:creator" content="@VallatLouis">
|
|
<meta name="twitter:image:src" content="https://louis-vallat.xyz/assets/images/square_pp.jpg">
|
|
<meta name="og:title" content="Louis Vallat">
|
|
<meta name="og:description" content="Un étudiant développeur, passionné de technologies, quelles qu'elles soient.">
|
|
<meta name="og:image" content="https://louis-vallat.xyz/assets/images/square_pp.jpg">
|
|
<meta name="og:url" content="https://louis-vallat.xyz/">
|
|
<meta name="og:locale" content="fr_FR">
|
|
<meta name="og:type" content="website">
|
|
<link rel="icon" href="/assets/images/favicon.ico">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<!-- CSS -->
|
|
<link rel="stylesheet" href="assets/css/reset.css">
|
|
<link rel="stylesheet" href="assets/css/main.css">
|
|
</head>
|
|
<body>
|
|
<div id="landing-zone">
|
|
<div>
|
|
<div class="center-align-inline">
|
|
<img src="assets/images/square_pp.jpg" id="profile-picture" alt="Ma photo de profil">
|
|
<h4 class="white bold">Louis Vallat</h4>
|
|
<div class="center-align-inline">
|
|
<a href="https://gitlab.com/lovallat" target="_blank" title="Gitlab"><img src="/assets/images/gitlab-icon-rgb.svg" class="icon" alt="Gitlab RGB logo"/></a>
|
|
<a href="https://twitter.com/VallatLouis" target="_blank" title="Twitter"><img src="/assets/images/twitter-logo-blue.svg" class="icon" alt="Twitter blue logo"/></a>
|
|
<a href="https://www.linkedin.com/in/louis-vallat/" target="_blank" title="LinkedIN"><img src="/assets/images/LI-In-Bug.png" class="icon" alt="LinkedIN small blue logo"/></a>
|
|
</div>
|
|
</div>
|
|
<h1 class="white bold" id="subtitle">Un étudiant développeur, passionné de technologies, quelles qu'elles soient.</h1>
|
|
<div class="center-align-inline lightgrey" id="additional-information">
|
|
<img src="/assets/images/work.svg" alt="Logo travail valise"/><h6>Étudiant ingénieur en informatique</h6>
|
|
<img src="/assets/images/location.svg" alt="Logo localisation"/><h6>Bordeaux — France</h6>
|
|
</div>
|
|
<div id="call-to-action">
|
|
<a class="button-style" href="mailto:contact@louis-vallat.xyz">Me contacter</a>
|
|
<a class="button-style" href="#about">En savoir plus</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="about">
|
|
<div id="skills" class="section">
|
|
<h3 class="white bold">Compétences</h3>
|
|
<h5 class="grey">Des technologies que j'utilise souvent</h5>
|
|
<div id="skills-logos" class="flex-sb">
|
|
<img alt="Logo Docker" title="Docker" src="/assets/images/docker-monochromatic.png"/>
|
|
<img alt="Logo Git" title="Git" src="/assets/images/git-logo-orange.png"/>
|
|
<img alt="Logo Tux" title="Linux" src="/assets/images/tux.svg"/>
|
|
<img alt="Logo Java" title="Java" src="/assets/images/java-logo.png"/>
|
|
<img alt="Logo PostgreSQL" title="PostgreSQL" src="/assets/images/postgresql-logo.svg"/>
|
|
<img alt="Logo PHP" title="PHP" src="/assets/images/php-logo.svg"/>
|
|
<img alt="Logo Android" title="Android" src="/assets/images/android-logo.svg"/>
|
|
<img alt="Logo HTML5" title="HTML5" src="/assets/images/html5-logo.svg"/>
|
|
</div>
|
|
</div>
|
|
<!-- featured projects-->
|
|
<!-- more information, footer -->
|
|
</div>
|
|
<footer>
|
|
<h3 class="white bold">À propos</h3>
|
|
<div class="flex-sb">
|
|
<p class="grey">
|
|
Véritable factotum du développement, j'aime mettre les mains dans le cambouis.<br/>Je gère ma propre infrastructure, qui ne cesse d'évoluer au fil des ans, qui héberge nombre de mes projets informatiques. J'aime aussi régler des problèmes avec du code, l'automatisation me fascine et le devops me passionne.<br/>Je suis aussi passionné de 👨💻, 📸, 🚄 et de 👨🔧.
|
|
</p>
|
|
<div class="flex-sb" id="additional-links">
|
|
<a class="button-style" href="mailto:contact@louis-vallat.xyz" target="_blank"><img src="/assets/images/send.svg" alt="Logo envoi"/>Me contacter</a>
|
|
<a class="button-style" href="/key.gpg"><img src="/assets/images/key.svg" alt="Logo de clef"/>Ma clef GPG</a>
|
|
<a class="button-style" href="https://gallery.louis-vallat.xyz" target="_blank"><img src="/assets/images/camera.svg" alt="Logo d'appareil photo"/>Gallerie photo</a>
|
|
<a class="button-style" href="https://blog.louis-vallat.xyz" target="_blank"><img src="/assets/images/article.svg" alt="Logo d'article"/>Blog</a>
|
|
</div>
|
|
</div>
|
|
<p id="inspiration" class="grey">
|
|
Design inspiré par <a href="https://louisgrasset.fr/" target="_blank" class="grey">ceci</a> et <a class="grey" href="https://dribbble.com/shots/6672981-Personal-Website-Idea-V2/attachments/6672981-Personal-Website-Idea-V2?mode=media" target="_blank">ceci</a>.
|
|
<p>
|
|
<p class="lightgrey" id="copyright">
|
|
Louis Vallat — 2021 — Made with ❤ and <a class="lightgrey" href="https://gitlab.com/lovallat/louis-vallat.xyz" target="_blank">Open Source</a>.
|
|
</p>
|
|
</footer>
|
|
</body>
|
|
</html>
|