JS

david/2024/01/01/index.html

@@ -383,13 +383,12 @@ Pb : mémoire, troubles cognitifs, responsable de cancer, pb sommeil, déco
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -399,14 +398,13 @@ Pb&nbsp;: mémoire, troubles cognitifs, responsable de cancer, pb sommeil, déco
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/01/02/index.html

@@ -425,13 +425,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -441,14 +440,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/01/03/index.html

@@ -372,13 +372,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -388,14 +387,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/01/04/index.html

@@ -392,13 +392,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -408,14 +407,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/01/05/index.html

@@ -398,13 +398,12 @@ Isobel hésite. Sans lever les yeux de son livre, Emily répond à sa place&nbsp
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -414,14 +413,13 @@ Isobel hésite. Sans lever les yeux de son livre, Emily répond à sa place&nbsp
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/01/06/index.html

@@ -392,13 +392,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -408,14 +407,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/01/07/index.html

@@ -438,13 +438,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -454,14 +453,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/01/08/index.html

@@ -435,13 +435,12 @@ a::before {
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -451,14 +450,13 @@ a::before {
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/01/09/index.html

@@ -406,13 +406,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -422,14 +421,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/01/10/index.html

@@ -490,13 +490,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -506,14 +505,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/01/11/index.html

@@ -450,13 +450,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -466,14 +465,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/01/12/index.html

@@ -515,13 +515,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -531,14 +530,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/01/13/index.html

@@ -421,13 +421,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -437,14 +436,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/01/14/index.html

@@ -416,13 +416,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -432,14 +431,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/01/15/index.html

@@ -368,13 +368,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -384,14 +383,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/01/16/index.html

@@ -390,13 +390,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -406,14 +405,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/01/17/index.html

@@ -435,13 +435,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -451,14 +450,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/01/18/index.html

@@ -364,13 +364,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -380,14 +379,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/01/19/index.html

@@ -414,13 +414,12 @@ quelqu’un nous&nbsp;voit</p>
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -430,14 +429,13 @@ quelqu’un nous&nbsp;voit</p>
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/01/20/index.html

@@ -449,13 +449,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -465,14 +464,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/01/21/index.html

@@ -394,13 +394,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -410,14 +409,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/01/22/index.html

@@ -474,13 +474,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -490,14 +489,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/01/23/index.html

@@ -398,13 +398,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -414,14 +413,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/01/24/index.html

@@ -399,13 +399,12 @@ par nos&nbsp;obscurités</p>
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -415,14 +414,13 @@ par nos&nbsp;obscurités</p>
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/01/25/index.html

@@ -400,13 +400,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -416,14 +415,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/01/26/index.html

@@ -422,13 +422,12 @@ Des affects, qui constituent la nécessaire force motrice du mouvement que nous
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -438,14 +437,13 @@ Des affects, qui constituent la nécessaire force motrice du mouvement que nous
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/01/27/index.html

@@ -421,13 +421,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -437,14 +436,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/01/28/index.html

@@ -392,13 +392,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -408,14 +407,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/01/29/index.html

@@ -505,13 +505,12 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -521,14 +520,13 @@ git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/davi
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/01/30/index.html

@@ -411,13 +411,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -427,14 +426,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/01/31/index.html

@@ -435,13 +435,12 @@ Représentant de l’entreprise /  Représentant de&nbsp;l’association</p>
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -451,14 +450,13 @@ Représentant de l’entreprise /  Représentant de&nbsp;l’association</p>
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/02/01/index.html

@@ -437,13 +437,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -453,14 +452,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/02/02/index.html

@@ -454,13 +454,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -470,14 +469,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/02/03/index.html

@@ -438,13 +438,12 @@ end run
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -454,14 +453,13 @@ end run
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/02/04/index.html

@@ -468,13 +468,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -484,14 +483,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/02/05/index.html

@@ -376,13 +376,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -392,14 +391,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/02/06/index.html

@@ -419,13 +419,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -435,14 +434,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/02/07/index.html

@@ -391,13 +391,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -407,14 +406,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/02/08/index.html

@@ -384,13 +384,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -400,14 +399,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/02/09/index.html

@@ -376,13 +376,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -392,14 +391,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/02/10/index.html

@@ -379,13 +379,12 @@ etc.</p>
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -395,14 +394,13 @@ etc.</p>
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/02/11/index.html

@@ -366,13 +366,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -382,14 +381,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/02/12/index.html

@@ -456,13 +456,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -472,14 +471,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/02/13/index.html

@@ -410,13 +410,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -426,14 +425,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/02/14/index.html

@@ -378,13 +378,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -394,14 +393,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/02/15/index.html

@@ -422,13 +422,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -438,14 +437,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/02/16/index.html

@@ -416,13 +416,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -432,14 +431,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/02/17/index.html

@@ -387,13 +387,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -403,14 +402,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/02/18/index.html

@@ -458,13 +458,12 @@ button.primary {
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -474,14 +473,13 @@ button.primary {
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/02/19/index.html

@@ -464,13 +464,12 @@ $ python3 -c 'import secrets; print(secrets.token_hex(100))'
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -480,14 +479,13 @@ $ python3 -c 'import secrets; print(secrets.token_hex(100))'
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/02/20/index.html

@@ -403,13 +403,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -419,14 +418,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/02/21/index.html

@@ -439,13 +439,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -455,14 +454,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/02/22/index.html

@@ -405,13 +405,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -421,14 +420,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/02/23/index.html

@@ -440,13 +440,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -456,14 +455,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/02/24/index.html

@@ -392,13 +392,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -408,14 +407,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/02/25/index.html

@@ -406,13 +406,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -422,14 +421,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/02/26/index.html

@@ -423,13 +423,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -439,14 +438,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/02/27/index.html

@@ -393,13 +393,12 @@ Et je sais enfin qui je&nbsp;suis…</p>
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -409,14 +408,13 @@ Et je sais enfin qui je&nbsp;suis…</p>
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/02/28/index.html

@@ -420,13 +420,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -436,14 +435,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/02/29/index.html

@@ -425,13 +425,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -441,14 +440,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/03/01/index.html

@@ -425,13 +425,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -441,14 +440,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/03/02/index.html

@@ -395,13 +395,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -411,14 +410,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/03/03/index.html

@@ -463,13 +463,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -479,14 +478,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/03/04/index.html

@@ -376,13 +376,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -392,14 +391,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/03/05/index.html

@@ -391,13 +391,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -407,14 +406,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/03/06/index.html

@@ -420,13 +420,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -436,14 +435,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/03/07/index.html

@@ -425,13 +425,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -441,14 +440,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/03/08/index.html

@@ -407,13 +407,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -423,14 +422,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/03/09/index.html

@@ -437,13 +437,12 @@ Lovée dans mes&nbsp;bras</p>
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -453,14 +452,13 @@ Lovée dans mes&nbsp;bras</p>
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/03/10/index.html

@@ -366,13 +366,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -382,14 +381,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/03/11/index.html

@@ -431,13 +431,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -447,14 +446,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/2024/03/12/index.html

@@ -439,13 +439,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -455,14 +454,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 

david/log/index.xml

@@ -6,7 +6,7 @@
     <link href="https://larlet.fr/david/" rel="alternate" type="text/html" />
     <link href="https://larlet.fr/david/log/" rel="self" />
     <id>https://larlet.fr/david/</id>
-    <updated>2024-03-12T12:00:00+01:00</updated>
+    <updated>2024-03-13T12:00:00+01:00</updated>
     <author>
         <name>David Larlet</name>
         <uri>https://larlet.fr/david/</uri>

david/templates/article_2024.html

@@ -112,13 +112,12 @@
   <script type="module">
     import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
 
-    const observer = new IntersectionObserver(elements => {
+    const markObserver = new IntersectionObserver((entries, observer) => {
       const computedStyle = getComputedStyle(document.documentElement)
       const markBackground = computedStyle.getPropertyValue('--mark-background')
-      for (const element of elements) {
-        if (element.intersectionRatio === 0) continue
-        const markElement = element.target
-        if (markElement.dataset.annotated) continue
+      for (const entry of entries) {
+        if (entry.intersectionRatio === 0) continue
+        const markElement = entry.target
         const annotation = annotate(
           markElement, {
             type: 'highlight',
@@ -128,14 +127,13 @@
           }
         )
         annotation.show()
-        // Avoid the rough notation to be applied multiple times.
-        markElement.dataset.annotated = true
+        observer.unobserve(markElement)
       }
     }, {threshold: 1.0})
 
     for (const markElement of document.querySelectorAll('mark')) {
       markElement.style.backgroundColor = 'inherit'
-      observer.observe(markElement)
+      markObserver.observe(markElement)
     }
   </script>
 {% endblock %}