Commit Diff


commit - ae37fbb99f16ed3c4f7513d6e23ac9565a3da627
commit + 3ce1a536c5b7e85d0e8f9f99287238ab219fce00
blob - 7127569d9e440b87e1453b8f6fe51780423e3eb6
blob + 7242e1193eddfa9fa7597a08284d48a79ba87176
--- BSD.html
+++ BSD.html
@@ -26,7 +26,8 @@
 	<main><section><h1>Past history with BSD</h1><h3>inveghing on cognitive fog</h3>
 
 	<p>In 2008 was when I got what I asked for my birthday : a copy of openbsd's install disk (then version 4.3)
-	as well as the British Green shirt I wear on the iconic <a href="pix/obsd.jpg">shot</a> of my arrival to the end of the hike at La Fruitière (Cauterêts).</p>
+	as well as the British Green shirt I wear on the iconic <a href="pix/obsd.jpg">shot<img class="popup" src="pix/obsd.jpg"></a>
+	of my arrival to the end of the hike at La Fruitière (Cauterêts).</p>
 
 	<p>I was formerly still a novice in UNIX-likes, having converted my personal computer (present from dad in 2006) to FLOSS not long before.
 	I had very fast understood the point in the authenticity of the *BSD code originating from the Source, but this did not suffice to contain
@@ -35,7 +36,7 @@
 	<p>It was at the turn of Summer when I attempted to take the leap and use for the better an OS both “free” and
 	<a href="https://www.youtube.com/watch?v=EJEUYUPtNWA&list=PLdArachVKgnZ4-RPot9EbKBdyR4qtzIOo&index=4">neatly designed</a>.
 	I was, alas, wrongly as detailed below, intimidated by the apparent elitism and the demanding level required by the pufferfish team. Unaware therefore I pulled back to
-	the <a href="pix/beastie.gif">dæmon</a> community leaving the former to contemplate my nascent hacker face from its case.</p>
+	the <a href="pix/beastie.gif">dæmon<img class="popup" src="pix/beastie.gif"></a> community leaving the former to contemplate my nascent hacker face from its case.</p>
 
 	<p>My great big venture went wrong. It was precipitation and my ignorance of the concept of “slices” –absent
 	from Linux– that anointed me. Less is more though, and my data was recovered many thanks to the princeless
blob - 2ad782b8c955111ed839eb6130eeeec89152dd0f
blob + 6e8ea3ad29b45b5afd9ed3095a8ce6d3f96eb59a
--- BSDfr.html
+++ BSDfr.html
@@ -25,9 +25,10 @@
 
 	<main><section><h1>Mes déboires avec BSD</h1><h3>haro sur la cécité cognitique</h3>
 
-	<p>C'est en 2008 que j'ai reçu ce que j'avais commandé pour mon anniversaire :
-	une copie du CD d'installation d'openbsd (version 4.3 à l'époque) ainsi que le t-shirt
-	vert anglais que je porte sur la fameuse <a href="pix/obsd.jpg">photo</a> de mon arrivée à la randonnée de la Fruitière (Cauterêts).</p>
+	<p>C'est en 2008 que j'ai reçu ce que j'avais commandé pour mon anniversaire : une copie du CD d'installation
+	d'openbsd (version 4.3 à l'époque) ainsi que le t-shirt vert anglais que je porte sur la fameuse
+	<a href="pix/obsd.jpg">photo<img class="popup" src="pix/obsd.jpg"></a>
+	de mon arrivée à la randonnée de la Fruitière (Cauterêts).</p>
 
 	<p>J'étais jadis encore novice dans l'utilisation des systèmes apparentés UNIX,
 	ayant converti mon ordinateur personnel (cadeau du paternel en 2006) au librisme depuis peu. J'avais très vite
@@ -40,7 +41,8 @@
 	<a href="https://www.youtube.com/watch?v=EJEUYUPtNWA&list=PLdArachVKgnZ4-RPot9EbKBdyR4qtzIOo&index=4">proprement conçu</a>.
 	Je fus hélas, à tort comme expliqué en suivant, intimidé par l'élitisme apparent
 	et le niveau d'exigence requis par l'équipe du poisson-globe. C'est donc inconscient
