Set style for lists
Tim Izzo tim@octree.ch
Tue, 01 Nov 2022 17:24:58 +0100
7 files changed,
6 insertions(+),
363 deletions(-)
D
build/index.html
@@ -1,128 +0,0 @@
-<!DOCTYPE html> -<html> - <head> - <meta charset="UTF-8" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0" /> - <link - rel="icon" - href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>đŠ</text></svg>" - /> - <link href="/style.css" rel="stylesheet" /> - <link - href="/posts/atom-html.xml" - type="application/atom+xml" - rel="alternate" - title="5ika's posts" - /> - <link - href="/posts/rss-html.xml" - type="application/rss+xml" - rel="alternate" - title="5ika's posts" - /> - <title>Tim Izzo @5ika.ch</title> - </head> - <body> - <main> - <h1 class="mb-8">Tim Izzo @<a href="/">5ika.ch</a></h1> - <blockquote> - <p>Dev & Ops đ§âđ» Open-Source đ Ăcologie đ± SobriĂ©tĂ© numĂ©rique âš</p> - </blockquote> - <p> - Partisan d'un Internet ouvert, sobre et distribuĂ©, je dĂ©veloppe et - met en place des outils digitaux par mon activitĂ© d'indĂ©pendant - ainsi qu'au travers de l'entreprise auto-gouvernĂ©e - <a href="https://octree.ch" target="_blank" title="null">Octree</a>. En - parallĂšle, j'enseigne le mĂ©tier de dĂ©veloppeur/euse Ă - <a - href="https://www.creageneve.com/bachelor/developpement-web-et-applications/" - target="_blank" - title="null" - >CREA GenĂšve</a - >. - </p> - <h2 id="blog">Blog</h2> - <ul> - <li><a href="/posts/quitter-le-pave.html">20.10.2022 - Quitter le pavĂ©</a></li> -<li><a href="/posts/confort-et-stabilite.html">19.09.2022 - Confort et stabilitĂ©</a></li> -<li><a href="/posts/deconnexion.html">18.05.2022 - DĂ©connexion</a></li> -<li><a href="/posts/pour-un-web-sain.html">19.03.2022 - Pour un Web sain</a></li> -<li><a href="/posts/vers-linternet-de-demain.html">13.11.2021 - Vers l'Internet de demain</a></li> - </ul> - <h2 id="projets">Projets</h2> - <ul> - <li> - đ - <a href="https://caroster.io/" target="_blank" title="null" - >Caroster</a - > - <small>[Octree]</small> - </li> - <li> - â»ïž <a href="https://r-21.ch" target="_blank" title="null">R-21</a> - <small>[Octree]</small> - </li> - <li> - đą - <a href="https://evospe.ch" target="_blank" title="null">EVOSPE</a> - <small>[Octree]</small> - </li> - <li> - đłïž - <a - href="https://www.demaincestaujourdhui.online/" - target="_blank" - title="null" - >Civic Echo</a - > - <small>[Octree]</small> - </li> - <li> - đ - <a href="https://open-ge.ch/" target="_blank" title="null" - >GenĂšve Open-Source</a - > - </li> - <li> - đ - <a - href="https://github.com/5ika/denotion" - target="_blank" - title="null" - >Denotion</a - > - </li> - <li> - đ - <a href="https://github.com/5ika/tipigee" target="_blank" title="null" - >tipigee</a - > - <small><em>inactif</em></small> - </li> - </ul> - <h2 id="talk">Talk</h2> - <ul> - <li> - <a - href="https://www.youtube.com/watch?v=2_Cx-HvxVX0" - target="_blank" - title="null" - >21.02.2019 - Holacracy & Devops, Retour d'expeÌrience</a - > - </li> - </ul> - <h2 id="contact">Contact</h2> - <ul> - <li> - âïž <a href="mailto:tim@5ika.ch" target="" title="null">tim@5ika.ch</a> - </li> - <li> - đ - <a href="https://fosstodon.org/web/@5ika" target="_blank" title="null" - >Mastodon</a - > - </li> - </ul> - </main> - </body> -</html>
D
build/posts/confort-et-stabilite.html
@@ -1,64 +0,0 @@
-<!DOCTYPE html> -<html> - <head> - <meta charset="UTF-8" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0" /> - <link - rel="icon" - href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>đŠ</text></svg>" - /> - <link href="/style.css" rel="stylesheet" /> - <link - href="/posts/atom-html.xml" - type="application/atom+xml" - rel="alternate" - title="5ika's posts" - /> - <link - href="/posts/rss-html.xml" - type="application/rss+xml" - rel="alternate" - title="5ika's posts" - /> - <title>Confort et stabilitĂ©</title> - </head> - <body> - <main> - <h1 class="mb-8">Tim Izzo @<a href="/">5ika.ch</a></h1> - <h1>Confort et stabilitĂ©</h1> -<blockquote> -<p>19.09.2022</p> -</blockquote> -<p>Ă 25 ans, jâai eu la chance de rejoindre une Ă©quipe de 5 personnes avec qui jâai montĂ© une entreprise de dĂ©veloppement informatique. En se basant sur une courte expĂ©rience de lancement dâapplication ratĂ©, nous avons dĂ©cidĂ© que nous voulions profiter du caractĂšre multi-compĂ©tent de notre Ă©quipe pour gagner nos vies. Câest donc en aoĂ»t 2016 que nous avons lancĂ© <a href="https://octree.ch">Octree</a>, Ă lâorigine une boĂźte de dĂ©veloppement de sites Web sur mesure.</p> -<p>Ătant toujours en Master, jâai vu lĂ une maniĂšre douce dâattaquer le monde du travail. Le fait de travailler dans ma propre entreprise mâa toujours sĂ©duit sans trop savoir pourquoi, probablement Ă cause du semblant de facilitĂ© que cela montre: pas de patron, pas besoin de chercher un job, grande libertĂ©, possibilitĂ© de sâenrichir rapidement sans trop dâeffort si les choses marchent. Ăvidemment, a posteriori, jâai bien eu le temps de me rendre compte que tout ça nâĂ©tait que des apparences.</p> -<p>AprĂšs 3 ans de recherche de croissance et de stabilitĂ©, Octree a subi une grosse crise et perdu beaucoup de plumes. Nous sommes passĂ©s de 10 personnes Ă 4, tous Ă des taux de travail partiels pour pouvoir maintenir la boĂźte sous assistance respiratoire.</p> -<p>De mon cĂŽtĂ©, jâai dĂ©butĂ© mon activitĂ© dâindĂ©pendant dĂ©but 2020, en plein Covid. LâidĂ©e Ă©tait de pouvoir appliquer lâensemble de mes compĂ©tences techniques. MĂȘme si je peux dire aujourdâhui que cela fonctionne, jâai clairement nĂ©gligĂ© les capacitĂ©s nĂ©cessaires en matiĂšre de prospection.</p> -<p>CĂŽtĂ© Octree, la crise a Ă©tĂ© rĂ©vĂ©latrice et a lancĂ© beaucoup de questions: avec qui nous voulons collaborer ? Pour quels clients ? Que dĂ©fendons-nous ? Qui sommes-nous ? Quel avenir pour la boĂźte ?</p> -<p>Notre gouvernance en <a href="https://fr.wikipedia.org/wiki/Holacratie">Holacracy</a>, fraĂźchement instaurĂ©e juste avant la crise, nous a apportĂ© les clĂ©s pour avancer sur ces questions. Le passage Ă lâHolacracy nous a amenĂ© Ă nous fixer une <em>raison dâĂȘtre</em>, câest-Ă -dire une formulation concrĂšte de ce que nous souhaitons poursuivre, le pourquoi de notre travail. Ă quatre, nous avons pris cela plus au sĂ©rieux quâalors et avons Ă©tabli la raison dâĂȘtre suivante, qui nous guide toujours: <em>CrĂ©er un cercle vertueux entre la sociĂ©tĂ© et la technologie au profit de lâHumain</em>.</p> -<p>PoussĂ©s par cette raison dâĂȘtre, nous avons ainsi passĂ© 3 ans Ă reconstruire Octree pas aprĂšs pas. Lentement mais sĂ»rement. Nous avons engagĂ© des personnes en phase avec notre culture dâentreprise de plus en plus affirmĂ©e et nous avons embrassĂ© pleinement lâHolacracy et son potentiel.</p> -<p>Aujourdâhui, les projets que nous dĂ©veloppons nâont rien Ă voir avec ceux des dĂ©buts. Nous travaillons avec des entitĂ©s publiques comme lâ<a href="https://participer.ge.ch/">Ătat de GenĂšve</a>, la <a href="https://participer.lausanne.ch/">ville de Lausanne</a>. Nous accompagnons des communes et des entreprises genevoises vers la transition numĂ©rique avec <a href="https://r-21.ch/">R-21</a> et poussons nos propres applications comme <a href="https://caroster.io/">Caroster</a>.</p> -<p>Nous sommes fiers de ce que nous faisons et de part les choix que lâĂ©quipe dâOctree a fait ces derniĂšres annĂ©es, nous nous sommes distinguĂ©s des entreprises conventionnelles:</p> -<ul> -<li>Tout le monde touche le mĂȘme salaire (proportionnellement au taux de travail de chacun). Ce salaire est augmentĂ© progressivement avec le dĂ©veloppement de lâentreprise.</li> -<li>Nous sommes une sĂ rl Ă but non lucratif. Octree fait notamment partie du <a href="https://www.apres-ge.ch/">rĂ©seau de lâĂ©conomie sociale et solidaire</a>.</li> -<li>Personne ne travail Ă 100%. On a donc tous du temps Ă cĂŽtĂ© pour faire autre chose ou vivre, tout simplement.</li> -<li>Nous ne souhaitons pas devenir une grosse entreprise. 15 personnes semblent ĂȘtre un maximum avant de scinder la boĂźte.</li> -<li>La confiance et la communication plutĂŽt que la peur et lâautoritĂ©.</li> -</ul> -<p>Mais cela nâest pas âtout facileâ comme le jeune moi pouvait le penser 6 ans plus tĂŽt. Ces choix entraĂźnent des renoncements:</p> -<ul> -<li>Avec un Master HES dans le domaine de lâIT, le salaire moyen en Suisse est deux fois plus grand que ce que je touche aujourdâhui en prenant en compte mon activitĂ© chez Octree, mes projets indĂ©pendants et les cours que je donne chez CREA.</li> -<li>Il y a toujours une partie de mon cerveau dans un ou plusieurs projets en cours. La sĂ©paration entre le privĂ©e et le pro est fine, voire inexistante sur certaines pĂ©riodes. Pour quelquâun qui peine Ă gĂ©rer son stress comme moi, cela demande une autre forme de travail plus personnel.</li> -<li>Le fait dâĂȘtre une trĂšs petite entreprise implique de lâinstabilitĂ©. Par exemple, un gros projet annulĂ© peut avoir un impact fort sur la santĂ© de la boĂźte.</li> -<li>Il nâest pas possible de gĂ©rer âjuste son pâtit culâ. En plus de son travail quotidien propre au mĂ©tier, il faut parfois prendre la casquette de facilitateur, de secrĂ©taire, de RH, de mĂ©diateur, dâadministrateur, d'accompagnateur. Personne ne peux imposer de dĂ©cision aux autres et personne ne peut ĂȘtre virĂ©.</li> -</ul> -<p>Ainsi, rĂ©guliĂšrement jâen reviens Ă me poser ces questions: Est-ce que câest ce que je veux ? Est-ce que je nâaspire pas Ă plus de stabilitĂ© et de confort financiĂ© ? Est-ce que le choix de la facilitĂ© nâest pas finalement le bon choix ?</p> -<p>Ă chaque fois, la rĂ©ponse est aisĂ©e: Non.</p> -<p>Non car le salaire nâest quâune partie de ce que lâentreprise offre Ă ses employĂ©-e-s. Octree, comme les autres boĂźtes auto-gouvernĂ©es, offre tout un panel de choses qui ne seraient pas possibles dans une entreprise conventionnelle: je fais un travail qui a du sens, je prends moi-mĂȘme les dĂ©cisions qui concernent mon travail, jâai la possibilitĂ© dâadapter ma place au sein de lâentreprise, je peux voir les effets de mon travail et jâen rĂ©cupĂšre les fruits de maniĂšre Ă©quitable. Je travail avec des personnes passionnĂ©es, qui veulent sâimpliquer et en qui jâai confiance.</p> -<p>Non car mĂȘme si je cogite continuellement sur des projets, câest avant tout parce que je suis passionnĂ© par ce que je fais et jâai du plaisir Ă rĂ©flĂ©chir quand mes pensĂ©es sont maĂźtrisĂ©es. Je cherche constamment comment amĂ©liorer les choses, les processus, le code, la qualitĂ© du produit, etc..</p> -<p>Non car nous dĂ©veloppons des projets qui ont du sens et qui rĂ©pondent Ă un besoin rĂ©el plutĂŽt quâĂ vendre et faire du chiffre. Si un produit est pertinent et est dĂ©veloppĂ© correctement, il peut devenir un vrai outil et a peu de chance dâĂȘtre avortĂ©.</p> -<p>Non car je crois Ă la puissance de la communication et de la confiance. Dans les entreprises conventionnelles, si vous ne faites pas du bon travail ou si vous ne faites pas vos 8h par jour, vous pouvez ĂȘtre virĂ©. Quand votre supĂ©rieur-e vous demande quelque chose, vous devez le faire, mĂȘme si vous trouvez cela stupide ou nâĂȘtes pas dâaccord. On vous engage pour un job fixe correspondant Ă un cahier des charges et vous ĂȘtes cadrĂ©s dans ce que vous pouvez apporter Ă lâentreprise et ce quâelle peut vous donner en retour. Vous voulez faire plus ? Vous voulez faire mieux ? Non, vous remplissez votre cahier des charges ou vous partez.</p> -<p>Renoncer aux quatre points Ă©voquĂ©s plus haut nâest pas un problĂšme car il y a bien plus Ă gagner. Les obligations de la vie et la pression sociale me ramĂšnent toujours Ă ce choix et câest avec fiertĂ© que je continue Ă crĂ©er les choses plutĂŽt quâĂ les subir.</p> - </main> - </body> -</html>
D
build/posts/deconnexion.html
@@ -1,47 +0,0 @@
-<!DOCTYPE html> -<html> - <head> - <meta charset="UTF-8" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0" /> - <link - rel="icon" - href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>đŠ</text></svg>" - /> - <link href="/style.css" rel="stylesheet" /> - <link - href="/posts/atom-html.xml" - type="application/atom+xml" - rel="alternate" - title="5ika's posts" - /> - <link - href="/posts/rss-html.xml" - type="application/rss+xml" - rel="alternate" - title="5ika's posts" - /> - <title>DĂ©connexion</title> - </head> - <body> - <main> - <h1 class="mb-8">Tim Izzo @<a href="/">5ika.ch</a></h1> - <h1>DĂ©connexion</h1> -<blockquote> -<p>18.05.2022</p> -</blockquote> -<p>Il y a 3 ans, jâai dĂ©cidĂ© de me couper des rĂ©seaux sociaux alors que jâen Ă©tait totalement addict.</p> -<p>Je me suis inscrit sur Facebook en 2007 quand le rĂ©seau commençait tout juste Ă devenir hype. AprĂšs MSN oĂč je retrouvais mes potes le soir pour discuter de tout et surtout de rien, jâĂ©tais content dâavoir une plateforme pour partager des publications dâado mystĂ©rieux et profond Ă de plus en plus de gens depuis un bureau chez mes parents. Est ensuite arrivĂ© Instagram oĂč, comme les autres de mon Ăąge, jâai pu laisser exprimer ma fibre artistique en publiant des photos pour montrer comment ma vie elle est bien.</p> -<p>Avec mon premier smartphone, jâai pu emmener mon rĂ©seau de âpotesâ nâimporte oĂč. Toujours dans la poche, je nâavais plus besoin dâattendre aprĂšs lâĂ©cole pour me tenir aux courants des derniĂšres news trĂ©pignantes des autres. Du bout de mes doigts, je pouvais contacter nâimporte qui pour lui dire nâimporte quoi, depuis nâimporte oĂč. CâĂ©tait beau !</p> -<p>Les annĂ©es passantes et la maturitĂ© grandissante, jâai peu Ă peu pris du recul sur mon utilisation des rĂ©seaux sociaux. MalgrĂ© une constante connexion avec mes pairs, nos conversations nâavaient pas vraiment de substance. Les quelques fois oĂč jâai vraiment utilisĂ© Facebook les derniĂšres annĂ©es, câĂ©tait pour ĂȘtre tenu aux courants de certains Ă©vĂ©nements et de qui y allait.</p> -<p>Pourtant, comme beaucoup dâautres, je me suis cachĂ© derriĂšre la grande excuse âOui mais ça me permet de rester en contact avec dâanciens potes ou personnes que je ne vois pas souventâ. Il faut arrĂȘter de se mentir: Non, ce nâest pas vrai. Je nâai pas besoin dâavoir un canal de discussion constant avec des gens avec qui je parle une fois tous les 10 ans. Si je veux vraiment les contacter et maintenir une relation avec eux, je les appelle et je les vois.</p> -<p>Avec le temps, jâai rĂ©alisĂ© que je nâavais pas besoin dâavoir 500 amis potentiels car je nâaurais de toute façon pas assez de temps pour tous. Une vraie relation entre deux personnes sâentretient, prend du temps et change avec le temps. DâaprĂšs lâanthropologue Robin Dunbar, nous sommes incapables de tenir une relation humaine stable avec plus de 150 personnes (en moyenne). Câest une limite de notre cerveau ! Dans ce cas, pas besoin dâun outil pour gĂ©rer ses relations comme un troupeau.</p> -<p>En aoĂ»t 2018, jâai donc sautĂ© le pas: jâai supprimĂ© mes comptes Facebook, Instagram et Twitter. Et franchement, ça a Ă©tĂ© horrible.</p> -<p>Du jour au lendemain, je me suis senti totalement dĂ©connectĂ©. Non pas dâInternet mais de mes amis et des diffĂ©rents groupes auxquelles jâappartenais. HabituĂ© Ă ĂȘtre toujours un peu au courant de tout grĂące aux plateformes en ligne, jâai dĂ©couvert que je devais maintenant aller Ă la rencontre de mes amis pour savoir sâil se passait des choses, sâil y avait un anniversaire, si un tel allait Ă un concert ou si tel groupe dâamis se retrouvait pour un barbecue. Pour un introverti comme moi, cela demande beaucoup dâeffort et dâinconfort. Du jour au lendemain, jâai coupĂ© court Ă des centaines de ârelationsâ que jâavais alors sur Facebook et Instagram.</p> -<p>Puis, de semaine en semaine, jâai repris contact avec certains amis en les contactant directement. En ayant des discussions avec un dĂ©but et une fin, jâai redĂ©couvert certaines personnes et jâai construit des relations un peu plus fortes avec un nombre plus restreint dâamis. Jâai aujourdâhui 23 personnes que je contacte rĂ©guliĂšrement, que jâapprĂ©cie et avec qui je passe des moments vrais et sincĂšres (en dehors de la famille bien sĂ»r).</p> -<p>Cela reste difficile dâĂȘtre dĂ©connectĂ© des diffĂ©rentes plateformes. En arrĂȘtant les rĂ©seaux dââamisâ, jâai un peu compensĂ© avec LinkedIn pendant quelque temps. MĂȘme si je suis encore un peu prĂ©sent sur ce rĂ©seau professionnel, jâai remarquĂ© que je nâai rien Ă y partager (je ne fais que repartager ce que postent les entitĂ©s dont je fais partie mais le monde peut sâen passer) et que les quelques rares informations intĂ©ressantes sont perdues dans un ocĂ©an dâinformation inutile et de marketing.</p> -<p>Finalement, tout ce que je peux trouver dâintĂ©ressant sur ces rĂ©seaux se trouve aussi ailleurs sur le Web et je prĂ©fĂšre dĂ©sormais utiliser un agrĂ©gateur qui me condense les publications des sites que je suis sans le superflu autour.</p> -<p>Je ne passe plus mes journĂ©es Ă scroller dans la vie des autres mais jâai dĂ©sormais tout le temps de rĂ©flĂ©chir et de me concentrer sur des choses qui valent la peine, les choses de la vraie vie, celle qui est palpable.</p> -<p>La dĂ©connexion nâa pas Ă©tĂ© simple et la tentation de revenir sur les plateformes sociales, les anciennes comme les nouvelles, ne part pas vraiment. Mais quand on rĂ©ussit Ă construire de vraies relations, il devient Ă©vident quâon nâa pas besoin de Facebook, Instagram, TikTok et leurs compĂšres.</p> - </main> - </body> -</html>
D
build/posts/pour-un-web-sain.html
@@ -1,47 +0,0 @@
-<!DOCTYPE html> -<html> - <head> - <meta charset="UTF-8" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0" /> - <link - rel="icon" - href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>đŠ</text></svg>" - /> - <link href="/style.css" rel="stylesheet" /> - <link - href="/posts/atom-html.xml" - type="application/atom+xml" - rel="alternate" - title="5ika's posts" - /> - <link - href="/posts/rss-html.xml" - type="application/rss+xml" - rel="alternate" - title="5ika's posts" - /> - <title>Pour un Web sain</title> - </head> - <body> - <main> - <h1 class="mb-8">Tim Izzo @<a href="/">5ika.ch</a></h1> - <h1>Pour un Web sain</h1> -<blockquote> -<p>19.03.2022</p> -</blockquote> -<p>Le Web que nous utilisons aujourdâhui a dĂ©viĂ©. Il est trĂšs loin du projet que son crĂ©ateur avait en tĂȘte lors de sa mise en place au dĂ©but des annĂ©es â90. Ă lâorigine, le Web devait ĂȘtre un rĂ©seau pleinement ouvert, dĂ©centralisĂ© et accessibles Ă toutes et tous sans distinction.</p> -<p>Son objectif premier Ă©tait de faciliter le partage dâinformation. Pas de froufrous, de cookies, de pubs, de pop-ups, de banniĂšres ou de scroll infini.</p> -<p>Juste de lâinformation pure, du texte et quelques images.</p> -<p>Pas un systĂšme omniprĂ©sent et addictif se nourrissant de notre temps, de notre argent et de notre esprit.</p> -<p>Juste un outil interconnectant les humains du monde et leurs idĂ©es.</p> -<p>En 30 ans, nous avons voulu toujours en demander plus au Web en lui donnant une place et des moyens toujours plus importants jusquâĂ arriver Ă une situation malsaine.</p> -<p>De par mon mĂ©tier et ma passion, je âvisâ sur le Web chaque jour. Câest en agissant sur le Web que je gagne de lâargent et que jâaime passer du temps. Je devrais donc ĂȘtre un ambassadeur du âtout digitalâ, dĂ©fenseur de lâaccroissement de la connexion et du dĂ©bit.</p> -<p>MalgrĂ© 15 annĂ©es dĂ©diĂ©es Ă lâinformatique, jâai peur du Web dâaujourdâhui. Dans mon expĂ©rience de vie et dans mon entourage, je peux observer chaque jour ce que la sur-connexion peut crĂ©er en nous. La dĂ©pendance qui nous attache Ă un Ă©cran, toujours dans lâattente dâavoir une petite pastille rouge qui âpopâ avec lâespoir dâavoir Ă©tĂ© considĂ©rĂ© par dâautres. Le sentiment dâapathie qui nous envahit quand le moindre moment oĂč notre cerveau nâa rien Ă faire nous sortons notre tĂ©lĂ©phone pour scroller bĂȘtement en recherche de âquelque chose permettant de donner ou recevoir de lâattentionâ. Et surtout, le sentiment de solitude viscĂ©rale qui nous prend alors que nous sommes liĂ©s au monde entier grĂące au truc dans notre poche.</p> -<p>Jâai eu la chance dâavoir passĂ© mon enfance avant que les chaĂźnes ne se mettent en place. Sur lâordinateur familial, nous devions partager le temps dâĂ©cran et surtout, le temps de connexion au rĂ©seau de tĂ©lĂ©com car Ă cette Ă©poque, pas si lointaine, nous ne pouvions pas encore utiliser le tĂ©lĂ©phone et Internet en mĂȘme temps.</p> -<p>CâĂ©tait une Ăšre oĂč le Web Ă©tait simple. On voyait quelques sites extravagants pleins de couleurs mais les informations quâon trouvait Ă©taient rĂ©flĂ©chies et facile dâaccĂšs. Il nâĂ©tait pas nĂ©cessaire dâen mettre plein la vue avec des animations et des contenus de remplissage optimisĂ©s pour le SEO.</p> -<p>Pourtant, ce qui faisait le Web dâhier nâa pas disparu. Les technologies sont toujours lĂ et ont peu voir pas changĂ©es (HTML, HTTP,...). Nous avons juste rajoutĂ© des couches de merdes dessus pour mieux sucer les esprits et faire du business.</p> -<p>Car oui, quand nous utilisons le Web moderne, nous permettons Ă des entreprises de sâenrichir. Et cela mĂȘme si nous ne dĂ©boursons pas un sou. <em>Si câest gratuit, câest toi le produit.</em> Ce nâest pas grĂące Ă des dons que Facebook et Google font partie des boites les plus riches et puissantes de la planĂšte.</p> -<p>Je ne crois pas quâil soit envisageable de retourner au Web des dĂ©buts mais il est possible nĂ©anmoins, de maniĂšre individuelle, de changer la maniĂšre dont on sâen sert pour revenir Ă une utilisation saine, respectueuse de soi-mĂȘme et des autres humains. Câest le chemin que je souhaite raconter Ă travers ce blog.</p> - </main> - </body> -</html>
D
build/posts/quitter-le-pave.html
@@ -1,76 +0,0 @@
-<!DOCTYPE html> -<html> - <head> - <meta charset="UTF-8" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0" /> - <link - rel="icon" - href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>đŠ</text></svg>" - /> - <link href="/style.css" rel="stylesheet" /> - <link - href="/posts/atom-html.xml" - type="application/atom+xml" - rel="alternate" - title="5ika's posts" - /> - <link - href="/posts/rss-html.xml" - type="application/rss+xml" - rel="alternate" - title="5ika's posts" - /> - <title>Quitter le pavĂ©</title> - </head> - <body> - <main> - <h1 class="mb-8">Tim Izzo @<a href="/">5ika.ch</a></h1> - <h1>Quitter le pavĂ©</h1> -<blockquote> -<p>20.10.2022</p> -</blockquote> -<p>Depuis que je me rends compte des dĂ©rives du Web et des gros problĂšmes concernant la -consommation d'Ă©nergie de nos outils numĂ©riques ainsi que leurs effets sur notre mode de vie, -je cherche comment m'extirper du Big Web (Google, Facebook, Linkedin, Twitter,...). -J'essaye rĂ©guliĂšrement des technologies alternatives mais il n'est pas Ă©vident de sauter le pas et de changer ses habitudes -d'utilisation d'Internet.</p> -<p>Il y a 4 ans, dans un Ă©lan de <a href="https://www.calnewport.com/books/digital-minimalism/">digital minimalism</a>, j'ai retirĂ© -de mon smartphone <strong>tout ce qui a un scroll infini</strong>. Ciao Facebook, Instagram et Twitter. -L'objectif Ă©tait de retrouver un tĂ©lĂ©phone <em>outil</em> plutĂŽt qu'un tĂ©lĂ©phone <em>passe-temps</em>. -Et cette rĂšgle d'or tient toujours pour moi aujourd'hui. -J'ai gagnĂ© Ă©normĂ©ment de temps, de focus et de journĂ©es de batterie (de maniĂšre non nĂ©gligeable).</p> -<p>J'ai ensuite remplacĂ© les apps "qui se scroll" par <a href="https://feedly.com/">Feedly</a> et <a href="https://getpocket.com/">Pocket</a>.</p> -<p>Le premier me permet de suivre des fils d'information sĂ©lectionnĂ©s avec soin. -Dans ma liste des "feeds", j'ajoute les sites d'information que je consultait avant un par un ainsi que -plusieurs blogs techniques que j'apprĂ©cie. -GrĂące Ă Feedly, je peux aussi faire ma veille technique en suivant les infos des diffĂ©rentes stacks technologiques -que j'utilise ou qui m'intĂ©ressent. -Le gros avantage de cette app c'est qu'elle affiche un nombre limitĂ© d'Ă©lĂ©ments chaque jour, sĂ©parĂ©s en pages finies. -Ainsi, je passe une dizaine de minutes par jour sur l'app (si je ne trouve pas d'article intĂ©ressant) et je n'ai -plus de raison d'y revenir plusieurs fois dans la mĂȘme journĂ©e.</p> -<p>Quand je trouve un article intĂ©ressant sur Feedly ou en naviguant sur le Web mais que je n'ai pas le temps ou -l'envie de le lire sur le moment, je l'enregistre dans Pocket. GrĂące Ă une extension Firefox, -je peux aussi enregistrer des articles depuis mon ordinateur et les retrouver plus tard sur mon tĂ©lĂ©phone. -Lorsque j'ai un long temps Ă attendre, par exemple dans les transports, ou simplement que j'ai du temps -Ă disposition pour lire, j'ouvre Pocket et je prends un article qui me tente. -L'app fonctionne en mode offline: une fois que les articles sont tĂ©lĂ©chargĂ©s sur le tĂ©lĂ©phone, -plus besoin de connexion pour lire les articles. -Je peux aussi synchroniser ma liseuse Ă©lectronnique avec Pocket mais j'utilise ce fonctionnement uniquement -pour les articles particuliĂšrement long.</p> -<p>GrĂące Ă ces deux apps, j'ai rĂ©ussi Ă reprendre la main sur mon smartphone: ce n'est plus lui qui me contrĂŽle -Ă coups de notifications et de fils d'actualitĂ©s interminables mais c'est moi qui choisi le contenu que je -souhaite lire et les moments d'utilisation de l'Ă©cran trouvent une fin naturelle une fois qu'il n'y a plus rien Ă lire.</p> -<p>AprĂšs quelques annĂ©es (4 ans dĂ©jĂ !), les bienfaits sont clairs:</p> -<ul> -<li>Je lis bien plus d'articles construits et intĂ©ressants, notamment faits par des petits bloggueurs plutĂŽt que des grandes corporations</li> -<li>J'ai rĂ©duit un peu ma consommation Ă©nergĂ©tique liĂ©e au numĂ©rique (mais sur ce point, la route est encore longue)</li> -<li>J'ai l'impression d'aller au fond des sujets, pas juste creuser la surface</li> -<li>J'ai rĂ©ussi Ă surmonter <a href="https://fr.wikipedia.org/wiki/Syndrome_FOMO">la peur de rĂąter quelque chose</a> (mĂȘme si j'ai bien galĂ©rĂ© au dĂ©but)</li> -<li>J'ai du temps pour rĂ©flechir car je ne dĂ©gaine plus constament mon smartphone Ă chaque petit moment d'ennui. Prochain truc Ă rĂ©gler: Organiser toutes mes notes.</li> -</ul> -<p>Ces nouvelles habitudes ont Ă©tĂ© un premier Ă©lan vers plus de sobriĂ©tĂ© numĂ©rique. -Maintenant que c'est bien en place, je continue Ă rechercher d'autres maniĂšres de faire et Ă essayer de les transmettre. -Actuellement, je suis en train de dĂ©couvrir le protocole Gemini et le Geminispace. Un article suivra sur le sujet.</p> - </main> - </body> -</html>
D
build/style.css
@@ -1,1 +0,0 @@
-/*! tailwindcss v3.2.1 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}body{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity))}main{width:100%}@media (min-width:640px){main{max-width:640px}}@media (min-width:768px){main{max-width:768px}}@media (min-width:1024px){main{max-width:1024px}}@media (min-width:1280px){main{max-width:1280px}}@media (min-width:1536px){main{max-width:1536px}}main{max-width:48rem;margin-left:auto;margin-right:auto;padding:3rem 1rem;font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif}h1{font-size:1.5rem;line-height:2rem}h1,h2{font-weight:700}h2{font-size:1.25rem;line-height:1.75rem;margin-bottom:1rem}h2,p{margin-top:2rem}blockquote{color:rgb(55 65 81/var(--tw-text-opacity))}a,blockquote{--tw-text-opacity:1}a{color:rgb(79 70 229/var(--tw-text-opacity))}a:hover{--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity))}a{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-inset-1{top:-.25rem;right:-.25rem;bottom:-.25rem;left:-.25rem}.isolate{isolation:isolate}.isolation-auto{isolation:auto}.float-right{float:right}.float-left{float:left}.float-none{float:none}.clear-left{clear:left}.clear-right{clear:right}.clear-both{clear:both}.clear-none{clear:none}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.box-border{box-sizing:border-box}.box-content{box-sizing:initial}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.inline-table{display:inline-table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row-group{display:table-row-group}.table-row{display:table-row}.flow-root{display:flow-root}.grid{display:grid}.inline-grid{display:inline-grid}.contents{display:contents}.list-item{display:list-item}.hidden{display:none}.flex-shrink,.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.table-auto{table-layout:auto}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:initial}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\!transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.transform-cpu{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform-none{transform:none}.touch-auto{touch-action:auto}.touch-none{touch-action:none}.touch-pan-x{--tw-pan-x:pan-x}.touch-pan-left,.touch-pan-x{touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pan-left{--tw-pan-x:pan-left}.touch-pan-right{--tw-pan-x:pan-right}.touch-pan-right,.touch-pan-y{touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pan-y{--tw-pan-y:pan-y}.touch-pan-up{--tw-pan-y:pan-up}.touch-pan-down,.touch-pan-up{touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pan-down{--tw-pan-y:pan-down}.touch-pinch-zoom{--tw-pinch-zoom:pinch-zoom;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-manipulation{touch-action:manipulation}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.resize-none{resize:none}.resize-y{resize:vertical}.resize-x{resize:horizontal}.resize{resize:both}.snap-none{scroll-snap-type:none}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-y{scroll-snap-type:y var(--tw-scroll-snap-strictness)}.snap-both{scroll-snap-type:both var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-proximity{--tw-scroll-snap-strictness:proximity}.snap-start{scroll-snap-align:start}.snap-end{scroll-snap-align:end}.snap-center{scroll-snap-align:center}.snap-align-none{scroll-snap-align:none}.snap-normal{scroll-snap-stop:normal}.snap-always{scroll-snap-stop:always}.list-inside{list-style-position:inside}.list-outside{list-style-position:outside}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.break-before-auto{-moz-column-break-before:auto;break-before:auto}.break-before-avoid{-moz-column-break-before:avoid;break-before:avoid}.break-before-all{-moz-column-break-before:all;break-before:all}.break-before-avoid-page{-moz-column-break-before:avoid;break-before:avoid-page}.break-before-page{-moz-column-break-before:page;break-before:page}.break-before-left{-moz-column-break-before:left;break-before:left}.break-before-right{-moz-column-break-before:right;break-before:right}.break-before-column{-moz-column-break-before:column;break-before:column}.break-inside-auto{-moz-column-break-inside:auto;break-inside:auto}.break-inside-avoid{-moz-column-break-inside:avoid;break-inside:avoid}.break-inside-avoid-page{break-inside:avoid-page}.break-inside-avoid-column{-moz-column-break-inside:avoid;break-inside:avoid-column}.break-after-auto{-moz-column-break-after:auto;break-after:auto}.break-after-avoid{-moz-column-break-after:avoid;break-after:avoid}.break-after-all{-moz-column-break-after:all;break-after:all}.break-after-avoid-page{-moz-column-break-after:avoid;break-after:avoid-page}.break-after-page{-moz-column-break-after:page;break-after:page}.break-after-left{-moz-column-break-after:left;break-after:left}.break-after-right{-moz-column-break-after:right;break-after:right}.break-after-column{-moz-column-break-after:column;break-after:column}.grid-flow-row{grid-auto-flow:row}.grid-flow-col{grid-auto-flow:column}.grid-flow-dense{grid-auto-flow:dense}.grid-flow-row-dense{grid-auto-flow:row dense}.grid-flow-col-dense{grid-auto-flow:column dense}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.place-content-center{place-content:center}.place-content-start{place-content:start}.place-content-end{place-content:end}.place-content-between{place-content:space-between}.place-content-around{place-content:space-around}.place-content-evenly{place-content:space-evenly}.place-content-baseline{place-content:baseline}.place-content-stretch{place-content:stretch}.place-items-start{place-items:start}.place-items-end{place-items:end}.place-items-center{place-items:center}.place-items-baseline{place-items:baseline}.place-items-stretch{place-items:stretch}.content-center{align-content:center}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.content-baseline{align-content:baseline}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.justify-items-start{justify-items:start}.justify-items-end{justify-items:end}.justify-items-center{justify-items:center}.justify-items-stretch{justify-items:stretch}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.space-y-reverse>:not([hidden])~:not([hidden]){--tw-space-y-reverse:1}.space-x-reverse>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(1px*var(--tw-divide-x-reverse));border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-y-reverse>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:1}.divide-x-reverse>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:1}.divide-solid>:not([hidden])~:not([hidden]){border-style:solid}.divide-dashed>:not([hidden])~:not([hidden]){border-style:dashed}.divide-dotted>:not([hidden])~:not([hidden]){border-style:dotted}.divide-double>:not([hidden])~:not([hidden]){border-style:double}.divide-none>:not([hidden])~:not([hidden]){border-style:none}.place-self-auto{place-self:auto}.place-self-start{place-self:start}.place-self-end{place-self:end}.place-self-center{place-self:center}.place-self-stretch{place-self:stretch}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.self-baseline{align-self:baseline}.justify-self-auto{justify-self:auto}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.justify-self-stretch{justify-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-clip{overflow:clip}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-clip{overflow-x:clip}.overflow-y-clip{overflow-y:clip}.overflow-x-visible{overflow-x:visible}.overflow-y-visible{overflow-y:visible}.overflow-x-scroll{overflow-x:scroll}.overflow-y-scroll{overflow-y:scroll}.overscroll-auto{overscroll-behavior:auto}.overscroll-contain{overscroll-behavior:contain}.overscroll-none{overscroll-behavior:none}.overscroll-y-auto{overscroll-behavior-y:auto}.overscroll-y-contain{overscroll-behavior-y:contain}.overscroll-y-none{overscroll-behavior-y:none}.overscroll-x-auto{overscroll-behavior-x:auto}.overscroll-x-contain{overscroll-behavior-x:contain}.overscroll-x-none{overscroll-behavior-x:none}.scroll-auto{scroll-behavior:auto}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;white-space:nowrap}.overflow-ellipsis,.text-ellipsis,.truncate{text-overflow:ellipsis}.text-clip{text-overflow:clip}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-normal{overflow-wrap:normal;word-break:normal}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.break-keep{word-break:keep-all}.rounded{border-radius:.25rem}.rounded-t{border-top-left-radius:.25rem}.rounded-r,.rounded-t{border-top-right-radius:.25rem}.rounded-b,.rounded-r{border-bottom-right-radius:.25rem}.rounded-b,.rounded-l{border-bottom-left-radius:.25rem}.rounded-l,.rounded-tl{border-top-left-radius:.25rem}.rounded-tr{border-top-right-radius:.25rem}.rounded-br{border-bottom-right-radius:.25rem}.rounded-bl{border-bottom-left-radius:.25rem}.border{border-width:1px}.border-x{border-left-width:1px;border-right-width:1px}.border-y{border-bottom-width:1px}.border-t,.border-y{border-top-width:1px}.border-r{border-right-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-double{border-style:double}.border-hidden{border-style:hidden}.border-none{border-style:none}.bg-\[rgb\(255\2c 0\2c 0\)\]{--tw-bg-opacity:1;background-color:rgb(255 0 0/var(--tw-bg-opacity))}.decoration-slice{-webkit-box-decoration-break:slice;box-decoration-break:slice}.decoration-clone{-webkit-box-decoration-break:clone;box-decoration-break:clone}.box-decoration-slice{-webkit-box-decoration-break:slice;box-decoration-break:slice}.box-decoration-clone{-webkit-box-decoration-break:clone;box-decoration-break:clone}.bg-fixed{background-attachment:fixed}.bg-local{background-attachment:local}.bg-scroll{background-attachment:scroll}.bg-clip-border{background-clip:initial}.bg-clip-padding{background-clip:padding-box}.bg-clip-content{background-clip:content-box}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-repeat{background-repeat:repeat}.bg-no-repeat{background-repeat:no-repeat}.bg-repeat-x{background-repeat:repeat-x}.bg-repeat-y{background-repeat:repeat-y}.bg-repeat-round{background-repeat:round}.bg-repeat-space{background-repeat:space}.bg-origin-border{background-origin:border-box}.bg-origin-padding{background-origin:initial}.bg-origin-content{background-origin:content-box}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-fill{-o-object-fit:fill;object-fit:fill}.object-none{-o-object-fit:none;object-fit:none}.object-scale-down{-o-object-fit:scale-down;object-fit:scale-down}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-start{text-align:start}.text-end{text-align:end}.align-baseline{vertical-align:initial}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.align-text-top{vertical-align:text-top}.align-text-bottom{vertical-align:text-bottom}.align-sub{vertical-align:sub}.align-super{vertical-align:super}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.italic{font-style:italic}.not-italic{font-style:normal}.normal-nums{font-variant-numeric:normal}.ordinal{--tw-ordinal:ordinal}.ordinal,.slashed-zero{font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.slashed-zero{--tw-slashed-zero:slashed-zero}.lining-nums{--tw-numeric-figure:lining-nums}.lining-nums,.oldstyle-nums{font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.oldstyle-nums{--tw-numeric-figure:oldstyle-nums}.proportional-nums{--tw-numeric-spacing:proportional-nums}.proportional-nums,.tabular-nums{font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tabular-nums{--tw-numeric-spacing:tabular-nums}.diagonal-fractions{--tw-numeric-fraction:diagonal-fractions}.diagonal-fractions,.stacked-fractions{font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.stacked-fractions{--tw-numeric-fraction:stacked-fractions}.text-\[\#336699\]\/\[\.35\]{color:#33669959}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.overline{text-decoration-line:overline}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.decoration-solid{text-decoration-style:solid}.decoration-double{text-decoration-style:double}.decoration-dotted{text-decoration-style:dotted}.decoration-dashed{text-decoration-style:dashed}.decoration-wavy{text-decoration-style:wavy}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.bg-blend-normal{background-blend-mode:normal}.bg-blend-multiply{background-blend-mode:multiply}.bg-blend-screen{background-blend-mode:screen}.bg-blend-overlay{background-blend-mode:overlay}.bg-blend-darken{background-blend-mode:darken}.bg-blend-lighten{background-blend-mode:lighten}.bg-blend-color-dodge{background-blend-mode:color-dodge}.bg-blend-color-burn{background-blend-mode:color-burn}.bg-blend-hard-light{background-blend-mode:hard-light}.bg-blend-soft-light{background-blend-mode:soft-light}.bg-blend-difference{background-blend-mode:difference}.bg-blend-exclusion{background-blend-mode:exclusion}.bg-blend-hue{background-blend-mode:hue}.bg-blend-saturation{background-blend-mode:saturation}.bg-blend-color{background-blend-mode:color}.bg-blend-luminosity{background-blend-mode:luminosity}.mix-blend-normal{mix-blend-mode:normal}.mix-blend-multiply{mix-blend-mode:multiply}.mix-blend-screen{mix-blend-mode:screen}.mix-blend-overlay{mix-blend-mode:overlay}.mix-blend-darken{mix-blend-mode:darken}.mix-blend-lighten{mix-blend-mode:lighten}.mix-blend-color-dodge{mix-blend-mode:color-dodge}.mix-blend-color-burn{mix-blend-mode:color-burn}.mix-blend-hard-light{mix-blend-mode:hard-light}.mix-blend-soft-light{mix-blend-mode:soft-light}.mix-blend-difference{mix-blend-mode:difference}.mix-blend-exclusion{mix-blend-mode:exclusion}.mix-blend-hue{mix-blend-mode:hue}.mix-blend-saturation{mix-blend-mode:saturation}.mix-blend-color{mix-blend-mode:color}.mix-blend-luminosity{mix-blend-mode:luminosity}.mix-blend-plus-lighter{mix-blend-mode:plus-lighter}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.\!shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a!important;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.outline-none{outline:2px solid #0000;outline-offset:2px}.outline{outline-style:solid}.outline-dashed{outline-style:dashed}.outline-dotted{outline-style:dotted}.outline-double{outline-style:double}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-inset{--tw-ring-inset:inset}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.grayscale{--tw-grayscale:grayscale(100%)}.grayscale,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%)}.sepia{--tw-sepia:sepia(100%)}.filter,.sepia{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\!filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.filter-none{filter:none}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-grayscale{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-grayscale{--tw-backdrop-grayscale:grayscale(100%)}.backdrop-invert{--tw-backdrop-invert:invert(100%)}.backdrop-invert,.backdrop-sepia{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-sepia{--tw-backdrop-sepia:sepia(100%)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter-none{-webkit-backdrop-filter:none;backdrop-filter:none}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.content-\[\'this-is-also-valid\]-weirdly-enough\'\]{--tw-content:"this-is-also-valid]-weirdly-enough";content:var(--tw-content)}.hover\:font-bold:hover{font-weight:700}.before\:hover\:text-center:hover:before,.hover\:before\:text-center:hover:before{content:var(--tw-content);text-align:center}.focus\:hover\:text-center:hover:focus,.hover\:focus\:text-center:focus:hover{text-align:center}@media (min-width:640px){.sm\:container{width:100%}@media (min-width:640px){.sm\:container{max-width:640px}}@media (min-width:768px){.sm\:container{max-width:768px}}@media (min-width:1024px){.sm\:container{max-width:1024px}}@media (min-width:1280px){.sm\:container{max-width:1280px}}@media (min-width:1536px){.sm\:container{max-width:1536px}}.sm\:underline{text-decoration-line:underline}}@media (prefers-color-scheme:dark){@media (min-width:1024px){.dark\:lg\:hover\:\[paint-order\:markers\]:hover{paint-order:markers}}}
M
src/style.css
→
src/style.css
@@ -43,4 +43,10 @@ @apply text-indigo-600;
@apply hover:text-indigo-400; @apply transition-all; } + + li { + list-style: '-'; + padding-left: 0.5rem; + margin-left: 1rem; + } }