From 50c90cae41186f464c33d39b76bf5a955ff97c03 Mon Sep 17 00:00:00 2001 From: asus Date: Fri, 3 Nov 2023 10:57:45 +0100 Subject: [PATCH 1/8] base simple html website --- README.md | 175 ----------------- 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 | 280 ++++++++++++++++++++++++--- scripts/build.sh | 16 -- scripts/load_html.js | 53 ----- scripts/old_load_html.js | 89 --------- style.css | 114 +++++++++++ 14 files changed, 366 insertions(+), 777 deletions(-) delete mode 100644 README.md 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 scripts/build.sh delete mode 100644 scripts/load_html.js delete mode 100644 scripts/old_load_html.js create mode 100644 style.css 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/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 index 9e886a8..df98af3 100644 --- a/index.html +++ b/index.html @@ -8,39 +8,256 @@ hugulumu.fr - - - - - - - +
+•   • •   • ••••• •••••     •      •••  •   • •   •
+•   • •   • •     •   •     •     •   • •• ••  • •
+••••• •   • •  •• •   •     •     ••••• • • •   •
+•   • •   • •   • •   •     •     •   • •   •   •
+•   • ••••• ••••• •••••     ••••• •   • •   •   •
+
- +
+ +
+                 •      
+                  •     
+           ••     •     
+           • •     •    
+            •••••••••   
+              • •  ••   
+              •   • •   
+        ••••• •  •   •  
+       •     • ••     • 
+  •   •       •         
+  •   •       ••        
+  •    •      • •       
+   •   ••    •          
+    •••  ••••           
+
+
+                 •      
+                  •     
+           ••     •     
+           • •     •    
+            •••••••••   
+              • •  ••   
+              •   • •   
+        ••••• •  •   •  
+       •     • ••     • 
+   •  •       •         
+   •  •       ••        
+  •    •      • •       
+   •   ••    •          
+    •••  ••••           
+
+
+                  •     
+                  •     
+           ••      •    
+           • •     •    
+            •••••••••   
+              • •  ••   
+              •   • •   
+        ••••• •  •   •  
+       •     • ••    •  
+      •       •         
+   •• •       ••        
+  •    •      • •       
+   •   ••    •          
+    •••  ••••           
+
+
+                   •    
+                  •     
+           ••      •    
+           • •     •    
+            •••••••••   
+              • •  ••   
+              •   • •   
+        ••••• •  •   •  
+       •     • ••    •  
+    • •       •         
+   •  •       ••        
+  •    •      • •       
+   •   ••    •          
+    •••  ••••           
+
+
+                   •    
+                  •     
+           ••      •    
+           • •     •    
+            •••••••••   
+              • •  ••   
+              •   • •   
+        ••••• •  •   •  
+       •     • ••    •  
+   •  •       •         
+  •   •       ••        
+  •    •      • •       
+   •   ••    •          
+    •••  ••••           
+
+
+                   •    
+                  •     
+           ••      •    
+           • •     •    
+            •••••••••   
+              • •  ••   
+              •   • •   
+        ••••• •  •   •  
+       •     • ••    •  
+ •    •       •         
+  •   •       ••        
+  •    •      • •       
+   •   ••    •          
+    •••  ••••           
+
+
+                   •    
+                  •     
+           ••      •    
+           • •     •    
+            •••••••••   
+              • •  ••   
+              •   • •   
+        ••••• •  •   •  
+       •     • ••    •  
+•     •       •         
+ •    •       ••        
+  •    •      • •       
+   •   ••    •          
+    •••  ••••           
+
+
+                ••        
+                • •      •
+                 ••     •
+                 •  •   • 
+                • •  •  • 
+         ••••• •      ••  
+        •     • ••••••••• 
+       •       •       •  
+••    •       •••    •   
+  •    •      •       •   
+   •   ••    •        •   
+    •••  ••••             
+
+
+                ••        
+                • •      •
+                 ••     •
+                 •  •    •
+                • •  •  • 
+         ••••• •      ••  
+        •     • ••••••••• 
+ •     •       •       •  
+ •     •       •••    •   
+  •    •      •       •   
+   •   ••    •         •  
+    •••  ••••             
+
+
+                      
+                ••        
+                • •      •
+                 ••      •
+                 •  •   • 
+                • •  •  • 
+         ••••• •      ••  
+        •     • ••••••••• 
+  •    •       •       •  
+  •    •       •••    •   
+  •    •      •       •   
+   •   ••    •         •  
+    •••  ••••             
+
+ +
+ + +
+                   •
+                    •
+             ••     •
+           • • •••••••
+            • •• •   •
+      •  ••••• •  • • •
+      • •     • •  •   •
+       •       • ••    •
+      •        • • •
+    •••       ••  ••
+   •   ••    •  •  
+  •      ••••  
+••        •
+         •
+
+ +
+        ••••      •
+       •    •     •
+      •      •   • 
+      •       •••  
+    •••••          
+   •     •         
+  •       •        
+  •       •        
+  •••   •••        
+ •   • •   •       
+ •   • •   •       
+  •••• ••••        
+   • • • •  •      
+••• •   •  •       
+   ••••••••        
+      •     
+
+ +
+       •
+      ••         •••••          •••••
+     •••        •     •        •     •     ••
+    ••••       •     ••••     •       •   •  •
+   •• ••      •     •  • •   •         •  •  •
+  ••  ••     •      •  •  •••           •••••
+ ••   ••    •        ••                     •
+••    ••   •                    ••           •
+••    •••••••••                • •            •
+••   ••      •               ••••   •••••      •
+••  ••      •           •   •   •  •     •     •
+•• ••      •             • • •   ••       •    •
+••••      •              ••      ••       ••   •
+•••      •                •••••••  •     •  •••
+••      •                 •         •••••
+••••••••                   •       •   •
+
+ + + -
+ + + +
- 
-                 •      
-                  •     
-           ••     •     
-           • •     •    
-            •••••••••   
-              • •  ••   
-              •   • •   
-        ••••• •  •   •  
-       •     • ••     • 
-  •   •       •         
-  •   •       ••        
-  •    •      • •       
-   •   ••    •          
-    •••  ••••           
+                 •     
+                  •    
+           ••     •    
+           • •     •   
+            •••••••••  
+              • •  ••  
+              •   • •  
+        ••••• •  •   • 
+       •     • ••     •
+  •   •       •        
+  •   •       ••       
+  •    •      • •      
+   •   ••    •         
+    •••  ••••          
 
