davidbgk
/
larlet-fr-david-cache


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
							<!doctype html><!-- This is a valid HTML5 document. -->
<!-- Screen readers, SEO, extensions and so on. -->
<html lang="fr">
<!-- Has to be within the first 1024 bytes, hence before the <title>
  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>La rose et le lotus (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="#f0f0ea">
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
<meta name="theme-color" content="#f0f0ea">
<!-- Documented, feel free to shoot an email. -->
<link rel="stylesheet" href="/static/david/css/style_2020-06-19.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 type="text/javascript">
    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="http://maiadereva.net/la-rose-et-le-lotus/">

<body class="remarkdown h1-underline h2-underline h3-underline hr-center ul-star pre-tick">

<article>
  <header>
    <h1>La rose et le lotus</h1>
  </header>
  <nav>
    <p class="center">
      <a href="/david/" title="Aller à l’accueil">🏠</a> •
      <a href="http://maiadereva.net/la-rose-et-le-lotus/" title="Lien vers le contenu original">Source originale</a>
    </p>
  </nav>
  <hr>
  <main>
    <p>Un bouton de rose n’en pouvait plus d’être lui-même. Il avait tout bonnement l’impression d’étouffer. Ça durait depuis tellement longtemps, qu’il ne se souvenait même plus depuis quand. N’y tenant plus, il se tourna vers le grand lotus fleuri non loin de lui et lui demanda :</p>
<ul>
<li>Comment as-tu fais pour fleurir ?</li>
<li>Je ne sais pas, c’est advenu, il n’y a rien à faire…</li>
<li>Oui mais par quelles étapes es-tu passé ?</li>
<li>Que dire… J’ai passé beaucoup de temps assis à ne rien faire, et puis un jour, ça a eu lieu d’un seul coup, je me souviens même du jour où ça s’est produit.</li>
<li>Tu veux dire qu’il n’y a rien à faire ?</li>
<li>Non, rien du tout !</li>
<li>Oui mais je souffre, je voudrais ne plus souffrir et être une belle fleur ouverte qui ne souffre plus comme toi ! Je dois mal m’y prendre ?</li>
<li>Tu ne seras jamais comme moi, puisque tu es déjà toi-même. Une rose n’est pas un coquelicot ni un lotus. Ça se passe différemment pour chacun. Parfois la fleur s’ouvre en une seule nuit, parfois elle prend tout son temps, doucement, parfois même elle s’ouvre puis se referme, avant de s’ouvrir à nouveau.</li>
<li>Ah… Alors je dois trouver ma propre façon de faire ?</li>
<li>Non, il suffit juste de regarder ta propre façon d’être.</li>
<li>C’est facile pour toi de dire ça, tu es né sur de l’eau lisse et claire. Moi j’ai dû me battre, regarde, j’ai même des épines pour me défendre.</li>
<li>Que sais-tu de mon histoire ? Je suis né dans la vase, et j’ai mis longtemps à en sortir avant de fleurir.</li>
<li>Oui mais, je ne comprends toujours pas… Pour t’ouvrir, il a bien fallu que tu étires tes pétales ?</li>
<li>Non, mes pétales se sont ouverts seuls. Ma seule erreur pendant ce temps ça a été de croire que chaque fois que l’un d’entre eux s’entrouvrait, je croyais que j’allais mourir, du coup je souffrais beaucoup. Maintenant j’ai compris : bien sûr que je suis mort, puisque je ne suis plus un bouton. La mort est une illusion, tout autant que le petit bouton limité que tu crois être.</li>
<li>Je dois me laisser mourir pour fleurir ?</li>
<li>Tu ne dois rien du tout. Tu peux juste observer ce qui se passe à chaque instant et t’émerveiller de ce qui est en train de se produire. Tu n’as aucun moyen d’agir, tu peux juste faire confiance à la vie qui passe par toi et qui est en train d’éclore, sans porter de jugement sur ce qui se passe. Sens la pluie qui coule sur tes joues, sans te demander si c’est bien ou mal. Sens les contractions de tes pétales sans te dire qu’ils ne devraient pas se contracter. Sens ta peur de mourir, puisqu’elle est légitime : tu es en train de mourir à chaque instant. Aime tout cela, et tôt ou tard, tu fleuriras.</li>
</ul>
  </main>
</article>


<hr>

<footer>
  <p>
    <a href="/david/" title="Aller à l’accueil">🏠</a> •
    <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
    <a href="http://larlet.com" title="Go to my English profile" data-instant>🇨🇦</a> •
    <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
    <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
  </p>
  <template id="theme-selector">
      <form>
          <fieldset>
              <legend>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 type="text/javascript">
    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>