lives: création de la section lives

crée la section des *lives*, avec le player pour la diffusion au sommet
de chaque page, que ce soit l'accueil de la section ou les différents
billets. suppose de surcharger certains *templates* et fichier *scss*.
ajoute également le fichier javascript pour le bouton on/off du player.
déplace les différents billets dans la nouvelle section.

mets à jour le thème pour quelques modifications mineures.

Co-Authored-by: iGor milhit <igor@milhit.ch>

.gitignore

@@ -5,3 +5,4 @@ __pycache__
 # Hugo
 /public/
 /resources/_gen/
+.hugo_build.lock

assets/scss/_stream.scss

@@ -0,0 +1,43 @@
+// The following rules are styling the stream player
+// that I'm using on top of live section pages.
+// It doesn't belong to the theme, but to my website
+// so it is here.
+
+@use "@picocss/pico/scss/colors/index" as *;
+
+.stream {
+  .status-player {
+    display: flex;
+
+    audio {
+      border-radius: 0 var(--pico-border-radius) var(--pico-border-radius) 0;
+    }
+  }
+}
+
+// Rules used by the off and on classes below
+@mixin status {
+  display: flex;
+  border-radius: var(--pico-border-radius) 0 0 var(--pico-border-radius);
+  flex-grow: 1;
+  flex-direction: column;
+  justify-content: space-around;
+  text-transform: uppercase;
+  font-weight: bold;
+  text-align: center;
+  padding: 0 calc(var(--pico-spacing)/2);
+  margin: 0;
+  color: $grey-50;
+}
+
+.off {
+  @include status;
+  background-color: $red-500;
+}
+
+.on {
+  @include status;
+  background-color: $green-500;
+}
+
+// End of the stream section

assets/scss/main.scss

@@ -0,0 +1,20 @@
+////////////////////
+//                //
+//    Includes    //
+//                //
+////////////////////
+
+// Overwrite the main SCSS theme file
+// to add the stream rules that doesn't belong
+// to the theme.
+
+@use "picocss";     /* The pico css framework, customized */
+@use "fonts";       /* The font face and fonts settings */
+@use "variables";   /* Overrides the pico css variables and sets others */
+@use "layout";      /* Main structure display */
+@use "header";
+@use "footer";
+@use "lists";       /* Lists, post-infos, posts-lists */
+@use "medias";      /* Audio, streams, figures, post-images */
+@use "stream";      /* Specific to the stream player */
+@use "texts";

config.toml

@@ -1,112 +0,0 @@
-baseURL = "https://igor.milhit.ch/"
-DefaultContentLanguage = "fr"
-title = "iGor milhit"
-
-theme = "portfoliGor"
-enableGitInfo = true
-paginate = 0
-
-[security]
-  enableInlineShortcodes = false
-  [security.exec]
-    allow = [
-    '^dart-sass-embedded$',
-    '^git$',
-    '^go$',
-    '^npx$',
-    '^sass$',
-    '^postcss$',
-    '^pandoc$',
-    '^nvim$']
-    osEnv = ['(?i)^(PATH|PATHEXT|APPDATA|TMP|TEMP|TERM)$']
-  [security.funcs]
-    getenv = ['^HUGO_']
-  [security.http]
-    methods = ['(?i)GET|POST']
-    urls = ['.*']
-
-[menu]
-[[menu.main]]
-  identifier = 'blog'
-  name = 'Blog'
-  title = 'La section blog'
-  url = '/blog/'
-  weight = 0
-[[menu.main]]
-  identifier = 'à-propos'
-  name = 'À propos'
-  title = 'À propos de ce site web'
-  url = '/à-propos/'
-  weight = -20
-[[menu.main]]
-  identifier = 'contacts'
-  name = 'Contacts'
-  title = 'Me contacter'
-  url = '/#online'
-  weight = 10
-[[menu.footer]]
-  identifier = 'credits'
-  name = "Crédits"
-  url = "/à-propos/#crédits"
-  weight = -100
-[[menu.footer]]
-  identifier = 'sources'
-  name = "Sources"
-  title = "Sources du site"
-  url = "https://git.milhit.ch/igor/igor.milhit"
-  weight = 20
-[[menu.footer]]
-  identifier = 'licence'
-  name = "cc-by"
-  title = "Licence Creative Commons By 4.0"
-  url = "http://creativecommons.org/licenses/by/4.0/"
-  weight = 10
-
-[permalinks]
-    posts = ":slug"
-    blog = ":slug"
-
-[frontmatter]
-date = ["date", "publishDate"]
-lastmod = [":git", "lastmod"]
-
-[markup.goldmark.renderer]
-unsafe= true
-
-[params]
-
-    Description = "Site web personnel d'iGor milhit."
-    Image = "mySite.jpg"
-    ImageDescription = "Portrait de mouton aux couleurs sepia."
-
-    [params.author]
-      name = "iGor milhit"
-      email = "igor@milhit.ch"
-
-    [params.siteSources]
-    # Git repository of the website
-    url = "https://git.milhit.ch/igor/igor.milhit"
-    # Which kind of git forge is it? GitHub, a Gitlab instance, a Gitea intance?
-    type = "gitea"        # github, gitlab, gitea
-
-    # Professional contact data
-    [params.contactsPro]
-    address = "Rue Michel-Servet 1, 1211 Genève 4"
-    phone = "+41 22 379 59 30"
-    email = "igor.milhit@unige.ch"
-    # publickey = ""
-    # fingerprint = ""
-
-    # Personal contact data
-    [params.contactsPriv]
-    address = "Ch. des Clochettes 16, 1206 Genève"
-    mobile = "+41 76 552 80 59"
-    email = "igor@milhit.ch"
-    publickey = "igor-milhit-pub.asc"
-    fingerprint = "843D 0CB6 A576 D7BE 4BF6 A63B 692D 97C3 D022 8A99"
-    xmpp = "igor@milhit.ch"
-    cv = "cv-igor-milhit.pdf"
-
-    # Web accounts
-    [params.online]
-    git = "https://git.milhit.ch/igor"