-                 •      
-                  •     
-           ••     •     
-           • •     •    
-            •••••••••   
-              • •  ••   
-              •   • •   
-        ••••• •  •   •  
-       •     • ••     • 
-   •  •       •         
-   •  •       ••        
-  •    •      • •       
-   •   ••    •          
-    •••  ••••           
+                 •     
+                  •    
+           ••     •    
+           • •     •   
+            •••••••••  
+              • •  ••  
+              •   • •  
+        ••••• •  •   • 
+       •     • ••     •
+   •  •       •        
+   •  •       ••       
+  •    •      • •      
+   •   ••    •         
+    •••  ••••          
 
-                  •     
-                  •     
-           ••      •    
-           • •     •    
-            •••••••••   
-              • •  ••   
-              •   • •   
-        ••••• •  •   •  
-       •     • ••    •  
-      •       •         
-   •• •       ••        
-  •    •      • •       
-   •   ••    •          
-    •••  ••••           
+                  •   
+                  •   
+           ••      •  
+           • •     •  
+            ••••••••• 
+              • •  •• 
+              •   • • 
+        ••••• •  •   •
+       •     • ••    •
+      •       •       
+   •• •       ••      
+  •    •      • •     
+   •   ••    •        
+    •••  ••••         
 
-                   •    
-                  •     
-           ••      •    
-           • •     •    
-            •••••••••   
-              • •  ••   
-              •   • •   
-        ••••• •  •   •  
-       •     • ••    •  
-    • •       •         
-   •  •       ••        
-  •    •      • •       
-   •   ••    •          
-    •••  ••••           
+                   •  
+                  •   
+           ••      •  
+           • •     •  
+            ••••••••• 
+              • •  •• 
+              •   • • 
+        ••••• •  •   •
+       •     • ••    •
+    • •       •       
+   •  •       ••      
+  •    •      • •     
+   •   ••    •        
+    •••  ••••         
 
-                   •    
-                  •     
-           ••      •    
-           • •     •    
-            •••••••••   
-              • •  ••   
-              •   • •   
-        ••••• •  •   •  
-       •     • ••    •  
-   •  •       •         
-  •   •       ••        
-  •    •      • •       
-   •   ••    •          
-    •••  ••••           
+                   •  
+                  •   
+           ••      •  
+           • •     •  
+            ••••••••• 
+              • •  •• 
+              •   • • 
+        ••••• •  •   •
+       •     • ••    •
+   •  •       •       
+  •   •       ••      
+  •    •      • •     
+   •   ••    •        
+    •••  ••••         
 
