ewen/eweng.space
1
1
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

bio page + draw

Browse source
This commit is contained in:
ewen 2026-03-29 14:32:39 +02:00
parent facbd16429
commit 82e994cfd2
2 changed files with 92 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
assets/draws/rpg.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.5 MiB

92
qui.html Normal file
View file

@ -0,0 +1,92 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="site personnel d'Ewen">
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>☆</text></svg>">
<!-- Open Graph -->
<meta property="og:title" content="eweng.space">
<meta property="og:type" content="website">
<meta property="og:url" content="https://eweng.space">
<title>eweng.space</title>
<!-- Font depuis Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=IM+Fell+English&display=swap" rel="stylesheet">
<style>
body {
font-family: 'IM Fell English', serif;
font-size: 20px;
}
.fenetre {
max-width: 900px;
border: 1px solid black;
padding: 0.3rem 1.5rem 0 1.5rem;
padding-bottom: 0;
margin-top: 0px;
position: relative;
display: grid;
grid-template-columns: 1fr auto;
align-items: start;
gap: 1rem;
overflow-wrap: break-word;
}
.fenetre-nom {
margin-bottom: 1px;
margin-left: 2px;
}
.fenetre-contenu {
padding: 0 1rem 1.5rem 1rem;
min-width: 0;
}
.fenetre img.perso {
height: 400px;
width: auto;
display: block;
}
</style>
</head>
<body>
<div>
<a href="../../index.html">←</a>
<span class="fenetre-nom">eweng.space &#9734;</span>
</div>
<div class="fenetre">
<div class="fenetre-contenu">
<h1>qui suis-je</h1>
<p>salut! si vous êtes sur ce site, c'est soit que vous me connaissez et que par la force des choses vous êtes tombés sur ce site à cause de moi et de mon larping, soit que vous êtes un complet inconnu et que vous ne me connaissez pas et inversement.</p>
<p>dans tout les cas, je vous souhaite la bienvenue, et je voulais me présenter un peu, parceque on est sur un blog et que c'est important de définir un contexte!</p>
<p>je m'appelle Ewen, j'ai actuellement 20 ans (bientôt 21, le 12 mai) et j'essaie de vivre ma vie et de pas trop penser aux choses négatives qui s'y passe, ce blog fais partie de cette démarche active.</p>
<p>au moment où j'écris ça, je suis en bts sio (sisr) et je kiffe assez bien ce que je fais, je compte très sûrement devenir adminsys dans le futur!</p>
<h2>ce que j'aime dans la vie : </h2>
<ul>
<li>la musique</li>
<li>le dessin</li>
<li>les visual novels</li>
<li>les jeux vidéos (ils font de moins en moins partie de ma vie mais ils sont là dans mon coeur)</li>
<li>undertale/deltarune</li>
<li>l'informatique (au sens large du terme, oui c'est flou)</li>
<li>le logiciel libre</li>
<li>le café</li>
<li>Lou</li>
<li>mes chats</li>
<li>mon appartement</li>
<li>mes vinyles</li>
</ul>
</div>
<img src="assets/draws/rpg.png" class="perso" alt="">
</div>
<script>
const el = document.querySelector('.fenetre-nom');
el.innerHTML = el.textContent.split('').map(c =>
c === ' ' ? ' ' : `<span style="display:inline-block;transform:translateY(${Math.floor(Math.random()*8)-4}px)">${c}</span>`
).join('');
</script>
</body>
</html>