★★★★★★★★★★★★★★★★★★★★★★★

✨ BIENVENUE ✨

~*~ LA TRISOMIE 21 ~*~

Site Officiel

>>> DEPUIS 1996 <<<

🌟 VOUS ÊTES LE VISITEUR N° 000042 🌟
*** BIENVENUE SUR NOTRE SITE !!! *** DÉCOUVREZ LA TRISOMIE 21 *** MERCI DE VOTRE VISITE !!! ***

🎯 QU'EST-CE QUE LA TRISOMIE 21 ? 🎯

INFORMATIONS ESSENTIELLES

📚 Définition

La trisomie 21, aussi appelée syndrome de Down, est une anomalie chromosomique. Au lieu d'avoir 46 chromosomes répartis en 23 paires, les personnes trisomiques possèdent 47 chromosomes : il y a trois chromosomes 21 au lieu de deux.

Cette particularité génétique est présente dès la conception et n'est pas une maladie. C'est une condition qui accompagne la personne toute sa vie.

🔍 Caractéristiques

La trisomie 21 se manifeste par des caractéristiques physiques particulières et peut s'accompagner de :

  • Un développement intellectuel différent
  • Des traits physiques reconnaissables
  • Parfois des problèmes de santé associés (cardiaques, thyroïde, etc.)
  • Un développement moteur et du langage plus lent
🚧 SITE EN CONSTRUCTION 🚧

💡 À Savoir

Chaque personne trisomique est unique et possède sa propre personnalité, ses propres compétences et son propre potentiel. Avec un accompagnement adapté, les personnes porteuses de trisomie 21 peuvent mener une vie épanouie, apprendre, travailler et participer pleinement à la société.

La trisomie 21 touche environ 1 naissance sur 700 dans le monde. C'est l'anomalie chromosomique la plus fréquente.

🌈 ENSEMBLE POUR L'INCLUSION 🌈 CHACUN EST UNIQUE 🌈 RESPECT ET DIGNITÉ 🌈
👋 NOTRE AMBASSADEUR VOUS SALUE ! 👋
Salut!

🎮 MINI-JEU : LE PUZZLE DES CHROMOSOMES ! 🎮

Reconstituez les chromosomes ! Placez les 3 chromosomes 21 au bon endroit !

SCORE: 0 / 3
Drag & Drop les chromosomes 21 dans les cases !
21
21
21
?
?
?
💾

12 Mars 1996

