JS (rough notation)

david/2024/01/01/index.html

@@ -380,6 +380,36 @@ Pb : mémoire, troubles cognitifs, responsable de cancer, pb sommeil, déco
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/01/02/index.html

@@ -422,6 +422,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/01/03/index.html

@@ -369,6 +369,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/01/04/index.html

@@ -389,6 +389,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/01/05/index.html

@@ -395,6 +395,36 @@ Isobel hésite. Sans lever les yeux de son livre, Emily répond à sa place&nbsp
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/01/06/index.html

@@ -389,6 +389,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/01/07/index.html

@@ -435,6 +435,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/01/08/index.html

@@ -432,6 +432,36 @@ a::before {
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/01/09/index.html

@@ -403,6 +403,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/01/10/index.html

@@ -487,6 +487,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/01/11/index.html

@@ -447,6 +447,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/01/12/index.html

@@ -512,6 +512,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/01/13/index.html

@@ -418,6 +418,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/01/14/index.html

@@ -413,6 +413,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/01/15/index.html

@@ -365,6 +365,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/01/16/index.html

@@ -387,6 +387,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/01/17/index.html

@@ -432,6 +432,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/01/18/index.html

@@ -361,6 +361,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/01/19/index.html

@@ -411,6 +411,36 @@ quelqu’un nous&nbsp;voit</p>
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/01/20/index.html

@@ -446,6 +446,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/01/21/index.html

@@ -391,6 +391,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/01/22/index.html

@@ -471,6 +471,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/01/23/index.html

@@ -395,6 +395,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/01/24/index.html

@@ -396,6 +396,36 @@ par nos&nbsp;obscurités</p>
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/01/25/index.html

@@ -397,6 +397,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/01/26/index.html

@@ -419,6 +419,36 @@ Des affects, qui constituent la nécessaire force motrice du mouvement que nous
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/01/27/index.html

@@ -418,6 +418,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/01/28/index.html

@@ -389,6 +389,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/01/29/index.html

@@ -502,6 +502,36 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/01/30/index.html

@@ -408,6 +408,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/01/31/index.html

@@ -432,6 +432,36 @@ Représentant de l’entreprise /  Représentant de&nbsp;l’association</p>
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/02/01/index.html

@@ -434,6 +434,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/02/02/index.html

@@ -451,6 +451,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/02/03/index.html

@@ -435,6 +435,36 @@ end run
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/02/04/index.html

@@ -465,6 +465,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/02/05/index.html

@@ -373,6 +373,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/02/06/index.html

@@ -416,6 +416,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/02/07/index.html

@@ -388,6 +388,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/02/08/index.html

@@ -381,6 +381,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/02/09/index.html

@@ -373,6 +373,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/02/10/index.html

@@ -376,6 +376,36 @@ etc.</p>
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/02/11/index.html

@@ -363,6 +363,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/02/12/index.html

@@ -453,6 +453,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/02/13/index.html

@@ -407,6 +407,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/02/14/index.html

@@ -375,6 +375,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/02/15/index.html

@@ -419,6 +419,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/02/16/index.html

@@ -413,6 +413,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/02/17/index.html

@@ -384,6 +384,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/02/18/index.html

@@ -455,6 +455,36 @@ button.primary {
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/02/19/index.html

@@ -461,6 +461,36 @@ $ python3 -c 'import secrets; print(secrets.token_hex(100))'
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/02/20/index.html

@@ -400,6 +400,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/02/21/index.html

@@ -436,6 +436,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/02/22/index.html

@@ -402,6 +402,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/02/23/index.html

@@ -437,6 +437,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/02/24/index.html

@@ -389,6 +389,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/02/25/index.html

@@ -403,6 +403,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/02/26/index.html

@@ -420,6 +420,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/02/27/index.html

@@ -390,6 +390,36 @@ Et je sais enfin qui je&nbsp;suis…</p>
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/02/28/index.html

@@ -417,6 +417,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/02/29/index.html

@@ -422,6 +422,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/03/01/index.html

@@ -422,6 +422,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/03/02/index.html

@@ -392,6 +392,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/03/03/index.html

@@ -460,6 +460,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/03/04/index.html

@@ -373,6 +373,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/03/05/index.html

@@ -388,6 +388,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/03/06/index.html

@@ -417,6 +417,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/03/07/index.html

@@ -422,6 +422,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/03/08/index.html

@@ -404,6 +404,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/03/09/index.html

@@ -434,6 +434,36 @@ Lovée dans mes&nbsp;bras</p>
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/03/10/index.html

@@ -363,6 +363,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/2024/03/11/index.html

@@ -420,6 +420,36 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 
   </body>
 </html>

david/templates/article_2024.html

@@ -109,4 +109,34 @@
       hideOnClick: false
     })
   </script>
+  <script type="module">
+    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
+
+    const computedStyle = getComputedStyle(document.documentElement)
+    const markBackground = computedStyle.getPropertyValue('--mark-background')
+
+    const observer = new IntersectionObserver(elements => {
+      for (const element of elements) {
+        if (element.intersectionRatio < 1) return
+        const markElement = element.target
+        if (markElement.dataset.annotated) return
+        const annotation = annotate(
+          markElement, {
+            type: 'highlight',
+            multiline: true,
+            color: markBackground,
+            animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          }
+        )
+        annotation.show()
+        // Avoid the rough notation to be applied multiple times.
+        markElement.dataset.annotated = true
+      }
+    }, {threshold: 1.0})
+
+    for (const markElement of document.querySelectorAll('mark')) {
+      markElement.style.backgroundColor = 'inherit'
+      observer.observe(markElement)
+    }
+  </script>
 {% endblock %}