content/_index.md

@@ -29,8 +29,9 @@ le cadre de formations.
 
 ### Jusqu'ici
 
-De métier, je suis <span itemprop="jobTitle">*Spécialiste {{< smallcaps "hes"
+De métier, je suis <span itemprop="jobTitle">*Spécialiste
->}} en information documentaire*</span>, ce que je traduirais volontiers par
+{{< smallcaps "hes" >}}
+en information documentaire*</span>, ce que je traduirais volontiers par
 *artisan en sciences de l’information*, afin de souligner que les travailleurs
 et travailleuses *incarnent* des savoir-faire construits patiemment. Plus
 précisément, la filière que j‘ai suivie formait des archivistes,

content/blog/1st-live-au-picotin.md

@@ -1,66 +0,0 @@
----
-title: "Panne au Picotin (et live)"
-date: 2024-10-10T17:16:59+02:00
-publishDate: 2024-10-11
-draft: false
-categories: ["musique"]
-tags: ["streaming", "listening", "live"]
-slug: panne-au-picotin
----
-
-La panne. C'est [un texte, ou plusieurs textes][0], ou peut-être une œuvre, enfin un
-objet littéraire qui pourrait s'identifier, d'ailleurs il a un *nôteur* et
-certainement même des ayant-tous-les-droits. Bref, il a ses papiers, ce
-texte. Et même sa bande de fréquence radio.
-
-Et un ami se l'approprie, afin de mieux le partager. C'est suspect. Et comme ça
-se passe à table, ce sera au [Picotin][1], en haut sur la colline de
-Saint-Jean, à Genève. Le 26 octobre, en soirée ([tract en PDF][2]).
-
-{{< figure src="/images/panne-affiche.jpg"
-    caption="Affiche du spectacle montrant l'interprète couché sur le bar."
-    link="/documents/panne-affiche.pdf">}}
-
-Il est de tradition que l'assemblée fête et danse après les représentations de
-l'interprète. Ce dernier m'a demandé de venir passer des disques, sous le blase
-de *i.m.x*. J'y trimballe donc mes tourne-galettes, ma table de mixage, une
-sélection de galettes (c'est frustrant et source de créativité de choisir, se
-frotter au réel, qui pèse), quelques câbles… et mon laptop.
-
-&mdash; Un ordinateur sur cuisses ? Mais pourquoi faire ? \
-&mdash; Pour streamer sur les internets ! \
-&mdash; 🧐 ? \
-&mdash; Oui, diffuser via le web, quoi.
-
-Aussi, tu pourras écouter en direct la musique qui passe au Picotin, mais sans
-le brouhaha des gens qui parlent, crient, dansent dans la salle, on peut pas
-tout avoir. Tout ça sur [id-libre.org/live][3] ou avec le lecteur ci-dessous
-(mais qui ne dispose pas de bouton on/off pour savoir si le flux est « *on
-fiber* » ou pas[^1]) :
-
-{{< stream legend="1st live depuis Le Picotin (mais le 9th en tout)" >}}
-
-La partie musicale devrait commencer autour de 21h30, peut-être un poil avant,
-peut-être un cheveu plus tard, comment savoir ? Et plus tard, si tout se passe
-bien, on devrait pouvoir disposer de l'enregistrement et même de la liste des
-titres.
-
-Si tu es sur Genève ce soir là, tu pourrais même passer en chair et en os
-(et en textile) au Picotin à partir de 21h30, boire un truc et apprécier
-l'ambiance. Avant c'est pas possible, c'est déjà plein comme un œuf, alors
-qu'ensuite on pousse les tables et on se sardine.
-
-Mais attention, à 23h30 tout le monde se prépare à la métamorphose en
-citrouille.
-
-Bref, malgré le stress de cette première pour moi, je me réjouis !
-
-<!-- références -->
-
-[0]: https://fr.wikipedia.org/wiki/La_Panne_(Dürrenmatt)
-[1]: https://lepicotin.ch
-[2]: /documents/panne-affiche.pdf
-[3]: https://id-libre.org/live
-
-[^1]: On n'est pas à l'abri de problème technique, vu le contexte. Si ça ne
-marche pas, recharge la page, et peut-être que ça ne marche quand même pas.

