nouvelle entrée et reformatage de la page index du blog

This commit is contained in:
ewen 2026-03-30 12:10:41 +02:00
parent 1f68780b12
commit 3c5850706d
4 changed files with 106 additions and 2 deletions

View file

@ -49,6 +49,12 @@
width: auto;
display: block;
}
.soustitre {
font-size:medium;
font-style: italic;
color: grey;
}
</style>
</head>
<body>
@ -62,8 +68,9 @@
<details>
<summary>mars 2026</summary>
<ul>
<li><a href="march2026/bonjour.html">bonjour</a></li>
<li><a href="march2026/multipotentiel.html">multipotentiel</a></li>
<li><a href="march2026/retransmettre.html">retransmettre</a><span class="soustitre"> 30 mars - 2026</span></li>
<li><a href="march2026/multipotentiel.html">multipotentiel</a><span class="soustitre"> 25 mars - 2026</span></li>
<li><a href="march2026/bonjour.html">bonjour</a><span class="soustitre"> 21 mars - 2026</span></li>
</ul>
</details>
</div>

View file

@ -47,6 +47,12 @@
.thanks {
width: 450px;
}
.soustitre {
font-size:medium;
font-style: italic;
color: grey;
}
</style>
</head>
<body>
@ -57,6 +63,7 @@
<div class="fenetre">
<div class="fenetre-contenu">
<h1>bonjour</h1>
<p class="soustitre">21 mars - 2026</p>
<p>bonjour, bienvenue, c'est la première entrée de mon blog. je suis particulièrement heureux d'avoir réouvert un blog, mon dernier remontais à 2023 (sur le même nom de domaine d'ailleurs !) et en vrai bah ça me manquais.</p>
<p>pour la petite histoire, je me suis rendu que je payais un nom de domaine (celui la) que j'utilisais plus quand j'ai vu passer un -15 balles sur mon compte en banque, enfait j'avais zappé que j'avais payé annuellement ce nom de domaine, ducoup bah... foutu pour foutu.. autant en faire quelque chose de cool hein !</p>
<p>ducoup je me suis dit que ce site tournerais autour de moi, mais c'est aussi une opportunité de travailler une image.</p>

View file

@ -47,6 +47,12 @@
.thanks {
width: 450px;
}
.soustitre {
font-size:medium;
font-style: italic;
color: grey;
}
</style>
</head>
<body>
@ -57,6 +63,7 @@
<div class="fenetre">
<div class="fenetre-contenu">
<h1>multipotentiel</h1>
<p class="soustitre">25 mars - 2026</p>
<p>quand j'ai commencé à apprendre la 3d avec blender (autour de janvier dernier), je me sentais pas mal submergé et enfait j'arrivais à rien faire, je voulais le faire mais mon cerveau entrait dans un état d'anxiété assez violent pour je ne sais quelle raison</p>
<p>et enfait cet évènement m'a poussé à réfléchir sur pourquoi je ressentais ça quand je faisais de l'art ou autre discipline créative, et je me suis rendu compte qu'avec du recul, ça m'arrivait avec presque toute nouvelle discipline que je touchais</p>
<p>le vrai problème c'est que j'ai envie d'apprendre à faire tellement de choses, j'ai envie de maitrîser beaucoup trops de notions différentes, je veux faire de la musique, du dessin, de la 3D, apprendre des instruments, la peinture, le hardware engineering, les maths etc etc etc..</p>

View file

@ -0,0 +1,83 @@
<!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">
<!-- 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: 500px;
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;
}
.thanks {
width: 450px;
}
.soustitre {
font-size:medium;
font-style: italic;
color: grey;
}
</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>retransmettre</h1>
<p class="soustitre">30 mars - 2026</p>
<p>quand j'écris ce texte, je suis en cours, ouai, en cours. j'écoute <i>Drinking Age</i> de Cameron Winter, et j'avais envie de parler d'un exercice qui me frustre, mais qui est indispensable.</p>
<p>j'y pense aussi mais, je devrais faire une sorte de section "dépêche" sur le site, comme ca je pourrais juste envoyer depuis mon tel une ou deux phrases et ca se formatte tout beau tout propre quelque part sur le site.</p>
<p>mais c'est pas le putain de sujet ?</p>
<p>je disais donc, l'exercice en question, c'est celui de retransmettre ce que je ressens en mots et en phrases.</p>
<p>vu que dernièrement, j'ai réussi à faire la section review du site et à finaliser ma première review (AZ) dont je suis très fier, bah enfait je me suis rendu compte en l'écrivant que c'est tellement compliqué de sortir ce qui nous fais vibrer en mots.</p>
<p>c'est malgré tout un exercice génial car il nous permets après dans la vie de tout les jours d'arriver à <i>pinpoint</i> plus facilement ce qui ne vas pas ou ce qui vas.</p>
<img class="thanks" src="/assets/draws/thxforreading.png" alt="merci d'avoir lu">
</div>
</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>