forked from sugarlabs/musicblocks
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsimple-crab-canon.html
1 lines (1 loc) · 11.3 KB
/
simple-crab-canon.html
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,["start",{"id":1623616885556,"collapsed":false,"xcor":0,"ycor":0,"heading":0,"color":20,"shade":80,"pensize":5,"grey":157.14285714285714}],145,145,[null,17,null]],[1,["newnote",{"collapsed":false}],741,407,[145,25,24,11]],[2,["number",{"value":2}],929,439,[25]],[3,"pitch",755,471,[24,4,5,null]],[4,["solfege",{"value":"sol"}],829,471,[3]],[5,["number",{"value":4}],829,503,[3]],[6,["newnote",{"collapsed":false}],741,565,[11,28,27,12]],[7,["number",{"value":2}],929,597,[28]],[8,"pitch",755,629,[27,9,10,null]],[9,["solfege",{"value":"do"}],829,629,[8]],[10,["number",{"value":5}],829,661,[8]],[11,"hidden",741,565,[1,6]],[12,"hidden",741,723,[6,37]],[13,["action",{"collapsed":false}],727,145,[null,14,30,null]],[14,["text",{"value":"part1"}],859,154,[13]],[15,["action",{"collapsed":false}],1018,145,[null,16,31,null]],[16,["text",{"value":"part2"}],1150,154,[15]],[17,["nameddo",{"value":"part1"}],159,186,[0,18]],[18,["nameddo",{"value":"part2"}],159,218,[17,null]],[19,["nameddo",{"value":"part1"}],170,418,[22,20]],[20,["nameddo",{"value":"part2"}],170,450,[19,null]],[21,"backward",156,386,[33,22,32]],[22,"hidden",170,418,[21,19]],[23,["start",{"id":1623616885616,"collapsed":false,"xcor":-70.83095051367116,"ycor":0.6876813427952015,"heading":180,"color":30,"shade":90,"pensize":5,"grey":157.14285714285714}],142,313,[null,33,null]],[24,"vspace",755,439,[1,3]],[25,"divide",843,407,[1,26,2]],[26,["number",{"value":1}],929,407,[25]],[27,"vspace",755,597,[6,8]],[28,"divide",843,565,[6,29,7]],[29,["number",{"value":1}],929,565,[28]],[30,"hidden",741,186,[13,135]],[31,"hidden",1032,186,[15,84]],[32,"hidden",156,512,[21,35]],[33,"right",156,354,[23,34,21]],[34,["number",{"value":180}],230,354,[33]],[35,"right",156,512,[32,36,null]],[36,["number",{"value":180}],230,512,[35]],[37,["newnote",{"collapsed":false}],741,723,[12,38,41,45]],[38,"divide",843,723,[37,39,40]],[39,["number",{"value":1}],929,723,[38]],[40,["number",{"value":2}],929,755,[38]],[41,"vspace",755,755,[37,42]],[42,"pitch",755,787,[41,43,44,null]],[43,["solfege",{"value":"fa"}],829,787,[42]],[44,["number",{"value":4}],829,819,[42]],[45,"hidden",741,881,[37,55]],[46,["newnote",{"collapsed":false}],741,1102,[65,47,50,54]],[47,"divide",843,1102,[46,48,49]],[48,["number",{"value":1}],929,1102,[47]],[49,["number",{"value":2}],929,1134,[47]],[50,"vspace",755,1134,[46,51]],[51,"pitch",755,1166,[50,52,53,null]],[52,["solfege",{"value":"sol"}],829,1166,[51]],[53,["number",{"value":4}],829,1198,[51]],[54,"hidden",741,1260,[46,66]],[55,"flat",741,881,[45,56,65]],[56,["newnote",{"collapsed":false}],755,913,[55,57,60,64]],[57,"divide",857,913,[56,58,59]],[58,["number",{"value":1}],943,913,[57]],[59,["number",{"value":2}],943,945,[57]],[60,"vspace",769,945,[56,61]],[61,"pitch",769,977,[60,62,63,null]],[62,["solfege",{"value":"la"}],843,977,[61]],[63,["number",{"value":4}],843,1009,[61]],[64,"hidden",755,1071,[56,null]],[65,"hidden",741,1102,[55,46]],[66,["newnote",{"collapsed":false}],741,1260,[54,67,70,74]],[67,"divide",843,1260,[66,68,69]],[68,["number",{"value":1}],929,1260,[67]],[69,["number",{"value":2}],929,1292,[67]],[70,"vspace",755,1292,[66,71]],[71,"pitch",755,1324,[70,72,73,null]],[72,["solfege",{"value":"fa"}],829,1324,[71]],[73,["number",{"value":4}],829,1356,[71]],[74,"hidden",741,1418,[66,75]],[75,["newnote",{"collapsed":false}],741,1418,[74,76,79,83]],[76,"divide",843,1418,[75,77,78]],[77,["number",{"value":1}],929,1418,[76]],[78,["number",{"value":2}],929,1450,[76]],[79,"vspace",755,1450,[75,80]],[80,"pitch",755,1482,[79,81,82,null]],[81,["solfege",{"value":"mi"}],829,1482,[80]],[82,["number",{"value":4}],829,1514,[80]],[83,"hidden",741,1576,[75,null]],[84,["newnote",{"collapsed":false}],1032,186,[31,85,88,92]],[85,"divide",1134,186,[84,86,87]],[86,["number",{"value":1}],1220,186,[85]],[87,["number",{"value":4}],1220,218,[85]],[88,"vspace",1046,218,[84,89]],[89,"pitch",1046,250,[88,90,91,null]],[90,["solfege",{"value":"sol"}],1120,250,[89]],[91,["number",{"value":4}],1120,282,[89]],[92,"hidden",1032,344,[84,102]],[93,["newnote",{"collapsed":false}],1032,786,[123,94,97,101]],[94,"divide",1134,786,[93,95,96]],[95,["number",{"value":1}],1220,786,[94]],[96,["number",{"value":2}],1220,818,[94]],[97,"vspace",1046,818,[93,98]],[98,"pitch",1046,850,[97,99,100,null]],[99,["solfege",{"value":"do"}],1120,850,[98]],[100,["number",{"value":5}],1120,882,[98]],[101,"hidden",1032,944,[93,124]],[102,"flat",1032,344,[92,103,112]],[103,["newnote",{"collapsed":false}],1046,376,[102,104,107,111]],[104,"divide",1148,376,[103,105,106]],[105,["number",{"value":1}],1234,376,[104]],[106,["number",{"value":2}],1234,408,[104]],[107,"vspace",1060,408,[103,108]],[108,"pitch",1060,440,[107,109,110,null]],[109,["solfege",{"value":"la"}],1134,440,[108]],[110,["number",{"value":4}],1134,472,[108]],[111,"hidden",1046,534,[103,null]],[112,"hidden",1032,565,[102,113]],[113,"flat",1032,565,[112,114,123]],[114,["newnote",{"collapsed":false}],1046,597,[113,115,118,122]],[115,"divide",1148,597,[114,116,117]],[116,["number",{"value":1}],1234,597,[115]],[117,["number",{"value":2}],1234,629,[115]],[118,"vspace",1060,629,[114,119]],[119,"pitch",1060,661,[118,120,121,null]],[120,["solfege",{"value":"ti"}],1134,661,[119]],[121,["number",{"value":4}],1134,693,[119]],[122,"hidden",1046,755,[114,null]],[123,"hidden",1032,786,[113,93]],[124,"flat",1032,944,[101,125,134]],[125,["newnote",{"collapsed":false}],1046,976,[124,126,129,133]],[126,"divide",1148,976,[125,127,128]],[127,["number",{"value":1}],1234,976,[126]],[128,["number",{"value":2}],1234,1008,[126]],[129,"vspace",1060,1008,[125,130]],[130,"pitch",1060,1040,[129,131,132,null]],[131,["solfege",{"value":"re"}],1134,1040,[130]],[132,["number",{"value":5}],1134,1072,[130]],[133,"hidden",1046,1134,[125,null]],[134,"hidden",1032,1165,[124,136]],[135,"flat",741,186,[30,164,145]],[136,["newnote",{"collapsed":false}],1032,1165,[134,137,140,144]],[137,"divide",1134,1165,[136,138,139]],[138,["number",{"value":1}],1220,1165,[137]],[139,["number",{"value":2}],1220,1197,[137]],[140,"vspace",1046,1197,[136,141]],[141,"pitch",1046,1229,[140,142,143,null]],[142,["solfege",{"value":"fa"}],1120,1229,[141]],[143,["number",{"value":5}],1120,1261,[141]],[144,"hidden",1032,1323,[136,146]],[145,"hidden",741,407,[135,1]],[146,["newnote",{"collapsed":false}],1032,1323,[144,147,150,154]],[147,"divide",1134,1323,[146,148,149]],[148,["number",{"value":1}],1220,1323,[147]],[149,["number",{"value":2}],1220,1355,[147]],[150,"vspace",1046,1355,[146,151]],[151,"pitch",1046,1387,[150,152,153,null]],[152,["solfege",{"value":"mi"}],1120,1387,[151]],[153,["number",{"value":5}],1120,1419,[151]],[154,"hidden",1032,1481,[146,155]],[155,["newnote",{"collapsed":false}],1032,1481,[154,156,159,163]],[156,"divide",1134,1481,[155,157,158]],[157,["number",{"value":1}],1220,1481,[156]],[158,["number",{"value":2}],1220,1513,[156]],[159,"vspace",1046,1513,[155,160]],[160,"pitch",1046,1545,[159,161,162,null]],[161,["solfege",{"value":"fa"}],1120,1545,[160]],[162,["number",{"value":5}],1120,1577,[160]],[163,"hidden",1032,1639,[155,173]],[164,["newnote",{"collapsed":false}],755,218,[135,165,168,172]],[165,"divide",857,218,[164,166,167]],[166,["number",{"value":1}],943,218,[165]],[167,["number",{"value":2}],943,250,[165]],[168,"vspace",769,250,[164,169]],[169,"pitch",769,282,[168,170,171,null]],[170,["solfege",{"value":"la"}],843,282,[169]],[171,["number",{"value":4}],843,314,[169]],[172,"hidden",755,376,[164,null]],[173,["newnote",{"collapsed":false}],1032,1639,[163,174,177,179]],[174,"divide",1134,1639,[173,175,176]],[175,["number",{"value":1}],1220,1639,[174]],[176,["number",{"value":4}],1220,1671,[174]],[177,"vspace",1046,1671,[173,178]],[178,"rest2",1046,1703,[177,null]],[179,"hidden",1032,1765,[173,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>