images en colonne enjeux-sociaux 1 et 2

edunumsec2 / book

Ressources pour l'enseignement de l'informatique au Gymnase.

https://modulo-info.ch

Other

26 stars 22 forks source link

images en colonne enjeux-sociaux 1 et 2 #85

Closed grgvn closed 2 years ago

grgvn commented 2 years ago

Selon demande de Virginia, insertion images en colonnes avec lien vers PDF :+1: enjx1/grandes-thematiques/index.html enjx2/grandes-thematiques/index.html

elliotvaucher commented 2 years ago

Hello @gregoiregavin. Merci pour le pull request.

Juste un problème chez moi, les images ne s'affichent pas.

Une idée de ce que à quoi ça peut être dû ? J'ai essayé de changer un peu le chemin des fichiers mais rien n'y fait.

À toute,

Elliot.

grgvn commented 2 years ago

Mince. Merci d'avoir vérifié.

C'est galère avec ces images car je ne peux pas utiliser les admonitions '''image''' dans du HTML.

Et Sphinx fait des choses étranges ; quand je met une image juste dans une balise img, il garde le bon chemin vers l'image. Mais quand je met cette balise img dans une balise div, il change le chemin vers le fichier et il ne la trouve plus.

Bref, je pense que la solution la plus simple ce serait de mettre l'image sur une URL externe, genre file.edunumsec. On check ça jeudi ?

redelmann commented 2 years ago

Y a les admonitions figure qui fonctionnent, non ?

grgvn commented 2 years ago

Oui @redelmann, le problème c'est que j'ai fait ça dans le .md en html (faute de meilleure option que j'arrive à mettre en place facilement). Et dans une balise html, je ne peux pas utiliser les admonitions

redelmann commented 2 years ago

Tu cherches à faire quoi ? Si on mets du HTML dans le Markdown, on va le perdre pour la version print.

jppellet commented 2 years ago

En effet, ce serait bien de se contenter de ce qu'on peut faire en vanilla Markdown/Myst, sinon ça va poser problème. Au pire, éventuellement, une extension… À écrire pour l'output HTML et pour l'output LaTeX…

grgvn commented 2 years ago

Tu cherches à faire quoi ? Si on mets du HTML dans le Markdown, on va le perdre pour la version print.

Je cherche à créer 2 colonnes avec 2 images cliquables vers le PDF. Plutôt que de partir directement sur une extension, je vais essayer ça :

Utiliser ..container : https://stackoverflow.com/questions/56749718/how-to-make-2-columns-with-sphinx (en espérant que je puisse mettre un ..image dedans)
Utiliser ..raw : https://stackoverflow.com/questions/34777943/insert-clickable-svg-image-into-sphinx-documentation (en espérant que je puisse accéder à l'image dans le dossier statique, ça a l'air d'être d'être le cas)

redelmann commented 2 years ago

Si tu sais ce que tu veux générer comme HTML, on peut faire une extension comme le suggère @jppellet. Je peux t'aider à mettre ça en place. Si tu me donnes le HTML que te veux générer je peux te faire l'extension.

grgvn commented 2 years ago

Si tu sais ce que tu veux générer comme HTML, on peut faire une extension comme le suggère @jppellet. Je peux t'aider à mettre ça en place. Si tu me donnes le HTML que te veux générer je peux te faire l'extension.

Volontiers @redelmann !

L'idée est d'afficher des images cliquables vers un PDF sur :

enjx1/grandes-thematiques/index.html (2 colonnes)
enjx2/grandes-thematiques/index.html (3 colonnes)

Le HTML et la CSS sont dans le commit : enjeux 1, enjeux 2. (sur ma machine, au clic sur ces liens, je dois attendre 2-3 sec pour que ça scroll à la bonne ligne)