examples/Scale-Degree-Improv.html

<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="description" content="No description provided"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0"> <title>My Project</title> <meta property="og:site_name" content="Music Blocks"/> <meta property="og:type" content="website"/> <meta property="og:title" content="Music Blocks Project - My Project"/> <meta property="og:description" content="No description provided"/> <style>body{background-color: #dbf0fb;}#main{background-color: white; padding: 5%; position: fixed; width: 80vw; height: max-content; margin: auto; top: 0; left: 0; bottom: 0; right: 0; display: flex; flex-direction: column; justify-content: center; text-align: center; color: #424242; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); font-family: "Roboto", "Helvetica","Arial",sans-serif;}h3{font-weight: 400; font-size: 36px; margin-top: 10px;}hr{border-top: 0px solid #ccc; margin: 1em;}.btn{border: solid; border-color: #96D3F3; padding: 5px 10px; line-height: 50px; color: #0a3e58;}.btn:hover{transition: 0.4s; -webkit-transition: 0.3s; -moz-transition: 0.3s; background-color: #96D3F3;}.code{word-break: break-all; height: 15vh; background: #f6f8fa; color: #494949; text-align: justify; margin-right: 10vw; margin-left: 10vw; padding: 16px; overflow: auto; line-height: 1.45; background-color: #f6f8fa; border-radius: 3px; font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;}.image{border-radius: 2px 2px 0 0; position: relative; background-color: #96D3F3;}.image-div{margin-bottom: 10px;}.moreinfo-div{margin-top: 20px;}h4{font-weight: 500; font-size: 1.4em; margin-top: 10px; margin-bottom: 10px;}.tbcode{margin-bottom: 10px;}</style></head><body> <div id="main"> <div class="image-div"><img class="image" id="project-image" src=""></div><h3 id="title">Music Blocks Project - My Project</h3> <p>No description provided</p><hr> <div> <div style="color: #9E9E9E"><p>This project was created in Music Blocks (<a href="https://musicblocks.sugarlabs.org" target="_blank">https://musicblocks.sugarlabs.org</a>). Music Blocks is a collection of tools for exploring fundamental musical concepts in a fun way. Music Blocks is a Free/Libre Software application. The source code can be accessed at <a href="https://github.com/sugarlabs/musicblocks" target="_blank">https://github.com/sugarlabs/musicblocks</a>. For more information, please consult the <a href="https://github.com/sugarlabs/musicblocks/tree/master/guide/README.md" target="_blank">Music Blocks Guide</a>.</p><p>To run this project, open Music Blocks in a web browser and drag and drop this file into the browser window. Alternatively, open the file in Music Blocks using the Load project button.</p></div><div class="moreinfo-div"> <div class="tbcode"><h4>Project Code</h4>This code stores data about the blocks in a project. <a href="javascript:toggle();" id="showhide">Show</a></div> <div class="code">[[0,["start",{"id":1594265079478,"collapsed":false,"xcor":0,"ycor":0,"heading":0,"color":-10,"shade":50,"pensize":5,"grey":100}],616,82,[null,18,null]],[1,"repeat",630,218,[16,33,34,null]],[2,"ifthenelse",644,282,[34,3,43,27,37]],[3,["equal",{"value":true}],739,282,[2,4,5]],[4,["namedbox",{"value":"box"}],804,282,[3]],[5,["number",{"value":4}],804,314,[3]],[6,["namedbox",{"value":"box"}],832,756,[9]],[7,"pitch",686,504,[25,10,8,null]],[8,["number",{"value":4}],760,567,[7]],[9,"plus",746,756,[13,6,12]],[10,"plus",760,504,[7,11,15]],[11,["namedbox",{"value":"box"}],846,504,[10]],[12,["accidentalname",{"value":"natural ♮"}],832,788,[9]],[13,"pitch",672,756,[31,9,14,null]],[14,["number",{"value":4}],746,819,[13]],[15,["accidentalname",{"value":"sharp ♯"}],846,536,[10]],[16,["storein2",{"value":"box"}],630,186,[18,17,1]],[17,["number",{"value":1}],736,186,[16]],[18,"setkey2",630,123,[0,19,20,16]],[19,["notename",{"value":"C"}],706,123,[18]],[20,["modename",{"value":"major"}],706,155,[18]],[21,["newnote",{"collapsed":false}],672,440,[45,22,25,26]],[22,"divide",774,440,[21,23,24]],[23,["number",{"value":1}],860,440,[22]],[24,["number",{"value":2}],860,472,[22]],[25,"vspace",686,472,[21,7]],[26,"hidden",672,629,[21,null]],[27,["newnote",{"collapsed":false}],658,692,[2,28,31,32]],[28,"divide",760,692,[27,29,30]],[29,["number",{"value":1}],846,692,[28]],[30,["number",{"value":4}],846,724,[28]],[31,"vspace",672,724,[27,13]],[32,"hidden",658,881,[27,null]],[33,["number",{"value":20}],732,218,[1]],[34,"vspace",644,250,[1,2]],[35,"print",644,1007,[42,36,null]],[36,["namedbox",{"value":"box"}],718,1007,[35]],[37,"storein",644,912,[2,38,39,42]],[38,["text",{"value":"box"}],722,912,[37]],[39,"random",722,944,[37,40,41]],[40,["number",{"value":1}],813,944,[39]],[41,["number",{"value":5}],813,976,[39]],[42,"vspace",644,975,[37,35]],[43,"vibrato",658,345,[2,44,46,45,49]],[44,["number",{"value":5}],760,345,[43]],[45,"vspace",672,408,[43,21]],[46,"divide",760,377,[43,47,48]],[47,["number",{"value":1}],846,377,[46]],[48,["number",{"value":16}],846,409,[46]],[49,"hidden",658,660,[43,null]]]</div></div></div></div><script type="text/javascript">function toggle(){if (document.getElementsByClassName("code")[0].style.display=="none"){document.getElementsByClassName("code")[0].style.display="flex";document.getElementById("showhide").textContent = "Hide";} else {document.getElementsByClassName("code")[0].style.display="none";document.getElementById("showhide").textContent = "Show";}} var name=decodeURIComponent(window.location.pathname.split("/").pop().slice(0, -5)); var prefix="Music Blocks Project - "; var title=prefix+name; document.querySelector('meta[property="og:title"]').content=title; document.title=name; document.getElementById("title").textContent=title; document.getElementsByClassName("code")[0].style.display = "none";</script></body></html>