176 lines
4.3 KiB
Markdown
176 lines
4.3 KiB
Markdown
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 ?
|
|
|