-                   •    
-                  •     
-           ••      •    
-           • •     •    
-            •••••••••   
-              • •  ••   
-              •   • •   
-        ••••• •  •   •  
-       •     • ••    •  
- •    •       •         
-  •   •       ••        
-  •    •      • •       
-   •   ••    •          
-    •••  ••••           
+                   •  
+                  •   
+           ••      •  
+           • •     •  
+            ••••••••• 
+              • •  •• 
+              •   • • 
+        ••••• •  •   •
+       •     • ••    •
+ •    •       •       
+  •   •       ••      
+  •    •      • •     
+   •   ••    •        
+    •••  ••••         
 
-                   •    
-                  •     
-           ••      •    
-           • •     •    
-            •••••••••   
-              • •  ••   
-              •   • •   
-        ••••• •  •   •  
-       •     • ••    •  
-•     •       •         
- •    •       ••        
-  •    •      • •       
-   •   ••    •          
-    •••  ••••           
+                   •  
+                  •   
+           ••      •  
+           • •     •  
+            ••••••••• 
+              • •  •• 
+              •   • • 
+        ••••• •  •   •
+       •     • ••    •
+•     •       •       
+ •    •       ••      
+  •    •      • •     
+   •   ••    •        
+    •••  ••••         
 
                 ••        
@@ -179,7 +178,6 @@
    •   ••    •         •  
     •••  ••••
-
@@ -22,24 +24,8 @@ • • ••••• ••••• ••••• ••••• • • • • • -
-
-                 •     
-                  •    
-           ••     •    
-           • •     •   
-            •••••••••  
-              • •  ••  
-              •   • •  
-        ••••• •  •   • 
-       •     • ••     •
-  •   •       •        
-  •   •       ••       
-  •    •      • •      
-   •   ••    •         
-    •••  ••••          
-
-
+

+
                  •     
                   •    
            ••     •    
@@ -50,12 +36,12 @@
         ••••• •  •   • 
        •     • ••     •
    •  •       •        
-   •  •       ••       
+  •   •       ••       
   •    •      • •      
    •   ••    •         
     •••  ••••          
 

-
+
                   •   
                   •   
            ••      •  
@@ -71,99 +57,23 @@
    •   ••    •        
     •••  ••••         
 

-
+
                    •  
                   •   
            ••      •  
            • •     •  
             ••••••••• 
-              • •  •• 
+              •  • •• 
               •   • • 
-        ••••• •  •   •
-       •     • ••    •
+        ••••• •  •  • 
+       •     • ••   • 
     • •       •       
    •  •       ••      
-  •    •      • •     
+   •   •      • •     
    •   ••    •        
     •••  ••••         
 

-
-                   •  
-                  •   
-           ••      •  
-           • •     •  
-            ••••••••• 
-              • •  •• 
-              •   • • 
-        ••••• •  •   •
-       •     • ••    •
-   •  •       •       
-  •   •       ••      
-  •    •      • •     
-   •   ••    •        
-    •••  ••••         
-

-
-                   •  
-                  •   
-           ••      •  
-           • •     •  
-            ••••••••• 
-              • •  •• 
-              •   • • 
-        ••••• •  •   •
-       •     • ••    •
- •    •       •       
-  •   •       ••      
-  •    •      • •     
-   •   ••    •        
-    •••  ••••         
-

-
-                   •  
-                  •   
-           ••      •  
-           • •     •  
-            ••••••••• 
-              • •  •• 
-              •   • • 
-        ••••• •  •   •
-       •     • ••    •
-•     •       •       
- •    •       ••      
-  •    •      • •     
-   •   ••    •        
-    •••  ••••         
-

-
-                ••        
-                • •      •
-                 ••     •
-                 •  •   • 
-                • •  •  • 
-         ••••• •      ••  
-        •     • ••••••••• 
-       •       •       •  
-••    •       •••    •   
-  •    •      •       •   
-   •   ••    •        •   
-    •••  ••••             
-

-
-                ••        
-                • •      •
-                 ••     •
-                 •  •    •
-                • •  •  • 
-         ••••• •      ••  
-        •     • ••••••••• 
- •     •       •       •  
- •     •       •••    •   
-  •    •      •       •   
-   •   ••    •         •  
-    •••  ••••             
-

