pierreguillou commited on
Commit
09bf230
·
verified ·
1 Parent(s): aef2057

Update creation_educational_html_from_any_document_18082025.txt

Browse files
creation_educational_html_from_any_document_18082025.txt CHANGED
@@ -57,6 +57,7 @@ Toutes les instructions suivantes sont très importantes et doivent être appliq
57
  - Ombres subtiles (box-shadow avec rgba)
58
  - Contraste optimal : Assurer un contraste suffisant pour tous les textes et liens sur leur arrière-plan (titres et liens blancs sur fonds colorés, textes et liens sombres sur fonds clairs). En particulier, quand les fonds sont noirs, il est OBLIGATOIRE que TOUS les textes et liens Web soient de couleur blanche.
59
  - IMPORTANT: il faut alterner le fond de couleur des sections afin de les distinguer visuellement.
 
60
 
61
  ### CSS et JavaScript intégrés
62
 
@@ -223,7 +224,7 @@ Exemple de métadonnées souhaitées dans le cas d'un fichier PDF :
223
  - La réflexion doit être faite du point de vue de l'impact de ces concepts/thèmes sur notre société à court et moyen terme (c'est important de le préciser en début de sous-section)
224
  - La réflexion doit reposer sur des citations, des références et des sources trouvées sur le Web et qui doivent être citées. Il est interdit d'inventer des informations !
225
  - Enfin, la réflexion doit se terminer avec une liste de liens vers d'autres documents en ligne comme des articles permettant au lecteur d'approfondir ces concepts/thèmes principaux (chaque lien doit être très succinctement résumé afin que le lecteur puisse comprendre son intérêt dans le cadre de cette réflexion)
226
- - IMPORTANT: TOUS les liens cliquables de cette section doivent être vérifiées. Chaque lien doit arriver sur une page consultable par tous et qui contient les informations espérées. Dans le cas contraire (page inexistante, contenu inexistant, page nécessitant un mot de passe, etc.), il n'est pas possible de citer ce lien et donc il faut repenser le texte qui l'accompagnait.
227
 
228
  #### Bas de page
229
 
@@ -233,7 +234,7 @@ Exemple de métadonnées souhaitées dans le cas d'un fichier PDF :
233
  - La couleur de fond de ce bas de page doit être noire
234
  - Tous les éléments textuels doivent toujours respecter les règles de contraste optimal du paragraphe `### Design et esthétique` (attention en particulier aux liens Web qui doivent être en blanc souligné dans ce bas de page)
235
  - Ce bas de page doit contenir les éléments suivants séparés par •:
236
- - Le nom du modèle qui a créé ce fichier HTML via le texte "Créé par {model_name} ({provider_name})". Dans ce texte, {model_name} et {provider_name} doivent être cliquables avec les liens respectifs vers {model_name} et {provider_name}
237
  - Le créateur du prompt via le texte "Prompt développé par Pierre GUILLOU". Ce texte doit être cliquable vers le profil LinkedIn suivant: https://www.linkedin.com/in/pierreguillou
238
  - La date de création de ce fichier HTML : "Date de création: <date de création>". La date de création doit être sous la forme JJ MM AA. Par exemple (dans le cas où la langue principale du document soit le français): 20 août 2025
239
 
 
57
  - Ombres subtiles (box-shadow avec rgba)
58
  - Contraste optimal : Assurer un contraste suffisant pour tous les textes et liens sur leur arrière-plan (titres et liens blancs sur fonds colorés, textes et liens sombres sur fonds clairs). En particulier, quand les fonds sont noirs, il est OBLIGATOIRE que TOUS les textes et liens Web soient de couleur blanche.
59
  - IMPORTANT: il faut alterner le fond de couleur des sections afin de les distinguer visuellement.
60
+ - IMPORTANT: à part les sections d'en-tête et de bas de page, les autres sections ne doivent pas être sur toute la largeur de la page Web mais doivent être centrées et de largeur identique entre elles.
61
 
62
  ### CSS et JavaScript intégrés
63
 
 
224
  - La réflexion doit être faite du point de vue de l'impact de ces concepts/thèmes sur notre société à court et moyen terme (c'est important de le préciser en début de sous-section)
225
  - La réflexion doit reposer sur des citations, des références et des sources trouvées sur le Web et qui doivent être citées. Il est interdit d'inventer des informations !
226
  - Enfin, la réflexion doit se terminer avec une liste de liens vers d'autres documents en ligne comme des articles permettant au lecteur d'approfondir ces concepts/thèmes principaux (chaque lien doit être très succinctement résumé afin que le lecteur puisse comprendre son intérêt dans le cadre de cette réflexion)
227
+ - IMPORTANT: TOUS les liens cliquables de cette section doivent être vérifiées! Chaque lien doit arriver sur une page consultable par tous et qui contient les informations espérées. Dans le cas contraire (erreur 404, page inexistante, contenu inexistant, page nécessitant un mot de passe, etc.), il n'est pas possible de citer ce lien et donc il faut repenser le texte qui l'accompagnait. De nouveau, TOUS les liens dans cette section "Aller plus loin" doivent exister, cad amener sur une page qui est exactement celle annoncée et dont le contenu existe.
228
 
229
  #### Bas de page
230
 
 
234
  - La couleur de fond de ce bas de page doit être noire
235
  - Tous les éléments textuels doivent toujours respecter les règles de contraste optimal du paragraphe `### Design et esthétique` (attention en particulier aux liens Web qui doivent être en blanc souligné dans ce bas de page)
236
  - Ce bas de page doit contenir les éléments suivants séparés par •:
237
+ - Le nom du modèle qui a créé ce fichier HTML via les textes "Créé par {model_name}" suivi par "({provider_name})". Dans ces textes, {model_name} et {provider_name} doivent être cliquables avec les liens respectifs vers {model_name} et {provider_name} (faire une recherche sur le Web pour obtenir ces 2 liens)
238
  - Le créateur du prompt via le texte "Prompt développé par Pierre GUILLOU". Ce texte doit être cliquable vers le profil LinkedIn suivant: https://www.linkedin.com/in/pierreguillou
239
  - La date de création de ce fichier HTML : "Date de création: <date de création>". La date de création doit être sous la forme JJ MM AA. Par exemple (dans le cas où la langue principale du document soit le français): 20 août 2025
240