diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 110 |
1 files changed, 106 insertions, 4 deletions
@@ -1,5 +1,107 @@ -Matthieu Pignolet awesome website. +<!DOCTYPE html> +<html lang="en"> -<a href="mailto:matthieu@puffer.fish">PufferFish e-mail</a><br/> -<a rel="me" href="https://mastodon.puffer.fish/@matthieu">Mastodon</a><br/> -<a href="gpg.asc">GPG Key</a> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Matthieu Pignolet @ puffer.fish</title> + + <link rel="stylesheet" href="98.css"> + <style> + .surface { + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + width: 100vw; + } + .window { + width: 50%; + } + .bottom { + width: 100%; + margin-top: auto; + } + .window-body { + height: 100%; + display: flex; + flex-direction: column; + + word-wrap: break-word; + } + a { + text-decoration: none; + } + </style> +</head> + +<body class="surface"> + + <div class="window"> + <div class="title-bar"> + <div class="title-bar-text">Matthieu Pignolet</div> + <div class="title-bar-controls"> + <button aria-label="Minimize"></button> + <button aria-label="Maximize"></button> + <button aria-label="Close"></button> + </div> + </div> + <div class="window-body"> + <p>Welcome ! I'm Matthieu Pignolet</p> + <p> + Currently studying networking & programming, I inspire to excell in my various projects. + I'm currently the network & system administrator for Pufferfish. + </p> + <p> + I really enjoy opensource software such as Linux, OpenLDAP, MIT Kerberos, Proxmox and many other, + I also enjoy solutions that are scale able, such as containers, Kubernetes and other cloud technologies + </p> + <p> + I daily run Linux (Fedora 42 at this time) on a Lenovo ThinkPad P15 Gen 2i + </p> + <p> + Feel free to follow me on other foss platforms listed below. + </p> + + <div class="bottom"> + + <a href="mailto:matthieu@puffer.fish"> + <button> + PufferFish email + </button> + </a> + + + <a rel="me" href="https://mastodon.puffer.fish/@matthieu"> + <button> + Mastodon + </button> + </a> + <a rel="me" href="https://forgejo.puffer.fish/matthieu"> + <button> + Forgejo + </button> + </a> + + <a rel="me" href="https://github.com/MatthieuCoder"> + <button> + GitHub + </button> + </a> + <a href="gpg.asc"> + <button> + GPG Key + </button> + </a> + + <a href="LICENSES"> + <button> + View website licenses + </button> + </a> + </div> + </div> + +</body> + +</html>
\ No newline at end of file |