diff --git a/README.md b/README.md deleted file mode 100644 index 31fcb44..0000000 --- a/README.md +++ /dev/null @@ -1,175 +0,0 @@ -start it with a server, like : `alive-server` -- https://www.npmjs.com/package/alive-server -- install : `npm install -g alive-server` - ---- - -function replaceHtml(elementToReplace, contentToLoad) { - let oldContent = elementToReplace.innerHTML; - let newContent = deserialize_html(contentToLoad); - let targetName = elementToReplace.dataset.target; - let contentElement = findClassInHtmlcollection(newContent, targetName); - if (contentElement) - content_element.outerHTML = oldContent; - - elementToReplace.replaceWith(...newContent); -}; - -function loadHtml() { - let elements = document.getElementsByClassName("load_html"); - for (let elementToReplace of elements) { - let path = (elementToReplace.dataset.path); - fetch(path) - .then(response => response.text()) - .then(contentToLoad => replaceHtml(elementToReplace, contentToLoad)) - .catch(error => console.log('Error:', error)); - }; -} - ---- - -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.target; - let content_element = find_class_in_htmlcollection(new_content, target_name); - if (content_element) - content_element.outerHTML = old_content; - - 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); - fetch(path) - .then(response => response.text()) - .then(content_to_load => replace_html(element_to_replace, content_to_load)) - .catch(error => console.log('Error:', error)); - }; -} - ---- - -https://www.youtube.com/watch?v=elt5zpcTlOE - -01. 00:00:00 Flowers (Miley Cyrus, 2022) -02. 00:03:11 Calm Down (Rema, Selena Gomez) -03. 00:07:07 Dusk Till Dawn (Zayn, Sia, cover ?) -04. 00:10:17 Old Town Road (Lil Nas X, Billy Ray Cyrus, Jatayu cover) -05. 00:12:47 Stay (The Kid Laroi, Justin Bieber, cover ?) -06. 00:15:07 Kill Bill (Sza, cover ?) -07. 00:17:41 Treat You Better (Shawn Mendes, cover ?) -08. 00:20:34 We Don't Talk Anymore () -09. 00:23:35 Unstoppable () -10. 00:27:21 See You Again () -11. 00:30:11 24K Magic - Bruno Mars () -12. 00:33:39 Bad Habits () -13. 00:36:39 This Is What You Came For () -14. 00:40:35 Sugar () -15. 00:44:28 Side to Sise () -16. 00:47:58 Im The One () -17. 00:51:10 Sorry - Justin Bieber () -18. 00:54:16 Wthout Me - Halsey () -19. 00:55:57 Lose You To Love Me () -20. 00:58:08 Work From Home () -21. 01:00:35 Havana () -22. 01:02:54 Shivers () -23. 01:06:24 Save Your Tears () -24. 01:09:59 Peaches () -25. 01:12:01 Cheap Thrills () -26. 01:13:57 Rihanna - Work () -27. 01:17:23 Easy On Me () -28. 01:21:01 Señorita - Shawn Mendes () -29. 01:24:11 New Rules () -30. 01:27:40 The Greatest - Sia () -31. 01:29:50 Shape Of You () -32. 01:33:12 Attention () -33. 01:36:25 Monsters () -34. 01:37:52 Good 4 U () -35. 01:41:38 Faded () -36. 01:45:06 Send My Love () -37. 01:48:43 What About Us () -38. 01:53:14 Let Me Love You () -39. 01:56:48 I Don't Care () -40. 01:59:47 There's Nothing Holding Me Back () -41. 02:03:07 -42. 02:05:48 -43. 02:07:30 -44. 02:10:23 -45. 02:13:13 -46. 02:16:30 -47. 02:18:38 -48. 02:23:26 -49. 02:26:39 -50. 02:29:18 - - - - - - - - - - - - - - - - ---- - -01. 00:00:00 Flowers -02. 00:03:11 Calm Down -03. 00:07:07 Dusk Till Dawn -04. 00:10:17 Old Town Road -05. 00:12:47 Stay -06. 00:15:07 Kill Bill -07. 00:17:41 Treat You Better -08. 00:20:34 We Don't Talk Anymore -09. 00:23:35 Unstoppable -10. 00:27:21 See You Again -11. 00:30:11 24K Magic -12. 00:33:39 Bad Habits -13. 00:36:39 This Is What You Came For -14. 00:40:35 Sugar -15. 00:44:28 Side to Sise -16. 00:47:58 Im The One -17. 00:51:10 Sorry -18. 00:54:16 Wthout Me -19. 00:55:57 Lose You To Love Me -20. 00:58:08 Work From Home -21. 01:00:35 Havana -22. 01:02:54 Shivers -23. 01:06:24 Save Your Tears -24. 01:09:59 Peaches -25. 01:12:01 Cheap Thrills -26. 01:13:57 Work -27. 01:17:23 Easy On Me -28. 01:21:01 Señorita -29. 01:24:11 New Rules -30. 01:27:40 The Greatest -31. 01:29:50 Shape Of You -32. 01:33:12 Attention -33. 01:36:25 Monsters -34. 01:37:52 Good 4 U -35. 01:41:38 Faded -36. 01:45:06 Send My Love -37. 01:48:43 What About Us -38. 01:53:14 Let Me Love You -39. 01:56:48 I Don't Care -40. 01:59:47 There's Nothing Holding Me Back -41. 02:03:07 ? -42. 02:05:48 ? -43. 02:07:30 ? -44. 02:10:23 ? -45. 02:13:13 ? -46. 02:16:30 ? -47. 02:18:38 ? -48. 02:23:26 ? -49. 02:26:39 ? -50. 02:29:18 ? - diff --git a/index.html b/index.html new file mode 100644 index 0000000..c3eca26 --- /dev/null +++ b/index.html @@ -0,0 +1,396 @@ + + + + + + + + hugulumu.fr + + + + + + + + + + +
+
+•   • ◦   • ••••• ◦••••     •      •••  •   • •   •
+•   • •   • •     •   •     •     •   • •• •◦  • •
+••••• •   • •  •• •   •     •     ••◦•• • • •   •
+•   • •   ◦ •   • •   •     •     •   • •   •   ◦
+•   • ••••• ••••• •••••     ••••• •   • •   •   •
+
+
+•   • •   • ••••• •••••     •      •••  •   • ◦   •
+◦   • •   • •     •   •     ◦     •   • •• ••  • •
+••••• •   • ◦  •• •   ◦     •     ••••• • • •   •
+•   • •   • •   • •   •     •     ◦   • ◦   •   •
+•   • •••◦• ••••• •••••     •••◦• •   • •   •   •
+
+
+•   • •   • ••••• •••••     •      •••  •   • •   •
+•   • •   • •     •   •     •     •   • •• ••  • •
+••◦•• •   • •  •• •   •     •     ••••• • ◦ •   •
+•   • •   • •   • •   •     •     •   • •   •   •
+•   • ••••• ••••◦ •••••     ••••• •   • •   •   •
+
+
+•   • •   • •••◦• •••••     •      •••  ◦   • •   •
+•   • •   • •     •   •     •     •   • •• ••  • ◦
+••••• •   • •  •• •   •     •     ••••• • • •   •
+•   ◦ •   • •   • •   •     ◦     •   • •   •   •
+•   • ••••• ••••• ••◦••     ••••• •   ◦ •   •   •
+
+
+ +
+
+       •
+      ••         ••••           •••••
+     •••        •    •         •     •     ••
+    ••••       •    •••••     •       •   •  •
+   •• ••      •    •  •  •   •         •  •  •
+  ••  ••     •     •  •   •••           •••••
+ ••   ••    •       ••                      •
+••    ••   •                    ••           •
+••    •••••••••                • •            •
+••   ••      •               ••••   •••••      •
+••  ••      •             • •   •  •     •     •
+•• ••      •             • •  •  ••       •    •
+••••      •              ••      ••       ••   •
+•••      •                •••••••  •     •  •••
+••      •                 •         •••••
+••••••••                   •       •    •
+
+
+       •
+      ••                       •••••
+     •••        •••••         •     •     ••
+    ••••       •     •       •       •   •  •
+   •• ••      •     •••••   •         •  •  •
+  ••  ••     •     •  •  •••           •••••
+ ••   ••    •      •  •                    •
+••    ••   •        ••         ••          •
+••    •••••••••               • •           •
+••   ••      •              ••••   •••••     •
+••  ••      •           •  •   •  •     •     •
+•• ••      •            • • •   ••       •    •
+••••      •             ••      ••       ••   •
+•••      •               •••••••  •     •  •••
+••      •                •         •••••
+••••••••                 •         •    •
+
+
+       •
+      ••                       ••••
+     •••        ••••••        •    •     ••
+    ••••       •      •      •      •   •  •
+   •• ••      •      •••••  •        •  •  •
+  ••  ••     •      •  •  ••          •••••
+ ••   ••    •       •  •                  •
+••    ••   •         ••        ••          •
+••    •••••••••               • •           •
+••   ••      •              ••••   •••••     •
+••  ••      •          •   •   •  •     •     •
+•• ••      •            • • •   ••       •    •
+••••      •             ••      ••       ••   •
+•••      •               •••••••  •     •  •••
+••      •                •         •••••
+••••••••                •          •   •
+
+
+       •
+      ••         •••••          ••••
+     •••        •     •        •    •     ••
+    ••••       •     ••••     •      •   •  •
+   •• ••      •     •  • •   •        •  •  •
+  ••  ••     •      •  •  •••          •••••
+ ••   ••    •        ••                     •
+••    ••   •                    ••           •
+••    •••••••••                • •            •
+••   ••      •               ••••   •••••      •
+••  ••      •            •  •   •  •     •     •
+•• ••      •             • •  •  ••       •    •
+••••      •              ••      ••       ••   •
+•••      •                •••••••  •     •  •••
+••      •                 •         •••••
+••••••••                  •        •   •
+
+
+ +
+
+        ••••      •
+       •    •     •
+      •      •   •
+      •       •••
+    •••••
+   •     •
+  •       •
+  •       •
+  •••   •••
+ •   • •   •
+ •   • •   •
+  •••• ••••
+   • • • •  •
+ •• •   •  •
+•  ••••••••
+      •
+
+
+        ••    •
+       •  •   •
+      •    • •
+      •     •
+    •••••
+   •     •
+  •       •
+  •       •
+  •••   •••
+ •   • •   •
+ •   • •   •
+  •••• ••••
+•  • • • •
+ •• •   •   •
+   •••••••••
+      •
+
+
+     •  ••
+       •  •
+      • • •
+      •  • 
+    •••••
+   •     •
+  •       •
+  •       •
+  •••   •••
+ •   • •   •
+ •   • •   •
+  •••• ••••
+•  • • • •
+ •  •   • ••
+  ••••••••  •
+      •
+
+
+        •••••
+       •     •
+      •  •    •
+      •   ••••
+    •••••
+   •     •
+  •       •
+  •       •
+  •••   •••
+ •   • •   •
+ •   • •   •
+  •••• ••••
+   • • • •  •
+•   •   • ••
+ •••••••••
+      •
+
+
+ +
+
+                   •
+                   •
+             ••     •
+             • •••••••
+           •• •• •   •
+      •  ••••• •  • • •
+      • •     • •  •   •
+       •       • ••    •
+      •        • • •
+     ••       ••  ••
+    •  ••    • •
+•  •     ••••
+ ••       •
+         •
+
+
+                  •
+                   •
+             ••     •
+             • •••••••
+           •• •• •   •
+         ••••• •  • • •
+     •• •     • •  •   •
+       •       • ••   •
+      •        • • •
+     ••       ••  ••
+    •  ••    •  •
+   •     ••••
+•••       •
+         •
+
+
+                   •
+                    •
+             ••     •
+           • • •••••••
+            • •• •   •
+         ••••• •  • • •
+     •• •     • •  •  •
+       •       • ••   •
+      •        • • •
+    •••       ••  ••
+   •   ••    •  •
+   •     ••••
+•••       •
+          •
+
+
+                     •
+                    •
+             ••     •
+           • • •••••••
+            • •• •   •
+      •  ••••• •  • • •
+      • •     • •  •  •
+       •       • ••    •
+      •        • • •
+    •••       ••  ••
+   •   ••    • •
+•  •     ••••
+ ••       •
+          •
+
+
+ +
+
+                 •     
+                  •    
+           ••     •    
+           • •     •   
+            •••••••••  
+              • •  ••  
+              •   • •  
+        ••••• •  •   • 
+       •     • ••     •
+   •  •       •        
+  •   •       ••       
+  •    •      • •      
+   •   ••    •         
+    •••  ••••          
+
+
+                  •   
+                  •   
+           ••      •  
+           • •     •  
+            ••••••••• 
+              • •  •• 
+              •   • • 
+        ••••• •  •   •
+       •     • ••    •
+      •       •       
+   •• •       ••      
+  •    •      • •     
+   •   ••    •        
+    •••  ••••         
+
+
+                   •  
+                  •   
+           ••      •  
+           • •     •  
+            ••••••••• 
+              •  • •• 
+              •   • • 
+        ••••• •  •  • 
+       •     • ••   • 
+    • •       •       
+   •  •       ••      
+   •   •      • •     
+   •   ••    •        
+    •••  ••••         
+
+
+                      
+                ••        
+                • •      •
+                 ••      •
+                 •  •   • 
+                • •  •  • 
+         ••••• •      ••  
+        •     • ••••••••• 
+  •    •       •       •  
+  •    •       •••    •   
+  •    •      •       •   
+   •   ••    •         •  
+    •••  ••••             
+
+
+ + + + + + + + + + + + + + diff --git a/style/banners.css b/style/banners.css new file mode 100644 index 0000000..773e75a --- /dev/null +++ b/style/banners.css @@ -0,0 +1,54 @@ + +div.banner { + flex-wrap: wrap; + overflow: hidden; + width: 99vw; + margin: 10px 0px; +} +div.smallbanner { + height: 3.5ex; +} +div.bigbanner { + height: 21.5ex; +} +div.banner * { + margin: 0px; +} +div.banner p { + white-space: pre; +} +div.banner br { + display: block; +} +pre.banner { + position: relative; + margin-left: -100px; + animation-name: slide; + animation-iteration-count: infinite; + animation-duration: 2s; + animation-timing-function: linear; + animation-direction: normal; +} +pre.banner.pause { + animation-play-state: paused; +} +pre.banner.reverse { + animation-direction: reverse; +} +pre.banner.t0_5 { + animation-duration: 0.5s; +} +pre.banner.t1_0 { + animation-duration: 1s; +} +pre.banner.t1_5 { + animation-duration: 1.5s; +} +pre.banner.t2_0 { + animation-duration: 2s; +} +@keyframes slide { + from {left:0;} + to {left:2.4em;} +} + diff --git a/style/frames.css b/style/frames.css new file mode 100644 index 0000000..8bd98ae --- /dev/null +++ b/style/frames.css @@ -0,0 +1,46 @@ + +.frames_container { + display: grid; + width: fit-content; + margin-left: 0px; + + /* + border: 1px solid blue; + */ +} +pre.frame.hide { + display: none; +} +pre.frame { + position: relative; + grid-column: 1; + grid-row: 1; + margin: auto auto 0px 0px; + + /* + width: fit-content; + height: fit-content; + + border: 1px solid red; + */ + + opacity: 0; + --tframes: 2s; + animation-name: ascii_frame; + animation-iteration-count: infinite; + animation-duration: var(--tframes); + animation-timing-function: linear; + animation-direction: normal; +} + +pre.frame.f2 {animation-delay: calc(var(--tframes) * 25/100);} +pre.frame.f3 {animation-delay: calc(var(--tframes) * 50/100);} +pre.frame.f4 {animation-delay: calc(var(--tframes) * 75/100);} + +@keyframes ascii_frame { + 0% {opacity: 1;} + 25% {opacity: 1;} + 25.1% {opacity: 0;} + 100% {opacity: 0;} +} + diff --git a/style/style.css b/style/style.css new file mode 100644 index 0000000..e64f974 --- /dev/null +++ b/style/style.css @@ -0,0 +1,22 @@ +body { + /* + */ + overflow-x: hidden; +} +body * { + display: flex; + margin: auto; +} +script, style { + display: none; +} +p, pre { + line-height: 0.8; + font-size: 12px; + font-family: monospace; +} +pre { + margin: 10px 0px; +} + +