-
+
                       
                 ••        
                 • •      •
@@ -179,21 +89,6 @@
     •••  ••••             
 

 

-
 
 
                    •
diff --git a/style.css b/style.css
deleted file mode 100644
index b5d2291..0000000
--- a/style.css
+++ /dev/null
@@ -1,122 +0,0 @@
-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;
-}
-
-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;
-}
-@keyframes slide {
-	from {left:0;}
-	to {left:2.4em;}
-}
-
-.mouse_container {
-	display: grid;
-	width: fit-content;
-	margin-left: 0px;
-
-	/*
-	border: 1px solid blue;
-	*/
-}
-pre.mouse {
-	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;
-	--tmouse: 2s;
-	animation-name: mouse;
-	animation-iteration-count: infinite;
-	animation-duration: var(--tmouse);
-	animation-timing-function: linear;
-	animation-direction: normal;
-}
-/*
-pre.mouse:first-child {
-	position: relative;
-}
-*/
-
-pre.mouse.f2  {animation-delay: calc(var(--tmouse) * 10/100);}
-pre.mouse.f3  {animation-delay: calc(var(--tmouse) * 20/100);}
-pre.mouse.f4  {animation-delay: calc(var(--tmouse) * 30/100);}
-pre.mouse.f5  {animation-delay: calc(var(--tmouse) * 40/100);}
-pre.mouse.f6  {animation-delay: calc(var(--tmouse) * 50/100);}
-pre.mouse.f7  {animation-delay: calc(var(--tmouse) * 60/100);}
-pre.mouse.f8  {animation-delay: calc(var(--tmouse) * 70/100);}
-pre.mouse.f9  {animation-delay: calc(var(--tmouse) * 80/100);}
-pre.mouse.f10 {animation-delay: calc(var(--tmouse) * 90/100);}
-@keyframes mouse {
-	0%    {opacity: 1;}
-	10%   {opacity: 1;}
-	10.1% {opacity: 0;}
-	100%  {opacity: 0;}
-}
-
diff --git a/style/banners.css b/style/banners.css
new file mode 100644
index 0000000..d24cbac
--- /dev/null
+++ b/style/banners.css
@@ -0,0 +1,51 @@
+
+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;
+}
+@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;
+}
+
+

From 939a61f9b12140aff8dc73148c8efb4e2f75b22b Mon Sep 17 00:00:00 2001
From: asus 
Date: Sun, 5 Nov 2023 01:24:27 +0100
Subject: [PATCH 4/8] animate name

---
 index.html | 35 +++++++++++++++++++++++++++++------
 1 file changed, 29 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 588718b..7fba288 100644
--- a/index.html
+++ b/index.html
@@ -16,13 +16,36 @@
 	
 	
 
-
-•   • •   • ••••• •••••     •      •••  •   • •   •
-•   • •   • •     •   •     •     •   • •• ••  • •
-••••• •   • •  •• •   •     •     ••••• • • •   •
-•   • •   • •   • •   •     •     •   • •   •   •
-•   • ••••• ••••• •••••     ••••• •   • •   •   •
+

+
+•   • ◦   • ••••• ◦••••     •      •••  •   • •   •
+•   • •   • •     •   •     •     •   • •• •◦  • • 
+••••• •   • •  •• •   •     •     ••◦•• • • •   •  
+•   • •   ◦ •   • •   •     •     •   • •   •   ◦  
+•   • ••••• ••••• •••••     ••••• •   • •   •   •  
 

+
+•   • •   • ••••• •••••     •      •••  •   • ◦   •
+◦   • •   • •     •   •     ◦     •   • •• ••  • • 
+••••• •   • ◦  •• •   ◦     •     ••••• • • •   •  
+•   • •   • •   • •   •     •     ◦   • ◦   •   •  
+•   • •••◦• ••••• •••••     •••◦• •   • •   •   •  
+

+
+•   • •   • ••••• •••••     •      •••  •   • •   •
+•   • •   • •     •   •     •     •   • •• ••  • • 
+••◦•• •   • •  •• •   •     •     ••••• • ◦ •   •  
+•   • •   • •   • •   •     •     •   • •   •   •  
+•   • ••••• ••••◦ •••••     ••••• •   • •   •   •  
+

