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

@Philippe_Borrel de #2019 infos ( prod. #@Arte dist. #@Temps_Noir )

Le site du film https://www.labatailledulibre.org/le-film/
Documentaire au sujet d'initiatives Libristes
NEW 55min, version courte
https://skeptikon.fr/w/1i848Qvi7Q3ytW2uPY8AxG

( parlant de ...

• logiciel libre,
• création de main articulée,
• bio-hacking d'insuline
• ferme verticale,
• semences libres,
• tracteurs aux log. privateurs...
  des #USA à la #@ZAD de NDDL ) autour de ce qui fait la force de ce mouvement politique.social.culturel.

On nous y répète la nécessité de garder les savoirs dans les mains des gens...
et aussi bien dans la bouche de l'/école 41/ de #@Xavier_Niel que dans celle d'un ingénieur ou d'une bénévole de Mozilla #firefox ... le logiciel libre favorise l'innovation. Courtement développé il est question des vaccins.médicaments, des brevets qui y sont accolés.
Un ensemble d'exemples autour des risques pour les libertés individuels avec des objets.savoirs.outils privateurs (et de fait souvent par la même, obsolescents).

En OFF le réalisateur fait mieux le point sur la différence entre Libristes et l'open_source absorbée par le #capitalisme . Il élargie en parlant des mouvements pour la liberté_libertaire et/ou libertariens.

. J'aime bien la cuisine et cette métaphore explicite donnée à un moment :
. Le logiciel libre donne accès à la recette toute entière
. Le logiciel privative, encapsulé, c'est le plat tout préparé, industriel
. . Nous dit un acteur de #@Framasoft dans l'un des FabLab visités.
On y parle bien sûre de Brevets, notamment sur le vivant
Des brevets préventifs, pour bloquer-interdire un usage jusqu'alors possible et commun à une population
Le sujet de la propriété intellectuelle avec un regard périphérique, pas seulement sur les logiciels, où l'on rappelle que libre n'est pas gratuit, que libre n'est pas Open_Source. On nous rappelle que les logiciels libres sont partout.

Ce que je retiens c'est cette idée d'échapper à la prédation privative des connaissances rendues ainsi exclusives...
. Le matin j'écoutais A-t-on besoin d'une carotte? de #@Philoxime ... ca me donne envie de reprendre #todo sur ces question de propriété intellectuelle, de privatif. La première parti parle de #wiki et de son model qui a supplanté d'autres projets financés par le privé.
Le mot d'enclosure (intellectuelle, numérique) a été plusieurs fois utilisé (ici aussi).
Celui d'une encapsulation, d'un retrait de l'accès permettant de poursuivre un processus de création/innovation.

. On comprend bien l'intérêt d'empêcher la concurrence ou l'usager d'avancer librement (sans avoir à payer le produit ou abonnement ou service de réparation/maintenance)
. . La question posée alors est :
. . quelle motivation à innovation.investissement.recherche...
. . si aucun retour sur investissement / plus value ?
. Peut-être le fait de rendre plus libres et accomplis des semblables...
. Peut-être la notoriété, la reconnaissance, le sentiment de bien agir.faire.être ?...

/ Plusieurs films dans le film, un large panel d'activités humaines certaines du bien fondé des communs....
/ Un #@Richard_Stallman et #@Vandana_Shiva comme figures iconiques.
/ On retrouve aussi #@Lionel_Maurel : https://peertube.fr/w/oyqRXf3E2cfPJVP8Dj8weF

" Un front-end alternatif à YouTube "
{ Cette bulle.lien } pointe vers l'instance de la #@FDN ( #collectif #FAI )
: FDN (French Data Network) "est un fournisseur d'accès à Internet associatif."

SOMMAIRE :

• Peertube : YT en P2P !
• Points forts d'Invidious
• Une instance comme royaume
• BONUS 1 : redirections
• BONUS 2 : plus rapide
• BONUS 3 : sur Android
• Aller plus loin, autre

Peertube : YT en P2P !
On pourrait aussi parler de PeerTube
YT en P2P (et sans pub) avec #self_host_hébergement !

• ex : https://skeptikon.fr !
• ex : La battaille du libre =
  https://peertube.fr/w/47e8c64d-234f-4b73-a3db-25eec1a88f43 -- Bulle

... Mais bon, {ici} je voulais parler de Invidious ...

Points forts d'Invidious

• Invidious c'est #youtube sans le tracking / pub ( avec #anonymat ) et donc :

• ça reste du contenu YT, avec son économie de l' #attention #24sur7 ...
• contourner cette économie ça pose la même question qu'avec /AdBlock/ : celle de la rétribution pour la création de contenus
• : on accède aux contenus sans pub ni comptage de visibilité : ça rétribue sans doute moins les créatrices.créateurs de contenus nourri.e.s par l'algo-récompense de YT .

• : en creux ça pose la question de l'engagement et vote par visionnage (traitée ici)

Mais aussi : une expérience plus fluide

C'est comme les versions "refontes" de #facebook ...
Quand y a pas de scripts de trakings, cette tonne de javascripts...
Ça charge beaucoup plus vite
( cf. BONUS 2 )

Une instance comme royaume

• Invidious est un projet facile à héberger...
  : ouvrez votre propre instance !
  https://github.com/iv-org/invidious

• Une instance : administration propre

• Bien d'autres instances existent ...
  http://invidio.us
  https://solmu.org/pub/misc/invidio.html
  https://www.thailinux.com/invidious.html

BONUS 1 : redirections

Bien entendu des addons.modules.extensions peuvent vous aider...
https://addons.mozilla.org/fr/firefox/search/?q=invidious
Vous pouvez aussi modifier les fonctions de votre navigateur / pages consultées à l'aide de scripts utilisateurs (qui font à peu près la même chose ( avec cet avantage d'être faciles à modifier dans le texte.code )) :

