Comment commenter le web
Je me pose la question comme beaucoup
Autrement dit :
comment rendre
le web statique des articles
( non centralisés ..
dans l'enceinte des #GAFAM )
... accessible en écriture ?
... discutable dans le texte ?
... en marge / en creux
=/= en bas de pages
( où sont souvent relégués les commentaires )
( tel /Isso/ : https://liens.vincent-bonnefille.fr/?vbm_vg )

{cet} article du #@MIT semble y répondre
( #2019 : #@Antero_Garcia + #@Remi_Kalir )
https://mitpressonpubpub.mitpress.mit.edu/annotation

Une autre {bulle}
rassemble ma recherche d'outils pour le web commenté
https://liens.vincent-bonnefille.fr/?OMKCTA#goto_TufteSideNotes
( dont #tufte : note en marge )

Via : https://github.com/everestpipkin/tools-list#zines-books-prints

• Compare Paper Sizes | Paper Sizes
  https://papersizes.io/compare?c1=a&p1=a0&c2=a&p2=a2
• Pocketmod: The Free Recyclable Personal Organizer
  https://pocketmod.com/howto
• Zine machine!
  https://zine-machine.glitch.me
• BookletCreator :: Download
  https://www.bookletcreator.com/download/
• 534455_ad6ffb237afc468da86e74f6bdc07fbf.pdf
  https://714b93b6-8f08-4438-a192-33c8b6312170.filesusr.com/ugd/534455_ad6ffb237afc468da86e74f6bdc07fbf.pdf

Commenter le web de façon ouverte.
Joie d'un Web 2.0 surligné
avec https://hypothes.is
( plutôt que commenté en bas de page )

De nombreux outils + plugins / intégrations :

• https://web.hypothes.is/tools-plug-ins-and-integrations/
  L'API permet d'afficher ailleur, d'exporter ( tel : )
• https://jonudell.info/h/
• https://jonudell.info/h/facet/

#maj #@2023

• J'ai finalement réussi à installer Isso
  ( qui génère un espace commentaire sans tracking )
• testez #comments
• infos / tuto :
  https://liens.vincent-bonnefille.fr/?vbm_vg

AJOUT : /Histre/ (alt)

Une alternative solide pour annoter le web (en couleurs)
On sent un projet +plus solide que @H, peut-être moins ouvert
( on peut exporter ses datas + API mais j'ai pas test )
On peut facilement créer des listes de liens/tags
Partager + Annoter
( le tout de façon automatique (+fluide), sans avoir à activer l'outil dans le navigateur à chaque fois/nouvelle page )

• https://histre.com
• https://news.ycombinator.com/item?id=23573852 ( via )

notes de retours (feedbacks)

Limites d'Hypothèsis
... par défaut un surlignage n'est pas en Public
... il faut ajouter un commentaire pour qu'il le soit

Et...
On peut créer des goupes (privés / publics)
<-- limitation générale
<-- par défaut, meme si on met l'annotation dans le group mondial "Public", l'annotation est par défaut visible uniquement par MOI... on perd un peu' l'intérêt de la chose. Pour passer un "public = visible" on doit annoter chaque surlignage... et passer sa visiblité en Public...
<-- source : https://web.hypothes.is/help/why-are-highlights-private-by-default/

... greate tool

• https://github.com/ravenscroftj/md-hypothesis-sync
  ... not easy API use
• https://h.readthedocs.io/en/latest/api/authorization/
• https://h.readthedocs.io/en/latest/api/using-oauth/#registering-an-oauth-client
  ... installer /h/ #todo #Docker
• https://github.com/hypothesis/h/issues/6014
• https://lyz-code.github.io/blue-book/linux/hypothesis/
• https://h.readthedocs.io/en/latest/developing/install/ #<3

Story

J'ai décidé de l'intégrer {{ici}}
J'utilise aussi...

Android

URL Forwarder
: add "via.hypothesis"
https://boffosocko.com/2020/05/24/a-hack-for-using-hypothes-is-to-annotate-on-mobile/

Web

Firefox

• https://addons.mozilla.org/fr/firefox/search/?q=Hypothes.is&sort=rating&type=extension
  Chromium
• https://chrome.google.com/webstore/detail/hypothesis-web-pdf-annota/bjfhmglciegochdpefhhlphglcehbmek?hl=fr
  ...
  ( si l'extension ne marche pas )
  Userscripts ( add on any pages )
• https://gist.github.com/potter0815/10ebf62d9c94fd58228cf0a3ef0b1615
• https://gist.github.com/AFutureD/7a5674cd515ebb57db7ac5b5bff47049

CORS / SCP

Certains serveurs sécurisent le droit d'accès à leurs ressources...
Ainsi, un autre serveur (ou site / domain / service) n'y aura pas accès
: un point crutiale de #sécurité
. Mais un et limitation / fermeture qui empêche l'interaction libre
: ici, hyp. ne pourra pas s'intégrer ou récupérer des infos...
.! Mais on peut modifier l'entête d'une page web pour contourner sa politique restrictive
Cet article, 2) explique comment

• https://delahera.medium.com/hypothesis-web-annotation-mobile-358db1f9ec46

Autres articles :

• https://web.hypothes.is/blog/integrating-hypothesis-using-ajax-and-cors/
• https://web.hypothes.is/help/overview-of-the-hypothesis-system/

Git

• https://github.com/hypothesis/bouncer
• https://github.com/hypothesis/pdf.js-hypothes.is
• https://github.com/hypothesis/facet

Commenter

( bas de page )
Alternatives à /Disqus/ =

• https://ourcodeworld.com/articles/read/1265/top-7-best-open-source-self-hosted-comment-system-alternatives-to-disqus
  dont : https://supacomments.vercel.app
  dont : https://isso-comments.de
  --> installé ! https://liens.vincent-bonnefille.fr/?vbm_vg

Surligner

( comme sur Médium )
-- JS libraries
Annotations ( 2.0 : coments + highlight ) #todo

• https://www.cssscript.com/text-annotation-highlighting/
  --> http://annotatorjs.org #<3 ( <- this )

"Who is using it?
More than a dozen projects rely on Annotator for their digital annotation needs and many are open source. A few noteables include Hypothes.is, edX, Annotation Studio, and Peer Library. Please checkout our showcase page for a more complete list. "

Surlignage ( sever_side )

• https://mburakerman.github.io/hrjs/

Tufte : SideNotes

Une question similaire à celle des notes de bas de page...
mises en évidence sur le côte / bord du texte (dans la marge)

• https://liens.vincent-bonnefille.fr/?searchtags=tufte

-->

En CSS ça donnerait

• https://edwardtufte.github.io/tufte-css/ #<3 #todo git
• https://codepen.io/cadars/pen/dyXaGdy bof !

+

2 articles #<3

• https://www.gwern.net/Sidenotes
• https://www.arthurperret.fr/blog/2018-12-04-semantique-et-mise-en-forme.html
  --> renvoie à un artil le sur Zotero / BibLatex + #pandoc + #md ( #tuto )
  https://zotero.hypotheses.org/2258

" An atlas of maps and graphic representations of the geographies of the new electronic territories of the Internet, WWW and other emerging Cyberspaces. "

Se représenter Internet(s)
Ses continents, ses îlots
ses en dehors, ses bords

J'étais tombé sur cet atlas il y a quelques années.
Un objet qui raconte le besoin de repères, de limites,
d'image pour voir ces agentivités, ces "instants entre" A et C

L'Atlas du Cyberespace

" The work of #@John_December (www) in charting cyberspace " :

.. qui contient cette topologie (ci après)
par #@Rob_Kitchin en #2002
Une #map_carte d'un cyber-morcellé,
avec ses bouts de logiciels-réseaux isolés,
voire pire, sans GUI / #UX de #cli_bash ..

1. Conceptual Map of Net Spaces - Circa'94 #1994 #1995
   
2. 

   : https://www.december.com/web/text/cyberatlas.html

3. https://www.kitchin.org/wp-content/uploads/2019/04/BSoC-2002.pdf
4. Au souvenir des /Cyclades et autres réseaux émergeants
   

C'est pour moi (1/2/3. topologie/vue du dessus) l'anti- #iceberg .
L'époque où le "online" était un cas particulier...

Une {bulle} suivant https://liens.vincent-bonnefille.fr/?tRE0_g
( sur la durée de vie des protocoles aux petits oignons )
Vous pouvez aussi aller voir l'Atlas Critique (et contemporain, et magnifique) de #@Louise_Drulhe
https://liens.vincent-bonnefille.fr/?Rv_BMw

Coucou
Après l'exposition avec le CAG+
j'ai trouvé un bug sur ma version web :)
sur le #projet_perso #chat_chouquette

Et ce bug : c'est moi
j'avais modifié une fonction de base
ca faisait que quand je modifiais mon code (page index.php) rien n'était pris en compte au chargement de la dite page ( par mon #navigateur_browser et autres visiteurs )
J'ai d'abord crié au complot
Puis au cache de mon navigateur de se vider
À mon hébergeur et serveur FTP de réagir...
J'ai cherché.
...
Et puis j'ai trouvé.
En indiquant l'adresse complete du projet avec index.php dans l'URL (adresse web) ça marchait.
sans je retombais sur une chouquette malade, des bugs
ET cela peu importe le chouquette (le sous dossier de projet)
RSI / Solidaires / Darknets
Toutes ces pages me renvoyaient le même bug ...
...
C'est comme ca que j'ai compris...
Comme cela que je me suis rapellé que par soucis de gain de temps...
J'avais demandé au serveur d'agir tout autrement que comme il devrait par défaut
Que plutôt que de charger le fichier "index" il en charge un autre...
et cela pour tous les sous-dossiers...
...
cut, détail, explications
...
Bref
à faire simple on finit par tout compliquer...
surtout quand on ne documente pas son code.

Suite du log ::

J'ai fini ma journée à mettre à jour le system d'upload de fichiers
(de mes chouquettes) (j'ai pas fini) (maintenant si)
(j'ai décentralisé les pages d'upload/admin pour n'en avoir qu'une à modifier)
(j'ai par contre laissé les chouquettes.index charger leur index.par_défaut)

Ajouts
Restitution des dossiers (par défaut)
Appel des dossier par parameters (?folder=....)
( Finalement non ... pose problème pour une arborescence avec sous-dossiers )
( = choisi un mix' utilisant #htaccess
/dossier/ > index du dossier ... normal
/up.php (fichier vide) > upload.php (centralisé.core) )

Ajout d'un "switch" entre les dossiers listés
Ajout d'une fonction de "lock" sur certains dossiers
MàJ des chemins (changés en centralisant le fichier.index.admin)
Demo
https://vincent-bonnefille.fr/chat-chouquette/RSI/fichiers/01_MOVE_others/up.php

BONUS
Sur ces questions de design/fonction par défaut...
je conseille ce super article (et super site) qui questionne l'usage et de création collective au sujet de l'interface #ftp .. #<3 #! #proto #technique_article

@Etienne_Cliquet
http://003.directory/2001_Esthetique-par-Defaut/ walla #@aR
<- #.dead --> https://web.archive.org/web/20220706050032/http://003.directory/2001_Esthetique-par-Defaut/
A motivé l'écriture de ce petit log/retour d'expérience perso...

( #2024

• https://ashok-khanna.medium.com/beautiful-pdfs-from-html-9a7a3c565404 )

From Print to Ebooks: a Hybrid Publishing Toolkit for the Arts pdf

• paged.js
  publication programmatique
  https://www.pagedmedia.org/a-year-in-the-paginated-world/

• bookdown
  Une référence
  https://bookdown.org

• jupyterbook
  https://jupyterbook.org/index.html

• Laika (re) pandoc alt
  http://planet42.github.io/Laika/0.17/01-about-laika/02-design-goals.html

Git : https://maehr.github.io/awesome-academic-writing/

Academic MD
ALL frontmatter latex_pandoc_md options (geometry, paper, sizes, colors...)

One more
http://www.plaintextadventure.com/ref/KukkMarkdownRef.html

Footnotes on right -->
https://blog.kdheepak.com/pelican-margin-notes-with-pandoc.html
https://edwardtufte.github.io/tufte-css/
#home #tufte
https://jez.io/tufte-pandoc-css/tufte-md/
...
#français #<3
https://www.arthurperret.fr/semantique-et-mise-en-forme.html
#git
https://github.com/jez/tufte-pandoc-css
https://github.com/jez/tufte-pandoc-jekyll
...
Alternative comparaisons
https://www.gwern.net/Sidenotes#sidenotes-js

• Is a situated technology. She has a sense of context and considers herself to be part of an ecology of practices
• Is run for and by a community that cares enough for her in order to make her exist
• Builds on the materiality of software, hardware and the bodies gathered around it
• Opens herself to expose processes, tools, sources, habits, patterns
• Does not strive for seamlessness. Talk of transparency too often signals that something is being made invisible
• Avoids efficiency, ease-of-use, scalability and immediacy because they can be traps
• Knows that networking is actually an awkward, promiscuous and parasitic practice
• Is autonomous in the sense that she decides for her own dependencies
• Radically questions the conditions for serving and service; experiments with changing client-server relations where she can
• Treats network technology as part of a social reality
• Wants networks to be mutable and read-write accessible
• Does not confuse safety with security
• Takes the risk of exposing her insecurity
• Tries hard not to apologize when she is sometimes not available
  .

@viaa https://homebrewserver.club
@viaa http://radical-openness.org/en

1. Museum of #fake Websites
   https://theyesmen.org/fake-websites
   "These are some of the websites in the course of Yes Lab and Yes Men projects, since #1999 , in reverse chronological order."

2. En outre des sites parodiques militant les Yes Men se font connaitre par leur activités comiques mais politiques ( #2001 ~ #2004 + )

Ils usurpent l'identité numérique de sites respectables (au design vernis) comme cheval de trois des organisations méta gouvernementales tel l'OMC. Ils usent d'une légitimité d'apparence.
···
Cette attaque qualifiable de "pot de miel" ( #honeypot ) leur donne accès à l'espace attentionel d'organisations ciblées. Ils abusent en fait du billai cognitif faisant qu'on attribut plus facilement du crédit aux représentants de pouvoir (portant une blouse, professeurs, etc), nous nous laissons prendre par leur aura brillante (Effet Barnum).
...
Leur but final est d'exposer des partisans-alliés de la doctrine libérale à sa caricature. Ils tendent par la même occasion ( le temps limité de leur infiltration ) à éprouver l'élasticité éthique des entreprises : jusqu'où ces organisations sont prêtes à aller pour le profit.

Les Yes Men sont à l'origine de fausses nouvelles, rumeurs (dont la parution d'un journal de nouvelles utopistes reprenant le design du New York Times).

Ils profitent d'une usurpation d'identité de l'entreprise DOW**** pour annoncer sur un plateau télé américain la reconnaissance de cette entreprise pour les dégâts sanitaires, humains et écologiques durant un grave accident. Ils réactivent ainsi cette mémoire et le devoir de réparation : ils re-politisent et réactivent le fait historique trop vite oublié.

• https://oldweb.today/?browser=ruffle#20000101000000/http://www.gatt.org/
  ** https://fr.wikipedia.org/wiki/Honeypot
  * https://fr.wikipedia.org/wiki/Effet_Barnum
  ** https://theyesmen.org/tags/dow
  ------ https://theyesmen.org/project/cnbc
  ----> vidéo : https://www.youtube.com/watch?v=LiWlvBro9eI

Book, Publication, with Onomatopee, #2019

Entrepreneur or precarious worker? These are the terms of a cognitive dissonance that turns everyone’s life into a shaky project in perennial start-up phase. #@Silvio_Lorusso guides us through the entreprecariat, a world where change is natural and healthy, whatever it may bring. A world populated by motivational posters, productivity tools, mobile offices and self-help techniques. “A compelling and relentless j’accuse: debunking the social and political myths that push an increasing number of persons to perform in the entrepreneurship circus — with no safety nets.”
—£ #@Antonio_Casilli , author of En attendant les robots, #2019