page-perso-chokbar/index.html

225 lines
9.4 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="fr" dir="auto">
<head>
<meta name="generator" content="my 10 little fingers">
<meta charset="utf-8">
<title>Gribse - chokbar.bzh</title>
<!-- <link rel="stylesheet" href=""> -->
</head>
<header>
<style>
@font-face{
font-family:tt2020;
src:url(TT2020Base-Regular.woff2)format('woff2');
}
body {
background-image: url(depositphotos_wood.jpg);
font-family: tt2020, 'Courier New', Courier, monospace;
font-size: 1.2em;
font-weight: 500;
color: #302e2a;
}
a {
font-weight: bold;
color:rgb(200, 58, 48)
}
body > div {
position: relative;
}
body > div > div {
position: absolute;
background-image: url(papier.jpg);
background-repeat: repeat;
width: 800px;
height: 1150px;
left: 0;
right: 0;
margin-inline: auto;
margin-top: 50px;
box-shadow: 5px 5px 20px #302e2a87, inset 5px 5px 30px #d5d5d5;
rotate: calc(sin(var(--i) * 1.61) * 1.5deg)
}
.page-content {
padding: 100px;
}
.main-title {
font-size: 4em;
font-family: 'Times New Roman', Times, serif;
}
.tape-tab {
position: absolute;
height: 55px;
width: 150px;
background-color: rgba(79, 136, 189, 0.671);
margin-top: calc(50px + (var(--i) - 1) * 100px);
margin-left: -120px;
rotate: calc(sin(var(--i) * 1.61) * 1.5deg);
padding: 10px;
color: black;
font-size: large;
}
.tape-tab:hover {
background-color: rgb(60, 153, 240);
transform:
rotateX(20deg)
rotateY(10deg)
perspective(800px);
transform-origin: 45% 33%;
transition: 150ms ease-out;
}
.polaroid{
position: relative;
width: 350px;
padding: 20px;
background-color: #FFF;
box-shadow: 0px 0px 5px #302e2a;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
margin-bottom: 30px;
}
.polaroid > img {
position: relative;
width: 100%;
z-index: 1;
}
.polaroid > p {
font-family: cursive;
}
.polaroid > svg {
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', () => {
const pages = document.querySelectorAll('body > div > div');
pages.forEach((page, index) => {
const tab = page.querySelector('.tape-tab');
tab.addEventListener('click', () => {
// reset all pages to z-index 0
pages.forEach(p => p.style.zIndex = 0);
// bring clicked page to front
page.style.zIndex = 10;
});
});
});
</script>
</header>
<body>
<div class="pages">
<div style="--i:1; z-index: 100;">
<div class="tape-tab">
<span>Accueil</span>
</div>
<div class="page-content">
<h1 class="main-title">Rapport officiel</h1>
<p style="text-align: center;">sur l'activit" du collectif &laquo; La filouterie &raquo;</p>
<p style="text-align: center;">Le 30/11/2025, Paris</p>
<p style="text-align: center;">Préfecture de police</p>
<p style="text-align: center;">12 Rue Jean Bart, 75006 Paris, France</p>
<div class="polaroid">
<svg id="agrafe" viewBox="0 0 5px 50px"><rect x="0" y="30" width="5px" height="50px" fill="#a8a8a8" transform="rotate(45)" /></svg>
<img src="rirififiloulou.jpg"></img>
<p>Les 3 suspects</p>
</div>
</div>
</div>
<div style="--i:2; z-index: 99;">
<div class="tape-tab">
<span>Collectif</span>
</div>
<div class="page-content">
<h1>L'enquête</h1>
<p>Notre récente étude sur le collectif "La Filouterie" et leurs activtités</p>
<p>Le présent rapport vise à décrire nos découvertes à propos des individus qui se nomment « La Filouterie », le dangereux groupe menaçant pour Joja-Mart, Big Tech et notre productivité nationale.</p>
<p>Il résume 3 (trois) mois denquête, dinfiltration de leur réseau, et danalyse des documents que nous avons pu collecter.</p>
<h1>Le collectif</h1>
<p>La filouterie est un collectif jeune, formé en novembre 2025 par nos trois suspects : </p>
<ul>
<li>
<strong>Zuma</strong><br/>
Semble être le cerveau de la bande. Fort de plus de 20 ans dexpérience en cyber-criminalité, il fait désormais partie dun labo de recherche. Son objectif : détruire la performance des infrastructures réseau nationales, tout en réduisant limpact économique des hébergeurs. Armé de cartes informatiques fabriquées hors du territoire national et dune box tout ce quil y a de plus bête, il met à profit ses connaissances en shell (coquille) et linux pour déployer une infrastructure.
</li>
<li>
<strong>Mayel</strong><br/>
A laide dun ordinateur miniature acheté sans déclaration sur le site de petites annonces « Le Bon Coin », il rajoute un nœud au réseau filou, et à notre enquête. Ses outils de prédilection : les « Grands modèles de langage », les images comiques virales (« mêmes »), et lhumour pour dissimuler ses méfaits. Des traces de violation des droits dauteur ont été détectées sur les pages quil publie publiquement.
</li>
<li>
<strong>Gribse</strong><br/>
Multirécidiviste de lauto-hébergement, notre service de renseignements lui accorde trois serveurs. Usant de la stratégie du code de mauvaise qualité pour brouiller les pistes, il fait usage de créativité pour créer des sites internet. Initialement rendu addict à lauto-hébergement lors dune soirée étudiante par Zuma, il ne pourra plus sextirper de lengrenage, au point de détourner du matériel pour servir son besoin de publications numériques.
</li>
</ul>
</div>
</div>
<div style="--i:3; z-index: 98;">
<div class="tape-tab">
<span>Infrastructure</span>
</div>
<div class="page-content">
<h1>Linfrastructure</h1>
<p>Installation à linitialive de Zuma, cette infrastructure multi-noeuds est auto-hébergée en autant de lieux distincts quil existe de membres dans la filouterie. Pour brouiller les pistes, nos 3 suspects utilisent des alias pour désigner leurs machines :</p>
<h2>Riri</h2>
<p>Précédemment utilisé comme matériel industriel professionnel, cette machine a été détournée pour un usage plus sombre : la participation aux noeuds du réseau.</p>
<h2>Fifi</h2>
<p>Ordionateur civil personnel détourné. Dangereux car difficilement détectable, et non contrôlable par les moyens classiques, comme les douanes, ou les fouilles à laéroport.</p>
<h2>Loulou</h2>
<p>« Baie de râpe », système-sur-une-chips. Nos services de renseignement, malgré laide du disctionnaire officiel <a href="https://bitoduc.fr/">Bitoduc</a>, ne déchiffretnt pas la nature de cet équipement.</p>
<p>Daprès notre pôle de linguistique et de cryptographie, le nom « Filouterie » serait une contraction du nom des trois machines, elles-mêmes faisant référence à des personnages de bande-dessinée.</p>
<h2>Architecture distribuée</h2>
<p>Cette infrastructure multi-noeuds semble être distribuée simultanément en plusieurs sites physiques, ce qui lui permettrait une plus grande résilience en cas de mise hors-service d'un des noeuds par nos équipes sur le terrain. </p>
</div>
</div>
<div style="--i:4; z-index: 97;">
<div class="tape-tab">
<span>Zuma</span>
</div>
<div class="page-content">
<h1>Zuma</h1>
</div>
</div>
<div style="--i:5; z-index: 96;">
<div class="tape-tab">
<span>Mayel</span>
</div>
<div class="page-content">
<h1>Mayel</h1>
</div>
</div>
<div style="--i:6; z-index: 95;">
<div class="tape-tab">
<span>Gribse</span>
</div>
<div class="page-content">
<h1>Gribse</h1>
</div>
</div>
</div>
<span>Page mise à jour le 2025-11-23</span>
</body>
</html>