https://gogins.github.io/global-menu.js

1function injectGlobalMenuList() {
2    // Ensure the main menu container exists
3    const mainMenu = document.getElementById('main_menu');
4    const mainMenuList = document.getElementById('main_menu_list');
5
6    if (!mainMenu || !mainMenuList) {
7        console.warn("main_menu or main_menu_list not found.");
8        return;
9    }
10
11    // Check if the global_menu_list is already present
12    if (document.getElementById('global_menu_list')) {
13        console.warn("global_menu_list already exists.");
14        return;
15    }
16
17    // Create the global_menu_list element
18    const globalMenuList = document.createElement('ul');
19    globalMenuList.className = 'menu cloud5-main-menu';
20    globalMenuList.id = 'global_menu_list';
21
22    // Add the menu items
23    globalMenuList.innerHTML = `
24        <li class="w3-btn w3-pink w3-hover-text-amber" onclick="location.href='cloud-music.html'">About cloud-music</li>
25        <li class="w3-btn w3-text-orange w3-hover-text-amber" onclick="location.href='mandelbrot-julia.html'">Mandelbrot-Julia</li>
26        <li class="w3-btn w3-text-orange w3-hover-text-amber" onclick="location.href='cloud_music_no_1.html'">Cloud Music No. 1</li>
27        <li class="w3-btn w3-text-orange w3-hover-text-amber" onclick="location.href='cloud_music_no_2.html'">Cloud Music No. 2</li>
28        <li class="w3-btn w3-text-orange w3-hover-text-amber" onclick="location.href='cloud_music_no_9.html'">Cloud Music No. 9</li>
29        <li class="w3-btn w3-text-orange w3-hover-text-amber" onclick="location.href='cloud_music_no_13.html'">Cloud Music No. 13</li>
30        <li class="w3-btn w3-text-orange w3-hover-text-amber" onclick="location.href='cloud_music_no_14.html'">Cloud Music No. 14</li>
31        <li class="w3-btn w3-text-orange w3-hover-text-amber" onclick="location.href='cancycle.html'">Cancycle</li>
32        <li class="w3-btn w3-text-orange w3-hover-text-amber" onclick="location.href='droner.html'">Droner</li>
33        <li class="w3-btn w3-text-orange w3-hover-text-amber" onclick="location.href='circler.html'">Circler</li>
34        <li class="w3-btn w3-text-orange w3-hover-text-amber" onclick="location.href='scrims.html'">Scrims</li>
35        <li class="w3-btn w3-text-orange w3-hover-text-amber" onclick="location.href='trichord_space.html'">Trichord Space</li>
36    `;
37
38    // Insert globalMenuList before mainMenuList
39    mainMenu.insertBefore(globalMenuList, mainMenuList);
40}
41
42injectGlobalMenuList();