content/blog/_index.md

@@ -4,5 +4,10 @@ date: 2019-09-01T07:52:46+02:00
 draft: false
 ---
 
-Voici la liste des billets récemments publiés sur ce blog :
+Ci-dessous, la liste des billets publiés sur ce blog. Attention, une nouvelle
+section a été crée pour les [*lives*][1], et certains billets ont donc été
+déplacés.
 
+<!-- références -->
+
+[1]: /lives

content/blog/octobre-que-de-l-opprobe.md

@@ -0,0 +1,78 @@
+---
+title: "Octobre, que de l'opprobe"
+date: 2024-10-30T11:54:40+01:00
+draft: false
+categories: ["explorations"]
+tags: ["veille", "liens"]
+slug: octobre-que-de-l-opprobe
+---
+
+[*À mon ami*][1]. Un texte assez long qui est un échange de lettres entre deux
+amis, dont l'un, l'auteur du texte, est un militant du collectif *Tsedek !*,
+collectif qui porte une voix juive décoloniale. Il y a plusieurs textes de ce
+site qui méritent d'être lus, et celui-ci en fait partie. Justement parce
+qu'il y a cet échange, avec toutes ses limites. Mais, je n'ai pas envie, ou pas
+le courage, d'en dire plus. (2024-10-11)
+
+[*Le génocide invisible*][2]. Un autre texte conséquent, ici de Mona Chollet.
+J'ai toujours trouvé ses textes sur la Palestine très juste. Et c'est le cas
+une fois de plus. Un texte particulièrement dur, à la hauteur de
+l'Histoire[^1]. Ma « culture », ma « civilisation », « mon » camp, selon
+comment tu voudras le nommer, n'est plus à la hauteur de rien du tout, n'en
+finit plus de ne plus être crédible, si elle l'a jamais été. Et ne le sera
+vraisemblablement jamais. Sauf à se transformer, chaque molécule, chaque atome
+d'idée. Je suis plutôt pour ce travail. (2024-10-15)
+
+*Le cordon sanitaire : LA solution contre l'extrême droite ?* ([sur
+skeptikon][3] ou [sur Youtube][7]). Une vidéo de Philoxime qui revient sur
+l'expérience de cordon sanitaire pour lutter contre l'extrême droite en
+Belgique, ou plus précisément en Belgique francophone, avec un succès relatif,
+ou certain. Vu de France ou de Suisse, où c'est le premier parti depuis des
+décennies, c'est plutôt un succès certain. Comme souvent, pose les bonnes
+questions et essaie d'y répondre avec la philosophie contemporaine, avec les
+qualités et les limites qui vont avec. (2024-10-15)
+
+[*Both Democrats and Republicans can pass the ideological Turing Test*][4]. Il
+faut que je reprenne tranquillement la lecture de cet article, mais j'ai trouvé
+l'idée intéressante : est-ce que je serais capable de me faire passer pour
+quelqu'un de l'autre bord politique, par exemple un militant {{< smallcaps
+"udc">}}, ou {{< smallcaps "plr" >}}, ou du « Centre », ou encore des Verts
+Libéraux ? Après tout, est-ce que je suis vraiment capable de me faire passer
+pour un militant d'un parti moins éloigné de ma sensibilité, comme un
+socialiste ou un vert ? (2024-10-24)
+
+[*Guerre d'Algérie : Le Pen, le fascisme français et la matrice coloniale*][5].
+Un épisode du podcast *Minuit dans le siècle* (excellent podcast). Ça me
+rappelle la lecture de [*La Guerre civile en France*][6]. Ce qui souligne une
+fois de plus à quel point la période coloniale est centrale pour comprendre
+notre présent, que ce soit le fascisme en France ou en Israël. Mais pas
+seulement, on peut penser au racisme en Suisse, à la forme particulière de
+structure économique de ce même pays, par exemple. (2024-10-28)
+
+[*Géopolitique de l'état d'exception*][8]. Un billet de blog qui offre un
+compte rendu de lecture dense et passionnant sur un livre d'une juriste et
+politiste qu'on peut voir souvent en ce moment, et de manière assez pertinente.
+En effet, elle montre dans un précédent livre que la dictature n'est pas
+forcément le contraire de la démocratie (représentative et libérale, du moins),
+ce qui est passablement utile pour comprendre une bonne part des régimes
+occidentaux actuels. Et dans le livre dont il est question ici, il s'agit
+plutôt, grâce à un retour historique, de montrer que l'état d'exception n'est
+pas une anomalie dans la conception libérale de l'État de droit, mais plutôt
+son complément, afin de décliner, bien bourgeoisement, un régime pour les
+dominants et un régime pour les dominés, c'est bien normal, non ? Deux livres
+de plus dans ma liste des « à lire ». (2024-10-30)
+
+<!-- références -->
+
+[^1]: Je ne mets que très rarement des majuscules en français, par exemple
+presque jamais pour les gentilés. Mais parfois, c'est difficile de faire
+autrement.
+
+[1]: https://tsedek.fr/2024/10/11/a-mon-ami/
+[2]: https://www.la-meridienne.info/Le-genocide-invisible
+[3]: https://skeptikon.fr/w/fo7KiQQWEqM6BPEh1ZjTNw
+[4]: https://www.experimental-history.com/p/ideological-turing-test
+[5]: https://spectremedia.org/podcast/la-matrice-coloniale-le-pen-et-le-fascisme-francais/?episode=1918
+[6]: la-guerre-civile-en-France
+[7]: https://www.youtube.com/watch?v=c3RMr-ZvHG0
+[8]: https://blog.ecologie-politique.eu/post/Geopolitique-de-l-etat-d-exception

content/lives/1st-live-au-picotin.md

@@ -0,0 +1,131 @@
+---
+title: "Panne au Picotin (et live)"
+date: 2024-10-10T17:16:59+02:00
+publishDate: 2024-10-11
+draft: false
+categories: ["musique"]
+tags: ["streaming", "listening", "live"]
+slug: panne-au-picotin
+markup: pandoc
+---
+
+*Mise à jour*
+
+Le 9ᵉ *live* a été publié sur [id-libre][4], avec sa liste de morceaux. Je vais
+peut-être écrire un billet pour détailler un peu mon impression de cette
+expérience, mais je peux déjà dire que si je me suis bien amusé, la gestion du
+volume laisse à désirer (pas mal de saturation) et c'est moins simple d'être
+précis dans ce genre de contexte. 😅
+
+{{< published src="https://id-libre.org/audio/9th-live" legend="Live au Picotin" >}}
+
+:::{.tracklist}
+1. `00:00:00` Gute Nacht (From Schubert) (Rodolphe Burger, Psychopharmaka)
+1. `00:03:32` Turkish Mambo (Lennie Tristano, Requiem)
+1. `00:06:52` Danse of the Living Image (Sun Ra, The Night of the Purple
+   Moon)
+1. `00:11:26` The Dealer (Chico Hamilton, The Dealer)
+1. `00:17:29` Brasilliance (Duke Ellington, Latin American Suite)
+1. `00:22:22` Also spach Zarathustra (2001) (Deodato)
+1. `00:27:22` Toe Fat (Ghettozone) (Beat Konducta, Beat Konducta vol. 2:
+   Movies Scenes, The Sequel)
+1. `00:29:02` Night Driver (Dennis Farnon, The Library Archive)
+1. `00:32:02` The Grunt (The J.B.'s, These are the J.B.'s)
+1. `00:35:13` The Diesel (Will Sessions, Deluxe)
+1. `00:41:03` Soap Guillotine (Madlib, Rock Konducta Part 1)
+1. `00:42:51` Junk Joint (Oh No, Ethiopium)
+1. `00:44:03` Cha Cha (Mulatu Astatke, The Heliocentrics, Inspiration
+   Information)
+1. `00:48:18` Dia Barani (Arat Kilo, Mamani Keita, Mike Ladd, Visions of
+   Selam)
+1. `00:52:22` Kamalinya (Bamba Wassoulou Groove, Dankélé)
+1. `00:56:29` Sunken Wrecks (Owiny Sigoma Band, Power Punch)
+1. `00:59:08` Taiwasho (Ajate, Abrada)
+1. `01:04:39` Sare Kon Kon (Antibalas)
+1. `01:11:49` Shuffering and Shmiling (Keziah Jones, The African Anarchist
+   Corp. E.P.
+1. `01:15:11` No Agreement (Fela Kuti)
+1. `01:19:20` Zug (Megaloh, feat. Tony Allen, Regenmacher Afrobeat Session)
+1. `01:23:08` Girls Wanna Have Fun (Yasmo & Die Klangkantine)
+1. `01:26:41` African Walk (Zamunda) (Beat Konducta, Beat Konducta Vol. 2:
+   Movies Scenes, The Sequel)
+1. `01:27:56` Let Me Be Great ft. Anélique Kidjo (Sampa The Great, So Below)
+1. `01:31:45` Je suis africain (Rachid Taha, Je suis africain)
+1. `01:35:22` Imarhan (Imarhan)
+1. `01:39:16` Kahl El Inin (Ammar 808, Maghreb United)
+1. `01:42:35` Megapunk (Ela Minus)
+1. `01:45:39` Nuclear Si (Aviador Dro, in La Contra Ola)
+1. `01:48:35` Ghost Rider (Suicide)
+1. `01:51:04` Wild (J Dilla, Ruff Draft)
+1. `01:53:22` Champion Sound (Jaylib, Champion Sound)
+1. `01:55:32` Move Part 2 (Oh No feat. Roc C in Stones Throw 10 x 45)
+1. `01:59:19` Water or Bread (Raining) (Madlib, Rock Konducta 45)
+1. `02:01:12` Paint it Black (The Rolling Stones)
+1. `02:04:27` Living for the City (The Dirtbombs, Ultraglide in Black)
+1. `02:07:14` La marque de la chaine (Zone Libre, Casey, B. James, Les contes
+   du chaos)
+1. `02:10:23` T.R.A.B.S. (Little Barrie & Malcolm Catto, Quatermass Seven)
+1. `02:14:09` The Uncertainty Principle (The Heliocentrics, A World of
+   Masks)
+1. `02:19:19` The Wanderer feat. Johnny Cash (U2, Zooropa)
+:::
+
+---
+
+La panne. C'est [un texte, ou plusieurs textes][0], ou peut-être une œuvre, enfin un
+objet littéraire qui pourrait s'identifier, d'ailleurs il a un *nôteur* et
+certainement même des ayant-tous-les-droits. Bref, il a ses papiers, ce
+texte. Et même sa bande de fréquence radio.
+
+Et un ami se l'approprie, afin de mieux le partager. C'est suspect. Et comme ça
+se passe à table, ce sera au [Picotin][1], en haut sur la colline de
+Saint-Jean, à Genève. Le 26 octobre, en soirée ([tract en PDF][2]).
+
+{{< figure src="/images/panne-affiche.jpg"
+    caption="Affiche du spectacle montrant l'interprète couché sur le bar."
+    link="/documents/panne-affiche.pdf">}}
+
+Il est de tradition que l'assemblée fête et danse après les représentations de
+l'interprète. Ce dernier m'a demandé de venir passer des disques, sous le blase
+de *i.m.x*. J'y trimballe donc mes tourne-galettes, ma table de mixage, une
+sélection de galettes (c'est frustrant et source de créativité de choisir, se
+frotter au réel, qui pèse), quelques câbles… et mon laptop.
+
+&mdash; Un ordinateur sur cuisses ? Mais pourquoi faire ? \
+&mdash; Pour streamer sur les internets ! \
+&mdash; 🧐 ? \
+&mdash; Oui, diffuser via le web, quoi.
+
+Aussi, tu pourras écouter en direct la musique qui passe au Picotin, mais sans
+le brouhaha des gens qui parlent, crient, dansent dans la salle, on peut pas
+tout avoir. Tout ça sur [id-libre.org/live][3] ou avec le lecteur ci-dessous
+(mais qui ne dispose pas de bouton on/off pour savoir si le flux est « *on
+fiber* » ou pas[^1]) :
+
+{{< stream legend="1st live depuis Le Picotin (mais le 9th en tout)" >}}
+
+La partie musicale devrait commencer autour de 21h30, peut-être un poil avant,
+peut-être un cheveu plus tard, comment savoir ? Et plus tard, si tout se passe
+bien, on devrait pouvoir disposer de l'enregistrement et même de la liste des
+titres.
+
+Si tu es sur Genève ce soir là, tu pourrais même passer en chair et en os
+(et en textile) au Picotin à partir de 21h30, boire un truc et apprécier
+l'ambiance. Avant c'est pas possible, c'est déjà plein comme un œuf, alors
+qu'ensuite on pousse les tables et on se sardine.
+
+Mais attention, à 23h30 tout le monde se prépare à la métamorphose en
+citrouille.
+
+Bref, malgré le stress de cette première pour moi, je me réjouis !
+
+<!-- références -->
+
+[0]: https://fr.wikipedia.org/wiki/La_Panne_(Dürrenmatt)
+[1]: https://lepicotin.ch
+[2]: /documents/panne-affiche.pdf
+[3]: https://id-libre.org/live
+[4]: https://id-libre.org/live#nineth
+
+[^1]: On n'est pas à l'abri de problème technique, vu le contexte. Si ça ne
+marche pas, recharge la page, et peut-être que ça ne marche quand même pas.

content/lives/_index.md

@@ -0,0 +1,38 @@
+---
+title: "Lives"
+date: 2024-10-30T20:12:17+0100
+draft: false
+cascade:
+  local_include: true
+---
+
+Cette section du site regroupe les billets consacrés à la diffusion de *lives*.
+Je transmets parfois sur le web la sortie d'une table de mixage sur laquelle
+sont branchées deux platines vinyles.
+
+Je le fais depuis mars 2019, et jusqu'en novembre 2024, on trouvait la liste
+des diffusion sur une page du site [id-libre][1], à savoir
+[id-libre.org/live][2]. Désormais, tout est regroupé ici[^1], même si concrètement
+le flux et parfois les enregistrements sont encore servis par [id-libre][1].
+
+Le lecteur au sommet de la page permet d'écouter le flux, lorsqu'il est actif,
+lorsque le bouton à gauche du lecteur affiche « ON ». Si tu en as la curiosité,
+ou s'il n'y a pas de bouton (puisqu'on ne peut pas compter sur le javascript),
+tu peux ouvrir le lien suivant, et vérifier s'il contient le mot *source*,
+signe que le flux est actif : [status-json.xsl][3].
+
+Habituellement, dans les billets ci-dessous, tu devrais trouver un lecteur (et
+des liens pour télécharger les fichiers) pour écouter les enregistrements des
+*lives* du passés, ainsi que la liste des morceaux joués.
+
+On remercie bien entendu les artistes, les développeurs et les développeuses
+sans qui rien de tout ça ne serait possible.
+
+
+<!-- références -->
+
+[^1]: Ou plutôt, tout sera regroupé ici. La migration est en cours.
+
+[1]: https://id-libre.org
+[2]: https://id-libre.org/live
+[3]: https://id-libre.org/live/status-json.xsl

content/lives/le-8e-live.md

@@ -5,27 +5,30 @@ draft: false
 categories: ["musique"]
 tags: ["streaming", "listening", "live"]
 slug: le-8e-live
+markup: pandoc
 ---
 
 *Mise à jour*
 
 Le 8ᵉ live a été publié sur [id-libre][3], avec sa liste de morceaux :
 
-1. 00:00:00 : Nubya Garcia, Source.
+:::{.tracklist}
-1. 00:01:51 : Hiroshi Kamayatsu, Have You Smoked Gauloise?
+1. `00:00:00` Nubya Garcia, Source.
-1. 00:05:59 : The Dirty Dozen Brass Band feat. Guru, Inner City Blues (Make Me
+1. `00:01:51` Hiroshi Kamayatsu, Have You Smoked Gauloise?
+1. `00:05:59` The Dirty Dozen Brass Band feat. Guru, Inner City Blues (Make Me
   Wanna Holler).
-1. 00:11:42 : Calisthenics (J.U.I.C.E & All Natural), feat. Satya, prod. by
+1. `00:11:42` Calisthenics (J.U.I.C.E & All Natural), feat. Satya, prod. by
   Georgia Anne Muldrow, Miles to Go.
-1. 00:15:55 : Yalla Miku, Tortije.
+1. `00:15:55` Yalla Miku, Tortije.
-1. 00:20:24 : Derya Yıldırım, Grup Şimşek, Hastane Önü.
+1. `00:20:24` Derya Yıldırım, Grup Şimşek, Hastane Önü.
-1. 00:27:35 : Gaye Su Akyol, Biz Ne Jaman Düşman Olduk.
+1. `00:27:35` Gaye Su Akyol, Biz Ne Jaman Düşman Olduk.
-1. 00:31:33 : Lalalar, Hem Evimsin Hem Cehennemim.
+1. `00:31:33` Lalalar, Hem Evimsin Hem Cehennemim.
-1. 00:35:54 : Tony Allen, Sampa The Great, Stumbling Down.
+1. `00:35:54` Tony Allen, Sampa The Great, Stumbling Down.
-1. 00:38:35 : Tony Allen, Ariya, Afrobeat Straight Mix.
+1. `00:38:35` Tony Allen, Ariya, Afrobeat Straight Mix.
-1. 00:41:52 : Kokoroko, Dide O.
+1. `00:41:52` Kokoroko, Dide O.
-1. 00:46:00 : Yazz Ahmed, Lahan Al-Mansour.
+1. `00:46:00` Yazz Ahmed, Lahan Al-Mansour.
-1. 00:55:42 : Sons of Kemet, My Queen is Yaa Asantewaa.
+1. `00:55:42` Sons of Kemet, My Queen is Yaa Asantewaa.
+:::
 
 {{< published src="https://id-libre.org/audio/8th-live" legend="8th Live" >}}
 

content/à-propos.md

@@ -11,8 +11,9 @@ slug: à-propos
 
 Ce site web à pour but de me présenter à la fois personnellement et
 professionnellement, ainsi que de laisser des traces éphémères dans une section
-[*blog*][8]. J‘ai expliqué le regroupement de ces deux aspects à l‘ouverture de
+[*blog*][8], ainsi que des diffusions sonores dans une section [*lives*][14].
-ce site, dans le billet [« nouvelle version »][1].
+J‘ai expliqué le regroupement de ces deux aspects à l‘ouverture de ce site,
+dans le billet [« nouvelle version »][1].
 
 Au départ, il y a l‘envie d‘avoir un coin ou tisser mes bouts de toile sur
 cette machine à éditer du texte qu‘est le web. Puis, j‘ai réalisé que je
@@ -54,3 +55,4 @@ moyen qui te convient le plus][10].
 [11]: https://git.milhit.ch/igor/portfoligor/releases/tag/v0.3.0
 [12]: https://picocss.com/
 [13]: https://lilex.myrt.co/
+[14]: /lives

hugo.yaml

@@ -0,0 +1,111 @@
+baseURL: https://igor.milhit.ch/
+DefaultContentLanguage: fr
+title: iGor milhit
+theme: portfoliGor
+enableGitInfo: true
+paginate: 0
+security:
+  enableInlineShortcodes: false
+  exec:
+    allow:
+    - ^dart-sass-embedded$
+    - ^git$
+    - ^go$
+    - ^npx$
+    - ^sass$
+    - ^postcss$
+    - ^pandoc$
+    - ^nvim$
+    osEnv:
+    - (?i)^(PATH|PATHEXT|APPDATA|TMP|TEMP|TERM)$
+  funcs:
+    getenv:
+    - ^HUGO_
+  http:
+    methods:
+    - (?i)GET|POST
+    urls:
+    - .*
+menu:
+  main:
+  - identifier: blog
+    name: Blog
+    title: La section blog
+    url: /blog/
+    weight: 0
+  - identifier: lives
+    name: Lives
+    title: La section des lives
+    url: /lives/
+    weight: 0
+  - identifier: à-propos
+    name: À propos
+    title: À propos de ce site web
+    url: /à-propos/
+    weight: -2
+  footer:
+  - identifier: credits
+    name: Crédits
+    url: /à-propos/#crédits
+    weight: -2
+  - identifier: contacts
+    name: Contacts
+    title: Me contacter
+    url: /#contacts-priv
+    weight: -1
+  - identifier: sources
+    name: Sources
+    title: Sources du site
+    url: https://git.milhit.ch/igor/igor.milhit
+    weight: 2
+  - identifier: licence
+    name: cc-by
+    title: Licence Creative Commons By 4.0
+    url: http://creativecommons.org/licenses/by/4.0/
+    weight: 1
+permalinks:
+  posts: :slug
+  blog: :slug
+  lives: :slug
+frontmatter:
+  date:
+  - date
+  - publishDate
+  lastmod:
+  - :git
+  - lastmod
+markup:
+  goldmark:
+    renderer:
+      unsafe: true
+params:
+  Description: Site web personnel d'iGor milhit.
+  Image: mySite.jpg
+  ImageDescription: Portrait de mouton aux couleurs sepia.
+  author:
+    name: iGor milhit
+    email: igor@milhit.ch
+  siteSources:
+    # Git repository of the website
+    url: https://git.milhit.ch/igor/igor.milhit
+    # Which kind of git forge is it? GitHub, a Gitlab instance,
+    # a Gitea or Forgejo intance? One of github, gitlab, gitea
+    type: gitea
+  # Professional contact data
+  contactsPro:
+    address: Rue Michel-Servet 1, 1211 Genève 4
+    phone: +41 22 379 59 30
+    email: igor.milhit@unige.ch
+  # Personal contact data
+  contactsPriv:
+    address: Ch. des Clochettes 16, 1206 Genève
+    mobile: +41 76 552 80 59
+    email: igor@milhit.ch
+    publickey: igor-milhit-pub.asc
+    fingerprint: 843D 0CB6 A576 D7BE 4BF6 A63B 692D 97C3 D022 8A99
+    xmpp: igor@milhit.ch
+    cv: cv-igor-milhit.pdf
+  online:
+    git: https://git.milhit.ch/igor
+  local_include:
+    js: on_fiber.js

layouts/_default/baseof.html

@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="{{ .Language.Lang }}" prefix="og: http://ogp.me/ns#">
+{{ partial "head.html" . }}
+<body>
+  {{- partial "header.html" . -}}
+  <main aria-role="main" class="container"
+        itemscope itemtype="https://schema.org/Person">
+  {{- block "main" . }}{{- end }}
+  </main>
+  {{- partial "footer.html" . -}}
+</body>
+  {{ if .Params.local_include }}
+    <script src="/js/on_fiber.js"></script>
+  {{ end }}
+</html>

layouts/partials/header.html

@@ -0,0 +1,57 @@
+<header class="container main-header">
+  <nav class="no-print" role="navigation" aria-label="Primary">
+    <ul>
+      <li>
+        <!-- Insert the logo in SVG xml -->
+        <a href="{{ .Site.BaseURL }}"
+           title="{{ .Site.Title }}">
+          {{ partial "logo.html" }}
+        </a>
+      </li>
+      <li>
+        <a href="{{ .Site.BaseURL }}"
+          class="title no-reformat"
+          title="{{ .Site.Title }}" >
+          <h1>{{ .Site.Title }}</h1>
+        </a>
+      </li>
+    </ul>
+    <ul class="header-navigation">
+      {{ $currentPage := . -}}
+      {{ range sort .Site.Menus.main -}}
+      <li class="nav-item secondary">
+        <a class="nav-item-link{{if or (
+          $currentPage.IsMenuCurrent "main" .
+          ) (
+          $currentPage.HasMenuCurrent "main" .
+          ) }} active{{end}}"
+           href="{{ .URL }}" title="{{ .Title }}">{{ .Name }}</a>
+      </li>
+      {{ end -}}
+      <li class="nav-item secondary">
+        {{ if .IsPage -}}
+        <a class="nav-item-link"
+           href="{{ .Site.BaseURL }}index.xml"
+           title="{{ i18n "subscribeToPublications" }} {{ i18n "toWebsite" }}">
+          {{ i18n "subscribe" }}
+        </a>
+        {{ else if .IsHome -}}
+        <a class="nav-item-link"
+           href="{{ .Site.BaseURL }}index.xml"
+           title="{{ i18n "subscribeToPublications" }} {{ i18n "toWebsite" }}">
+          {{ i18n "subscribe" }}
+        </a>
+        {{ else if .IsNode -}}
+        <a class="nav-item-link"
+           href="{{ .Permalink }}index.xml"
+           title="{{ i18n "subscribeToPublications" }} {{ i18n "toSection" }}">
+          {{ i18n "subscribe" }}
+        </a>
+        {{ end -}}
+      </li>
+    </ul>
+  </nav>
+  {{ if .Params.local_include }}
+    {{ partial "stream.html" }}
+  {{ end }}
+</header>