Pour (auto)rediriger vos liens/fenêtres youtube --> Invidious (instance à configurer)
Vous pouvez installer des scripts pour modifier les pages web qui pointent vers du contenu YT... avec ce gestionnaire de scripts : violent monkey ou grease monkey puis ::

• script : youtube-to-invidious remplace tous les liens/vidéos du web vers votre instance
  ( Mais une page YT ouverte n'est pas redirigée par défaut : permet d'accéder à YT où l'on trouvera un bouton pour, si on veut, se rediriger )

• script : invidious-redirect : redirection d'URL YT --> votre instance favorite...

BONUS 2 : plus rapide (No javascript)

Charger les pages super plus vite sans tous ces scripts...
( peut retirer de l'interaction mais ramène à un web plus saint, plus léger, celui d'une époque où textes et images suffisaient pour faire du contenu hyperlié #pré_internet )

On peut ajouter des briques.modules.extensions à nos navigateurs pour leur demander de ne pas autoriser.charger les scripts de base : par défaut .
On peut aussi demander à nos navigateurs de ne pas les charger du tout (depuis les préférences) mais la gestion y est pénible si on veut pouvoir les autoriser.charger à la demande (d'une page.site à l'autre)

• Vous pouvez essayer https://noscript.net
  qui bloque les scripts de toutes les pages (avec listes blanches)
  ( un module.addon qu'on retrouve embarqué par défaut dans le #navigateur_browser #tor basé sur #firefox )
  : Ne pas avoir des pages qui cherchent à interagir en lançant du code "ré.actif" est un moyen de sécuriser sa navigation.

• En alternative :
  https://addons.mozilla.org/en-US/firefox/addon/script-blocker-ultimate/
  ( à tester pour le croire, toujours rester vigilante.vigilant ! )

BONUS 3 : sur Android
Ça marche aussi pour Twitter, Instagram, Facebook...
Il existe des clones.alternatives libres/open_source respectant mieux votre vie_privée...
https://f-droid.org/fr/packages/app.fedilab.nitterizeme/
UntrackMe vous aide à opérer les redirections de liens (vers vos instances favorites)

Aller plus loin, autre
Un (très bon) article à ce sujet de la part de #@serveur410
https://serveur410.com/youtube-music-sans-tracking-et-sans-compte-google/

Sujet central : #veille_RSS

TOC : Table of content
TDM : Table des matières

• Service perso, alternative à {ce} RSS_Finder
• Un RSS_finder à quoi ça sert ?
• Pourquoi j'aime tant les flux RSS libres ?

  • Free.Culture, pourquoi les flux RSS ?
  • Comment on s'abonne ?

    • Cela permet de ne rien louper de tes sites préférés !

      • Old School ?
      • Mon web, mon temps, mon #attention
      • Exemple ici même
      • Une page n'a juste aucun Flux ? Nada ?
      • S'abonner par mail
      • Alternatives au RSS_Finder ?

Service perso, alternative à {ce} RSS_Finder

( c'est cadeau #projet_perso )
https://node.vincent-bonnefille.fr/rss_finder
( en #nodejs, npm : feed-finder )

Un RSS_finder à quoi ça sert ?

"RSS finder" on peut le traduire par "trouveur de flux RSS"

/Ayrshare/ {voir lien vers leur site} propose {ici} un outil pour retrouver les flux RSS d'un site auquel on voudrait s'abonner. Mais dont l'adresse (du flux) n'a pas été fièrement mise en avant sur la page web du blog/site en question... du coup, ça demande de fouiller, de chercher par soi-même, et c'est souvent décourageant.

Pourquoi j'aime tant les flux RSS libres ?

Trouver un flux à la main c'est possible (mais pas toujours facile)
Et si c'est pas facile ça me décourage d'utiliser ce moyen et transport d'information décentralisé.

On veut s'abonner vite fait : on veut l'information libre
On veut s'abonner aux derniers articles postés
...sans passer par un agrégateur non neutre, partisan, comme l'est #facebook et autres services d'abonnements (à des amis_produits)/

Free.Culture, pourquoi les flux RSS ?

Ils sont très utiles pour récupérer les infos-articles-news d'un (b)log

Cela permet donc d'extraire du contenu rendu lisible dans un format plus léger (sans mise en page ou scripts)
à l'état de textes-images qui pourront être lus-vus-sauvegardés ailleurs, librement
C'est toute la philosophie de l'information libre #copy.free_culture
Du web 2.0 qui en multipliant les points d'émission (blogs) a du trouver des moyens de rassembler ces points d'accès décentralisés, éparpillés sur la toile.
Y retourner c'est faire valoir cette décentralité comprise comme autonomie des autoroutes du web...
#d_centralisation

Comment on s'abonne ?

Ces flux auxquels tu t'abonnes, tu les reçois ensuite...
dans un agrégateur de flux RSS
Un "agrégateur" ça agrège, ça met ensemble, ça réuni

C'est facile à installer, et ça fonctionne comme un journal de nouvelles
avec une interface où tu retrouves plusieurs rubriques.tiroirs.listes
Les nouveaux articles publiés par les sites/blogs

• dans la rubrique "non-lus"
  une fois lus.parcourus ils sont indiqués comme lus
  comme ça on ne les lis qu'une fois
  (et si le sujet nous intéresse pas on l'indique comme "lu" ou on passe au prochain)
  ...
• une rubrique "lus"
• une rubrique avec tes "favoris" "sauvegardés" "mis de côté"...
  faciles à retrouver plus tard.

Cela permet de ne rien louper de tes sites préférés !

( les flux sont légers
c'est parfait pour lire sans trop consommer de données )
Tu peux les lire dans les transports,
Sur ton portable ou ton ordi !

Moi j'utilise /FreshRSS/
http://rss.vincent-bonnefille.fr

Old School ?

C'est l’ancêtre du "wall" traité par algorithme
(qui lui te regardes quand tu lis et te /nudge/ tranquille)
Un outil de diffusion ouverte entre producteurs de contenu
et lecteurs... inventé entre autre par #@Aaron_Swartz

Mon web, mon temps, mon #attention

Quand tu quittes facebook et autres #GAFAM_NATU
mais que tu veux garder le courant avec les acteurs_auteurs
(qui vivaient bien, à l'ère du blog et son web antisocial)
les flux émis par les sites et auxquels tu t'abonnes
t'arrivent de nouveau sans filtres, sans tri .

Ma veille re-devient vivable, moins boulimique
Je sais ce que je mange, je peux trier, stopper, reprendre...
Ya pas de #ads_tracking (ou moins)

#ActivityPub et fédérations de contenus (pour aller plus loin, aujourd'hui).
Interopérabilité c'est penser ouverture d'accès aux contenus que je produis tout en permettant de les utiliser plus tard dans un autre environnement (application/site) de le quitter sans tout perdre. Cette capacité est toute relative quand on est sur un site de centralisation comme #facebook

Exemple ici même

{ Ce site, ici, là } génère un flux de toutes les bulles_liens
comme autant d'articles, de façon chronologique.
Ou par tag tel '!' = important
https://liens.vincent-bonnefille.fr/?do=atom&searchtags=!
Merci #shaarli !

Une page n'a juste aucun Flux ? Nada ?

Créez en un de en découpant les éléments que vous voulez aspirer d'un site (vers votre lecteur RSS)
J'utilise :
https://politepol.com
observe périodiquement si la page d'un site 'statique' de votre choix a changée...
vous pouvez selectioner les éléments de la page à intégrer dans un flux RSS
( que politepol gère et génère )
Exemple ma liste de mots #wiki
https://vincent-bonnefille.fr/index/wiki/liste/
https://politepol.com/fd/WBKi8qbhKwTv

S'abonner par mail

via https://jlelse.blog/links/2021/03/rssbyemail
ce service semble fonctionner pour FWD un flux RSS par mail
https://rssby.email

Alternatives au RSS_Finder ?

. J'ai trouvé https://github.com/webignition/website-rss-feed-finder
. Il y en a sûrement d'autre que je pourrais héberger

D'autres outils peuvent aider (sur Firefox ou ailleurs)
https://addons.mozilla.org/fr/firefox/addon/awesome-rss/?utm_source=addons.mozilla.org&utm_medium=referral&utm_content=search

Installation #self_host_hébergement #todo_done

https://www.npmjs.com/package/feed-finder #nodejs

"Firefox a annoncé un nouveau partenariat avec NextDNS pour fournir aux utilisateurs de Firefox des services privés et sécurisés de DNS (Domain Name System) via son programme Trusted Recursive Resolver."

... note que Cloudflare est de la partie 1.1.1... lire à ce sujet https://www.nextinpact.com/article/30142/108783-dns-over-https-pour-stephane-bortzmeyer-diable-est-dans-details

Youpi un nouveau DNS sécurisant avec filtres anti-pubs/trakers/porn...
avec du DoH / DoT pour crypter ce qui passe dans les tuyaux
( au niveau du DNS qui convertit mon adresse URL lisible et mémorisable,
un nom de domaine, en adresse IP unique sur le réseau
attribuée à une machine_serveur et ses données (pages du site demandé) )

Je cherchais un DNS avec filtre anti-pub intégré (à la place du bon Adaway) #ads_tracking pour mettre sur mon Android à l'aide de Nebulo 💖

... et NextDNS fait la pub pour handshake dont leur service propose de résoudre (nous permettant d'y acéder) (joie)
... NextDNS qui est donc un autre DNS décentralisé prométant monts et merveille avec son token magique ... pour moi c'est, encore une fois, la possiblité d'accéder à des lieux autrement impossibles. Des heures de bidouille qui s'ouvrent à moi, de compromis (temporaires), d'acharnement numérique. #todo
Vennant concurencer le DNS de Google, CloudFlare, Quad9...
Des services qui ont ainsi acces à nos requêtes DNS...

L'attribution d'adresses URL, de noms de domaines est centrale dans le dévellopement d'une existance en ligne.
C'est l'un des derniers endroits par lesquels je suis dépendant d'une hébergeur comme OVH pour acheter et renouveller ma propriété sur le nom de domaine "vincent-bonnefille.fr". ( un frien dans mon projet #self_host_hébergement )
Je dois passer par un Registar.
La plupart de "darknets" viennent avec une modalité de résolution de leurs adresses URL spécifiquement accessibles par leur protocol. Des TLD exotiques... comme autant de portes à pousser.

Lokinet .loki
Tor .onion
i2p .eepsite
data .dat
les dht: de #dn_ScuttleButt ...
à partir de l'identification unique sur le réseau de vortre machine une adresse lui est attribuée et elle devient ainsi joignable (ce qui lui permet d'afficher un site web ou tout autre chose)

Bref un nouveau #dns c'est un retour aux sources et à mes premières lectures de recherche
(intéressé au perfectionement technique par la critique de l'existant, dépassé, perfectible...
autant que par les processus de crétaion eux même { à l'origine de normes informatiques et d'autre nature })
...
parmis ces lectures, un petit bonbon :
Cooking With Onions: Names for your onions | Tor Blog #2017 💖
https://blog.torproject.org/cooking-onions-names-your-onions
https://liens.vincent-bonnefille.fr/?geTQFQ #référence
...
Hadshake, m'a fait pensé à :
NOIA-net par Syntropynet (qui se présente comme une solution blockchaine pour les BGP (qui sevent à trouver le chemin le plus court entre deux machines en réseau, via Internet))
https://liens.vincent-bonnefille.fr/?u2e5KA

"Handshake" #glossaire_notion
https://www.encirca.com/your-guide-to-handshake-crypto/
https://medium.com/tokendaily/handshake-ens-and-decentralized-naming-services-explained-2e69a1ca1313
... littéralement "serrage de main" ou "établissement d'une liaison", initie la rencontre entre deux machnines wiki, c'est le cas lors d'une connexion #ftp ou encore #ssh ...
...
#fun : "Epic Handshake" avec Arnold Schwarzenegger dans Predator de 1987.
...
/HandShake/ c'est aussi :
" Decentralized naming and certificate authority
An experimental peer-to-peer root naming system. " #P2P #DNS

Nous sommes une initiative axée sur les droits des utilisateurs pour évaluer et classer les conditions et les politiques de confidentialité, allant d'Excellent Classe A à Très Mauvais Classe E.

Les Conditions d'Utilisation sont souvent trop longues à lire, mais c'est important de comprendre ce qu'il s'y trouve. Vos droits sur le web en dépendent. Nous espérons que nos classements vous aideront à rester informé sur vos droits. N'hésitez pas à cliquer sur un service ci-dessous, pour avoir plus de détails! Vous pouvez également trouver les classements directement sur votre navigateur en installant notre extension Firefox Chrome ...