plateau · prise 1 · nuit
ne pas marcher sur les câbles
paris · 2026
01Site personnel · statique · sans dépendance

NgodaBoece

Je construis des outils là où la donnée rencontre de vraies personnes, puis je mesure s'ils marchent vraiment.

La devise du site, et la façon dont il est construit.

02Le pari

Un portfolio étudiant, c'est souvent une liste de liens. Ici, chaque projet arrive avec sa preuve, et le site mesure sa propre visite, sans rien envoyer.

montrer

Dix projets en rail horizontal, chacun avec sa présentation animée.

convaincre

Deux publics, deux textes : « J'ai un projet » ou « Je recrute ».

respecter

Aucun cookie, aucun traceur : c'est écrit en pied de page, et vérifié dans le code.

03Plan du site · une seule page

Neuf sections, une seule page de 74,6 Ko.

Capture réelle : héros du site, avec la mesure de visite à droite Capture réelle : rail des dix projets Capture réelle : le terminal après la commande projets Capture réelle : la section contact et son composeur d'e-mail
Pas de capture pour cette section dans ce deck.

Captures réelles du site, ouvert en local le 31/10/2026, en 1440×900.

04Démo · deux publics

Le site change de discours selon qui lit.

Vous êtes
Votre besoin (plusieurs choix)

Démo simplifiée : textes et logique repris du script du site (objets COPY et compose()). Ici, rien n'est envoyé.

05Démo · pour les curieux

Un vrai petit terminal. Tapez help.

boece@paris: ~
boece@paris:~$

Réponses recopiées de l'objet CMDS du site ; stats mesure ce deck au lieu de la page.

06Être trouvé · par Google et par les IA

Pensé pour les moteurs et pour les assistants.

robots.txt
8

robots d'IA autorisés nommément :

GPTBotOAI-SearchBotChatGPT-UserClaudeBotClaude-SearchBotPerplexityBotGoogle-ExtendedApplebot-Extended
llms.txt

Un résumé factuel destiné aux assistants IA : profil, compétences, dix projets avec leurs liens.

JSON-LD

Données structurées dans la page, avec sameAs pour relier LinkedIn et GitHub au même nom.

og.png
1200×630

Image de partage pour LinkedIn, WhatsApp, X.

sitemap.xml · 404.html · webmanifest

Plan du site, page d'erreur avec un clin d'œil, installation sur mobile.

mise en ligne

Prévue sur GitHub Pages (ngoda-boece.github.io), procédure dans le README. Non vérifiée ici.

07DESIGN.md · direction artistique

« Une nuit de travail à Paris, sur un carnet de données. »

Encre#111214 · fond
Encre 2#17181b · cartes
Papier#efeae0 · texte
Cendre#9b978d · secondaire
Vert terminal#7ee787 · seul accent
Corail#ff7b72 · erreurs
Fraunces
titres · l'émotion
Schibsted
texte · 65 caractères max
Martian Mono
chiffres · terminal
InterditsemojisInter#000néonstrois cartes identiquesfaux témoignageschiffres inventés« Elevate / Seamless »curseur personnalisé
08Fin de la prise

Vous êtes arrivé jusqu'ici.

Un site statique, sans framework : HTML, CSS et un seul script. Il reste à le mettre en ligne et à le relier au profil GitHub et à LinkedIn.

Tous les projets

    
Cliquez un plan pour y aller · V ou Échap pour revenir