From 520472da5130a93c41a3d294badedc66d4b958c9 Mon Sep 17 00:00:00 2001 From: asus Date: Sun, 5 Nov 2023 21:21:32 +0100 Subject: [PATCH] erased everything to set up a clean new master branch --- ascii_elements/banner_1.html | 9 - ascii_elements/banner_container.html | 57 ------ ascii_elements/mouse_1.html | 19 -- ascii_elements/mouse_2.html | 19 -- ascii_elements/mouse_3.html | 17 -- ascii_elements/mouse_4.html | 252 --------------------------- ascii_elements/mouse_container.html | 35 ---- ascii_elements/name.html | 8 - index.html | 90 ---------- scripts/build.sh | 16 -- scripts/load_html.js | 53 ------ scripts/old_load_html.js | 89 ---------- test | 0 13 files changed, 664 deletions(-) delete mode 100644 ascii_elements/banner_1.html delete mode 100644 ascii_elements/banner_container.html delete mode 100644 ascii_elements/mouse_1.html delete mode 100644 ascii_elements/mouse_2.html delete mode 100644 ascii_elements/mouse_3.html delete mode 100644 ascii_elements/mouse_4.html delete mode 100644 ascii_elements/mouse_container.html delete mode 100644 ascii_elements/name.html delete mode 100644 index.html delete mode 100644 scripts/build.sh delete mode 100644 scripts/load_html.js delete mode 100644 scripts/old_load_html.js delete mode 100644 test diff --git a/ascii_elements/banner_1.html b/ascii_elements/banner_1.html deleted file mode 100644 index f5e23f6..0000000 --- a/ascii_elements/banner_1.html +++ /dev/null @@ -1,9 +0,0 @@ -
- - - -
diff --git a/ascii_elements/banner_container.html b/ascii_elements/banner_container.html deleted file mode 100644 index 73a5f24..0000000 --- a/ascii_elements/banner_container.html +++ /dev/null @@ -1,57 +0,0 @@ - - - - - diff --git a/ascii_elements/mouse_1.html b/ascii_elements/mouse_1.html deleted file mode 100644 index e21c516..0000000 --- a/ascii_elements/mouse_1.html +++ /dev/null @@ -1,19 +0,0 @@ -
-       •
-      ••         •••••          •••••
-     •••        •     •        •     •     ••
-    ••••       •     ••••     •       •   •  •
-   •• ••      •     •  • •   •         •  •  •
-  ••  ••     •      •  •  •••           •••••
- ••   ••    •        ••                     •
-••    ••   •                    ••           •
-••    •••••••••                • •            •
-••   ••      •               ••••   •••••      •
-••  ••      •           •   •   •  •     •     •
-•• ••      •             • • •   ••       •    •
-••••      •              ••      ••       ••   •
-•••      •                •••••••  •     •  •••
-••      •                 •         •••••
-••••••••                   •       •   •
-
- diff --git a/ascii_elements/mouse_2.html b/ascii_elements/mouse_2.html deleted file mode 100644 index a650c65..0000000 --- a/ascii_elements/mouse_2.html +++ /dev/null @@ -1,19 +0,0 @@ -
-        ••••      •
-       •    •     •
-      •      •   • 
-      •       •••  
-    •••••          
-   •     •         
-  •       •        
-  •       •        
-  •••   •••        
- •   • •   •       
- •   • •   •       
-  •••• ••••        
-   • • • •  •      
-••• •   •  •       
-   ••••••••        
-      •     
-
- diff --git a/ascii_elements/mouse_3.html b/ascii_elements/mouse_3.html deleted file mode 100644 index c27a779..0000000 --- a/ascii_elements/mouse_3.html +++ /dev/null @@ -1,17 +0,0 @@ -
-                   •
-                    •
-             ••     •
-           • • •••••••
-            • •• •   •
-      •  ••••• •  • • •
-      • •     • •  •   •
-       •       • ••    •
-      •        • • •
-    •••       ••  ••
-   •   ••    •  •  
-  •      ••••  
-••        •
-         •
-
- diff --git a/ascii_elements/mouse_4.html b/ascii_elements/mouse_4.html deleted file mode 100644 index e0da065..0000000 --- a/ascii_elements/mouse_4.html +++ /dev/null @@ -1,252 +0,0 @@ - - -
- -
-                 •      
-                  •     
-           ••     •     
-           • •     •    
-            •••••••••   
-              • •  ••   
-              •   • •   
-        ••••• •  •   •  
-       •     • ••     • 
-  •   •       •         
-  •   •       ••        
-  •    •      • •       
-   •   ••    •          
-    •••  ••••           
-
-
-                 •      
-                  •     
-           ••     •     
-           • •     •    
-            •••••••••   
-              • •  ••   
-              •   • •   
-        ••••• •  •   •  
-       •     • ••     • 
-   •  •       •         
-   •  •       ••        
-  •    •      • •       
-   •   ••    •          
-    •••  ••••           
-
-
-                  •     
-                  •     
-           ••      •    
-           • •     •    
-            •••••••••   
-              • •  ••   
-              •   • •   
-        ••••• •  •   •  
-       •     • ••    •  
-      •       •         
-   •• •       ••        
-  •    •      • •       
-   •   ••    •          
-    •••  ••••           
-
-
-                   •    
-                  •     
-           ••      •    
-           • •     •    
-            •••••••••   
-              • •  ••   
-              •   • •   
-        ••••• •  •   •  
-       •     • ••    •  
-    • •       •         
-   •  •       ••        
-  •    •      • •       
-   •   ••    •          
-    •••  ••••           
-
-
-                   •    
-                  •     
-           ••      •    
-           • •     •    
-            •••••••••   
-              • •  ••   
-              •   • •   
-        ••••• •  •   •  
-       •     • ••    •  
-   •  •       •         
-  •   •       ••        
-  •    •      • •       
-   •   ••    •          
-    •••  ••••           
-
-
-                   •    
-                  •     
-           ••      •    
-           • •     •    
-            •••••••••   
-              • •  ••   
-              •   • •   
-        ••••• •  •   •  
-       •     • ••    •  
- •    •       •         
-  •   •       ••        
-  •    •      • •       
-   •   ••    •          
-    •••  ••••           
-
-
-                   •    
-                  •     
-           ••      •    
-           • •     •    
-            •••••••••   
-              • •  ••   
-              •   • •   
-        ••••• •  •   •  
-       •     • ••    •  
-•     •       •         
- •    •       ••        
-  •    •      • •       
-   •   ••    •          
-    •••  ••••           
-
-
-                ••        
-                • •      •
-                 ••     •
-                 •  •   • 
-                • •  •  • 
-         ••••• •      ••  
-        •     • ••••••••• 
-       •       •       •  
-••    •       •••    •   
-  •    •      •       •   
-   •   ••    •        •   
-    •••  ••••             
-
-
-                ••        
-                • •      •
-                 ••     •
-                 •  •    •
-                • •  •  • 
-         ••••• •      ••  
-        •     • ••••••••• 
- •     •       •       •  
- •     •       •••    •   
-  •    •      •       •   
-   •   ••    •         •  
-    •••  ••••             
-
-
-                      
-                ••        
-                • •      •
-                 ••      •
-                 •  •   • 
-                • •  •  • 
-         ••••• •      ••  
-        •     • ••••••••• 
-  •    •       •       •  
-  •    •       •••    •   
-  •    •      •       •   
-   •   ••    •         •  
-    •••  ••••             
-
- -
-
- - - - diff --git a/ascii_elements/mouse_container.html b/ascii_elements/mouse_container.html deleted file mode 100644 index 98eca13..0000000 --- a/ascii_elements/mouse_container.html +++ /dev/null @@ -1,35 +0,0 @@ - -
- -
- - diff --git a/ascii_elements/name.html b/ascii_elements/name.html deleted file mode 100644 index 875db72..0000000 --- a/ascii_elements/name.html +++ /dev/null @@ -1,8 +0,0 @@ -
-•   • •   • ••••• •••••     •      •••  •   • •   •
-•   • •   • •     •   •     •     •   • •• ••  • •
-••••• •   • •  •• •   •     •     ••••• • • •   •
-•   • •   • •   • •   •     •     •   • •   •   •
-•   • ••••• ••••• •••••     ••••• •   • •   •   •
-
- diff --git a/index.html b/index.html deleted file mode 100644 index 9e886a8..0000000 --- a/index.html +++ /dev/null @@ -1,90 +0,0 @@ - - - - - - - - hugulumu.fr - - - - - - - - - - - - - - - - -
- - - - - diff --git a/scripts/build.sh b/scripts/build.sh deleted file mode 100644 index 36f865e..0000000 --- a/scripts/build.sh +++ /dev/null @@ -1,16 +0,0 @@ -#!/bin/bash - -# Define the file to watch -file_to_watch="./" - -# Watch for modification events on the file continuously, with a minimum interval of 1s -last_modified=0 -while read -r directory events filename; do - current_time=$(date +%s) # Get the current time in seconds - - if [ "$current_time" -gt "$last_modified" ]; then - last_modified=$current_time - echo "$current_time - The file $filename was modified." - fi -done < <(inotifywait -q --monitor --event modify "$file_to_watch") - diff --git a/scripts/load_html.js b/scripts/load_html.js deleted file mode 100644 index 046bf71..0000000 --- a/scripts/load_html.js +++ /dev/null @@ -1,53 +0,0 @@ - -// https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots - -customElements.define( - "load-html", - class extends HTMLElement { - constructor() { - - super(); - - let path = this.dataset.path; - - let load_content = (content_to_load) => { - let template = document.createElement('template'); - template.innerHTML = content_to_load; - let templateContent = template.content; - //this.appendChild(templateContent.cloneNode(true)); - this.replaceWith(templateContent.cloneNode(true)); - } - - fetch(path) - .then(response => response.text()) - .then(load_content) - .catch(error => console.log('Error:', error)); - } - }, -); - -customElements.define( - "load-html-shadow", - class extends HTMLElement { - constructor() { - - super(); - - let path = this.dataset.path; - - let load_content = (content_to_load) => { - let template = document.createElement('template'); - template.innerHTML = content_to_load; - let templateContent = template.content; - const shadowRoot = this.attachShadow({ mode: "open" }); - shadowRoot.appendChild(templateContent.cloneNode(true)); - } - - fetch(path) - .then(response => response.text()) - .then(load_content) - .catch(error => console.log('Error:', error)); - } - }, -); - diff --git a/scripts/old_load_html.js b/scripts/old_load_html.js deleted file mode 100644 index 13fb9c8..0000000 --- a/scripts/old_load_html.js +++ /dev/null @@ -1,89 +0,0 @@ - -// https://stackoverflow.com/questions/494143/creating-a-new-dom-element-from-an-html-string-using-built-in-dom-methods-or-pro -function deserialize_html(html) { - let template = document.createElement('template'); - template.innerHTML = html; - return template.content.children; - // use .children instead of childNodes to avoid #text elements : - // https://stackoverflow.com/questions/35199729/javascript-meaning-of-text-in-htmlnode-childnodesi-nodename - //return template.content.childNodes; -} - -function fill_content(new_content, old_content, target_name) { - if (!old_content) - return; - let elements_with_class = find_elements_by_class(new_content, "content_html"); - let elements_to_fill = find_elements_by_data(elements_with_class, target_name, "path_target"); - elements_to_fill.forEach(el => el.outerHTML = old_content); -} - -function find_elements_by_class(html_collection, class_to_find) { - for (element of html_collection) { - if (element.nodeName === "STYLE") - continue; - if (element.nodeName === "SCRIPT") - continue; - return element.getElementsByClassName(class_to_find); - } - return null; -} - -function find_elements_by_data(html_collection, data_to_compare, dataset_name) { - let matching_elements = []; - if (!data_to_compare) - return matching_elements; - for (element of html_collection) { - - let data = [...element.querySelectorAll(`[data-${dataset_name}='${data_to_compare}']`)]; - //let data = element.dataset[dataset_name]; - - //if (data_to_compare === data) - matching_elements.push(...data); - } -// if (data_to_compare === "banner") - return matching_elements; -} - -function transfert_class(element, new_content) { - let class_target = element.dataset.class_target; - let new_class = element.dataset.new_class; - if (!class_target) - return; - if (!new_class) - return; - let elements_with_class = find_elements_by_data(new_content, class_target, "class_target"); - elements_with_class.forEach(el => el.classList.add(new_class)); -} - -function replace_html(element_to_replace, content_to_load) { - let old_content = element_to_replace.innerHTML; - let new_content = deserialize_html(content_to_load); - let target_name = element_to_replace.dataset.path_target; - transfert_class(element_to_replace, new_content); -// console.log("new_content: ", new_content); - fill_content(new_content, old_content, target_name); - element_to_replace.replaceWith(...new_content); -}; - -function load_html() { - let elements = document.getElementsByClassName("load_html"); - for (let element_to_replace of elements) { - let path = (element_to_replace.dataset.path); - if (!path) - continue; - fetch(path) - .then(response => response.text()) - .then(content_to_load => replace_html(element_to_replace, content_to_load)) - .catch(error => console.log('Error:', error)); - }; -} - -// create an observer on everytime some HTML is loaded on the whole page (heavy solution...) -const callback = (mutation_list, observer) => load_html(); -const observer = new MutationObserver(callback); -const targetNode = document.body; -const config = { attributes: true, childList: true, subtree: true }; -// Start observing the target node for configured mutations -observer.observe(targetNode, config); - - diff --git a/test b/test deleted file mode 100644 index e69de29..0000000