Présentation du projet
L'article « Proof of Care » a été créé manuellement, avec des pages photographiées. Pour rendre le texte copiable, les images ont été intégrées dans un fichier SVG avec un texte superposé.
Conception et réalisation
La police de caractères utilisée est Barlow Condensed – Italic Condensed, avec une hauteur de ligne approximant la dimension de l'écriture manuscrite. Des caractères de espacement ont été ajoutés pour être supprimés lors de la copie du texte via Javascript. Les caractères ` (backtick) ont été utilisés pour les espaces étroits, et plusieurs espaces entre les mots ont été ajoutés pour être condensés en un seul espace. Les hyperliens ont été créés à l'aide de la fonctionnalité Create Anchor d'Inkscape.
Les caractères ` (backtick) ont été remplacés par des caractères Six-per-em Space pour éviter leur affichage lors de la sélection du texte.Post-traitement et intégration
Après l'exportation du fichier SVG, des étapes de post-traitement ont été nécessaires : l'intégration de la police de caractères via , le remplacement des caractères ` par des caractères Six-per-em Space, et le remplacement des chemins d'accès aux images locales par des URL complètes. Enfin, le fichier SVG a été intégré dans le fichier HTML en tant qu'élément , car l'embedding en tant qu'objet n'aurait pas permis de déclencher les événements Javascript lors de la copie.
Implications techniques
Ce projet démontre les possibilités de création de contenu hybride, alliant écriture manuscrite et traitement numérique. La technique utilisée pour rendre le texte copiable via Javascript et les manipulations de caractères et d'espacement permettent une grande flexibilité dans la conception et la mise en œuvre de tels projets. Cependant, cela nécessite une attention particulière aux détails et une bonne compréhension des interactions entre les différents éléments du projet, tels que les polices de caractères, les espacements et les événements Javascript.
