examples/harmony-in-C.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,["action",{"collapsed":true}],529,106,[null,1,312,null]],[1,["text",{"value":"C"}],662,115,[0]],[2,["action",{"collapsed":false}],740,106,[null,3,313,null]],[3,["text",{"value":"D b"}],873,115,[2]],[4,["action",{"collapsed":true}],952,106,[null,5,314,null]],[5,["text",{"value":"D"}],1085,115,[4]],[6,["action",{"collapsed":true}],106,212,[null,7,315,null]],[7,["text",{"value":"E b"}],239,221,[6]],[8,["action",{"collapsed":true}],317,212,[null,9,316,null]],[9,["text",{"value":"E"}],450,221,[8]],[10,["action",{"collapsed":true}],529,212,[null,11,317,null]],[11,["text",{"value":"F"}],662,221,[10]],[12,["action",{"collapsed":true}],740,212,[null,13,318,null]],[13,["text",{"value":"G b"}],873,221,[12]],[14,["action",{"collapsed":true}],952,212,[null,15,319,null]],[15,["text",{"value":"F #"}],1085,221,[14]],[16,["action",{"collapsed":true}],106,317,[null,17,320,null]],[17,["text",{"value":"G"}],239,326,[16]],[18,["action",{"collapsed":true}],317,317,[null,19,321,null]],[19,["text",{"value":"A b"}],450,326,[18]],[20,["action",{"collapsed":true}],529,317,[null,21,322,null]],[21,["text",{"value":"A"}],662,326,[20]],[22,["action",{"collapsed":true}],740,317,[null,23,323,null]],[23,["text",{"value":"B b"}],873,326,[22]],[24,["action",{"collapsed":false}],952,317,[null,25,324,null]],[25,["text",{"value":"define C"}],1085,326,[24]],[26,"storein",966,358,[324,27,28,null]],[27,["text",{"value":"C3"}],1051,358,[26]],[28,["number",{"value":130.81}],1051,390,[26]],[29,["namedbox",{"value":"C3"}],703,147,[31]],[30,"hertz",543,147,[312,31,35]],[31,"multiply",617,147,[30,29,32]],[32,"divide",703,179,[31,33,34]],[33,["number",{"value":1}],789,179,[32]],[34,["number",{"value":1}],789,211,[32]],[35,"vspace",543,179,[30,null]],[36,"hertz",754,147,[313,37,42]],[37,"multiply",828,147,[36,38,39]],[38,["namedbox",{"value":"C3"}],914,147,[37]],[39,"divide",914,179,[37,40,41]],[40,["number",{"value":256}],1000,179,[39]],[41,["number",{"value":243}],1000,211,[39]],[42,"vspace",754,179,[36,null]],[43,"hertz",966,147,[314,44,49]],[44,"multiply",1040,147,[43,45,46]],[45,["namedbox",{"value":"C3"}],1126,147,[44]],[46,"divide",1126,179,[44,47,48]],[47,["number",{"value":9}],1212,179,[46]],[48,["number",{"value":8}],1212,211,[46]],[49,"vspace",966,179,[43,null]],[50,"hertz",120,253,[315,51,56]],[51,"multiply",194,253,[50,52,53]],[52,["namedbox",{"value":"C3"}],280,253,[51]],[53,"divide",280,285,[51,54,55]],[54,["number",{"value":32}],366,285,[53]],[55,["number",{"value":27}],366,317,[53]],[56,"vspace",120,285,[50,null]],[57,"hertz",331,253,[316,58,63]],[58,"multiply",405,253,[57,59,60]],[59,["namedbox",{"value":"C3"}],491,253,[58]],[60,"divide",491,285,[58,61,62]],[61,["number",{"value":81}],577,285,[60]],[62,["number",{"value":64}],577,317,[60]],[63,"vspace",331,285,[57,null]],[64,"hertz",543,253,[317,65,70]],[65,"multiply",617,253,[64,66,67]],[66,["namedbox",{"value":"C3"}],703,253,[65]],[67,"divide",703,285,[65,68,69]],[68,["number",{"value":4}],789,285,[67]],[69,["number",{"value":3}],789,317,[67]],[70,"vspace",543,285,[64,null]],[71,"hertz",966,253,[319,72,77]],[72,"multiply",1040,253,[71,73,74]],[73,["namedbox",{"value":"C3"}],1126,253,[72]],[74,"divide",1126,285,[72,75,76]],[75,["number",{"value":729}],1212,285,[74]],[76,["number",{"value":512}],1212,317,[74]],[77,"vspace",966,285,[71,null]],[78,"hertz",754,253,[318,79,84]],[79,"multiply",828,253,[78,80,81]],[80,["namedbox",{"value":"C3"}],914,253,[79]],[81,"divide",914,285,[79,82,83]],[82,["number",{"value":1024}],1000,285,[81]],[83,["number",{"value":729}],1000,317,[81]],[84,"vspace",754,285,[78,null]],[85,"hertz",120,358,[320,86,91]],[86,"multiply",194,358,[85,87,88]],[87,["namedbox",{"value":"C3"}],280,358,[86]],[88,"divide",280,390,[86,89,90]],[89,["number",{"value":3}],366,390,[88]],[90,["number",{"value":2}],366,422,[88]],[91,"vspace",120,390,[85,null]],[92,"hertz",331,358,[321,93,98]],[93,"multiply",405,358,[92,94,95]],[94,["namedbox",{"value":"C3"}],491,358,[93]],[95,"divide",491,390,[93,96,97]],[96,["number",{"value":128}],577,390,[95]],[97,["number",{"value":81}],577,422,[95]],[98,"vspace",331,390,[92,null]],[99,"hertz",543,358,[322,100,105]],[100,"multiply",617,358,[99,101,102]],[101,["namedbox",{"value":"C3"}],703,358,[100]],[102,"divide",703,390,[100,103,104]],[103,["number",{"value":27}],789,390,[102]],[104,["number",{"value":16}],789,422,[102]],[105,"vspace",543,390,[99,null]],[106,"hertz",754,358,[323,107,112]],[107,"multiply",828,358,[106,108,109]],[108,["namedbox",{"value":"C3"}],914,358,[107]],[109,"divide",914,390,[107,110,111]],[110,["number",{"value":16}],1000,390,[109]],[111,["number",{"value":9}],1000,422,[109]],[112,"vspace",754,390,[106,null]],[113,["action",{"collapsed":true}],106,423,[null,114,325,null]],[114,["text",{"value":"B"}],239,432,[113]],[115,"hertz",120,464,[325,116,121]],[116,"multiply",194,464,[115,117,118]],[117,["namedbox",{"value":"C3"}],280,464,[116]],[118,"divide",280,496,[116,119,120]],[119,["number",{"value":243}],366,496,[118]],[120,["number",{"value":128}],366,528,[118]],[121,"vspace",120,496,[115,null]],[122,["start",{"id":1623636117045,"collapsed":false,"xcor":-50,"ycor":0,"heading":0,"color":10,"shade":60,"pensize":5,"grey":185.71428571428572}],106,106,[null,344,null]],[123,["newnote",{"collapsed":false}],120,274,[310,124,127,128]],[124,"divide",222,274,[123,125,126]],[125,["number",{"value":1}],308,274,[124]],[126,["number",{"value":2}],308,306,[124]],[127,"vspace",134,306,[123,129]],[128,"hidden",120,400,[123,130]],[129,["nameddo",{"value":"C"}],134,338,[127,null]],[130,["newnote",{"collapsed":false}],120,400,[128,131,134,135]],[131,"divide",222,400,[130,132,133]],[132,["number",{"value":1}],308,400,[131]],[133,["number",{"value":2}],308,432,[131]],[134,"vspace",134,432,[130,136]],[135,"hidden",120,526,[130,137]],[136,["nameddo",{"value":"E"}],134,464,[134,null]],[137,["newnote",{"collapsed":false}],120,526,[135,138,141,142]],[138,"divide",222,526,[137,139,140]],[139,["number",{"value":1}],308,526,[138]],[140,["number",{"value":1}],308,558,[138]],[141,"vspace",134,558,[137,143]],[142,"hidden",120,652,[137,164]],[143,["nameddo",{"value":"G"}],134,590,[141,null]],[144,["newnote",{"collapsed":false}],134,684,[164,145,148,149]],[145,"divide",236,684,[144,146,147]],[146,["number",{"value":1}],322,684,[145]],[147,["number",{"value":2}],322,716,[145]],[148,"vspace",148,716,[144,156]],[149,"hidden",134,810,[144,150]],[150,["newnote",{"collapsed":false}],134,810,[149,151,154,155]],[151,"divide",236,810,[150,152,153]],[152,["number",{"value":1}],322,810,[151]],[153,["number",{"value":2}],322,842,[151]],[154,"vspace",148,842,[150,157]],[155,"hidden",134,936,[150,null]],[156,["nameddo",{"value":"F"}],148,748,[148,null]],[157,["nameddo",{"value":"A"}],148,874,[154,null]],[158,["newnote",{"collapsed":false}],134,1125,[199,159,162,163]],[159,"divide",236,1125,[158,160,161]],[160,["number",{"value":1}],322,1125,[159]],[161,["number",{"value":2}],322,1157,[159]],[162,"vspace",148,1157,[158,202]],[163,"hidden",134,1251,[158,167]],[164,"settransposition",120,652,[142,165,144,166]],[165,["number",{"value":-12}],331,652,[164]],[166,"hidden",120,967,[164,192]],[167,["newnote",{"collapsed":false}],134,1251,[163,168,171,172]],[168,"divide",236,1251,[167,169,170]],[169,["number",{"value":1}],322,1251,[168]],[170,["number",{"value":2}],322,1283,[168]],[171,"vspace",148,1283,[167,203]],[172,"hidden",134,1377,[167,null]],[173,["newnote",{"collapsed":false}],120,1408,[201,174,177,178]],[174,"divide",222,1408,[173,175,176]],[175,["number",{"value":1}],308,1408,[174]],[176,["number",{"value":1}],308,1440,[174]],[177,"vspace",134,1440,[173,204]],[178,"hidden",120,1534,[173,185]],[179,["newnote",{"collapsed":false}],120,1660,[191,180,183,184]],[180,"divide",222,1660,[179,181,182]],[181,["number",{"value":1}],308,1660,[180]],[182,["number",{"value":2}],308,1692,[180]],[183,"vspace",134,1692,[179,205]],[184,"hidden",120,1786,[179,206]],[185,["newnote",{"collapsed":false}],120,1534,[178,186,189,191]],[186,"divide",222,1534,[185,187,188]],[187,["number",{"value":1}],308,1534,[186]],[188,["number",{"value":2}],308,1566,[186]],[189,"vspace",134,1566,[185,190]],[190,["nameddo",{"value":"C"}],134,1598,[189,null]],[191,"hidden",120,1660,[185,179]],[192,["newnote",{"collapsed":false}],120,967,[166,193,196,198]],[193,"divide",222,967,[192,194,195]],[194,["number",{"value":1}],308,967,[193]],[195,["number",{"value":1}],308,999,[193]],[196,"vspace",134,999,[192,197]],[197,["nameddo",{"value":"C"}],134,1031,[196,null]],[198,"hidden",120,1093,[192,199]],[199,"settransposition",120,1093,[198,200,158,201]],[200,["number",{"value":-12}],331,1093,[199]],[201,"hidden",120,1408,[199,173]],[202,["nameddo",{"value":"G"}],148,1189,[162,null]],[203,["nameddo",{"value":"B"}],148,1315,[171,null]],[204,["nameddo",{"value":"D"}],134,1472,[177,null]],[205,["nameddo",{"value":"E"}],134,1724,[183,null]],[206,["newnote",{"collapsed":false}],120,1786,[184,207,210,211]],[207,"divide",222,1786,[206,208,209]],[208,["number",{"value":1}],308,1786,[207]],[209,["number",{"value":2}],308,1818,[207]],[210,"vspace",134,1818,[206,212]],[211,"hidden",120,1912,[206,274]],[212,["nameddo",{"value":"G"}],134,1850,[210,null]],[213,["newnote",{"collapsed":false}],134,1944,[274,214,217,218]],[214,"divide",236,1944,[213,215,216]],[215,["number",{"value":1}],322,1944,[214]],[216,["number",{"value":2}],322,1976,[214]],[217,"vspace",148,1976,[213,243]],[218,"hidden",134,2070,[213,null]],[219,["newnote",{"collapsed":false}],134,2133,[277,220,223,224]],[220,"divide",236,2133,[219,221,222]],[221,["number",{"value":1}],322,2133,[220]],[222,["number",{"value":2}],322,2165,[220]],[223,"vspace",148,2165,[219,244]],[224,"hidden",134,2259,[219,225]],[225,["newnote",{"collapsed":false}],134,2259,[224,226,229,230]],[226,"divide",236,2259,[225,227,228]],[227,["number",{"value":1}],322,2259,[226]],[228,["number",{"value":2}],322,2291,[226]],[229,"vspace",148,2291,[225,245]],[230,"hidden",134,2385,[225,237]],[231,["newnote",{"collapsed":false}],345,495,[292,232,235,236]],[232,"divide",447,495,[231,233,234]],[233,["number",{"value":2}],533,495,[232]],[234,["number",{"value":1}],533,527,[232]],[235,"vspace",359,527,[231,288]],[236,"hidden",345,621,[231,253]],[237,["newnote",{"collapsed":false}],134,2385,[230,238,241,242]],[238,"divide",236,2385,[237,239,240]],[239,["number",{"value":1}],322,2385,[238]],[240,["number",{"value":2}],322,2417,[238]],[241,"vspace",148,2417,[237,246]],[242,"hidden",134,2511,[237,326]],[243,["nameddo",{"value":"B b"}],148,2008,[217,null]],[244,["nameddo",{"value":"F"}],148,2197,[223,null]],[245,["nameddo",{"value":"A b"}],148,2323,[229,null]],[246,["nameddo",{"value":"E b"}],148,2449,[241,null]],[247,["newnote",{"collapsed":false}],345,810,[295,248,251,252]],[248,"divide",447,810,[247,249,250]],[249,["number",{"value":4}],533,810,[248]],[250,["number",{"value":1}],533,842,[248]],[251,"vspace",359,842,[247,299]],[252,"hidden",345,936,[247,null]],[253,["newnote",{"collapsed":false}],345,621,[236,254,257,258]],[254,"divide",447,621,[253,255,256]],[255,["number",{"value":2}],533,621,[254]],[256,["number",{"value":1}],533,653,[254]],[257,"vspace",359,653,[253,298]],[258,"hidden",345,747,[253,null]],[259,["newnote",{"collapsed":false}],345,306,[289,260,273,263]],[260,"divide",447,306,[259,261,262]],[261,["number",{"value":2}],533,306,[260]],[262,["number",{"value":1}],533,338,[260]],[263,"hidden",345,432,[259,null]],[264,["newnote",{"collapsed":false}],120,2794,[279,265,268,269]],[265,"divide",222,2794,[264,266,267]],[266,["number",{"value":2}],308,2794,[265]],[267,["number",{"value":1}],308,2826,[265]],[268,"vspace",134,2826,[264,283]],[269,"hidden",120,3109,[264,null]],[270,["nameddo",{"value":"F"}],148,3016,[280,null]],[271,["nameddo",{"value":"A"}],148,2890,[283,272]],[272,["nameddo",{"value":"C"}],148,2922,[271,null]],[273,"vspace",359,338,[259,287]],[274,"settransposition",120,1912,[211,275,213,276]],[275,["number",{"value":12}],331,1912,[274]],[276,"hidden",120,2101,[274,277]],[277,"settransposition",120,2101,[276,278,219,279]],[278,["number",{"value":24}],331,2101,[277]],[279,"hidden",120,2794,[277,264]],[280,"settransposition",134,2984,[285,281,270,282]],[281,["number",{"value":12}],345,2984,[280]],[282,"hidden",134,3079,[280,null]],[283,"settransposition",134,2858,[268,284,271,285]],[284,["number",{"value":24}],345,2858,[283]],[285,"hidden",134,2984,[283,280]],[286,["start",{"id":1623636117046,"collapsed":false,"xcor":50,"ycor":0,"heading":0,"color":0,"shade":60,"pensize":5,"grey":171.42857142857142}],317,106,[null,345,null]],[287,["nameddo",{"value":"C"}],359,370,[273,null]],[288,["nameddo",{"value":"F"}],359,559,[235,null]],[289,"settransposition",331,274,[311,290,259,291]],[290,["number",{"value":-12}],542,274,[289]],[291,"hidden",331,463,[289,292]],[292,"settransposition",331,463,[291,293,231,294]],[293,["number",{"value":-24}],542,463,[292]],[294,"hidden",331,778,[292,295]],[295,"settransposition",331,778,[294,296,247,297]],[296,["number",{"value":-12}],542,778,[295]],[297,"hidden",331,967,[295,307]],[298,["nameddo",{"value":"G"}],359,685,[257,null]],[299,["nameddo",{"value":"C"}],359,874,[251,null]],[300,["newnote",{"collapsed":false}],345,999,[307,301,304,305]],[301,"divide",447,999,[300,302,303]],[302,["number",{"value":2}],533,999,[301]],[303,["number",{"value":1}],533,1031,[301]],[304,"vspace",359,1031,[300,306]],[305,"hidden",345,1125,[300,null]],[306,["nameddo",{"value":"F"}],359,1063,[304,null]],[307,"settransposition",331,967,[297,308,300,309]],[308,["number",{"value":-24}],542,967,[307]],[309,"hidden",331,1156,[307,null]],[310,["nameddo",{"value":"define C"}],120,242,[338,123]],[311,["nameddo",{"value":"define C"}],331,242,[341,289]],[312,"hidden",543,147,[0,30]],[313,"hidden",754,147,[2,36]],[314,"hidden",966,147,[4,43]],[315,"hidden",120,253,[6,50]],[316,"hidden",331,253,[8,57]],[317,"hidden",543,253,[10,64]],[318,"hidden",754,253,[12,78]],[319,"hidden",966,253,[14,71]],[320,"hidden",120,358,[16,85]],[321,"hidden",331,358,[18,92]],[322,"hidden",543,358,[20,99]],[323,"hidden",754,358,[22,106]],[324,"hidden",966,358,[24,26]],[325,"hidden",120,464,[113,115]],[326,["newnote",{"collapsed":false}],134,2511,[242,327,330,331]],[327,"divide",236,2511,[326,328,329]],[328,["number",{"value":1}],322,2511,[327]],[329,["number",{"value":2}],322,2543,[327]],[330,"vspace",148,2543,[326,332]],[331,"hidden",134,2763,[326,null]],[332,["nameddo",{"value":"D b"}],148,2575,[330,333]],[333,["nameddo",{"value":"B b"}],148,2607,[332,334]],[334,"settransposition",148,2639,[333,335,337,336]],[335,["number",{"value":-12}],359,2639,[334]],[336,"hidden",148,2734,[334,null]],[337,["nameddo",{"value":"E"}],162,2671,[334,null]],[338,"setxy",120,179,[344,339,340,310]],[339,["number",{"value":-50}],194,179,[338]],[340,["number",{"value":0}],194,211,[338]],[341,"setxy",331,179,[345,342,343,311]],[342,["number",{"value":50}],405,179,[341]],[343,["number",{"value":0}],405,211,[341]],[344,"penup",120,147,[122,338]],[345,"penup",331,147,[286,341]]]</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>