Utilisateur:Sable - Historique des versions

Sablebleble : /* Early life */

2026-02-15T17:36:11Z

Early life

← Version précédente		Version du 15 février 2026 à 17:36
Ligne 47 :		Ligne 47 :
	Quatre mois plus tard j'ai rendu ce projet, un petit outils qui permettait de transformer des articles wikipédias en éditions imprimables. C'était mal foutu, totalement bugué, pas très beau, mais ça faisait le taff ! (captures d'écran à venir). <span style="color:red">Edit 1 an plus tard : ça ne viendra jamais, j'ai perdu les fichiers je crois</span>		Quatre mois plus tard j'ai rendu ce projet, un petit outils qui permettait de transformer des articles wikipédias en éditions imprimables. C'était mal foutu, totalement bugué, pas très beau, mais ça faisait le taff ! (captures d'écran à venir). <span style="color:red">Edit 1 an plus tard : ça ne viendra jamais, j'ai perdu les fichiers je crois</span>
	<br>		<br>
	Je n'ai pas arrêté de coder depuis. <span style="color:red">Edit ~~1 an~~ plus tard : Vrai</span>		Je n'ai pas arrêté de coder depuis. <span style="color:red">Edit 2 ans plus tard : Vrai</span>
	<br>		<br>
	Me voici, maintenant un an après ce rendu, toujours en train d'éditer du [[Syntaxe wiki \| Wikitexte]] (language de balisage utilisé sur les pages de MediaWiki, le moteur de wiki de Wikipédia) et des lignes de [[css]]...		Me voici, maintenant un an après ce rendu, toujours en train d'éditer du [[Syntaxe wiki \| Wikitexte]] (language de balisage utilisé sur les pages de MediaWiki, le moteur de wiki de Wikipédia) et des lignes de [[css]]...
Ligne 64 :		Ligne 64 :

	<div style="margin-top:50px; transform:translateY(10%)translateX(50%)skew(5deg, 5deg);width: 40vw; font-family: 'Times New Roman','Garamond','Garamont', Garamond, Garamont, Times, serif; background:#f8f8f8; color:#222; padding:20px; padding-top:10px;font-size:120%; box-shadow: black 0px 0px 0px 2px inset, rgb(248,248,248) 10px -10px 0px -3px, rgb(0,0,0) 10px -10px,rgb(248,248,248) 20px -20px 0px -3px, rgb(0,0,0) 20px -20px, rgb(248,248,248) 30px -30px 0px -3px, rgb(0,0,0) 30px -30px, rgb(248,248,248) 40px -40px 0px -3px, rgb(0,0,0) 40px -40px, rgb(0, 0, 255) 40px -40px 150px 75px,inset 0px 0px 30px 5px black;">		<div style="margin-top:50px; transform:translateY(10%)translateX(50%)skew(5deg, 5deg);width: 40vw; font-family: 'Times New Roman','Garamond','Garamont', Garamond, Garamont, Times, serif; background:#f8f8f8; color:#222; padding:20px; padding-top:10px;font-size:120%; box-shadow: black 0px 0px 0px 2px inset, rgb(248,248,248) 10px -10px 0px -3px, rgb(0,0,0) 10px -10px,rgb(248,248,248) 20px -20px 0px -3px, rgb(0,0,0) 20px -20px, rgb(248,248,248) 30px -30px 0px -3px, rgb(0,0,0) 30px -30px, rgb(248,248,248) 40px -40px 0px -3px, rgb(0,0,0) 40px -40px, rgb(0, 0, 255) 40px -40px 150px 75px,inset 0px 0px 30px 5px black;">

	== Projets de l'ERG ==		== Projets de l'ERG ==
	Un peu le premier exercice, et mon premier site entièrement à moi où je peux y mettre un peu ce que je veux, des expérimentations en tout genre, des choses qui parlent de moi.... <br>		Un peu le premier exercice, et mon premier site entièrement à moi où je peux y mettre un peu ce que je veux, des expérimentations en tout genre, des choses qui parlent de moi.... <br>

Sablebleble le 15 février 2026 à 16:55

2026-02-15T16:55:56Z

← Version précédente		Version du 15 février 2026 à 16:55
Ligne 38 :		Ligne 38 :
	<br>		<br>

	<div align="center">[https://designnumerique.be/w/index.php?title=Utilisateur:Sable&action=edit Modifier la page]</div>		<div align="center" style="border:2px red dotted;padding:2px;width:fit-content"><i>[https://designnumerique.be/w/index.php?title=Utilisateur:Sable&action=edit Modifier la page]</i></div>

Sablebleble le 15 février 2026 à 16:52

2026-02-15T16:52:25Z

← Version précédente		Version du 15 février 2026 à 16:52
Ligne 4 :		Ligne 4 :
	</div>		</div>
	<div style="position:absolute;top:600px;right:150px;width:fit-content;height:min-content;border:red 6px dashed;padding:5px;background:white">J'ai restructuré entièrement ma page pcq c'était un bordel sans nom à maintenir</div>		<div style="position:absolute;top:600px;right:150px;width:fit-content;height:min-content;border:red 6px dashed;padding:5px;background:white">J'ai restructuré entièrement ma page pcq c'était un bordel sans nom à maintenir</div>
	~~<div align="center">[https://designnumerique.be/w/index.php?title=Utilisateur:Sable&action=edit Modifier la page]</div>~~
	<div style="margin-top:25px; transform:skew(0deg, 5deg);width: auto; font-family:sans; background:blue; color:#fff; padding:20px; padding-top:10px;font-size:120%; box-shadow: white 0px 0px 0px 2px inset, blue 10px -10px 0px -3px, white 10px -10px,blue 20px -20px 0px -3px,white 20px -20px, blue 30px -30px 0px -3px, white 30px -30px, blue 40px -40px 0px -3px, white 40px -40px, Fuchsia 40px -40px 50px 0px, inset 0px 0px 30px 5px black; position:absolute; top:50px;right:200px;">		<div style="margin-top:25px; transform:skew(0deg, 5deg);width: auto; font-family:sans; background:blue; color:#fff; padding:20px; padding-top:10px;font-size:120%; box-shadow: white 0px 0px 0px 2px inset, blue 10px -10px 0px -3px, white 10px -10px,blue 20px -20px 0px -3px,white 20px -20px, blue 30px -30px 0px -3px, white 30px -30px, blue 40px -40px 0px -3px, white 40px -40px, Fuchsia 40px -40px 50px 0px, inset 0px 0px 30px 5px black; position:absolute; top:50px;right:200px;">
	Parmis les choses que j'aime fort :		Parmis les choses que j'aime fort :
Ligne 37 :		Ligne 37 :
	Je suis actuellement en B3, c'est ma deuxième année à l'ERG.<br>		Je suis actuellement en B3, c'est ma deuxième année à l'ERG.<br>
	<br>		<br>

			<div align="center">[https://designnumerique.be/w/index.php?title=Utilisateur:Sable&action=edit Modifier la page]</div>


	== Early life ==		== Early life ==
	Cela fait maintenant à peine plus d'un an que j'ai pour la première fois de ma vie écrit ma première ligne de code. C'est quelque chose qui me faisait très très peur et que j'avais toujours vraiment appréhendé. En école de graphisme, là où j'étudiais avant, on nous montrait ça comme une bizarrerie, un petit jouet un peu chelou et ésotérique. Une prof s'était mis en tête de nous apprendre un peu à en faire, mais ne sachant pas coder elle-même, l'apprentissage fut un peu compliqué.<br>		Cela fait maintenant à peine plus d'un an que j'ai pour la première fois de ma vie écrit ma première ligne de code. C'est quelque chose qui me faisait très très peur et que j'avais toujours vraiment appréhendé. En école de graphisme, là où j'étudiais avant, on nous montrait ça comme une bizarrerie, un petit jouet un peu chelou et ésotérique. Une prof s'était mis en tête de nous apprendre un peu à en faire, mais ne sachant pas coder elle-même, l'apprentissage fut un peu compliqué.<br>

Sablebleble le 15 février 2026 à 16:51

2026-02-15T16:51:46Z

← Version précédente		Version du 15 février 2026 à 16:51
Ligne 4 :		Ligne 4 :
	</div>		</div>
	<div style="position:absolute;top:600px;right:150px;width:fit-content;height:min-content;border:red 6px dashed;padding:5px;background:white">J'ai restructuré entièrement ma page pcq c'était un bordel sans nom à maintenir</div>		<div style="position:absolute;top:600px;right:150px;width:fit-content;height:min-content;border:red 6px dashed;padding:5px;background:white">J'ai restructuré entièrement ma page pcq c'était un bordel sans nom à maintenir</div>
	[https://designnumerique.be/w/index.php?title=Utilisateur:Sable&action=edit Modifier la page]		<div align="center">[https://designnumerique.be/w/index.php?title=Utilisateur:Sable&action=edit Modifier la page]</div>
	<div style="margin-top:25px; transform:skew(0deg, 5deg);width: auto; font-family:sans; background:blue; color:#fff; padding:20px; padding-top:10px;font-size:120%; box-shadow: white 0px 0px 0px 2px inset, blue 10px -10px 0px -3px, white 10px -10px,blue 20px -20px 0px -3px,white 20px -20px, blue 30px -30px 0px -3px, white 30px -30px, blue 40px -40px 0px -3px, white 40px -40px, Fuchsia 40px -40px 50px 0px, inset 0px 0px 30px 5px black; position:absolute; top:50px;right:200px;">		<div style="margin-top:25px; transform:skew(0deg, 5deg);width: auto; font-family:sans; background:blue; color:#fff; padding:20px; padding-top:10px;font-size:120%; box-shadow: white 0px 0px 0px 2px inset, blue 10px -10px 0px -3px, white 10px -10px,blue 20px -20px 0px -3px,white 20px -20px, blue 30px -30px 0px -3px, white 30px -30px, blue 40px -40px 0px -3px, white 40px -40px, Fuchsia 40px -40px 50px 0px, inset 0px 0px 30px 5px black; position:absolute; top:50px;right:200px;">
	Parmis les choses que j'aime fort :		Parmis les choses que j'aime fort :

Sablebleble le 15 février 2026 à 16:51

2026-02-15T16:51:03Z

← Version précédente		Version du 15 février 2026 à 16:51
Ligne 1 :		Ligne 1 :

	<div style="position:fixed; top:-200px;left:-200px; color:whitesmoke; display:grid;gap:50px;grid-template-columns:repeat(13, 1fr)">		<div style="position:fixed; top:-200px;left:-200px; color:whitesmoke; display:grid;gap:50px;grid-template-columns:repeat(13, 1fr)">
	<div style="z-index:-99;transform:rotate(3deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(6deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(9deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(12deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(15deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(18deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(21deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(24deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(27deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(30deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(33deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(36deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(39deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(42deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(45deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div>		<div style="z-index:-999;transform:rotate(3deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(6deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(9deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(12deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(15deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(18deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(21deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(24deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(27deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(30deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(33deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(36deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(39deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(42deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(45deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div>
	</div>		</div>
	<div style="position:absolute;top:600px;right:150px;width:fit-content;height:min-content;border:red 6px dashed;padding:5px;background:white">J'ai restructuré entièrement ma page pcq c'était un bordel sans nom à maintenir</div>		<div style="position:absolute;top:600px;right:150px;width:fit-content;height:min-content;border:red 6px dashed;padding:5px;background:white">J'ai restructuré entièrement ma page pcq c'était un bordel sans nom à maintenir</div>
			[https://designnumerique.be/w/index.php?title=Utilisateur:Sable&action=edit Modifier la page]
	<div style="margin-top:25px; transform:skew(0deg, 5deg);width: auto; font-family:sans; background:blue; color:#fff; padding:20px; padding-top:10px;font-size:120%; box-shadow: white 0px 0px 0px 2px inset, blue 10px -10px 0px -3px, white 10px -10px,blue 20px -20px 0px -3px,white 20px -20px, blue 30px -30px 0px -3px, white 30px -30px, blue 40px -40px 0px -3px, white 40px -40px, Fuchsia 40px -40px 50px 0px, inset 0px 0px 30px 5px black; position:absolute; top:50px;right:200px;">		<div style="margin-top:25px; transform:skew(0deg, 5deg);width: auto; font-family:sans; background:blue; color:#fff; padding:20px; padding-top:10px;font-size:120%; box-shadow: white 0px 0px 0px 2px inset, blue 10px -10px 0px -3px, white 10px -10px,blue 20px -20px 0px -3px,white 20px -20px, blue 30px -30px 0px -3px, white 30px -30px, blue 40px -40px 0px -3px, white 40px -40px, Fuchsia 40px -40px 50px 0px, inset 0px 0px 30px 5px black; position:absolute; top:50px;right:200px;">
	Parmis les choses que j'aime fort :		Parmis les choses que j'aime fort :

Sablebleble le 15 février 2026 à 16:49

2026-02-15T16:49:30Z

← Version précédente		Version du 15 février 2026 à 16:49
Ligne 3 :		Ligne 3 :
	<div style="z-index:-99;transform:rotate(3deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(6deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(9deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(12deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(15deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(18deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(21deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(24deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(27deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(30deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(33deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(36deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(39deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(42deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(45deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div>		<div style="z-index:-99;transform:rotate(3deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(6deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(9deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(12deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(15deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(18deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(21deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(24deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(27deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(30deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(33deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(36deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(39deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(42deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(45deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div>
	</div>		</div>
	<div style="position:absolute;top:~~300px~~;right:150px;width:fit-content;height:min-content;border:red 6px dashed;padding:5px;background:white">J'ai restructuré entièrement ma page pcq c'était un bordel sans nom à maintenir</div>		<div style="position:absolute;top:600px;right:150px;width:fit-content;height:min-content;border:red 6px dashed;padding:5px;background:white">J'ai restructuré entièrement ma page pcq c'était un bordel sans nom à maintenir</div>

	<div style="margin-top:25px; transform:skew(0deg, 5deg);width: auto; font-family:sans; background:blue; color:#fff; padding:20px; padding-top:10px;font-size:120%; box-shadow: white 0px 0px 0px 2px inset, blue 10px -10px 0px -3px, white 10px -10px,blue 20px -20px 0px -3px,white 20px -20px, blue 30px -30px 0px -3px, white 30px -30px, blue 40px -40px 0px -3px, white 40px -40px, Fuchsia 40px -40px 50px 0px, inset 0px 0px 30px 5px black; position:absolute; top:50px;right:200px;">		<div style="margin-top:25px; transform:skew(0deg, 5deg);width: auto; font-family:sans; background:blue; color:#fff; padding:20px; padding-top:10px;font-size:120%; box-shadow: white 0px 0px 0px 2px inset, blue 10px -10px 0px -3px, white 10px -10px,blue 20px -20px 0px -3px,white 20px -20px, blue 30px -30px 0px -3px, white 30px -30px, blue 40px -40px 0px -3px, white 40px -40px, Fuchsia 40px -40px 50px 0px, inset 0px 0px 30px 5px black; position:absolute; top:50px;right:200px;">
Ligne 26 :		Ligne 26 :
	</div>		</div>

	<div style="transform:skewY(-10deg)translateY(20%);width: fit-content; font-family: 'Times New Roman','Garamond','Garamont', Garamond, Garamont, Times, serif; background:#f8f8f8; color:#222;font-size:120%; box-shadow: black 0px 0px 0px 2px inset, rgb(248,248,248) -10px -10px 0px -3px, rgb(0,0,0) -10px -10px,rgb(248,248,248) -20px -20px 0px -3px, rgb(0,0,0) -20px -20px, rgb(248,248,248) -30px -30px 0px -3px, rgb(0,0,0) -30px -30px, rgb(248,248,248) -40px -40px 0px -3px, rgb(0,0,0) -40px -40px, #DFFF00 -40px -40px 150px 75px; border:3px solid black; position:absolute~~;z-index:999~~;">		<div style="transform:skewY(-10deg)translateY(30%)translateX(30%);width: fit-content; font-family: 'Times New Roman','Garamond','Garamont', Garamond, Garamont, Times, serif; background:#f8f8f8; color:#222;font-size:120%; box-shadow: black 0px 0px 0px 2px inset, rgb(248,248,248) -10px -10px 0px -3px, rgb(0,0,0) -10px -10px,rgb(248,248,248) -20px -20px 0px -3px, rgb(0,0,0) -20px -20px, rgb(248,248,248) -30px -30px 0px -3px, rgb(0,0,0) -30px -30px, rgb(248,248,248) -40px -40px 0px -3px, rgb(0,0,0) -40px -40px, #DFFF00 -40px -40px 150px 75px; border:3px solid black; position:absolute;">
	__TOC__		__TOC__
	</div>		</div>

Sablebleble le 15 février 2026 à 16:48

2026-02-15T16:48:21Z

← Version précédente		Version du 15 février 2026 à 16:48
Ligne 26 :		Ligne 26 :
	</div>		</div>

	<div style="transform:skewY(-10deg)translateY~~(25%)translateX~~(20%);width: fit-content; font-family: 'Times New Roman','Garamond','Garamont', Garamond, Garamont, Times, serif; background:#f8f8f8; color:#222;font-size:120%; box-shadow: black 0px 0px 0px 2px inset, rgb(248,248,248) -10px -10px 0px -3px, rgb(0,0,0) -10px -10px,rgb(248,248,248) -20px -20px 0px -3px, rgb(0,0,0) -20px -20px, rgb(248,248,248) -30px -30px 0px -3px, rgb(0,0,0) -30px -30px, rgb(248,248,248) -40px -40px 0px -3px, rgb(0,0,0) -40px -40px, #DFFF00 -40px -40px 150px 75px; border:3px solid black; position:absolute;">		<div style="transform:skewY(-10deg)translateY(20%);width: fit-content; font-family: 'Times New Roman','Garamond','Garamont', Garamond, Garamont, Times, serif; background:#f8f8f8; color:#222;font-size:120%; box-shadow: black 0px 0px 0px 2px inset, rgb(248,248,248) -10px -10px 0px -3px, rgb(0,0,0) -10px -10px,rgb(248,248,248) -20px -20px 0px -3px, rgb(0,0,0) -20px -20px, rgb(248,248,248) -30px -30px 0px -3px, rgb(0,0,0) -30px -30px, rgb(248,248,248) -40px -40px 0px -3px, rgb(0,0,0) -40px -40px, #DFFF00 -40px -40px 150px 75px; border:3px solid black; position:absolute;z-index:999;">
	__TOC__		__TOC__
	</div>		</div>

Sablebleble le 15 février 2026 à 16:47

2026-02-15T16:47:49Z

← Version précédente		Version du 15 février 2026 à 16:47
Ligne 3 :		Ligne 3 :
	<div style="z-index:-99;transform:rotate(3deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(6deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(9deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(12deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(15deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(18deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(21deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(24deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(27deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(30deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(33deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(36deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(39deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(42deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(45deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div>		<div style="z-index:-99;transform:rotate(3deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(6deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(9deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(12deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(15deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(18deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(21deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(24deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(27deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(30deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(33deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(36deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(39deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(42deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(45deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div>
	</div>		</div>
	<div style="position:absolute;top:~~600px~~;right:150px;width:fit-content;height:min-content;border:red 6px dashed;padding:5px;background:white">J'ai restructuré entièrement ma page pcq c'était un bordel sans nom à maintenir</div>		<div style="position:absolute;top:300px;right:150px;width:fit-content;height:min-content;border:red 6px dashed;padding:5px;background:white">J'ai restructuré entièrement ma page pcq c'était un bordel sans nom à maintenir</div>

	<div style="margin-top:25px; transform:skew(0deg, 5deg);width: auto; font-family:sans; background:blue; color:#fff; padding:20px; padding-top:10px;font-size:120%; box-shadow: white 0px 0px 0px 2px inset, blue 10px -10px 0px -3px, white 10px -10px,blue 20px -20px 0px -3px,white 20px -20px, blue 30px -30px 0px -3px, white 30px -30px, blue 40px -40px 0px -3px, white 40px -40px, Fuchsia 40px -40px 50px 0px, inset 0px 0px 30px 5px black; position:absolute; top:50px;right:200px;">		<div style="margin-top:25px; transform:skew(0deg, 5deg);width: auto; font-family:sans; background:blue; color:#fff; padding:20px; padding-top:10px;font-size:120%; box-shadow: white 0px 0px 0px 2px inset, blue 10px -10px 0px -3px, white 10px -10px,blue 20px -20px 0px -3px,white 20px -20px, blue 30px -30px 0px -3px, white 30px -30px, blue 40px -40px 0px -3px, white 40px -40px, Fuchsia 40px -40px 50px 0px, inset 0px 0px 30px 5px black; position:absolute; top:50px;right:200px;">
Ligne 26 :		Ligne 26 :
	</div>		</div>

	<div style="transform:skewY(-10deg)translateY(20%);width: fit-content; font-family: 'Times New Roman','Garamond','Garamont', Garamond, Garamont, Times, serif; background:#f8f8f8; color:#222;font-size:120%; box-shadow: black 0px 0px 0px 2px inset, rgb(248,248,248) -10px -10px 0px -3px, rgb(0,0,0) -10px -10px,rgb(248,248,248) -20px -20px 0px -3px, rgb(0,0,0) -20px -20px, rgb(248,248,248) -30px -30px 0px -3px, rgb(0,0,0) -30px -30px, rgb(248,248,248) -40px -40px 0px -3px, rgb(0,0,0) -40px -40px, #DFFF00 -40px -40px 150px 75px; border:3px solid black; position:absolute;">		<div style="transform:skewY(-10deg)translateY(25%)translateX(20%);width: fit-content; font-family: 'Times New Roman','Garamond','Garamont', Garamond, Garamont, Times, serif; background:#f8f8f8; color:#222;font-size:120%; box-shadow: black 0px 0px 0px 2px inset, rgb(248,248,248) -10px -10px 0px -3px, rgb(0,0,0) -10px -10px,rgb(248,248,248) -20px -20px 0px -3px, rgb(0,0,0) -20px -20px, rgb(248,248,248) -30px -30px 0px -3px, rgb(0,0,0) -30px -30px, rgb(248,248,248) -40px -40px 0px -3px, rgb(0,0,0) -40px -40px, #DFFF00 -40px -40px 150px 75px; border:3px solid black; position:absolute;">
	__TOC__		__TOC__
	</div>		</div>

Sablebleble le 15 février 2026 à 16:47

2026-02-15T16:47:09Z

← Version précédente		Version du 15 février 2026 à 16:47
Ligne 3 :		Ligne 3 :
	<div style="z-index:-99;transform:rotate(3deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(6deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(9deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(12deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(15deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(18deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(21deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(24deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(27deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(30deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(33deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(36deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(39deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(42deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(45deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div>		<div style="z-index:-99;transform:rotate(3deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(6deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(9deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(12deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(15deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(18deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(21deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(24deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(27deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(30deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(33deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(36deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(39deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(42deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(45deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div>
	</div>		</div>
	<div style="position:absolute;top:~~300px~~;right:150px;width:fit-content;height:min-content;border:red 6px dashed;padding:5px;background:white">J'ai restructuré entièrement ma page pcq c'était un bordel sans nom à maintenir</div>		<div style="position:absolute;top:600px;right:150px;width:fit-content;height:min-content;border:red 6px dashed;padding:5px;background:white">J'ai restructuré entièrement ma page pcq c'était un bordel sans nom à maintenir</div>

	<div style="margin-top:25px; transform:skew(0deg, 5deg);width: auto; font-family:sans; background:blue; color:#fff; padding:20px; padding-top:10px;font-size:120%; box-shadow: white 0px 0px 0px 2px inset, blue 10px -10px 0px -3px, white 10px -10px,blue 20px -20px 0px -3px,white 20px -20px, blue 30px -30px 0px -3px, white 30px -30px, blue 40px -40px 0px -3px, white 40px -40px, Fuchsia 40px -40px 50px 0px, inset 0px 0px 30px 5px black; position:absolute; top:50px;right:200px;">		<div style="margin-top:25px; transform:skew(0deg, 5deg);width: auto; font-family:sans; background:blue; color:#fff; padding:20px; padding-top:10px;font-size:120%; box-shadow: white 0px 0px 0px 2px inset, blue 10px -10px 0px -3px, white 10px -10px,blue 20px -20px 0px -3px,white 20px -20px, blue 30px -30px 0px -3px, white 30px -30px, blue 40px -40px 0px -3px, white 40px -40px, Fuchsia 40px -40px 50px 0px, inset 0px 0px 30px 5px black; position:absolute; top:50px;right:200px;">

Sablebleble le 15 février 2026 à 16:46

2026-02-15T16:46:20Z

← Version précédente		Version du 15 février 2026 à 16:46
Ligne 3 :		Ligne 3 :
	<div style="z-index:-99;transform:rotate(3deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(6deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(9deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(12deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(15deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(18deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(21deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(24deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(27deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(30deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(33deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(36deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(39deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(42deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(45deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div>		<div style="z-index:-99;transform:rotate(3deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(6deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(9deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(12deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(15deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(18deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(21deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(24deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(27deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(30deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(33deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(36deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(39deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(42deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div><div style="transform:rotate(45deg);clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,00);height:200vh; width:100px; box-shadow: white 10px 10px 50px 5px, #ffa 30px 30px 50px 10px;"></div>
	</div>		</div>
			<div style="position:absolute;top:300px;right:150px;width:fit-content;height:min-content;border:red 6px dashed;padding:5px;background:white">J'ai restructuré entièrement ma page pcq c'était un bordel sans nom à maintenir</div>

	<div style="margin-top:25px; transform:skew(0deg, 5deg);width: auto; font-family:sans; background:blue; color:#fff; padding:20px; padding-top:10px;font-size:120%; box-shadow: white 0px 0px 0px 2px inset, blue 10px -10px 0px -3px, white 10px -10px,blue 20px -20px 0px -3px,white 20px -20px, blue 30px -30px 0px -3px, white 30px -30px, blue 40px -40px 0px -3px, white 40px -40px, Fuchsia 40px -40px 50px 0px, inset 0px 0px 30px 5px black; position:absolute; top:50px;right:200px;">		<div style="margin-top:25px; transform:skew(0deg, 5deg);width: auto; font-family:sans; background:blue; color:#fff; padding:20px; padding-top:10px;font-size:120%; box-shadow: white 0px 0px 0px 2px inset, blue 10px -10px 0px -3px, white 10px -10px,blue 20px -20px 0px -3px,white 20px -20px, blue 30px -30px 0px -3px, white 30px -30px, blue 40px -40px 0px -3px, white 40px -40px, Fuchsia 40px -40px 50px 0px, inset 0px 0px 30px 5px black; position:absolute; top:50px;right:200px;">
Ligne 25 :		Ligne 26 :
	</div>		</div>

	<div style="transform:skewY(-10deg)translateY(10%);width: fit-content; font-family: 'Times New Roman','Garamond','Garamont', Garamond, Garamont, Times, serif; background:#f8f8f8; color:#222;font-size:120%; box-shadow: black 0px 0px 0px 2px inset, rgb(248,248,248) -10px -10px 0px -3px, rgb(0,0,0) -10px -10px,rgb(248,248,248) -20px -20px 0px -3px, rgb(0,0,0) -20px -20px, rgb(248,248,248) -30px -30px 0px -3px, rgb(0,0,0) -30px -30px, rgb(248,248,248) -40px -40px 0px -3px, rgb(0,0,0) -40px -40px, #DFFF00 -40px -40px 150px 75px; border:3px solid black; position:absolute;">		<div style="transform:skewY(-10deg)translateY(20%);width: fit-content; font-family: 'Times New Roman','Garamond','Garamont', Garamond, Garamont, Times, serif; background:#f8f8f8; color:#222;font-size:120%; box-shadow: black 0px 0px 0px 2px inset, rgb(248,248,248) -10px -10px 0px -3px, rgb(0,0,0) -10px -10px,rgb(248,248,248) -20px -20px 0px -3px, rgb(0,0,0) -20px -20px, rgb(248,248,248) -30px -30px 0px -3px, rgb(0,0,0) -30px -30px, rgb(248,248,248) -40px -40px 0px -3px, rgb(0,0,0) -40px -40px, #DFFF00 -40px -40px 150px 75px; border:3px solid black; position:absolute;">
	__TOC__		__TOC__
	</div>		</div>
Ligne 40 :		Ligne 41 :
	C'est un peu plus tard lors d'un workshop de développement web, auxquel je suis allé à reculons, que j'ai vraiment pris conscience de ce que ça recouvrait, et des possibilités créatives qu'un tel outils pouvait offrir. Je me suis un peu lancée dans la gueule du loup, j'ai lâché toutes les recherches que j'avais réalisé pour mon projet de diplôme, et j'ai commencé à coder, sans avoir aucune idée de ce que je faisais, aucune connaissance des bonnes pratiques, aucun truc et astuce.		C'est un peu plus tard lors d'un workshop de développement web, auxquel je suis allé à reculons, que j'ai vraiment pris conscience de ce que ça recouvrait, et des possibilités créatives qu'un tel outils pouvait offrir. Je me suis un peu lancée dans la gueule du loup, j'ai lâché toutes les recherches que j'avais réalisé pour mon projet de diplôme, et j'ai commencé à coder, sans avoir aucune idée de ce que je faisais, aucune connaissance des bonnes pratiques, aucun truc et astuce.
	<br>		<br>
	Quatre mois plus tard j'ai rendu ce projet, un petit outils qui permettait de transformer des articles wikipédias en éditions imprimables. C'était mal foutu, totalement bugué, pas très beau, mais ça faisait le taff ! (captures d'écran à venir)		Quatre mois plus tard j'ai rendu ce projet, un petit outils qui permettait de transformer des articles wikipédias en éditions imprimables. C'était mal foutu, totalement bugué, pas très beau, mais ça faisait le taff ! (captures d'écran à venir). <span style="color:red">Edit 1 an plus tard : ça ne viendra jamais, j'ai perdu les fichiers je crois</span>
	<br>		<br>
	Je n'ai pas arrêté de coder depuis		Je n'ai pas arrêté de coder depuis. <span style="color:red">Edit 1 an plus tard : Vrai</span>
	<br>		<br>
	Me voici, maintenant un an après ce rendu, toujours en train d'éditer du [[Syntaxe wiki \| Wikitexte]] (language de balisage utilisé sur les pages de MediaWiki, le moteur de wiki de Wikipédia) et des lignes de [[css]]...		Me voici, maintenant un an après ce rendu, toujours en train d'éditer du [[Syntaxe wiki \| Wikitexte]] (language de balisage utilisé sur les pages de MediaWiki, le moteur de wiki de Wikipédia) et des lignes de [[css]]...
Ligne 51 :		Ligne 52 :

	<br>		<br>
	<div align="center">J'aime ~~particulièrement~~ créer des interfaces et des petits trucs rigolos qui bougent un peu.</div>		<div align="center">J'aime bien créer des interfaces et des petits trucs rigolos qui bougent un peu. J'aime aussi la décroissance numérique, faire avec le minimum possible, essayer de faire le maximum avec du css et du html vanilla, sans caser de javascript, et - j'ose sortir ces mots de ma bouche - des librairies et des frameworks.........

			Cela tient aussi bien pour les sites, l'interface, tout le fichier statique, que l'infrastructure derrière, le serveur sur lequel c'est hébergé, etc.</div>
	</div>		</div>

	<div style="position:absolute;">		<div style="position:absolute;">

			<div style="margin-top:50px; transform:translateY(10%)translateX(50%)skew(5deg, 5deg);width: 40vw; font-family: 'Times New Roman','Garamond','Garamont', Garamond, Garamont, Times, serif; background:#f8f8f8; color:#222; padding:20px; padding-top:10px;font-size:120%; box-shadow: black 0px 0px 0px 2px inset, rgb(248,248,248) 10px -10px 0px -3px, rgb(0,0,0) 10px -10px,rgb(248,248,248) 20px -20px 0px -3px, rgb(0,0,0) 20px -20px, rgb(248,248,248) 30px -30px 0px -3px, rgb(0,0,0) 30px -30px, rgb(248,248,248) 40px -40px 0px -3px, rgb(0,0,0) 40px -40px, rgb(0, 0, 255) 40px -40px 150px 75px,inset 0px 0px 30px 5px black;">
	== Projets de l'ERG ==		== Projets de l'ERG ==
	<div style="margin-top:50px; transform:translateY(10%)translateX(60%)skew(5deg, 10deg);width: 40vw; font-family: 'Times New Roman','Garamond','Garamont', Garamond, Garamont, Times, serif; background:#f8f8f8; color:#222; padding:20px; padding-top:10px;font-size:120%; box-shadow: black 0px 0px 0px 2px inset, rgb(248,248,248) 10px -10px 0px -3px, rgb(0,0,0) 10px -10px,rgb(248,248,248) 20px -20px 0px -3px, rgb(0,0,0) 20px -20px, rgb(248,248,248) 30px -30px 0px -3px, rgb(0,0,0) 30px -30px, rgb(248,248,248) 40px -40px 0px -3px, rgb(0,0,0) 40px -40px, rgb(0, 0, 255) 40px -40px 150px 75px,inset 0px 0px 30px 5px black;">

	Un peu le premier exercice, et mon premier site entièrement à moi où je peux y mettre un peu ce que je veux, des expérimentations en tout genre, des choses qui parlent de moi.... <br>		Un peu le premier exercice, et mon premier site entièrement à moi où je peux y mettre un peu ce que je veux, des expérimentations en tout genre, des choses qui parlent de moi.... <br>
	Je me suis amusée avec du javascript		Je me suis amusée avec du javascript

Utilisateur:Sable - Historique des versions

Sablebleble : /* Early life */

Sablebleble le 15 février 2026 à 16:55

Sablebleble le 15 février 2026 à 16:52

Sablebleble le 15 février 2026 à 16:51

Sablebleble le 15 février 2026 à 16:51

Sablebleble le 15 février 2026 à 16:49

Sablebleble le 15 février 2026 à 16:48

Sablebleble le 15 février 2026 à 16:47

Sablebleble le 15 février 2026 à 16:47

Sablebleble le 15 février 2026 à 16:46

Sablebleble : /* Early life */