Ajout des captures d'écran CEDD aux articles portfolio / Add CEDD screenshots to portfolio articles - #12
Merged
Merged
Conversation
…eenshots to portfolio articles 8 captures de l'app Streamlit dans assets/img/cedd/ ; 4 figures insérées dans chaque article (EN et FR) + image og: pour le partage social. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01XNYMPZXRfX2J5F57FmDRhe
There was a problem hiding this comment.
Pull request overview
This PR updates the two CEDD portfolio articles to include Streamlit app screenshots (as inline <figure> blocks) and adds per-page social preview images via the image: front matter field, aligning with the site’s jekyll-seo-tag setup.
Changes:
- Added
image: /assets/img/cedd/...front matter to both CEDD portfolio articles for OG/Twitter previews. - Inserted four screenshot figures into each article with consistent inline styling (
border-radius: 12px,loading="lazy",figcaptioncolorvar(--faint)).
Reviewed changes
Copilot reviewed 2 out of 10 changed files in this pull request and generated 1 comment.
| File | Description |
|---|---|
| _portfolio/hackathon-cedd-derive-emotionnelle.md | Adds image: front matter and inserts 4 figures (FR article), including demo + dark mode screenshots. |
| _portfolio/cedd-hackathon-emotional-drift-detection.md | Adds image: front matter and inserts 4 figures (EN article) for demo, streamgraph, radar, and dark mode dashboard. |
Comments suppressed due to low confidence (1)
_portfolio/hackathon-cedd-derive-emotionnelle.md:80
- Même problème ici : le billet FR utilise
dashboard-radar-en.png. Si c’est une capture EN, le lecteur FR verra une image non localisée ; si c’est une capture neutre, le suffixe-enest trompeur. Pour aligner avec la description de la PR, prévoir une version FR ou renommer l’asset en un nom neutre et mettre à jour les références.
<img src="/assets/img/cedd/dashboard-radar-en.png" alt="Radar des features comparant le message 1 et le message 9, avec l'historique des niveaux d'alerte montrant l'escalade du Vert à l'Orange" width="1600" height="950" loading="lazy" style="width: 100%; height: auto; border-radius: 12px;" />
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
| **Une classification sous contrat de sécurité.** Un pipeline `StandardScaler → GradientBoostingClassifier` projette le vecteur 67D sur quatre niveaux d'alerte - Vert, Jaune, Orange, Rouge. Mais le ML n'a jamais le dernier mot : **7 portes de sécurité** l'encadrent. Un mot-clé de crise force le Rouge instantanément à tout moment ; une confiance ML faible retombe par défaut sur Jaune (principe de précaution) ; les conversations courtes plafonnent le ML à Orange ; un plancher de sécurité lexical garantit que la prédiction ne peut jamais descendre *sous* ce que les règles à mots-clés ont détecté ; et un long délai de réponse fait monter le niveau d'un cran. La règle de conception héritée du projet garde-fou s'applique ici aussi : les règles de sécurité ne peuvent jamais être outrepassées par le ML. | ||
|
|
||
| <figure style="margin: 2rem 0; text-align: center;"> | ||
| <img src="/assets/img/cedd/dashboard-streamgraph-en.png" alt="Streamgraph du flux émotionnel : probabilités par classe empilées message par message, le vert cédant la place au jaune puis à l'orange, au-dessus des statistiques de session" width="1600" height="950" loading="lazy" style="width: 100%; height: auto; border-radius: 12px;" /> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Résumé / Summary
Intègre les captures d'écran de l'app Streamlit CEDD (prises via Playwright, PR dapiced/cedd-hackathon#69) dans les deux articles portfolio CEDD.
Adds the CEDD Streamlit app screenshots (captured via Playwright, see dapiced/cedd-hackathon#69) to both CEDD portfolio articles.
Changements / Changes
assets/img/cedd/: 8 nouvelles images (accueil FR/EN, démo FR/EN, mode sombre, radar, streamgraph), 1600×950 px.cedd-hackathon-emotional-drift-detection.md) : 4 figures insérées — démo complète (héro après l'intro), streamgraph du flux émotionnel (section classification), radar des features (leçon explicabilité), dashboard mode sombre (avant le lien GitHub). Balises<figure>/<figcaption>au même style que les billets existants (border-radius 12px,loading="lazy", légendevar(--faint)).hackathon-cedd-derive-emotionnelle.md) : mêmes 4 emplacements avec les captures FR (démo Félix, mode sombre FR) et légendes en français.image:ajouté aux deux articles pour l'aperçu social viajekyll-seo-tag(og:image / twitter:image).Aucun changement de layout ni de CSS. / No layout or CSS changes.
🤖 Generated with Claude Code
https://claude.ai/code/session_01XNYMPZXRfX2J5F57FmDRhe
Generated by Claude Code