layouts/partials/stream.html

@@ -0,0 +1,18 @@
+ <figure class="stream">
+  <div class="status-player">
+    <p id="on"></p>
+    <audio controls>
+      <source src="https://id-libre.org/live/stream.ogg" type="audio/ogg">
+      <source src="https://id-libre.org/live/stream.mp3" type="audio/mp3">
+      <p>Your browser does not support the <code>audio</code> element.</p>
+    </audio>
+  </div>
+  <figcaption>
+    <p>
+      Écouter le flux (s'il est « on »).
+      Pour utiliser ton propre client :
+      <a href="https://id-libre.org/live/stream.ogg">OGG</a>
+      <a href="https://id-libre.org/live/stream.mp3">MP3</a>
+    </p>
+  </figcaption>
+</figure>

static/js/on_fiber.js

@@ -0,0 +1,16 @@
+const url = 'https://id-libre.org/live/status-json.xsl';
+const statusElement = document.getElementById('on');
+
+async function status() {
+  const response = await fetch(url);
+  const data = await response.json();
+  const status = data.icestats.source ? 'on' : 'off'
+
+  statusElement.innerHTML = status;
+  statusElement.classList.remove("on", "off");
+  statusElement.classList.add(status);
+}
+
+status();
+
+setInterval(() => status(), 2000);

themes/portfoliGor

@@ -1 +1 @@
-Subproject commit 93934b25025bf2c4d81ab47dc72de9b983773107
+Subproject commit 480290f589be4dca2eb2f28770b70c350b8d69f9