1.1

play-midi.html

@@ -149,7 +149,54 @@
         </div>
 
 
-      <div class="b-example-divider" style="width: 100%; height: 3rem; background-color: rgba(0, 0, 0, .1); border: solid rgba(0, 0, 0, .15); border-width: 1px 0; box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);"></div>
+        <!-- note the type="module" -->
+        <script src='./advanced_demo.js' type='module'></script>
+
+
+      <script>
+fetch("https://dav7.pages.dev/api/serve.json")
+  .then((response) => response.json())
+  .then((data) => {
+    const sites = data.sites;
+    const mySelects = document.getElementById("mySelects");
+
+    sites.forEach((sites) => {
+      const preElement = document.createElement("option");
+      preElement.value = `${sites.properties.links}`;
+      preElement.textContent = `${sites.properties.title}`;
+      mySelects.appendChild(preElement);
+    });
+  })
+  .catch((error) => {
+    console.log("ERROR", error);
+  });
+
+const select = document.getElementById("mySelects");
+select.addEventListener("change", function () {
+  const url = this.value;
+  if (url) {
+    window.location = url;
+  }
+});
+
+/*shared*/
+function sharesbutton() {
+  navigator.share({
+    title: document.title,
+    text: "COMPARTILHAR " + document.title + " \n",
+    url: window.location.href
+  });
+}
+
+var creditsyear = new Date();
+document.getElementById("datacedencer").innerHTML = creditsyear.getFullYear();
+
+</script>
+      
+    </div>
+
+
+  <div class="b-example-divider" style="width: 100%; height: 3rem; background-color: rgba(0, 0, 0, .1); border: solid rgba(0, 0, 0, .15); border-width: 1px 0; box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);"></div>
 
 <div class="container my-5">
 
@@ -199,53 +246,8 @@
   </footer>
 
 </div>
-      
-
-        <!-- note the type="module" -->
-        <script src='./advanced_demo.js' type='module'></script>
-
-
-      <script>
-fetch("https://dav7.pages.dev/api/serve.json")
-  .then((response) => response.json())
-  .then((data) => {
-    const sites = data.sites;
-    const mySelects = document.getElementById("mySelects");
-
-    sites.forEach((sites) => {
-      const preElement = document.createElement("option");
-      preElement.value = `${sites.properties.links}`;
-      preElement.textContent = `${sites.properties.title}`;
-      mySelects.appendChild(preElement);
-    });
-  })
-  .catch((error) => {
-    console.log("ERROR", error);
-  });
 
-const select = document.getElementById("mySelects");
-select.addEventListener("change", function () {
-  const url = this.value;
-  if (url) {
-    window.location = url;
-  }
-});
-
-/*shared*/
-function sharesbutton() {
-  navigator.share({
-    title: document.title,
-    text: "COMPARTILHAR " + document.title + " \n",
-    url: window.location.href
-  });
-}
-
-var creditsyear = new Date();
-document.getElementById("datacedencer").innerHTML = creditsyear.getFullYear();
-
-</script>
-      
-    </div>
+  
 </body>
 
 </html>