examples/Frere-Jacques-first-form-discovery.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":1623631674811,"collapsed":false,"xcor":0,"ycor":0,"heading":0,"color":60,"shade":60,"pensize":5,"grey":171.42857142857142}],250,90,[null,null,null]],[1,["action",{"collapsed":true}],781,91,[null,2,165,null]],[2,["text",{"value":"FJ"}],913,100,[1]],[3,["newnote",{"collapsed":false}],795,132,[165,103,102,101]],[4,["number",{"value":4}],983,164,[103]],[5,"pitch",809,196,[102,6,7,null]],[6,["text",{"value":"sol"}],883,196,[5]],[7,["number",{"value":4}],883,228,[5]],[8,["newnote",{"collapsed":false}],795,290,[101,107,106,105]],[9,["number",{"value":4}],983,322,[107]],[10,"pitch",809,354,[106,11,12,null]],[11,["text",{"value":"la"}],883,354,[10]],[12,["number",{"value":4}],883,386,[10]],[13,["newnote",{"collapsed":false}],795,448,[105,111,110,109]],[14,["number",{"value":4}],983,480,[111]],[15,"pitch",809,512,[110,16,17,null]],[16,["text",{"value":"ti"}],883,512,[15]],[17,["number",{"value":4}],883,544,[15]],[18,["newnote",{"collapsed":false}],795,606,[109,115,114,113]],[19,["number",{"value":4}],983,638,[115]],[20,"pitch",809,670,[114,21,22,null]],[21,["text",{"value":"sol"}],883,670,[20]],[22,["number",{"value":4}],883,702,[20]],[23,["nameddo",{"value":"FJ"}],109,84,[null,null]],[24,["action",{"collapsed":true}],820,268,[null,25,166,null]],[25,["text",{"value":"DV"}],952,277,[24]],[26,["newnote",{"collapsed":false}],834,309,[166,119,118,117]],[27,["number",{"value":4}],1022,341,[119]],[28,"pitch",848,373,[118,29,30,null]],[29,["text",{"value":"ti"}],922,373,[28]],[30,["number",{"value":4}],922,405,[28]],[31,["newnote",{"collapsed":false}],834,467,[117,123,122,121]],[32,["number",{"value":4}],1022,499,[123]],[33,"pitch",848,531,[122,34,35,null]],[34,["text",{"value":"do"}],922,531,[33]],[35,["number",{"value":5}],922,563,[33]],[36,["newnote",{"collapsed":false}],834,625,[121,127,126,125]],[37,["number",{"value":2}],1022,657,[127]],[38,"pitch",848,689,[126,39,40,null]],[39,["text",{"value":"re"}],922,689,[38]],[40,["number",{"value":5}],922,721,[38]],[41,["nameddo",{"value":"DV"}],111,137,[null,null]],[42,["action",{"collapsed":true}],791,208,[null,43,167,null]],[43,["text",{"value":"SLM"}],923,217,[42]],[44,["newnote",{"collapsed":false}],805,249,[167,131,130,129]],[45,["number",{"value":8}],993,281,[131]],[46,"pitch",819,313,[130,47,48,null]],[47,["text",{"value":"re"}],893,313,[46]],[48,["number",{"value":5}],893,345,[46]],[49,["newnote",{"collapsed":false}],805,407,[129,135,134,133]],[50,["number",{"value":8}],993,439,[135]],[51,"pitch",819,471,[134,52,53,null]],[52,["text",{"value":"mi"}],893,471,[51]],[53,["number",{"value":5}],893,503,[51]],[54,["newnote",{"collapsed":false}],805,565,[133,139,138,137]],[55,["number",{"value":8}],993,597,[139]],[56,"pitch",819,629,[138,57,58,null]],[57,["text",{"value":"re"}],893,629,[56]],[58,["number",{"value":5}],893,661,[56]],[59,["newnote",{"collapsed":false}],805,723,[137,143,142,141]],[60,["number",{"value":8}],993,755,[143]],[61,"pitch",819,787,[142,62,63,null]],[62,["text",{"value":"do"}],893,787,[61]],[63,["number",{"value":5}],893,819,[61]],[64,["newnote",{"collapsed":false}],805,881,[141,147,146,145]],[65,["number",{"value":4}],993,913,[147]],[66,"pitch",819,945,[146,67,68,null]],[67,["text",{"value":"ti"}],893,945,[66]],[68,["number",{"value":4}],893,977,[66]],[69,["newnote",{"collapsed":false}],805,1039,[145,151,150,149]],[70,["number",{"value":4}],993,1071,[151]],[71,"pitch",819,1103,[150,72,73,null]],[72,["text",{"value":"sol"}],893,1103,[71]],[73,["number",{"value":4}],893,1135,[71]],[74,["nameddo",{"value":"SLM"}],111,193,[null,null]],[75,["action",{"collapsed":true}],825,147,[null,76,168,null]],[76,["text",{"value":"DDD"}],957,156,[75]],[77,["newnote",{"collapsed":false}],839,188,[168,155,154,153]],[78,["number",{"value":4}],1027,220,[155]],[79,"pitch",853,252,[154,80,81,null]],[80,["text",{"value":"sol"}],927,252,[79]],[81,["number",{"value":4}],927,284,[79]],[82,["newnote",{"collapsed":false}],839,346,[153,159,158,157]],[83,["number",{"value":4}],1027,378,[159]],[84,"pitch",853,410,[158,85,86,null]],[85,["text",{"value":"re"}],927,410,[84]],[86,["number",{"value":4}],927,442,[84]],[87,["newnote",{"collapsed":false}],839,504,[157,163,162,161]],[88,["number",{"value":2}],1027,536,[163]],[89,"pitch",853,568,[162,90,91,null]],[90,["text",{"value":"sol"}],927,568,[89]],[91,["number",{"value":4}],927,600,[89]],[92,["nameddo",{"value":"DDD"}],111,249,[null,null]],[93,"repeat",314,211,[null,94,null,null]],[94,["number",{"value":2}],416,211,[93]],[95,"repeat",399,266,[null,96,null,null]],[96,["number",{"value":2}],501,266,[95]],[97,"repeat",434,82,[null,98,null,null]],[98,["number",{"value":2}],536,82,[97]],[99,"repeat",511,131,[null,100,null,null]],[100,["number",{"value":2}],613,131,[99]],[101,"hidden",795,290,[3,8]],[102,"vspace",809,164,[3,5]],[103,"divide",897,132,[3,104,4]],[104,["number",{"value":1}],983,132,[103]],[105,"hidden",795,448,[8,13]],[106,"vspace",809,322,[8,10]],[107,"divide",897,290,[8,108,9]],[108,["number",{"value":1}],983,290,[107]],[109,"hidden",795,606,[13,18]],[110,"vspace",809,480,[13,15]],[111,"divide",897,448,[13,112,14]],[112,["number",{"value":1}],983,448,[111]],[113,"hidden",795,764,[18,null]],[114,"vspace",809,638,[18,20]],[115,"divide",897,606,[18,116,19]],[116,["number",{"value":1}],983,606,[115]],[117,"hidden",834,467,[26,31]],[118,"vspace",848,341,[26,28]],[119,"divide",936,309,[26,120,27]],[120,["number",{"value":1}],1022,309,[119]],[121,"hidden",834,625,[31,36]],[122,"vspace",848,499,[31,33]],[123,"divide",936,467,[31,124,32]],[124,["number",{"value":1}],1022,467,[123]],[125,"hidden",834,783,[36,null]],[126,"vspace",848,657,[36,38]],[127,"divide",936,625,[36,128,37]],[128,["number",{"value":1}],1022,625,[127]],[129,"hidden",805,407,[44,49]],[130,"vspace",819,281,[44,46]],[131,"divide",907,249,[44,132,45]],[132,["number",{"value":1}],993,249,[131]],[133,"hidden",805,565,[49,54]],[134,"vspace",819,439,[49,51]],[135,"divide",907,407,[49,136,50]],[136,["number",{"value":1}],993,407,[135]],[137,"hidden",805,723,[54,59]],[138,"vspace",819,597,[54,56]],[139,"divide",907,565,[54,140,55]],[140,["number",{"value":1}],993,565,[139]],[141,"hidden",805,881,[59,64]],[142,"vspace",819,755,[59,61]],[143,"divide",907,723,[59,144,60]],[144,["number",{"value":1}],993,723,[143]],[145,"hidden",805,1039,[64,69]],[146,"vspace",819,913,[64,66]],[147,"divide",907,881,[64,148,65]],[148,["number",{"value":1}],993,881,[147]],[149,"hidden",805,1197,[69,null]],[150,"vspace",819,1071,[69,71]],[151,"divide",907,1039,[69,152,70]],[152,["number",{"value":1}],993,1039,[151]],[153,"hidden",839,346,[77,82]],[154,"vspace",853,220,[77,79]],[155,"divide",941,188,[77,156,78]],[156,["number",{"value":1}],1027,188,[155]],[157,"hidden",839,504,[82,87]],[158,"vspace",853,378,[82,84]],[159,"divide",941,346,[82,160,83]],[160,["number",{"value":1}],1027,346,[159]],[161,"hidden",839,662,[87,null]],[162,"vspace",853,536,[87,89]],[163,"divide",941,504,[87,164,88]],[164,["number",{"value":1}],1027,504,[163]],[165,"hidden",795,132,[1,3]],[166,"hidden",834,309,[24,26]],[167,"hidden",805,249,[42,44]],[168,"hidden",839,188,[75,77]]]</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>