<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Monsieur Louis</title>

    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="page">
        <div>
            <h1>Louis Guidez</h1>
            <h2 id="subtitle" style="--n: 6">
                <span>
                    <span>Mechanical Engineer.</span>
                    <span>Private Pilot.</span>
                    <span>Geek.</span>
                    <span>Pianist.</span>
                    <span>Hiker.</span>
                    <span>Board-"gamer".</span>
                </span>
            </h2>
        </div>
        <img id="photo" alt="Photo of Louis Guidez" src="photo.png">
        <ul id="contact">
            <li title="Phone: +33 6 99 39 23 90"><a href="tel:+33699392390"><i>{% include "ionicons/call-outline.svg" %}</i></a></li>
            <li title="Email: louis@hostux.fr"><a href="mailto:louis@hostux.fr"><i>{% include "ionicons/mail-outline.svg" %}</i></a></li>
            <li title="LinkedIn"><a href="https://www.linkedin.com/in/louis-guidez-42a4a0170/"><i>{% include "ionicons/logo-linkedin.svg" %}</i></a></li>
            <li title="Instagram: @wingsofxiv"><a href="https://www.instagram.com/wingsofxiv/"><i>{% include "ionicons/logo-instagram.svg" %}</i></a></li>
            <li title="Git"><a href="https://git.hostux.fr/louis/"><i>{% include "ionicons/git-branch-outline.svg" %}</i></a></li>
        </ul>
    </div>
    {#
    <div class="page">
        Hey
    </div>
    #}
</body>
</html>