+
+•   • •   • •••◦• •••••     •      •••  ◦   • •   •
+•   • •   • •     •   •     •     •   • •• ••  • ◦ 
+••••• •   • •  •• •   •     •     ••••• • • •   •  
+•   ◦ •   • •   • •   •     ◦     •   • •   •   •  
+•   • ••••• ••••• ••◦••     ••••• •   ◦ •   •   •  
+

+

 
 

 

From 85ab2a2911fb91955dcd5f745a2783cc9fb534c1 Mon Sep 17 00:00:00 2001
From: asus 
Date: Sun, 5 Nov 2023 16:53:12 +0100
Subject: [PATCH 5/8] first mouse animated

---
 index.html | 308 +++++++++++++++++++++++++++++++++++++++++------------
 1 file changed, 237 insertions(+), 71 deletions(-)

diff --git a/index.html b/index.html
index 7fba288..3cac74b 100644
--- a/index.html
+++ b/index.html
@@ -15,35 +15,256 @@
 		-->
 	
 	
+	
 
 

 
 •   • ◦   • ••••• ◦••••     •      •••  •   • •   •
-•   • •   • •     •   •     •     •   • •• •◦  • • 
-••••• •   • •  •• •   •     •     ••◦•• • • •   •  
-•   • •   ◦ •   • •   •     •     •   • •   •   ◦  
-•   • ••••• ••••• •••••     ••••• •   • •   •   •  
+•   • •   • •     •   •     •     •   • •• •◦  • •
+••••• •   • •  •• •   •     •     ••◦•• • • •   •
+•   • •   ◦ •   • •   •     •     •   • •   •   ◦
+•   • ••••• ••••• •••••     ••••• •   • •   •   •
 

 
 •   • •   • ••••• •••••     •      •••  •   • ◦   •
-◦   • •   • •     •   •     ◦     •   • •• ••  • • 
-••••• •   • ◦  •• •   ◦     •     ••••• • • •   •  
-•   • •   • •   • •   •     •     ◦   • ◦   •   •  
-•   • •••◦• ••••• •••••     •••◦• •   • •   •   •  
+◦   • •   • •     •   •     ◦     •   • •• ••  • •
+••••• •   • ◦  •• •   ◦     •     ••••• • • •   •
+•   • •   • •   • •   •     •     ◦   • ◦   •   •
+•   • •••◦• ••••• •••••     •••◦• •   • •   •   •
 

 
 •   • •   • ••••• •••••     •      •••  •   • •   •
-•   • •   • •     •   •     •     •   • •• ••  • • 
-••◦•• •   • •  •• •   •     •     ••••• • ◦ •   •  
-•   • •   • •   • •   •     •     •   • •   •   •  
-•   • ••••• ••••◦ •••••     ••••• •   • •   •   •  
+•   • •   • •     •   •     •     •   • •• ••  • •
+••◦•• •   • •  •• •   •     •     ••••• • ◦ •   •
+•   • •   • •   • •   •     •     •   • •   •   •
+•   • ••••• ••••◦ •••••     ••••• •   • •   •   •
 

 
 •   • •   • •••◦• •••••     •      •••  ◦   • •   •
-•   • •   • •     •   •     •     •   • •• ••  • ◦ 
-••••• •   • •  •• •   •     •     ••••• • • •   •  
-•   ◦ •   • •   • •   •     ◦     •   • •   •   •  
-•   • ••••• ••••• ••◦••     ••••• •   ◦ •   •   •  
+•   • •   • •     •   •     •     •   • •• ••  • ◦
+••••• •   • •  •• •   •     •     ••••• • • •   •
+•   ◦ •   • •   • •   •     ◦     •   • •   •   •
+•   • ••••• ••••• ••◦••     ••••• •   ◦ •   •   •
+

+

+
+

+
+       •
+      ••         ••••           •••••
+     •••        •    •         •     •     ••
+    ••••       •    •••••     •       •   •  •
+   •• ••      •    •  •  •   •         •  •  •
+  ••  ••     •     •  •   •••           •••••
+ ••   ••    •       ••                     •
+••    ••   •                    ••           •
+••    •••••••••                • •            •
+••   ••      •               ••••   •••••      •
+••  ••      •             • •   •  •     •     •
+•• ••      •             • •  •  ••       •    •
+••••      •              ••      ••       ••   •
+•••      •                •••••••  •     •  •••
+••      •                 •         •••••
+••••••••                   •       •   •
+

