+ 206
- 0
cache/2024/34590090e8c8ea82be14fcc3dd7b734c/index.html
查看文件
| @@ -0,0 +1,206 @@ | |||
| <!doctype html><!-- This is a valid HTML5 document. --> | |||
| <!-- Screen readers, SEO, extensions and so on. --> | |||
| <html lang="en"> | |||
| <!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
| See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
| <meta charset="utf-8"> | |||
| <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
| <!-- The viewport meta is quite crowded and we are responsible for that. | |||
| See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"> | |||
| <!-- Required to make a valid HTML5 document. --> | |||
| <title>A Kafkaesque digital relationship with ourselves (archive) — David Larlet</title> | |||
| <meta name="description" content="Publication mise en cache pour en conserver une trace."> | |||
| <!-- That good ol' feed, subscribe :). --> | |||
| <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
| <!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
| <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
| <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
| <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
| <link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
| <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
| <link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
| <meta name="msapplication-TileColor" content="#f7f7f7"> | |||
| <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
| <meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
| <meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
| <!-- Is that even respected? Retrospectively? What a shAItshow… | |||
| https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ --> | |||
| <meta name="robots" content="noai, noimageai"> | |||
| <!-- Documented, feel free to shoot an email. --> | |||
| <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
| <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
| <script> | |||
| function toggleTheme(themeName) { | |||
| document.documentElement.classList.toggle( | |||
| 'forced-dark', | |||
| themeName === 'dark' | |||
| ) | |||
| document.documentElement.classList.toggle( | |||
| 'forced-light', | |||
| themeName === 'light' | |||
| ) | |||
| } | |||
| const selectedTheme = localStorage.getItem('theme') | |||
| if (selectedTheme !== 'undefined') { | |||
| toggleTheme(selectedTheme) | |||
| } | |||
| </script> | |||
| <meta name="robots" content="noindex, nofollow"> | |||
| <meta content="origin-when-cross-origin" name="referrer"> | |||
| <!-- Canonical URL for SEO purposes --> | |||
| <link rel="canonical" href="https://minutestomidnight.co.uk/blog/kafkaesque-digital-relationship-with-ourselves/"> | |||
| <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <header> | |||
| <h1>A Kafkaesque digital relationship with ourselves</h1> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use> | |||
| </svg> Accueil</a> • | |||
| <a href="https://minutestomidnight.co.uk/blog/kafkaesque-digital-relationship-with-ourselves/" title="Lien vers le contenu original">Source originale</a> | |||
| <br> | |||
| Mis en cache le 2024-03-09 | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| <p>The topic of this month’s IndieWeb Carnival, <a href="https://manuelmoreale.com/indieweb-carnival-digital-relationships">digital relationships</a>, invites a lot of reflection, especially from an introvert like myself, who’s been basking in the shadow of any form of genuine online communication for a long time. As a Gen-X, I had been heavily invested in email, Usenet newsgroups, BBSes, and IRC channels during the 1990s. I used to juggle between Eudora, Forté Agent, a client called <em>FirstClass</em>, and some form of terminal emulation.</p> | |||
| <p>When even the largest corporations were deploying static HTML and CSS, learning to build a personal website was exciting. It was a fertile time where novelty was not a fleeting concept, where establishing connections with people living in other countries was genuinely thrilling. Today, not being involved in the kind of corporate web that contributed to destroying the <em>personal</em> and open nature of the web’s first wave, is a natural consequence of my online upbringing. The current resurgence of what is now defined <em>small web</em>, fuelled by projects such as the IndieWeb, Webmentions, ActivityPub, was electrifying at first. However, not even this space is immune from a poison that is so widespread to have become the norm. If I had to define the problem, I’d say <em>personal branding</em>.</p> | |||
| <p>Leaving the corporate web is not enough. Refusing to follow <em>influencers</em> with their incessant broadcasting of self-promotion is not enough. Repopulate an RSS reader with brilliant blogs from newfound like-minded people is not enough. Homepages dressed as business cards are everywhere, convinced as we are that <a href="https://www.vox.com/culture/2024/2/1/24056883/tiktok-self-promotion-artist-career-how-to-build-following">presenting ourselves as a product is the only way to go</a>.</p> | |||
| <blockquote> | |||
| <p>I’m Simone, a seasoned web developer and sound designer with over 25 years of experience.</p> | |||
| </blockquote> | |||
| <p>I can’t stress this enough: defining myself through job roles, awards, or the fact that I might be a public speaker, is good for a resume. Anywhere else, it becomes deeply uninspiring and <em>uninteresting</em>. That is what I might be doing for a living right now, but it doesn’t represent who I am as a person with values, interests and priorities. Even Mastodon is choke-full of this type of profile description. Why, in a small independent social network, do so many folks use this crap marketing lingo as if they were walking LinkedIn adverts?</p> | |||
| <p>Blaming any social media, corporate or not, for creating this situation is flatly wrong. In <a href="https://minutestomidnight.co.uk/blog/years-just-pass-by/">a short post written two decades ago</a> I had passive-aggressively complained about bloggers in a pre-Facebook era. It sounded a lot like I was talking about modern influencers, or pseudo <em>thought leaders</em>:</p> | |||
| <blockquote> | |||
| <p>Five years ago there was all this buzz about virtual communities. How did that go? I have no idea, all I know is that everything revolves around who’s the hottest blogger right now. They talk about themselves, reference each other, all anxious about who has the most comments or the longest and most prestigious blogroll.</p> | |||
| </blockquote> | |||
| <h2 id="walk-the-walk">Walk the walk</h2> | |||
| <p>Removing the brand from the person is all but straightforward. I now start my about page with a quick way to introduce myself by putting forward some of my values. The following section focuses on telling a short story about my path and work goals, rather than listing accomplishments. Also, <a href="https://minutestomidnight.co.uk/blog/de-brand/">as I said already</a>, words are important. Beside saying <em>people</em> instead of <em>users</em>, stop considering who’s reading my stuff as <em>audience</em>, and quit referring to what I do as <em>content</em>, I want to modify a few more behaviours:</p> | |||
| <ul class="list-hr"> | |||
| <li><strong>Quit mentioning well-known bloggers on a first-name basis</strong>. The self-aggrandising concealed implication is extremely annoying. The practice of obsessively quoting the same guys as if they’re close friends only reinforces the idea that these white men are a walled garden of successful people in their field. The same distortion happened in the UK recently, when the media insisted on referencing to the former Prime Minister Johnson as <em>Boris</em>, like he was a cuddly bear, or a mate you meet at a pub. He was neither.</li> | |||
| <li><strong>Keep writing about different things</strong>. If my website will ever become one-dimensional, <del>specialised</del> fixated on a single topic, I’ll retire from the internet for good.</li> | |||
| <li><strong>Don’t quote so-called thought leaders</strong>, but feed varied points of view by citing the less boosted ones. The web is full of interesting and unknown writers with way less than a gazillion followers on any given online space. I much prefer to look beyond gender, skin colour, geography, because I care about exciting ideas, fresh approach, novelty, not <em>status</em>.</li> | |||
| <li><strong>Stop sugar-coating concepts</strong> by swapping simple truths with cheap gaslighting. I don’t “help companies” achieving something, I work for a salary doing things that, when luck strikes, I might even enjoy.</li> | |||
| </ul> | |||
| <p>Based on <a href="https://sonomu.club/@m2m/111875069567954865">reactions on Mastodon</a> I would say this is <a href="https://mastodon.design/@silviamaggi/111880068685358232">a conversation worth having</a>. It’s not the end of the road. I’ve been talking the talk for a long time before realising to be part of this game of projected personas within a collective <em>company of one</em> allucination.</p> | |||
| </article> | |||
| <hr> | |||
| <footer> | |||
| <p> | |||
| <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use> | |||
| </svg> Accueil</a> • | |||
| <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use> | |||
| </svg> Suivre</a> • | |||
| <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use> | |||
| </svg> Pro</a> • | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use> | |||
| </svg> Email</a> • | |||
| <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use> | |||
| </svg> Légal</abbr> | |||
| </p> | |||
| <template id="theme-selector"> | |||
| <form> | |||
| <fieldset> | |||
| <legend><svg class="icon icon-brightness-contrast"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use> | |||
| </svg> Thème</legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
| </label> | |||
| </fieldset> | |||
| </form> | |||
| </template> | |||
| </footer> | |||
| <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
| <script> | |||
| function loadThemeForm(templateName) { | |||
| const themeSelectorTemplate = document.querySelector(templateName) | |||
| const form = themeSelectorTemplate.content.firstElementChild | |||
| themeSelectorTemplate.replaceWith(form) | |||
| form.addEventListener('change', (e) => { | |||
| const chosenColorScheme = e.target.value | |||
| localStorage.setItem('theme', chosenColorScheme) | |||
| toggleTheme(chosenColorScheme) | |||
| }) | |||
| const selectedTheme = localStorage.getItem('theme') | |||
| if (selectedTheme && selectedTheme !== 'undefined') { | |||
| form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
| } | |||
| } | |||
| const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
| window.addEventListener('load', () => { | |||
| let hasDarkRules = false | |||
| for (const styleSheet of Array.from(document.styleSheets)) { | |||
| let mediaRules = [] | |||
| for (const cssRule of styleSheet.cssRules) { | |||
| if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
| continue | |||
| } | |||
| // WARNING: Safari does not have/supports `conditionText`. | |||
| if (cssRule.conditionText) { | |||
| if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
| continue | |||
| } | |||
| } else { | |||
| if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
| continue | |||
| } | |||
| } | |||
| mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
| } | |||
| // WARNING: do not try to insert a Rule to a styleSheet you are | |||
| // currently iterating on, otherwise the browser will be stuck | |||
| // in a infinite loop… | |||
| for (const mediaRule of mediaRules) { | |||
| styleSheet.insertRule(mediaRule.cssText) | |||
| hasDarkRules = true | |||
| } | |||
| } | |||
| if (hasDarkRules) { | |||
| loadThemeForm('#theme-selector') | |||
| } | |||
| }) | |||
| </script> | |||
| </body> | |||
| </html> | |||
+ 39
- 0
cache/2024/34590090e8c8ea82be14fcc3dd7b734c/index.md
查看文件
| @@ -0,0 +1,39 @@ | |||
| title: A Kafkaesque digital relationship with ourselves | |||
| url: https://minutestomidnight.co.uk/blog/kafkaesque-digital-relationship-with-ourselves/ | |||
| hash_url: 34590090e8c8ea82be14fcc3dd7b734c | |||
| archive_date: 2024-03-09 | |||
| og_image: https://minutestomidnight.co.uk/assets/images/m2m-og-image.png | |||
| description: Words are crucial to build a sense of online community, however many of us have been using them straight out of a soulless corporate lingo in order to sell ourselves as a product. | |||
| favicon: https://minutestomidnight.co.uk/assets/images/favicons/favicon.svg | |||
| language: en_GB | |||
| <p>The topic of this month’s IndieWeb Carnival, <a href="https://manuelmoreale.com/indieweb-carnival-digital-relationships">digital relationships</a>, invites a lot of reflection, especially from an introvert like myself, who’s been basking in the shadow of any form of genuine online communication for a long time. As a Gen-X, I had been heavily invested in email, Usenet newsgroups, BBSes, and IRC channels during the 1990s. I used to juggle between Eudora, Forté Agent, a client called <em>FirstClass</em>, and some form of terminal emulation.</p> | |||
| <p>When even the largest corporations were deploying static HTML and CSS, learning to build a personal website was exciting. It was a fertile time where novelty was not a fleeting concept, where establishing connections with people living in other countries was genuinely thrilling. Today, not being involved in the kind of corporate web that contributed to destroying the <em>personal</em> and open nature of the web’s first wave, is a natural consequence of my online upbringing. The current resurgence of what is now defined <em>small web</em>, fuelled by projects such as the IndieWeb, Webmentions, ActivityPub, was electrifying at first. However, not even this space is immune from a poison that is so widespread to have become the norm. If I had to define the problem, I’d say <em>personal branding</em>.</p> | |||
| <p>Leaving the corporate web is not enough. Refusing to follow <em>influencers</em> with their incessant broadcasting of self-promotion is not enough. Repopulate an RSS reader with brilliant blogs from newfound like-minded people is not enough. Homepages dressed as business cards are everywhere, convinced as we are that <a href="https://www.vox.com/culture/2024/2/1/24056883/tiktok-self-promotion-artist-career-how-to-build-following">presenting ourselves as a product is the only way to go</a>.</p> | |||
| <blockquote> | |||
| <p>I’m Simone, a seasoned web developer and sound designer with over 25 years of experience.</p> | |||
| </blockquote> | |||
| <p>I can’t stress this enough: defining myself through job roles, awards, or the fact that I might be a public speaker, is good for a resume. Anywhere else, it becomes deeply uninspiring and <em>uninteresting</em>. That is what I might be doing for a living right now, but it doesn’t represent who I am as a person with values, interests and priorities. Even Mastodon is choke-full of this type of profile description. Why, in a small independent social network, do so many folks use this crap marketing lingo as if they were walking LinkedIn adverts?</p> | |||
| <p>Blaming any social media, corporate or not, for creating this situation is flatly wrong. In <a href="https://minutestomidnight.co.uk/blog/years-just-pass-by/">a short post written two decades ago</a> I had passive-aggressively complained about bloggers in a pre-Facebook era. It sounded a lot like I was talking about modern influencers, or pseudo <em>thought leaders</em>:</p> | |||
| <blockquote> | |||
| <p>Five years ago there was all this buzz about virtual communities. How did that go? I have no idea, all I know is that everything revolves around who’s the hottest blogger right now. They talk about themselves, reference each other, all anxious about who has the most comments or the longest and most prestigious blogroll.</p> | |||
| </blockquote> | |||
| <h2 id="walk-the-walk">Walk the walk</h2> | |||
| <p>Removing the brand from the person is all but straightforward. I now start my about page with a quick way to introduce myself by putting forward some of my values. The following section focuses on telling a short story about my path and work goals, rather than listing accomplishments. Also, <a href="https://minutestomidnight.co.uk/blog/de-brand/">as I said already</a>, words are important. Beside saying <em>people</em> instead of <em>users</em>, stop considering who’s reading my stuff as <em>audience</em>, and quit referring to what I do as <em>content</em>, I want to modify a few more behaviours:</p> | |||
| <ul class="list-hr"> | |||
| <li><strong>Quit mentioning well-known bloggers on a first-name basis</strong>. The self-aggrandising concealed implication is extremely annoying. The practice of obsessively quoting the same guys as if they’re close friends only reinforces the idea that these white men are a walled garden of successful people in their field. The same distortion happened in the UK recently, when the media insisted on referencing to the former Prime Minister Johnson as <em>Boris</em>, like he was a cuddly bear, or a mate you meet at a pub. He was neither.</li> | |||
| <li><strong>Keep writing about different things</strong>. If my website will ever become one-dimensional, <del>specialised</del> fixated on a single topic, I’ll retire from the internet for good.</li> | |||
| <li><strong>Don’t quote so-called thought leaders</strong>, but feed varied points of view by citing the less boosted ones. The web is full of interesting and unknown writers with way less than a gazillion followers on any given online space. I much prefer to look beyond gender, skin colour, geography, because I care about exciting ideas, fresh approach, novelty, not <em>status</em>.</li> | |||
| <li><strong>Stop sugar-coating concepts</strong> by swapping simple truths with cheap gaslighting. I don’t “help companies” achieving something, I work for a salary doing things that, when luck strikes, I might even enjoy.</li> | |||
| </ul> | |||
| <p>Based on <a href="https://sonomu.club/@m2m/111875069567954865">reactions on Mastodon</a> I would say this is <a href="https://mastodon.design/@silviamaggi/111880068685358232">a conversation worth having</a>. It’s not the end of the road. I’ve been talking the talk for a long time before realising to be part of this game of projected personas within a collective <em>company of one</em> allucination.</p> | |||
+ 181
- 0
cache/2024/4f003de8f8531a4aaf121ecf6c21ae66/index.html
查看文件
| @@ -0,0 +1,181 @@ | |||
| <!doctype html><!-- This is a valid HTML5 document. --> | |||
| <!-- Screen readers, SEO, extensions and so on. --> | |||
| <html lang="en"> | |||
| <!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
| See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
| <meta charset="utf-8"> | |||
| <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
| <!-- The viewport meta is quite crowded and we are responsible for that. | |||
| See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"> | |||
| <!-- Required to make a valid HTML5 document. --> | |||
| <title>Years just pass by (archive) — David Larlet</title> | |||
| <meta name="description" content="Publication mise en cache pour en conserver une trace."> | |||
| <!-- That good ol' feed, subscribe :). --> | |||
| <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
| <!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
| <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
| <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
| <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
| <link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
| <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
| <link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
| <meta name="msapplication-TileColor" content="#f7f7f7"> | |||
| <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
| <meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
| <meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
| <!-- Is that even respected? Retrospectively? What a shAItshow… | |||
| https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ --> | |||
| <meta name="robots" content="noai, noimageai"> | |||
| <!-- Documented, feel free to shoot an email. --> | |||
| <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
| <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
| <script> | |||
| function toggleTheme(themeName) { | |||
| document.documentElement.classList.toggle( | |||
| 'forced-dark', | |||
| themeName === 'dark' | |||
| ) | |||
| document.documentElement.classList.toggle( | |||
| 'forced-light', | |||
| themeName === 'light' | |||
| ) | |||
| } | |||
| const selectedTheme = localStorage.getItem('theme') | |||
| if (selectedTheme !== 'undefined') { | |||
| toggleTheme(selectedTheme) | |||
| } | |||
| </script> | |||
| <meta name="robots" content="noindex, nofollow"> | |||
| <meta content="origin-when-cross-origin" name="referrer"> | |||
| <!-- Canonical URL for SEO purposes --> | |||
| <link rel="canonical" href="https://minutestomidnight.co.uk/blog/years-just-pass-by/"> | |||
| <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <header> | |||
| <h1>Years just pass by</h1> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use> | |||
| </svg> Accueil</a> • | |||
| <a href="https://minutestomidnight.co.uk/blog/years-just-pass-by/" title="Lien vers le contenu original">Source originale</a> | |||
| <br> | |||
| Mis en cache le 2024-03-09 | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| <p>We went to the park today, had a nice time. We talked, laughed and later had dinner on the canal, a very tasty fish-based meal.</p> | |||
| <p>I’ve been reading a lot recently, keeping up with what the most modern web agencies are doing, who are they hiring, what’s the state-of-the-art, or better said: the <em>current hype</em>. Is there anyone out there who’s walking the talk? Spent some time checking out a few blogs, convinced as I am that mine isn’t really one. All the others are blabbing about what’s the most recent movie that <em>everyone should be watching</em>, who they’re dating. Five years ago there was all this buzz about <em>virtual communities</em>. How did that go? I have no idea, all I know is that everything revolves around who’s the hottest blogger right now. They talk about themselves, reference each other, all anxious about who has the most comments or the longest and most prestigious blogroll. Compared to that, my online journal is pure mental masturbation, but at least I have the occasional good photo and such nice typography.</p> | |||
| <p>I feel like the choice to leave my small town was one that I couldn’t have done differently. It had to be sudden, with the harshest kind of uprooting. That’s how I can move on. When I come visit, I enjoy a slow breakfast on the beach, feeling a gentle spring breeze while looking at people busy with their fishing boats. I can do that with ease now, because I know I live elsewhere. Not sure why a major city was the place where I wanted to be, and the place where I felt I <em>needed to be</em>.</p> | |||
| </article> | |||
| <hr> | |||
| <footer> | |||
| <p> | |||
| <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use> | |||
| </svg> Accueil</a> • | |||
| <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use> | |||
| </svg> Suivre</a> • | |||
| <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use> | |||
| </svg> Pro</a> • | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use> | |||
| </svg> Email</a> • | |||
| <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use> | |||
| </svg> Légal</abbr> | |||
| </p> | |||
| <template id="theme-selector"> | |||
| <form> | |||
| <fieldset> | |||
| <legend><svg class="icon icon-brightness-contrast"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use> | |||
| </svg> Thème</legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
| </label> | |||
| </fieldset> | |||
| </form> | |||
| </template> | |||
| </footer> | |||
| <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
| <script> | |||
| function loadThemeForm(templateName) { | |||
| const themeSelectorTemplate = document.querySelector(templateName) | |||
| const form = themeSelectorTemplate.content.firstElementChild | |||
| themeSelectorTemplate.replaceWith(form) | |||
| form.addEventListener('change', (e) => { | |||
| const chosenColorScheme = e.target.value | |||
| localStorage.setItem('theme', chosenColorScheme) | |||
| toggleTheme(chosenColorScheme) | |||
| }) | |||
| const selectedTheme = localStorage.getItem('theme') | |||
| if (selectedTheme && selectedTheme !== 'undefined') { | |||
| form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
| } | |||
| } | |||
| const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
| window.addEventListener('load', () => { | |||
| let hasDarkRules = false | |||
| for (const styleSheet of Array.from(document.styleSheets)) { | |||
| let mediaRules = [] | |||
| for (const cssRule of styleSheet.cssRules) { | |||
| if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
| continue | |||
| } | |||
| // WARNING: Safari does not have/supports `conditionText`. | |||
| if (cssRule.conditionText) { | |||
| if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
| continue | |||
| } | |||
| } else { | |||
| if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
| continue | |||
| } | |||
| } | |||
| mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
| } | |||
| // WARNING: do not try to insert a Rule to a styleSheet you are | |||
| // currently iterating on, otherwise the browser will be stuck | |||
| // in a infinite loop… | |||
| for (const mediaRule of mediaRules) { | |||
| styleSheet.insertRule(mediaRule.cssText) | |||
| hasDarkRules = true | |||
| } | |||
| } | |||
| if (hasDarkRules) { | |||
| loadThemeForm('#theme-selector') | |||
| } | |||
| }) | |||
| </script> | |||
| </body> | |||
| </html> | |||
+ 14
- 0
cache/2024/4f003de8f8531a4aaf121ecf6c21ae66/index.md
查看文件
| @@ -0,0 +1,14 @@ | |||
| title: Years just pass by | |||
| url: https://minutestomidnight.co.uk/blog/years-just-pass-by/ | |||
| hash_url: 4f003de8f8531a4aaf121ecf6c21ae66 | |||
| archive_date: 2024-03-09 | |||
| og_image: https://minutestomidnight.co.uk/assets/images/m2m-og-image.png | |||
| description: The desire to be part of a community of bloggers hits the harsh reality of how humans want thought leaders who appear to be successful. | |||
| favicon: https://minutestomidnight.co.uk/assets/images/favicons/favicon.svg | |||
| language: en_GB | |||
| <p>We went to the park today, had a nice time. We talked, laughed and later had dinner on the canal, a very tasty fish-based meal.</p> | |||
| <p>I’ve been reading a lot recently, keeping up with what the most modern web agencies are doing, who are they hiring, what’s the state-of-the-art, or better said: the <em>current hype</em>. Is there anyone out there who’s walking the talk? Spent some time checking out a few blogs, convinced as I am that mine isn’t really one. All the others are blabbing about what’s the most recent movie that <em>everyone should be watching</em>, who they’re dating. Five years ago there was all this buzz about <em>virtual communities</em>. How did that go? I have no idea, all I know is that everything revolves around who’s the hottest blogger right now. They talk about themselves, reference each other, all anxious about who has the most comments or the longest and most prestigious blogroll. Compared to that, my online journal is pure mental masturbation, but at least I have the occasional good photo and such nice typography.</p> | |||
| <p>I feel like the choice to leave my small town was one that I couldn’t have done differently. It had to be sudden, with the harshest kind of uprooting. That’s how I can move on. When I come visit, I enjoy a slow breakfast on the beach, feeling a gentle spring breeze while looking at people busy with their fishing boats. I can do that with ease now, because I know I live elsewhere. Not sure why a major city was the place where I wanted to be, and the place where I felt I <em>needed to be</em>.</p> | |||
+ 4
- 0
cache/2024/index.html
查看文件
| @@ -136,6 +136,8 @@ | |||
| <li><a href="/david/cache/2024/44c12c8fbb59c7239f0f3b04bae189b7/" title="Accès à l’article dans le cache local : Tailwind marketing and misinformation engine">Tailwind marketing and misinformation engine</a> (<a href="https://nuejs.org/blog/tailwind-misinformation-engine/" title="Accès à l’article original distant : Tailwind marketing and misinformation engine">original</a>)</li> | |||
| <li><a href="/david/cache/2024/4f003de8f8531a4aaf121ecf6c21ae66/" title="Accès à l’article dans le cache local : Years just pass by">Years just pass by</a> (<a href="https://minutestomidnight.co.uk/blog/years-just-pass-by/" title="Accès à l’article original distant : Years just pass by">original</a>)</li> | |||
| <li><a href="/david/cache/2024/7a223e552e8a8e3e11c759cbc5bc3ffa/" title="Accès à l’article dans le cache local : Opening Mail / frantic.im">Opening Mail / frantic.im</a> (<a href="https://frantic.im/opening-mail/" title="Accès à l’article original distant : Opening Mail / frantic.im">original</a>)</li> | |||
| <li><a href="/david/cache/2024/9750840b448f07a2f2594bb25da23836/" title="Accès à l’article dans le cache local : Tech doesn’t make our lives easier. It makes them faster">Tech doesn’t make our lives easier. It makes them faster</a> (<a href="https://brettscott.substack.com/p/tech-doesnt-make-our-lives-easier" title="Accès à l’article original distant : Tech doesn’t make our lives easier. It makes them faster">original</a>)</li> | |||
| @@ -216,6 +218,8 @@ | |||
| <li><a href="/david/cache/2024/5da390fa8d93278cd62233d3915729e7/" title="Accès à l’article dans le cache local : Generating Config driven Dynamic Forms using Web Components">Generating Config driven Dynamic Forms using Web Components</a> (<a href="https://codeburst.io/generating-config-driven-dynamic-forms-using-web-components-7c8d400f7f2e" title="Accès à l’article original distant : Generating Config driven Dynamic Forms using Web Components">original</a>)</li> | |||
| <li><a href="/david/cache/2024/34590090e8c8ea82be14fcc3dd7b734c/" title="Accès à l’article dans le cache local : A Kafkaesque digital relationship with ourselves">A Kafkaesque digital relationship with ourselves</a> (<a href="https://minutestomidnight.co.uk/blog/kafkaesque-digital-relationship-with-ourselves/" title="Accès à l’article original distant : A Kafkaesque digital relationship with ourselves">original</a>)</li> | |||
| <li><a href="/david/cache/2024/71b177818657a209fc76f23c08c21d25/" title="Accès à l’article dans le cache local : Dude, you broke the future!">Dude, you broke the future!</a> (<a href="https://www.antipope.org/charlie/blog-static/2018/01/dude-you-broke-the-future.html" title="Accès à l’article original distant : Dude, you broke the future!">original</a>)</li> | |||
| <li><a href="/david/cache/2024/f3974ec778551dd1c3134c8094c3372b/" title="Accès à l’article dans le cache local : Animer Vos Retrospectives Avec Le Conseil">Animer Vos Retrospectives Avec Le Conseil</a> (<a href="https://www.ut7.fr/blog/2015/11/18/animer-vos-retrospectives-avec-le-conseil.html" title="Accès à l’article original distant : Animer Vos Retrospectives Avec Le Conseil">original</a>)</li> | |||
Loading…