-	que je me suis rabattu sur la communauté du <a href="pix/beastie.gif">daïmon</a> en laissant le premier contempler depuis sa jaquette mon visage de hacker naissant.</p>
+	que je me suis rabattu sur la communauté du <a href="pix/beastie.gif">daïmon<img class="popup" src="pix/beastie.gif"></a>
+	en laissant le premier contempler depuis sa jaquette mon visage de hacker naissant.</p>
 
 	<p>Voilà bien ma plus grande bêtise. C'est la précipitation et mon ignorance
 	du concept des “slices” (tranches) –‍absent de Linux– qui m'ont anéanti.
blob - 1150aba661119949ebe59eae51573ff35db8d165
blob + af546db9fdfb5da08cb24049d5d4a502e9f5953e
--- UNIX.html
+++ UNIX.html
@@ -39,7 +39,7 @@
 	other members of the team when he started his own fork as a “benevolent dictator”, OpenBSD.</p>
 	
 	<p>At the same time all across the US, at the Massachusetts Institute of Technology (MIT), Richard Stallman had designed the GNU<sup>3</sup> environment, for which
-	he still needed a kernel. The <a href="pix/print.jpg">hacker lore</a> has it that the reason why he embraced free software was when he complained that he couldn't fix his own printer as
+	he still needed a kernel. The <a href="pix/print.jpg">hacker lore<img class="popup" src="pix/print.jpg"></a> has it that the reason why he embraced free software was when he complained that he couldn't fix his own printer as
 	it was delivered without source code. As he was missing the kernel for his operating system, the Linux community came in and today we have the GNU/Linux operating system.</p>
 	
 	<p id="motto">Presently (2022) there are three main versions of the BSD operating system, the “specialty” of which is coined by all three in their respective mottos :</p>
blob - 230b316e34d8210e0e4b4554c58f6a7ceab06826
blob + dd180ebedf3046a333d6f4dce4767faeed26769c
--- UNIXfr.html
+++ UNIXfr.html
@@ -47,8 +47,8 @@
 	une équipe où il tient encore aujourd'hui le rôle d'ultime décisionnaire en tant que “dictateur bienveillant.”</p>
 	
 	<p>En même temps à l'autre bout des USA, au MIT (Massachusetts Institute of Technology), Richard Stallman achevait la conception d'un environnement utilisateur
-	pour les besoins de son projet GNU<sup>3</sup>, dont en revanche le noyau se faisait attendre. La <a href="pix/print.jpg">légende hacker</a> dit que la raison pour laquelle
-	il avait auparavant donné naissance au concept d'open
+	pour les besoins de son projet GNU<sup>3</sup>, dont en revanche le noyau se faisait attendre. La <a href="pix/print.jpg">légende hacker<img class="popup" src="pix/print.jpg"></a>
+	dit que la raison pour laquelle il avait auparavant donné naissance au concept d'open
 	source – spécifiquement free software ou logiciel libre — dont il est encore aujourd'hui le chantre principal ; est qu'il se trouva incapable
 	de réparer une malfonction sur l'imprimante de son propre labo étant donné que son fournisseur ne l'accompagnait pas du code source. Le développement du noyau
 	<a href="https://www.gnu.org/software/hurd/">Hurd</a> se voyant de plus en plus retardé, il saisit l'opportunité offerte par la communauté
blob - 7b40fdf3b511027217044f449973091206038239
blob + e74ad52ef41e324d8cf70d69683f70247a430a00
--- doc/cv.css
+++ doc/cv.css
@@ -5,7 +5,8 @@
 #header p { line-height: 1.75em }
 section { scroll-margin-top: 2.3rem }
 section h3 { text-align: center }
-section h3 a { font-family: monospace; color: inherit }
+section h3 a { display: none }
+section h3:hover a { display:inline; font-family: monospace }
 section li { text-align: justify; margin-right: 8px }
 section li p { font-style: italic; width:60%; margin-left: 20% }
 #aspiration { margin-top: 2em; padding: 1em; border-top: 1px solid gray; line-height: 1.5em; text-align: center }
blob - 4dac06e755d1aef16db69fed04e04d05f4e630a9
blob + acefe81bb53a4d87aa6c8c369cb588ea0996a6c7
--- doc/style.css
+++ doc/style.css
@@ -25,6 +25,11 @@ ul li { line-height: 1.5em; margin-right: 8px }
 p.quote { display: block; font-style: italic }
 p.quote .author { font-style: normal }
 