+
+       •
+      ••                       ••••
+     •••        •••••         •    •     ••
+    ••••       •     •       •      •   •  •
+   •• ••      •     •••••   •        •  •  •
+  ••  ••     •     •  •  •••          •••••
+ ••   ••    •      •  •                   •
+••    ••   •        ••        ••            •
+••    •••••••••               • •            •
+••   ••      •              ••••   •••••      •
+••  ••      •           •  •   •  •     •     •
+•• ••      •            • • •   ••       •    •
+••••      •             ••      ••       ••   •
+•••      •               •••••••  •     •  •••
+••      •                •         •••••
+••••••••                 •        •    •
+

+
+       •
+      ••                       ••••
+     •••        ••••••        •    •     ••
+    ••••       •      •      •      •   •  •
+   •• ••      •      •••••  •        •  •  •
+  ••  ••     •      •  •  ••          •••••
+ ••   ••    •       •  •                  •
+••    ••   •         ••      ••            •
+••    •••••••••              • •            •
+••   ••      •             ••••   •••••      •
+••  ••      •         •   •   •  •     •     •
+•• ••      •           • • •   ••       •    •
+••••      •            ••      ••       ••   •
+•••      •              •••••••  •     •  •••
+••      •               •         •••••
+••••••••               •          •    •
+

+
+       •
+      ••         •••••          ••••
+     •••        •     •        •    •     ••
+    ••••       •     ••••     •      •   •  •
+   •• ••      •     •  • •   •        •  •  •
+  ••  ••     •      •  •  •••          •••••
+ ••   ••    •        ••                    •
+••    ••   •                   ••           •
+••    •••••••••               • •            •
+••   ••      •              ••••   •••••      •
+••  ••      •           •  •   •  •     •     •
+•• ••      •            • •  •  ••       •    •
+••••      •             ••      ••       ••   •
+•••      •               •••••••  •     •  •••
+••      •                •         •••••
+••••••••                 •         •   •
+

+

+
+

+
+        ••••      •
+       •    •     •
+      •      •   •
+      •       •••
+    •••••
+   •     •
+  •       •
+  •       •
+  •••   •••
+ •   • •   •
+ •   • •   •
+  •••• ••••
+   • • • •  •
+••• •   •  •
+   ••••••••
+      •
+

+
+        ••••      •
+       •    •     •
+      •      •   •
+      •       •••
+    •••••
+   •     •
+  •       •
+  •       •
+  •••   •••
+ •   • •   •
+ •   • •   •
+  •••• ••••
+   • • • •  •
+••• •   •  •
+   ••••••••
+      •
+

+
+        ••••      •
+       •    •     •
+      •      •   •
+      •       •••
+    •••••
+   •     •
+  •       •
+  •       •
+  •••   •••
+ •   • •   •
+ •   • •   •
+  •••• ••••
+   • • • •  •
+••• •   •  •
+   ••••••••
+      •
+

+
+        ••••      •
+       •    •     •
+      •      •   •
+      •       •••
+    •••••
+   •     •
+  •       •
+  •       •
+  •••   •••
+ •   • •   •
+ •   • •   •
+  •••• ••••
+   • • • •  •
+••• •   •  •
+   ••••••••
+      •
+

+

+
+

+
+                   •
+                    •
+             ••     •
+           • • •••••••
+            • •• •   •
+      •  ••••• •  • • •
+      • •     • •  •   •
+       •       • ••    •
+      •        • • •
+    •••       ••  ••
+   •   ••    •  •
+  •      ••••
+••        •
+         •
+

+
+                   •
+                    •
+             ••     •
+           • • •••••••
+            • •• •   •
+      •  ••••• •  • • •
+      • •     • •  •   •
+       •       • ••    •
+      •        • • •
+    •••       ••  ••
+   •   ••    •  •
+  •      ••••
+••        •
+         •
+

+
+                   •
+                    •
+             ••     •
+           • • •••••••
+            • •• •   •
+      •  ••••• •  • • •
+      • •     • •  •   •
+       •       • ••    •
+      •        • • •
+    •••       ••  ••
+   •   ••    •  •
+  •      ••••
+••        •
+         •
+