LANCEMENT "OFFICIEL" (Mise en prod sur le PC du salon). Création de la page index.html sur mon nouveau pc, 75 MHz ! Merci à la bibliothèque de Marie les saintes branches pour le guide du zéro. Hébergement gratuit chez Free.fr (Très très large, plus de 12 Mo d'espace disque).

📝

7 Septembre 1996 - 23 Janvier 1997

PHASE RÉDACTIONNELLE Recherche documentaire intensive. source : CD-ROM Encarta 95. Relecture scientifique assurée par la cousine qui est en première année de médecine.

🎨

14 Février 1998

LA RÉVOLUTION COULEUR. Découverte fortuite des codes hexadécimaux. Abandon du fond gris. Tests A/B réalisés sur Paint : le Cyan (#00FFFF) et le Magenta (#FF00FF) sont retenus car ce sont les couleurs qui sont vraiment moderne.

3 Août 1999

L'ÈRE DU CLIGNOTEMENT. Intégration sauvage de la balise <blink>. Code volé sur un site de fan de X-Files. Ça clignote sur Netscape mais ça plante sur Internet Explorer.

📊

1er Janvier 2000

SURVIE AU BUG DE L'AN 2000. Veillée d'armes. À minuit pile, le site ne s'est pas autodétruit ! Mise à jour manuelle du copyright en bas de page de "1999" à "2000". Temps de l'opération : 45 minutes (le temps de retrouver le mot de passe FTP).

📜

18 Juin 2001

LE DÉFILEMENT (Technology Preview). Implémentation de la balise <marquee>. 3 semaines de réunions (devant la machine à café du lycée) pour décider de la vitesse. Marquee rouge sur fond magenta validé. C'est illisible, mais "ça bouge", donc c'est pro.

🔢

25 Décembre 2003

STATISTIQUES DE POINTE. Installation d'un compteur de visiteurs gratuit (avec pub pour des rencontres russes). Initialisation manuelle à "000042". Ajout d'un script qui augmente le compteur à chaque F5. On a passé la soirée à actualiser pour atteindre les 1000 vues.

🖼️

9 Mars 2007

LE DESIGN "WINDOWS 95 CHIC". Découverte des bordures CSS "ridge", "groove" et "inset". Décision artistique forte : mettre des cadres en relief ABSOLUMENT PARTOUT. Le site ressemble à un logiciel de comptabilité sous Windows 3.1. Le webmaster est très fier.

🎪

31 Octobre 2010

MIGRATION CSS3 (Le chaos). Découverte des animations @keyframes. Le logo tourne, le titre clignote, le menu ondule. Nous avons augmenter nos effectifs, nous sommes maintenant 5 personnes à plein temps sur ce site ! 6 mois de tests pour régler la vitesse afin que les visiteurs ne vomissent pas sur leur clavier.

🚧

15 Mai 2014

RETOUR AUX SOURCES. Ajout du GIF "En Travaux" (le petit bonhomme qui pelle) mais encore des bugs. Débat intense : est-ce honnête de dire "en travaux" après 18 ans ?

🖱️

22 Août 2018

INTERACTIVITÉ 2.0. Création du bouton "Changer Couleur". Code JavaScript fait maison avec des if imbriqués sur 12 niveaux. Bug connu : si on clique trop vite, le fond devient noir et le texte aussi. Bug conservé et renommé "Mode Dark Nuit de l'Angoisse" mais Sylvain va travailler dessus.

🎮

1er Février 2021 - 17 Novembre 2024

LE GRAND ŒUVRE : LE JEU DES CHROMOSOMES ! Projet titanesque. Apprentissage du Drag & Drop via des tutos YouTube. On a embauché (en pizzas) deux développeurs de chez Ubisoft (de ce qu'ils nous ont dit) 1 024 bugs corrigés, dont 500 revenus le lendemain. La fonction resetGame() a été codée seulement une semaine avant la mise en ligne car on avait oublié qu'on pouvait vouloir rejouer.

👋

3 Janvier 2025

L'AMBASSADEUR ARRIVE. Intégration d'un GIF trouvé sur Giphy après 48h de recherche (mots-clés : "cool guy thumbs up"). Ajout d'une bordure arc-en-ciel animée autour. Police Comic Sans MS imposée pour le message de bienvenue. C'est non-négociable.

🚀 ROADMAP DU FUTUR (PLAN DE BATAILLE) 🚀
📅

Février 2026 (Prévision optimiste)

CHANTIER "FOND D'ÉCRAN HD". Objectif : Remplacer la couleur unie par une texture. Moyens : Tentative de négociation avec le voisin qui a une version crackée de Photoshop CS2. Budget : Un kebab complet (sauce blanche). Risque : Que le voisin formate son PC avant d'avoir fini.

🍕

Décembre 2026

SÉMINAIRE D'ENTREPRISE. Lieu : Le garage du webmaster. Activité : LAN party sur Age of Empires II pour "souder l'esprit d'équipe". Logistique : Commande groupée de 3 pizzas (si on a eu des dons, sinon ce sera pâtes au beurre).

✍️

Courant 2027

LE GRAND NETTOYAGE ORTHOGRAPHIQUE. Projet : Relire l'intégralité du site pour enlever les fautes de frappe de 1996. Ressource : Installation de la version d'essai de Word 2007 pour utiliser le correcteur. Débat prévu : Faut-il mettre une majuscule à "Trisomie" ? Une réunion de crise est déjà planifiée (durée : 3 mois).

🕹️

Début 2028

LANCEMENT DU PÔLE R&D JEU VIDÉO. Ambition : Créer "La Course des Paires". Concept : Un jeu de course où la paire 21 a un troisième passager clandestin qui ralentit le kart. Recrutement : On va poster une annonce sur le forum 18-25 pour trouver un dév bénévole.

💥

2029 (Si on n'a pas abandonné)

PHASE DE TEST "COURSE DES PAIRES". Méthodologie : Le développeur joue contre lui-même. Crash-test : Essayer de faire tourner le jeu sur l'ordinateur portable de ma tante (Windows Vista). Si ça passe, c'est validé.

📱

2030

LE VIRAGE MOBILE (Mieux vaut tard que jamais). Constat : Il paraît que les gens utilisent des téléphones pour Internet maintenant. Solution envisagée : Juste écrire "TOURNEZ VOTRE TÉLÉPHONE" en très gros au démarrage. Estimation chargement 5G : 4 minutes (images non compressées).

🤖

2032

L'INTELLIGENCE ARTIFICIELLE (IA). Projet : Intégrer un chatbot "Génius-21". Réalité : On va juste coder un script avec des "IF / ELSE" qui répond "Je ne sais pas" à tout. Budget Formation IA : 0€ (On va lui donner le site à lire et espérer qu'il devienne intelligent).

🏆

2035

OBJECTIF FINAL : LA GLOIRE. Projet futur : utiliser GIT, Sylvain sera notre guide dans cette mission. KPI : Atteindre les 100 visiteurs uniques PAR AN (hors famille). Stratégie : Imprimer des flyers sur l'imprimante du boulot et les laisser chez les médecins. Décision finale : Ne JAMAIS refaire le design. C'est devenu "Rétro-Art".

💰 COMPTEUR DE DONS 💰

💸 TOTAL DES DONS REÇUS 💸

1,22 €

(depuis 2008, mise en place d'une adresse pour les chèques)

🏆 PLUS GROS DON 🏆

1,00 €

Donateur :

webmaster_test

(12 Mars 2008)

⚠️ INFORMATIONS RGPD SUPER IMPORTANTES ⚠️

🚨 LISEZ ATTENTIVEMENT SVP C'EST LA LOI 🚨

Conformément à la réglementation RGPD (Règlement Général sur la Protection des Données) et aussi un peu le GDPR et la CNIL et puis Internet en général, nous sommes obligés de vous informer que ce site collecte ÉNORMÉMENT de données personnelles sur vous :

  • ADRESSE IP : On utilise votre IP pour compter les vues du site, stocké en .txt mais décompilé par un script talend régulièrement. (deuxième serveur pour le talend et troisième serveur ftp mais déplacement à la main des fichiers)
  • ADRESSE MAC : Pour la sécurité, je sais plus trop pourquoi on l'utilise
  • USER AGENT : On stocke votre navigateur, votre OS, la version, tout ça dans une base MySQL 5.1 (on a pas encore migré en 5.7 parce que flemme et ça marche encore)
  • COOKIES : On en met plein, environ 47 différents. Ils expirent dans 50 ans. On les synchronise entre 3 CDN différents pour être sûr de pas les perdre (Cloudflare, OVH et le serveur de Kevin)
  • SESSION ID : Stocké en base mais aussi dans un fichier Redis qui se vide tous les mardis à 3h du matin donc si vous êtes connecté à ce moment là vous serez déconnecté (on sait pas pourquoi ça fait ça)
  • LOGS APACHE : Tout est loggé, vraiment TOUT. Chaque clic, chaque scroll, chaque mouvement de souris. On a 2To de logs depuis 2019. On les compresse en .gz puis on les décompresse pour les lire puis on les recompresse (script bash qui tourne en cron toutes les heures)
  • RÉSOLUTION D'ÉCRAN : Via JavaScript on récupère votre résolution pour optimiser l'affichage (bon après on fait rien avec mais on la stocke quand même, ça peut servir un jour peut-être)
  • TEMPS PASSÉ SUR LE SITE : Un script PHP calcule combien de temps vous restez. Les données sont envoyées toutes les 30 secondes via AJAX vers une API REST qui les met dans une table SQL (pas d'index sur la table, ça rame un peu du coup)
  • HISTORIQUE DE CLICS : Chaque clic est envoyé via WebSocket vers un serveur Node.js qui les stocke dans MongoDB. On fait un backup hebdomadaire sur un NAS Synology (enfin quand on y pense)
  • FINGERPRINT NAVIGATEUR : Via Canvas Fingerprinting et WebGL, on crée un hash unique de votre config. Stocké dans un fichier JSON côté serveur (oui on sait que c'est pas optimal mais on a commencé comme ça)
  • GEOLOCALISATION IP : On utilise une API gratuite (limite 1000 requêtes/jour) pour savoir d'où vous venez. Les données sont cachées dans Memcached pendant 24h sauf si le serveur reboot entre temps
  • RÉFÉRENT HTTP : On sait d'où vous venez avant d'arriver sur le site. Stocké dans une variable de session PHP (session.gc_maxlifetime = 1440 secondes dans le php.ini si jamais)
  • TIMEZONE : JavaScript nous donne votre fuseau horaire. On le compare avec celui du serveur (UTC+2) pour calculer le décalage. Résultat stocké dans une colonne VARCHAR(255) parce qu'on savait pas quelle taille mettre
  • LANGUE NAVIGATEUR : Accept-Language header parsé avec un regex trouvé sur StackOverflow en 2015 (ça marche on y touche plus)
  • CACHE NAVIGATEUR : On set des ETags mais on est pas sûr qu'ils fonctionnent correctement. On met aussi du Cache-Control max-age=3600 mais parfois ça cache pas alors on a ajouté des timestamps dans les URLs pour forcer le refresh

⚠️ ATTENTION : Toutes ces données sont stockées sur un VPS OVH (2Go RAM, limite mais ça passe), sauvegardées via un script bash qui rsync vers un autre serveur tous les dimanches à 4h du matin (sauf quand le cron plante).

Les données sont conservées indéfiniment parce qu'on a pas codé la partie suppression automatique (c'était prévu dans la V2 mais on a jamais fini).

Vous avez le droit de demander la suppression de vos données en nous envoyant un mail (si on le voit on le fera, promis). Le délai de traitement dépend de si on a le mot de passe root du serveur sous la main ou pas.

🍪 Ce site utilise des cookies (on a oublié de mettre le bandeau qui demande l'autorisation mais c'est bon on suppose que vous êtes d'accord) 🍪

⏰ DERNIER DON ⏰

0,22 €

Donateur :

maman

(2 Novembre 2022)

Chaque centime compte pour maintenir ce site en ligne !