Fix sidenotes when screen is too short

1 files changed, 11 insertions, 2 deletions

diff --git a/src/js/sidenotes.js b/src/js/sidenotes.js
index 9519c88..3160c1a 100644
--- a/src/js/sidenotes.js
+++ b/src/js/sidenotes.js
@@ -22,13 +22,22 @@ const resize = () => {
       window.innerWidth ||
       document.documentElement.clientWidth ||
       document.body.clientWidth;
+
+    // Si la page est trop petite pour afficher les notes dans la marge, on ne fait rien
     if (sidenote.offsetWidth < 200 || viewportWidth < 1400) {
       sidenote.innerHTML = "";
       return;
     }
 
-    const notes = Array.from(article.querySelectorAll("li")).filter((element) =>
-      element.id.startsWith("user-content-fn"),
+    const notes = Array.from(article.querySelectorAll("li")).filter(
+      (element) => {
+        console.log("🦒", element.innerText);
+        return (
+          element.id.startsWith("user-content-fn") && // If it's a foot-note
+          !element.innerText.startsWith("http") && // But not a source
+          !element.innerText.startsWith("Source:")
+        );
+      },
     );
     const newSidenotes = notes.map((sidenoteLi) => {
       const div = document.createElement("div");