+
+                   •
+                    •
+             ••     •
+           • • •••••••
+            • •• •   •
+      •  ••••• •  • • •
+      • •     • •  •   •
+       •       • ••    •
+      •        • • •
+    •••       ••  ••
+   •   ••    •  •
+  •      ••••
+••        •
+         •
 

 

 
@@ -113,61 +334,6 @@
 

 

 
-
-                   •
-                    •
-             ••     •
-           • • •••••••
-            • •• •   •
-      •  ••••• •  • • •
-      • •     • •  •   •
-       •       • ••    •
-      •        • • •
-    •••       ••  ••
-   •   ••    •  •  
-  •      ••••  
-••        •
-         •
-

-
-
-        ••••      •
-       •    •     •
-      •      •   • 
-      •       •••  
-    •••••          
-   •     •         
-  •       •        
-  •       •        
-  •••   •••        
- •   • •   •       
- •   • •   •       
-  •••• ••••        
-   • • • •  •      
-••• •   •  •       
-   ••••••••        
-      •     
-

-
-
-       •
-      ••         •••••          •••••
-     •••        •     •        •     •     ••
-    ••••       •     ••••     •       •   •  •
-   •• ••      •     •  • •   •         •  •  •
-  ••  ••     •      •  •  •••           •••••
- ••   ••    •        ••                     •
-••    ••   •                    ••           •
-••    •••••••••                • •            •
-••   ••      •               ••••   •••••      •
-••  ••      •           •   •   •  •     •     •
-•• ••      •             • • •   ••       •    •
-••••      •              ••      ••       ••   •
-•••      •                •••••••  •     •  •••
-••      •                 •         •••••
-••••••••                   •       •   •
-

-
 
 
 
        •
-      ••                       ••••
-     •••        •••••         •    •     ••
-    ••••       •     •       •      •   •  •
-   •• ••      •     •••••   •        •  •  •
-  ••  ••     •     •  •  •••          •••••
- ••   ••    •      •  •                   •
-••    ••   •        ••        ••            •
-••    •••••••••               • •            •
-••   ••      •              ••••   •••••      •
+      ••                       •••••
+     •••        •••••         •     •     ••
+    ••••       •     •       •       •   •  •
+   •• ••      •     •••••   •         •  •  •
+  ••  ••     •     •  •  •••           •••••
+ ••   ••    •      •  •                    •
+••    ••   •        ••         ••          •
+••    •••••••••               • •           •
+••   ••      •              ••••   •••••     •
 ••  ••      •           •  •   •  •     •     •
 •• ••      •            • • •   ••       •    •
 ••••      •             ••      ••       ••   •
 •••      •               •••••••  •     •  •••
 ••      •                •         •••••
-••••••••                 •        •    •
+••••••••                 •         •    •
 

 
        •
@@ -96,15 +96,15 @@
    •• ••      •      •••••  •        •  •  •
   ••  ••     •      •  •  ••          •••••
  ••   ••    •       •  •                  •
-••    ••   •         ••      ••            •
-••    •••••••••              • •            •
-••   ••      •             ••••   •••••      •
-••  ••      •         •   •   •  •     •     •
-•• ••      •           • • •   ••       •    •
-••••      •            ••      ••       ••   •
-•••      •              •••••••  •     •  •••
-••      •               •         •••••
-••••••••               •          •    •
+••    ••   •         ••        ••          •
+••    •••••••••               • •           •
+••   ••      •              ••••   •••••     •
+••  ••      •          •   •   •  •     •     •
+•• ••      •            • • •   ••       •    •
+••••      •             ••      ••       ••   •
+•••      •               •••••••  •     •  •••
+••      •                •         •••••
+••••••••                •          •   •
 

 
        •
@@ -113,16 +113,16 @@
     ••••       •     ••••     •      •   •  •
    •• ••      •     •  • •   •        •  •  •
   ••  ••     •      •  •  •••          •••••
