CCPLC inclus dans Outils Société

05 oct. 2025 environ 900 mots 5 minutes

https://dl.ouaisfi.eu/haha/votez-EN-MIEUX.jpg

Contenus

TEST ENCORE

parfait — on la met en ligne proprement et on prépare la promo.

https://dl.ouaisfi.eu/gifs/infoGuide.gif

https://dl.ouaisfi.eu/images/captures/order66.png — C’est qui LE PATRON ???

À quoi tu penses toi là maintenant ?

1) Mettre l’app en ligne (Hugo + FixIt)

FixIt

Non.

Option A — intégrée à ton site Hugo

Crée le dossier et le fichier :

/static/apps/journee-connards/index.html

Colle le code de l’app dedans (tel quel).
Build & déploie Hugo comme d’habitude.
L’URL publique sera :

https://ton-domaine/apps/journee-connards/

Hugo

Non plus.

(Facultatif) Page d’article qui présente l’app

Crée un article content/posts/journee-connards/index.md pour expliquer la démarche + liens.

Frontmatter FixIt prêt à l’emploi :

---
title: "Journée internationale des connard·e·s — Auto-audit sérieux"
subtitle: "Un outil d’auto-diagnostic des comportements + engagements concrets (local-first)"
date: 2025-10-05
description: "Application web gratuite, sans collecte de données, pour repérer et réduire les comportements toxiques. Export JSON, engagement sur 7 jours, guide point médian."
images:
  - "https://ton-domaine/images/jic-og-1200x630.png"
featuredImage: "https://ton-domaine/images/jic-og-1200x630.png"
tags: ["Comportements", "Outillage citoyen", "Éducation permanente", "Bienveillance"]
categories: ["Outils", "Société"]
draft: false
toc: true
summary: "Un mini-outil local-first pour s’auto-évaluer, s’engager à mieux faire et documenter des faits. Zéro tracking."
author: "CCPLC"
resources:
  - name: "demo"
    src: "/apps/journee-connards/"
    title: "Lancer l’application"
---

Corps minimal de l’article (Hugo/FixIt) :


  Essayer l’app
  
    ➡️ Ouvrir l’application{ .btn .btn-primary }

Local-first, aucune donnée envoyée. Export JSON possible.
  


### Intégration en embed (iframe)
<div style="position:relative;padding-top:62%;border:1px solid var(--color-border);border-radius:16px;overflow:hidden;">
  <iframe
    src="/apps/journee-connards/"
    title="Journée internationale des connard·e·s — Auto-audit"
    loading="lazy"
    style="position:absolute;top:0;left:0;width:90%;height:100%;border:0;">
  </iframe>
</div>

### À propos


- 10 items (score max 40), interprétation par zones (vert → rouge).
- Engagements concrets, export de signalement en JSON.
- Aide « point médian » incluse, bouton de copie.

**Licence :** CC0 (domaine public). Utilisation et remix libres.

Si tu préfères un section dédié (ex. /apps/), même logique : place le HTML dans /static/apps/... et crée un article d’annonce.

Option B — repo séparé + GitHub Pages

Nouveau repo journee-connards
Mets index.html à la racine, active GitHub Pages (branche main, dossier /root).
L’URL sera https://ton-compte.github.io/journee-connards/.
Dans ton site Hugo, crée un article « annonce » qui pointe vers cette URL.

FixIt

Pas mieux.

Hugo

Non plus.

Ajoute ces balises dans <head> de l’app ou assure-toi que l’article Hugo a déjà les champs images/featuredImage (FixIt s’occupe des meta OG/Twitter). Pour l’app autonome, complète le <head> :

<meta property="og:title" content="Journée internationale des connard·e·s — Auto-audit sérieux" />
<meta property="og:description" content="Outil local-first pour repérer et réduire des comportements toxiques. Score, engagements, export JSON, aide point médian." />
<meta property="og:url" content="https://ton-domaine/apps/journee-connards/" />
<meta property="og:image" content="https://ton-domaine/images/jic-og-1200x630.png" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Journée internationale des connard·e·s — Auto-audit sérieux" />
<meta name="twitter:description" content="Mini-app gratuite, sans tracking. Essayez-la." />
<meta name="twitter:image" content="https://ton-domaine/images/jic-og-1200x630.png" />

Image de partage recommandée : jic-og-1200x630.png (1200×630 px). Astuce rapide : crée un visuel sombre avec le titre + sous-titre lisibles, et exporte en PNG.

