folk-song transcribte to music block (#3344)

* folk-song transcribt to music block * Update folk-song.html (with graphics) Added with graphics and updated folk-song work
sugarlabs · Nov 15, 2023 · 217a641 · 217a641
1 parent 4184721
commit 217a641
Showing 1 changed file with 1 addition and 0 deletions.
diff --git a/examples/folk-song.html b/examples/folk-song.html
@@ -0,0 +1 @@
+<!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,"settimbre",373,-1451,[242,1,22,2]],[1,["voicename",{"value":"electric guitar"}],524,-1451,[0]],[2,"hidden",373,124,[0,null]],[3,["newnote",{"collapsed":false}],401,-1387,[22,4,7,11]],[4,"divide",503,-1387,[3,5,6]],[5,["number",{"value":1}],589,-1387,[4]],[6,["number",{"value":4}],589,-1355,[4]],[7,"vspace",415,-1355,[3,17]],[8,"pitch",415,-1165,[16,9,10,null]],[9,["solfege",{"value":"do"}],489,-1165,[8]],[10,["number",{"value":5}],489,-1133,[8]],[11,"hidden",401,-1229,[3,12]],[12,["newnote",{"collapsed":false}],401,-1229,[11,13,16,20]],[13,"divide",503,-1229,[12,14,15]],[14,["number",{"value":1}],589,-1229,[13]],[15,["number",{"value":4}],589,-1197,[13]],[16,"vspace",415,-1197,[12,8]],[17,"pitch",415,-1323,[7,18,19,null]],[18,["solfege",{"value":"sol"}],489,-1323,[17]],[19,["number",{"value":4}],489,-1291,[17]],[20,"hidden",401,-1071,[12,null]],[21,["start",{"id":1697301518802,"collapsed":true,"xcor":318.98548422083843,"ycor":67.99014168393833,"heading":60,"color":10,"shade":60,"pensize":5,"grey":92.85714285714286}],1200,-1772,[null,330,null]],[22,"repeat",387,-1419,[0,244,3,41]],[23,["newnote",{"collapsed":false}],401,-1009,[41,24,27,31]],[24,"divide",503,-1009,[23,25,26]],[25,["number",{"value":1}],589,-1009,[24]],[26,["number",{"value":4}],589,-977,[24]],[27,"vspace",415,-977,[23,28]],[28,"pitch",415,-945,[27,29,30,202]],[29,["solfege",{"value":"ti"}],489,-945,[28]],[30,["number",{"value":1}],489,-913,[28]],[31,"hidden",401,-662,[23,32]],[32,["newnote",{"collapsed":false}],401,-662,[31,33,36,40]],[33,"divide",503,-662,[32,34,35]],[34,["number",{"value":1}],589,-662,[33]],[35,["number",{"value":4}],589,-630,[33]],[36,"vspace",415,-630,[32,37]],[37,"pitch",415,-598,[36,38,39,null]],[38,["solfege",{"value":"la"}],489,-598,[37]],[39,["number",{"value":4}],489,-566,[37]],[40,"hidden",401,-504,[32,null]],[41,"repeat",387,-1041,[22,42,23,65]],[42,["number",{"value":2}],489,-1041,[41]],[43,["newnote",{"collapsed":false}],415,-94,[75,44,47,50]],[44,"divide",517,-94,[43,45,46]],[45,["number",{"value":1}],603,-94,[44]],[46,["number",{"value":4}],603,-62,[44]],[47,"vspace",429,-62,[43,48]],[48,"playdrum",429,-30,[47,49,null]],[49,["drumname",{"value":"clap"}],503,-30,[48]],[50,"hidden",415,32,[43,null]],[51,["newnote",{"collapsed":false}],415,-410,[60,52,55,59]],[52,"divide",517,-410,[51,53,54]],[53,["number",{"value":1}],603,-410,[52]],[54,["number",{"value":4}],603,-378,[52]],[55,"vspace",429,-378,[51,56]],[56,"pitch",429,-346,[55,57,58,null]],[57,["solfege",{"value":"do"}],503,-346,[56]],[58,["number",{"value":5}],503,-314,[56]],[59,"hidden",415,-252,[51,67]],[60,"newslur",401,-442,[65,61,51,64]],[61,"divide",503,-442,[60,62,63]],[62,["number",{"value":1}],589,-442,[61]],[63,["number",{"value":16}],589,-410,[61]],[64,"hidden",401,62,[60,null]],[65,"repeat",387,-474,[41,66,60,null]],[66,["number",{"value":2}],489,-474,[65]],[67,["newnote",{"collapsed":false}],415,-252,[59,68,71,75]],[68,"divide",517,-252,[67,69,70]],[69,["number",{"value":1}],603,-252,[68]],[70,["number",{"value":4}],603,-220,[68]],[71,"vspace",429,-220,[67,72]],[72,"pitch",429,-188,[71,73,74,null]],[73,["solfege",{"value":"ti"}],503,-188,[72]],[74,["number",{"value":4}],503,-156,[72]],[75,"hidden",415,-94,[67,43]],[76,["newnote",{"collapsed":false}],422,-634,[125,77,80,84]],[77,"divide",524,-634,[76,78,79]],[78,["number",{"value":1}],610,-634,[77]],[79,["number",{"value":8}],610,-602,[77]],[80,"vspace",436,-602,[76,81]],[81,"pitch",436,-570,[80,82,83,null]],[82,["solfege",{"value":"do"}],510,-570,[81]],[83,["number",{"value":5}],510,-538,[81]],[84,"hidden",422,-476,[76,null]],[85,["newnote",{"collapsed":false}],408,-1297,[93,86,89,92]],[86,"divide",510,-1297,[85,87,88]],[87,["number",{"value":1}],596,-1297,[86]],[88,["number",{"value":4}],596,-1265,[86]],[89,"vspace",422,-1265,[85,90]],[90,"pitch",422,-1233,[89,91,201,194]],[91,["solfege",{"value":"sol"}],496,-1233,[90]],[92,"hidden",408,-1045,[85,105]],[93,"settimbre",394,-1329,[104,94,85,95]],[94,["voicename",{"value":"flute"}],545,-1329,[93]],[95,"hidden",394,-415,[93,null]],[96,["action",{"collapsed":true}],359,-1524,[null,97,98,null]],[97,["text",{"value":"action1"}],491,-1515,[96]],[98,"hidden",373,-1483,[96,242]],[99,["nameddo",{"value":"action1"}],1214,-1572,[261,103]],[100,["action",{"collapsed":true}],352,-1466,[null,101,102,null]],[101,["text",{"value":"action2"}],484,-1457,[100]],[102,"hidden",366,-1425,[100,245]],[103,["nameddo",{"value":"action2"}],1214,-1540,[99,192]],[104,"repeat",380,-1361,[318,247,93,null]],[105,"settimbre",408,-1045,[92,106,108,107]],[106,["voicename",{"value":"electric guitar"}],559,-1045,[105]],[107,"hidden",408,-446,[105,null]],[108,["newnote",{"collapsed":false}],422,-1013,[105,109,112,116]],[109,"divide",524,-1013,[108,110,111]],[110,["number",{"value":1}],610,-1013,[109]],[111,["number",{"value":4}],610,-981,[109]],[112,"vspace",436,-981,[108,197]],[113,"pitch",436,-885,[199,114,115,null]],[114,["solfege",{"value":"re"}],510,-885,[113]],[115,["number",{"value":5}],510,-853,[113]],[116,"hidden",422,-792,[108,117]],[117,["newnote",{"collapsed":false}],422,-792,[116,118,121,125]],[118,"divide",524,-792,[117,119,120]],[119,["number",{"value":1}],610,-792,[118]],[120,["number",{"value":6}],610,-760,[118]],[121,"vspace",436,-760,[117,122]],[122,"pitch",436,-728,[121,123,124,null]],[123,["solfege",{"value":"ti"}],510,-728,[122]],[124,["number",{"value":4}],510,-696,[122]],[125,"hidden",422,-634,[117,76]],[126,["action",{"collapsed":true}],350,-1338,[null,127,128,null]],[127,["text",{"value":"action3"}],482,-1329,[126]],[128,"hidden",364,-1297,[126,249]],[129,"repeat",364,-1265,[249,248,130,153]],[130,"settimbre",378,-1233,[129,131,133,132]],[131,["voicename",{"value":"flute"}],529,-1233,[130]],[132,"hidden",378,-949,[130,150]],[133,["newnote",{"collapsed":false}],392,-1201,[130,134,207,140]],[134,"divide",494,-1201,[133,135,136]],[135,["number",{"value":1}],580,-1201,[134]],[136,["number",{"value":4}],580,-1169,[134]],[137,"pitch",406,-1074,[209,138,139,null]],[138,["solfege",{"value":"sol"}],480,-1074,[137]],[139,["number",{"value":4}],480,-1042,[137]],[140,"hidden",392,-980,[133,null]],[141,["newnote",{"collapsed":false}],392,-917,[150,142,145,149]],[142,"divide",494,-917,[141,143,144]],[143,["number",{"value":1}],580,-917,[142]],[144,["number",{"value":4}],580,-885,[142]],[145,"vspace",406,-885,[141,146]],[146,"pitch",406,-853,[145,147,148,null]],[147,["solfege",{"value":"la"}],480,-853,[146]],[148,["number",{"value":3}],480,-821,[146]],[149,"hidden",392,-759,[141,null]],[150,"settimbre",378,-949,[132,151,141,152]],[151,["voicename",{"value":"electric guitar"}],529,-949,[150]],[152,"hidden",378,-728,[150,null]],[153,"settimbre",364,-698,[129,154,156,155]],[154,["voicename",{"value":"electric guitar"}],515,-698,[153]],[155,"hidden",364,-5,[153,null]],[156,["newnote",{"collapsed":false}],378,-666,[153,157,160,164]],[157,"divide",480,-666,[156,158,159]],[158,["number",{"value":1}],566,-666,[157]],[159,["number",{"value":4}],566,-634,[157]],[160,"vspace",392,-634,[156,161]],[161,"pitch",392,-602,[160,162,163,null]],[162,["solfege",{"value":"ti♭"}],466,-602,[161]],[163,["number",{"value":4}],466,-570,[161]],[164,"hidden",378,-508,[156,165]],[165,["newnote",{"collapsed":false}],378,-508,[164,166,169,173]],[166,"divide",480,-508,[165,167,168]],[167,["number",{"value":1}],566,-508,[166]],[168,["number",{"value":4}],566,-476,[166]],[169,"vspace",392,-476,[165,170]],[170,"pitch",392,-444,[169,171,172,null]],[171,["solfege",{"value":"do"}],466,-444,[170]],[172,["number",{"value":6}],466,-412,[170]],[173,"hidden",378,-350,[165,174]],[174,["newnote",{"collapsed":false}],378,-350,[173,175,178,182]],[175,"divide",480,-350,[174,176,177]],[176,["number",{"value":1}],566,-350,[175]],[177,["number",{"value":4}],566,-318,[175]],[178,"vspace",392,-318,[174,179]],[179,"pitch",392,-286,[178,180,181,null]],[180,["solfege",{"value":"ti"}],466,-286,[179]],[181,["number",{"value":5}],466,-254,[179]],[182,"hidden",378,-192,[174,183]],[183,["newnote",{"collapsed":false}],378,-192,[182,184,187,191]],[184,"divide",480,-192,[183,185,186]],[185,["number",{"value":1}],566,-192,[184]],[186,["number",{"value":4}],566,-160,[184]],[187,"vspace",392,-160,[183,188]],[188,"pitch",392,-128,[187,189,190,null]],[189,["solfege",{"value":"sol"}],466,-128,[188]],[190,["number",{"value":4}],466,-96,[188]],[191,"hidden",378,-34,[183,null]],[192,["nameddo",{"value":"action3"}],1214,-1508,[103,193]],[193,["nameddo",{"value":"action2"}],1214,-1476,[192,276]],[194,"arc",422,-1170,[90,195,196,218]],[195,["number",{"value":360}],496,-1170,[194]],[196,["number",{"value":100}],496,-1138,[194]],[197,"setcolor",436,-949,[112,198,199]],[198,["number",{"value":30}],521,-949,[197]],[199,"left",436,-917,[197,200,113]],[200,["number",{"value":90}],510,-917,[199]],[201,["number",{"value":4}],496,-1201,[90]],[202,"arc",415,-882,[28,203,204,214]],[203,["number",{"value":360}],489,-882,[202]],[204,["number",{"value":100}],489,-850,[202]],[205,"left",415,-724,[215,206,null]],[206,["number",{"value":90}],489,-724,[205]],[207,"setcolor",406,-1169,[133,208,209]],[208,["number",{"value":70}],491,-1169,[207]],[209,"arc",406,-1137,[207,210,211,137]],[210,["number",{"value":360}],480,-1137,[209]],[211,["number",{"value":100}],480,-1105,[209]],[212,"forward",567,-1522,[220,213,222]],[213,["number",{"value":350}],646,-1522,[212]],[214,"fill",415,-819,[202,216,215]],[215,"hidden",415,-724,[214,205]],[216,"setcolor",429,-787,[214,217,null]],[217,["number",{"value":10}],514,-787,[216]],[218,"setcolor",422,-1107,[194,219,null]],[219,["number",{"value":40}],507,-1107,[218]],[220,"setcolor",567,-1554,[275,221,212]],[221,["number",{"value":20}],652,-1554,[220]],[222,"back",567,-1490,[212,223,224]],[223,["number",{"value":100}],641,-1490,[222]],[224,"setcolor",567,-1458,[222,225,229]],[225,["number",{"value":50}],652,-1458,[224]],[226,"arc",595,-1362,[320,227,228,231]],[227,["number",{"value":35}],669,-1362,[226]],[228,["number",{"value":45}],669,-1330,[226]],[229,"repeat",567,-1426,[224,230,320,null]],[230,["number",{"value":4}],669,-1426,[229]],[231,"arc",595,-1299,[226,232,233,234]],[232,["number",{"value":90}],669,-1299,[231]],[233,["number",{"value":1}],669,-1267,[231]],[234,"forward",595,-1236,[231,235,236]],[235,["number",{"value":185}],674,-1236,[234]],[236,"arc",595,-1204,[234,237,238,239]],[237,["number",{"value":125}],669,-1204,[236]],[238,["number",{"value":1}],669,-1172,[236]],[239,"arc",595,-1141,[236,240,241,null]],[240,["number",{"value":90}],669,-1141,[239]],[241,["number",{"value":75}],669,-1109,[239]],[242,["storein2",{"value":"box1"}],373,-1483,[98,243,0]],[243,["number",{"value":2}],479,-1483,[242]],[244,["namedbox",{"value":"box1"}],489,-1419,[22]],[245,["storein2",{"value":"box2"}],366,-1425,[102,246,318]],[246,["number",{"value":2}],472,-1425,[245]],[247,["namedbox",{"value":"box2"}],482,-1361,[104]],[248,["namedbox",{"value":"box"}],466,-1265,[129]],[249,["storein2",{"value":"box"}],364,-1297,[128,250,129]],[250,["number",{"value":2}],470,-1297,[249]],[251,"forward",779,-1563,[279,252,256]],[252,["number",{"value":40}],858,-1563,[251]],[253,"setxy",779,-1499,[256,254,255,322]],[254,["number",{"value":4.5}],853,-1499,[253]],[255,["number",{"value":-156}],853,-1467,[253]],[256,"penup",779,-1531,[251,253]],[257,"setxy",1214,-1667,[260,258,259,261]],[258,["number",{"value":0}],1288,-1667,[257]],[259,["number",{"value":110}],1288,-1635,[257]],[260,"penup",1214,-1699,[330,257]],[261,"pendown",1214,-1604,[257,99]],[262,"pendown",779,-1372,[328,263]],[263,"arc",779,-1340,[262,264,265,266]],[264,["number",{"value":-40}],853,-1340,[263]],[265,["number",{"value":0}],853,-1308,[263]],[266,"forward",779,-1277,[263,267,null]],[267,["number",{"value":150}],858,-1277,[266]],[268,"arc",982,-1619,[283,269,270,290]],[269,["number",{"value":40}],1056,-1619,[268]],[270,["number",{"value":0}],1056,-1587,[268]],[271,"forward",982,-1271,[296,272,298]],[272,["number",{"value":220}],1061,-1271,[271]],[273,["action",{"collapsed":true}],553,-1595,[null,274,275,null]],[274,["text",{"value":"leaf1"}],685,-1586,[273]],[275,"hidden",567,-1554,[273,220]],[276,["nameddo",{"value":"leaf1"}],1214,-1444,[193,280]],[277,["action",{"collapsed":true}],765,-1604,[null,278,279,null]],[278,["text",{"value":"leaf2"}],897,-1595,[277]],[279,"hidden",779,-1563,[277,251]],[280,["nameddo",{"value":"leaf2"}],1214,-1412,[276,284]],[281,["action",{"collapsed":true}],968,-1660,[null,282,283,null]],[282,["text",{"value":"arc2"}],1100,-1651,[281]],[283,"hidden",982,-1619,[281,268]],[284,["nameddo",{"value":"arc2"}],1214,-1380,[280,null]],[285,"right",996,-1524,[290,286,null]],[286,["number",{"value":20}],1070,-1524,[285]],[287,"arc",996,-1397,[294,288,289,null]],[288,["number",{"value":10}],1070,-1397,[287]],[289,["number",{"value":50}],1070,-1365,[287]],[290,"repeat",982,-1556,[268,291,285,292]],[291,["number",{"value":3}],1084,-1556,[290]],[292,"right",982,-1461,[290,293,294]],[293,["number",{"value":10}],1056,-1461,[292]],[294,"repeat",982,-1429,[292,295,287,296]],[295,["number",{"value":14}],1084,-1429,[294]],[296,"right",982,-1303,[294,297,271]],[297,["number",{"value":105}],1056,-1303,[296]],[298,"right",982,-1239,[271,299,304]],[299,["number",{"value":80}],1056,-1239,[298]],[300,"forward",982,-1049,[302,301,309]],[301,["number",{"value":125}],1061,-1049,[300]],[302,"right",982,-1081,[304,303,300]],[303,["number",{"value":65}],1056,-1081,[302]],[304,"repeat",982,-1207,[298,305,306,302]],[305,["number",{"value":20}],1084,-1207,[304]],[306,"arc",996,-1175,[304,307,308,null]],[307,["number",{"value":10}],1070,-1175,[306]],[308,["number",{"value":50}],1070,-1143,[306]],[309,"right",982,-1017,[300,310,311]],[310,["number",{"value":30}],1056,-1017,[309]],[311,"forward",982,-985,[309,312,329]],[312,["number",{"value":100}],1061,-985,[311]],[313,"repeat",996,-857,[326,314,315,null]],[314,["number",{"value":7}],1098,-857,[313]],[315,"arc",1010,-825,[313,316,317,null]],[316,["number",{"value":50}],1084,-825,[315]],[317,["number",{"value":50}],1084,-793,[315]],[318,"fill",366,-1393,[245,104,319]],[319,"hidden",366,-353,[318,null]],[320,"fill",581,-1394,[229,226,321]],[321,"hidden",581,-1047,[320,null]],[322,"setcolor",779,-1436,[253,323,328]],[323,["number",{"value":50}],864,-1436,[322]],[324,"fill",982,-921,[329,326,325]],[325,"hidden",982,-700,[324,null]],[326,"setcolor",996,-889,[324,327,313]],[327,["number",{"value":10}],1081,-889,[326]],[328,"beginfill",779,-1404,[322,262]],[329,"endfill",982,-953,[311,324]],[330,"setheading",1214,-1731,[21,331,260]],[331,["number",{"value":0}],1320,-1731,[330]]]</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>