- ••   ••    •        ••                    •
-••    ••   •                   ••           •
-••    •••••••••               • •            •
-••   ••      •              ••••   •••••      •
-••  ••      •           •  •   •  •     •     •
-•• ••      •            • •  •  ••       •    •
-••••      •             ••      ••       ••   •
-•••      •               •••••••  •     •  •••
-••      •                •         •••••
-••••••••                 •         •   •
+ ••   ••    •        ••                     •
+••    ••   •                    ••           •
+••    •••••••••                • •            •
+••   ••      •               ••••   •••••      •
+••  ••      •            •  •   •  •     •     •
+•• ••      •             • •  •  ••       •    •
+••••      •              ••      ••       ••   •
+•••      •                •••••••  •     •  •••
+••      •                 •         •••••
+••••••••                  •        •   •
From cbdce41472f04bba1a51c33a8eaf5de599906963 Mon Sep 17 00:00:00 2001 From: asus Date: Sun, 5 Nov 2023 19:00:01 +0100 Subject: [PATCH 7/8] mouse 2 animated --- index.html | 44 ++++++++++++++++++++++---------------------- 1 file changed, 22 insertions(+), 22 deletions(-) diff --git a/index.html b/index.html index efca8d3..bfc120a 100644 --- a/index.html +++ b/index.html @@ -141,15 +141,15 @@ • • • • •••• •••• • • • • • -••• • • • - •••••••• + •• • • • +• •••••••• • 
-        ••••      •
-       •    •     •
-      •      •   •
-      •       •••
+        ••    •
+       •  •   •
+      •    • •
+      •     •
     •••••
    •     •
   •       •
@@ -158,16 +158,16 @@
  •   • •   •
  •   • •   •
   •••• ••••
-   • • • •  •
-••• •   •  •
-   ••••••••
+•  • • • •
+ •• •   •   •
+   •••••••••
       •
 
-        ••••      •
-       •    •     •
-      •      •   •
-      •       •••
+     •  ••
+       •  •
+      • • •
+      •  • 
     •••••
    •     •
   •       •
@@ -176,16 +176,16 @@
  •   • •   •
  •   • •   •
   •••• ••••
-   • • • •  •
-••• •   •  •
-   ••••••••
+•  • • • •
+ •  •   • ••
+  ••••••••  •
       •
 
-        ••••      •
-       •    •     •
-      •      •   •
-      •       •••
+        •••••
+       •     •
+      •  •    •
+      •   ••••
     •••••
    •     •
   •       •
@@ -195,8 +195,8 @@
  •   • •   •
   •••• ••••
    • • • •  •
-••• •   •  •
-   ••••••••
+•   •   • ••
+ •••••••••
       •
From a0404aedc144b809e8d3fed55fe04b1dbe80c4f7 Mon Sep 17 00:00:00 2001 From: asus Date: Sun, 5 Nov 2023 19:28:29 +0100 Subject: [PATCH 8/8] mouse 3 animated and banners longer --- index.html | 144 +++++++++++++++++++++++----------------------- style/banners.css | 3 + 2 files changed, 75 insertions(+), 72 deletions(-) diff --git a/index.html b/index.html index bfc120a..c3eca26 100644 --- a/index.html +++ b/index.html @@ -204,34 +204,34 @@ 
                    •
-                    •
+                   •
              ••     •
-           • • •••••••
-            • •• •   •
+             • •••••••
+           •• •• •   •
       •  ••••• •  • • •
       • •     • •  •   •
        •       • ••    •
       •        • • •
-    •••       ••  ••
-   •   ••    •  •
-  •      ••••
-••        •
+     ••       ••  ••
+    •  ••    • •
+•  •     ••••
+ ••       •
          •
 
+                  •
                    •
-                    •
              ••     •
-           • • •••••••
-            • •• •   •
-      •  ••••• •  • • •
-      • •     • •  •   •
-       •       • ••    •
+             • •••••••
+           •• •• •   •
+         ••••• •  • • •
+     •• •     • •  •   •
+       •       • ••   •
       •        • • •
-    •••       ••  ••
-   •   ••    •  •
-  •      ••••
-••        •
+     ••       ••  ••
+    •  ••    •  •
+   •     ••••
+•••       •
          •
 
@@ -240,31 +240,31 @@
              ••     •
            • • •••••••
             • •• •   •
-      •  ••••• •  • • •
-      • •     • •  •   •
-       •       • ••    •
+         ••••• •  • • •
+     •• •     • •  •  •
+       •       • ••   •
       •        • • •
     •••       ••  ••
    •   ••    •  •
-  •      ••••
-••        •
-         •
+   •     ••••
+•••       •
+          •
 
-                   •
+                     •
                     •
              ••     •
            • • •••••••
             • •• •   •
       •  ••••• •  • • •
-      • •     • •  •   •
+      • •     • •  •  •
        •       • ••    •
       •        • • •
     •••       ••  ••
-   •   ••    •  •
-  •      ••••
-••        •
-         •
+   •   ••    • •
+•  •     ••••
+ ••       •
+          •
@@ -336,60 +336,60 @@ -