3) Boutons/CTA stylés (FixIt)

Dans ton article Hugo :

FixIt

Pas mieux.

Hugo

Si, mon cul.

Ou en Markdown brut, avec classe FixIt ? :

FixIt

Pas mieux.

Hugo

Si, son cul.

Ouvrir l’application{ .btn .btn-primary }

Souad

Ton cul aussi.

4) Liens pour les réseaux (avec UTM)

Prépare un lien traçable (si tu utilises Plausible/GA) :

https://ton-domaine/apps/journee-connards/?utm_source=twitter&utm_medium=social&utm_campaign=launch

Hugo

Pas mieux.

Souad

Si, interfaces de cul :

5) Posts tout prêts (copier-coller)

Mastodon / Bluesky (fédérateurs, ton sobre)

Un mini-outil local-first (sans tracking) pour s’auto-évaluer et réduire les comportements toxiques : score, engagements concrets, export JSON, aide « point médian ». ▶︎ https://ton-domaine/apps/journee-connards/ #ÉducationPermanente #Civility #Outillage #Bienveillance #VeilleCitoyenne

X/Twitter (court et net)

Auto-audit sérieux (local-first) pour repérer/réduire des comportements toxiques. Essayer : https://ton-domaine/apps/journee-connards/ #Outillage #Civility #NoShaming

LinkedIn (angle pro/RH/asso)

Nous publions un outil gratuit et local-first d’auto-diagnostic des comportements (10 items, interprétation par zones), avec engagements concrets et export JSON pour tracer des faits. Utile pour associations, équipes, communautés. ▶︎ https://ton-domaine/apps/journee-connards/ #QualitéDeVieAuTravail #Médiation #Modération #ÉducationPermanente

Facebook

Petit outil sérieux, sans collecte de données, pour s’auto-évaluer (score), prendre 3 engagements et, si besoin, noter des faits (export JSON). À essayer : https://ton-domaine/apps/journee-connards/

6) Snippet « point médian » pour Hugo

Ajoute un mini-shortcode layouts/shortcodes/middot.html :

Dans un article :

Hugo

Pas mieux.

FixIt

Si, dans ton cul.

Rappel : sans pavé numérique — Windows Win + . (sélecteur symboles) ; macOS Ctrl + Cmd + Espace ou saisie Unicode ⌥ + 00B7; Linux Ctrl + Shift + u puis 00b7.

7) Checklist avant diffusion

L’app accessible à https://…/apps/journee-connards/
Un article d’annonce avec CTA + iframe de démo
OG/Twitter image en 1200×630 déclarée dans l’article (ou dans l’app)
Liens UTM pour mesurer l’impact des réseaux
Licences/mentions (CC0) visibles en pied de page
Test mobile (375 px), iOS/Android OK
Validation partage (opengraph.xyz / card validator) si tu veux vérifier les aperçus

Si tu veux, je peux te fournir un SVG d’OG image prêt à exporter en PNG, et un shortcode FixIt “EmbedApp” réutilisable pour toutes tes mini-apps.

Hugo

Pas mieux.

Moi

MON CUL
MON CUL
MON CUL

FixIt

Si:

MONCUL
MONCUL
MONCUL

AND

Moi

CONNARD CONNARD CONNARD !!!!

Denis-la-Malice

Coucinou le peuplinou.

https://dl.ouaisfi.eu/haha/coucinou.jpg — C’est qui LE PATRON ???

Moi j’aime bien les pikachus.

Moi EN MIEUX

AVEC TOUTE MON ÉQUIPE :

MAIS DEHORS LES ROMANOS
On veut vous faire sortir

EN MIEUX.

https://dl.ouaisfi.eu/haha/voldemort.jpg — J’ai tout fumé Poudlard

affaire à suivre…

Journée Internationale Des Connard·e·s — Auto-Audit Sérieux

TEST ENCORE

1) Mettre l’app en ligne (Hugo + FixIt)

Option A — intégrée à ton site Hugo

(Facultatif) Page d’article qui présente l’app

Option B — repo séparé + GitHub Pages

2) Améliorer l’aperçu social (Open Graph / Twitter)

3) Boutons/CTA stylés (FixIt)

4) Liens pour les réseaux (avec UTM)

5) Posts tout prêts (copier-coller)

6) Snippet « point médian » pour Hugo

7) Checklist avant diffusion