+/* pop-up pictures */
+img.popup { position: absolute; visibility: hidden }
+img.popup { max-width: 35%; max-height:35% }
+a:hover img.popup { visibility: visible; border: 1px solid lightblue }
+
 @media (prefers-color-scheme: light) { hr { color: black } } 
 @media (prefers-color-scheme: dark) { 
 	html, body { background-color: #1c1c1e ; color: #fefefe }
blob - 06f74785899d4e5540336105ffaed0004d4b641c
blob + 7905a3ec7d8d03ce02bdfb1d0af1fe63da5dd249
--- index.fr.html
+++ index.fr.html
@@ -76,7 +76,7 @@
 	<section id="2019">
 		<h3><a href="/fr#2019">fr</a> 2019 <a href="/en#2019">en</a></h3>
 		<ul><li>Premiers pas dans l'utilisation quotidienne du système OpenBSD <a href="UNIXfr.html">(article)</a>
-		<p>Un de mes <a class="egg" href="pix/obsd.jpg">rêves d'enfance</a> était de contribuer au développement de
+		<p>Un de mes <a class="egg" href="pix/obsd.jpg">rêves d'enfance<img class="popup" src="pix/obsd.jpg"></a> était de contribuer au développement de
 		cet <abbr title="Operating System">OS</abbr> maintenu par une élite de hackers.</li></ul>
 	</section>
 
@@ -120,14 +120,14 @@
 		<ul><li>Déménagement dans le Grand Londres pour un peu plus d'une année et demie
 		<p>Hélas, ce séjour onéreux dans une maison de fous ne fut pas concluant suivant la voie thérapeutique
 		psychanalytique prescrite. J'ai en revanche pu m'y ressourcer grâce au temps alloué à la lecture et au rêve,
-		<a class="egg" href="pix/hackney.jpg">former quelques relations</a>, et confirmer mon niveau bilingue en acquérant le
+		<a class="egg" href="pix/hackney.jpg">former quelques relations<img class="popup" src="pix/hackney.jpg"></a>, et confirmer mon niveau bilingue en acquérant le
 		<abbr title="Cambridge Advanced English">CAE</abbr> niveau C2.</p></li></ul>
 	</section>
 
 	<section id="2012">
 		<h3><a href="/fr#2012">fr</a> 2012 <a href="/en#2012">en</a></h3>
-		<ul><li>Voyage estival en Chine et au Petit <a class="egg" href="pix/xiahe.jpg">Tibet</a><p>Ce voyage suggéré par un bon
-		<a class="egg" href="pix/via.jpg">ami chrétien</a> servit de conclusion à ma quête d'errance dans la tradition Bouddhiste
+		<ul><li>Voyage estival en Chine et au Petit <a class="egg" href="pix/xiahe.jpg">Tibet<img class="popup" src="pix/xiahe.jpg"></a><p>Ce voyage suggéré par un bon
+		<a class="egg" href="pix/via.jpg">ami chrétien<img class="popup" src="pix/via.jpg"></a> servit de conclusion à ma quête d'errance dans la tradition Bouddhiste
 		qui m'avait mené à étudier au Dhagpo Bordeaux.</li></ul>
 	</section>
 
@@ -142,7 +142,7 @@
 		<a href="internement.html">détenu en psychiatrie</a>
 		à quatre reprises consécutives aux printemps 2012 et 2013 et automnes 2020 et 2021,
 		chaque fois pour environ deux mois et demi.</p></li>
-		<li><a class="egg" href="pix/parachute.jpg">Baptême de l'air</a></li>
+		<li><a class="egg" href="pix/parachute.jpg">Baptême de l'air<img class="popup" src="pix/parachute.jpg"></a></li>
 		<li>Obtention du <abbr title="Brevet d'Aptitude aux Fonctions d'Animateur">BAFA</abbr></li>
 		<li>Inscription à l'Université Bordeaux Montaigne en
 		<a class="snd" href="https://formations.u-bordeaux-montaigne.fr/fr/catalogue-des-formations/licence-XA/licence-philosophie-KQKZMK32.html">licence de Philosophie</a>
@@ -158,11 +158,13 @@
 		<h3><a href="/fr#2010">fr</a> 2010 <a href="/en#2010">en</a></h3>
 		<ul><li>Perte d'intérêt pour les parcours dits traditionnels alors évincés au profit du triptyque des arts martiaux,
 		de la permaculture et du théâtre amateur<p>J'ai pratiqué le Jiu-Jitsu, puis le kick boxing et le Kung-Fu.<br>
-		Pendant <a class="egg" href="pix/pdt.jpg">plusieurs années</a> je me suis <a class="egg" href="pix/slack.jpg">occupé</a> de
-		<a class="egg" href="pix/lady.jpg">potagers</a> selon les possibilités offertes par mes <a class="egg" href="pix/structure.jpg">lieux
-		de résidence</a>.<br>J'ai joué un rôle dans une représentation acclamée.</p></li>
+		Pendant <a class="egg" href="pix/pdt.jpg">plusieurs années<img class="popup" src="pix/pdt.jpg"></a>
+		je me suis <a class="egg" href="pix/slack.jpg">occupé<img class="popup" src="pix/slack.jpg"</a> de
+		<a class="egg" href="pix/lady.jpg">potagers<img class="popup" src="pix/lady.jpg"></a>
+		selon les possibilités offertes par mes <a class="egg" href="pix/structure.jpg">lieux
+		de résidence<img class="popup" src="pix/structure.jpg"></a>.<br>J'ai joué un rôle dans une représentation acclamée.</p></li>
 		<li>Rencontre concrète avec un <a class="egg" href="https://bernardosena.com/">amoureux de l'horreur</a> et adepte des sciences occultes
-		dont les fréquentations, les intérêts et la conversation auront aisément <a class="egg" href="pix/catalysm.jpg">changé ma vie</a>
+		dont les fréquentations, les intérêts et la conversation auront aisément <a class="egg" href="pix/catalysm.jpg">changé ma vie<img class="popup" src="pix/catalysm.jpg"></a>
 		<p>L'Obscurisme est avant tout la sensibilité esthétique, inextricablement liée au memento mori,
 		j'en aurai extrait une <a href="https://cloud.leviia.com/s/ZnIz.CSB6WwToKBN4NKA">substance</a> <a href="doc/vademecum.pdf">philosophique</a>
 		<!-- éminents pratiquants de l'authentique méthode expérientielle ou “méthode essai-erreur” ... -->
@@ -218,7 +220,7 @@
 	<section id="aspiration">
 		<h4>J'aspire à être</h4>
 		<p>
-			<u>Hacker</u><br>pas forcément un “<a class="egg" href="pix/pub.jpg">pirate</a>”
+			<u>Hacker</u><br>pas forcément un “<a class="egg" href="pix/pub.jpg">pirate<img class="popup" src="pix/pub.jpg"></a>”
 			mais quelqu'un qui fasse preuve d'<a href="https://suckless.org">excellence</a> dans la conception, le déploiement et la maintenance de ses propres
 			outils et systèmes par les biais du <a href="https://riscv.org/">minimalisme</a>, de la <a href="https://mandoc.bsd.lv/">documentation</a>,
 			du <a href="https://opensource.org/">librisme</a>, de la portabilité, et de la <a href="https://marc.info/">coopération</a><br><br>
blob - 101b5f5313773a3d2549b97b1678f69048cfd5aa
blob + 525a47fe89800195ddae912ab4d2afad2903b91f
--- index.html
+++ index.html
@@ -74,7 +74,7 @@
 	<section id="2019">
 		<h3><a href="/fr#2019">fr</a> 2019 <a href="/en#2019">en</a></h3>
 		<ul><li>Baby steps using the OpenBSD system <a href="UNIX.html">(paper)</a>
-		<p>A <a class="egg" href="pix/obsd.jpg">childhood dream</a> of mine was to learn and contribute
+		<p>A <a class="egg" href="pix/obsd.jpg">childhood dream<img class="popup" src="pix/obsd.jpg"></a> of mine was to learn and contribute
 		to the design of this system maintained by elite hackers.</li></ul>
 	</section>
 
@@ -122,13 +122,13 @@
 		<ul><li>House move to Greater London for more than one and a half years
 		<p>Alas, this expensive stay in a collective madhouse was not conclusive in the intended therapeutic psychoanalytical way.
 		I however could revitalise myself with time allocated for reading and daydream,
-		<a class="egg" href="pix/hackney.jpg">form a few relationships</a>, and certify my bilingual level (C2) in English.</p></li></ul>
+		<a class="egg" href="pix/hackney.jpg">form a few relationships<img class="popup" src="pix/hackney.jpg"></a>, and certify my bilingual level (C2) in English.</p></li></ul>
 	</section>
 
 	<section id="2012">
 		<h3><a href="/fr#2012">fr</a> 2012 <a href="/en#2012">en</a></h3>
-		<ul><li>Summer trip in China and lesser <a class="egg" href="pix/xiahe.jpg">Tibet</a><p>This trip proposal by
-		a good <a class="egg" href="pix/via.jpg">christian friend</a> served as a conclusion of my wandering quest
+		<ul><li>Summer trip in China and lesser <a class="egg" href="pix/xiahe.jpg">Tibet<img class="popup" src="pix/xiahe.jpg"></a><p>This trip proposal by
+		a good <a class="egg" href="pix/via.jpg">christian friend<img class="popup" src="pix/via.jpg"></a> served as a conclusion of my wandering quest
 		into the Buddhist tradition which led me to study with the Dhagpo Bordeaux.</p></li></ul>
 	</section>
 
@@ -140,7 +140,7 @@
 		my natural Self and psyche that lasted for more than ten years over the course of which I was 
 		<a href="internship.html">detained in the ward</a> at four consecutive occasions in
 		spring of 2012 and 2013 and fall of 2020 and 2021, for about 2½ months each.</p></li>
-		<li><a class="egg" href="pix/parachute.jpg">First flight</a></li>
+		<li><a class="egg" href="pix/parachute.jpg">First flight<img class="popup" src="pix/parachute.jpg"></a></li>
 		<!--li>Procurement of the <abbr title="Brevet d'Aptitude aux Fonctions d'Animateur">BAFA</abbr>
 		(Certified Aptitude in Animating Functions) degree</li--></ul>
 	</section>
@@ -148,11 +148,11 @@
 	<section id="2010">
 		<h3><a href="/fr#2010">fr</a> 2010 <a href="/en#2010">en</a></h3>
 		<ul><li>Loss of interest for so-called traditional paths then ousted in favor of a martial arts, permaculture and amateur play triptych
-		<p>I practiced Jiu-Jitsu, then kick boxing and Kung-Fu.<br>For <a class="egg" href="pix/pdt.jpg">several years</a>
-		I took <a class="egg" href="pix/slack.jpg">care</a> of <a class="egg" href="pix/lady.jpg">vegetable gardens</a> depending on my various
-		<a class="egg" href="pix/structure.jpg">residence places</a> capacities.<br>I held a role in an acclaimed play.</p></li>
+		<p>I practiced Jiu-Jitsu, then kick boxing and Kung-Fu.<br>For <a class="egg" href="pix/pdt.jpg">several years<img class="popup" src="pix/pdt.jpg"></a>
+		I took <a class="egg" href="pix/slack.jpg">care<img class="popup" src="pix/slack.jpg"></a> of <a class="egg" href="pix/lady.jpg">vegetable gardens<img class="popup" src="pix/lady.jpg"></a>
+		depending on my various <a class="egg" href="pix/structure.jpg">residence places<img class="popup" src="pix/structure.jpg"></a> capacities.<br>I held a role in an acclaimed play.</p></li>
 		<li>Real-life encounter with a <a class="egg" href="https://bernardosena.com/">horror maker</a> and esoteric student whose acquaintances,
-		interests and conversation would conveniently <a class="egg" href="pix/catalysm.jpg">change my life</a>
+		interests and conversation would conveniently <a class="egg" href="pix/catalysm.jpg">change my life<img class="popup" src="pix/catalysm.jpg"></a>
 		<p>Obscurism is above all an æsthetic sensitivity as such inextricably bound to the
 		<a href="doc/One.txt">memento</a> <a href="pix/One.jpg">mori</a>, of which I shall have recovered a
 		<a href="doc/Epsion.pdf">philosophical</a> <a href="https://n9.cl/oscurami">substance</a> using
@@ -208,7 +208,7 @@
 	<section id="aspiration">
 		<h4>I aspire to be</h4>
 		<p>
-			<u>Hacker</u><br>not necessarily a <a class="egg" href="pix/wgm.jpg">cracker</a> but someone who demonstrates <a href="https://suckless.org">excellency</a>
+			<u>Hacker</u><br>not necessarily a <a class="egg" href="pix/wgm.jpg">cracker<img class="popup" src="pix/wgm.jpg"></a> but someone who demonstrates <a href="https://suckless.org">excellency</a>
 			in the crafting, deployment, and maintenance of their own tools and systems through <a href="https://riscv.org/">minimalism</a>, <a href="https://mandoc.bsd.lv/">documentation</a>,
 			<a href="https://opensource.org/">librism</a>, portability, and <a href="https://marc.info">cooperation</a><br><br>
 			<u>Anthropologist</u><br>I approach this Study of Man as combining fields of <a href="https://philemonfoundation.org/">psychology</a>,