website/index.html
Louis Vallat af7207d0f5
Added a lot of content to this prototype
Signed-off-by: Louis Vallat <louis@louis-vallat.xyz>
2021-09-22 10:25:58 +02:00

84 lines
5.2 KiB
HTML

<!DOCTYPE html>
<!--
PAGE CODED BY :
__ _____ __ __ ______ ____ __ __ ______ __ __ ______ ______
/\ \ /\ __`\/\ \/\ \/\__ _\/\ _`\ /\ \/\ \/\ _ \/\ \ /\ \ /\ _ \/\__ _\
\ \ \ \ \ \/\ \ \ \ \ \/_/\ \/\ \,\L\_\ \ \ \ \ \ \ \L\ \ \ \ \ \ \ \ \ \L\ \/_/\ \/
\ \ \ __\ \ \ \ \ \ \ \ \ \ \ \ \/_\__ \ \ \ \ \ \ \ __ \ \ \ __\ \ \ __\ \ __ \ \ \ \
\ \ \L\ \\ \ \_\ \ \ \_\ \ \_\ \__/\ \L\ \ \ \ \_/ \ \ \/\ \ \ \L\ \\ \ \L\ \\ \ \/\ \ \ \ \
\ \____/ \ \_____\ \_____\/\_____\ `\____\ \ `\___/\ \_\ \_\ \____/ \ \____/ \ \_\ \_\ \ \_\
\/___/ \/_____/\/_____/\/_____/\/_____/ `\/__/ \/_/\/_/\/___/ \/___/ \/_/\/_/ \/_/
-->
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assets/css/reset.css">
<link rel="stylesheet" href="assets/css/main.css">
<title>Louis Vallat</title>
</head>
<body>
<div id="landing-zone">
<div id="presentation">
<div class="center-align-inline">
<img src="assets/images/square_pp.jpg" id="profile-picture">
<h2 class="white" id="name">Louis Vallat</h2>
<div class="center-align-inline">
<a href="https://gitlab.com/lovallat" target="_blank" title="Gitlab"><img src="/assets/images/gitlab-icon-rgb.svg" class="icons" alt="Gitlab RGB logo"/></a>
<a href="https://twitter.com/VallatLouis" target="_blank" title="Twitter"><img src="/assets/images/twitter-logo-blue.svg" class="icons" 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="icons" alt="LinkedIN small blue logo"/></a>
</div>
</div>
<h1 class="white" id="subtitle">Un étudiant développeur, passionné de technologies, quelles qu'elles soient.</h1>
<div class="center-align-inline" id="additional-information">
<img src="/assets/images/work.svg" alt="Logo travail valise"/><p>Étudiant ingénieur en informatique</p>
<img src="/assets/images/location.svg" alt="Logo localisation"/><p>Bordeaux &mdash; France</p>
</div>
<div id="call-to-action" class="center-align-inline">
<a href="mailto:contact@louis-vallat.xyz">Me contacter</a>
<a href="#about">En savoir plus</a>
</div>
</div>
</div>
<div id="about">
<div id="skills">
<h3>Compétences</h3>
<h5>Des technologies que j'utilise souvent</h5>
<div id="skills-logos">
<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>À propos</h3>
<div>
<p>
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>
<a href="mailto:contact@louis-vallat.xyz" target="_blank"><img src="/assets/images/send.svg" alt="Logo envoi"/>Me contacter</a>
<a href="/key.gpg"><img src="/assets/images/key.svg" alt="Logo de clef"/>Ma clef GPG</a>
<a href="https://gallery.louis-vallat.xyz" target="_blank"><img src="/assets/images/camera.svg" alt="Logo d'appareil photo"/>Gallerie photo</a>
<a 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">
Design inspiré par <a href="https://louisgrasset.fr/" target="_blank">ceci</a> et <a href="https://dribbble.com/shots/6672981-Personal-Website-Idea-V2/attachments/6672981-Personal-Website-Idea-V2?mode=media" target="_blank">ceci</a>.
<p>
<p id="copyright">
Louis Vallat &mdash; 2021 &mdash; Made with ❤ and <a href="https://gitlab.com/lovallat/louis-vallat.xyz" target="_blank">Open Source</a>.
</p>
</footer>
</body>
</html>