examples/nautilus.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,["newnote",{"collapsed":false}],754,134,[91,1,4,5]],[1,"divide",856,134,[0,2,3]],[2,["number",{"value":1}],942,134,[1]],[3,["number",{"value":8}],942,166,[1]],[4,"vspace",768,166,[0,51]],[5,"hidden",754,449,[0,70]],[6,["start",{"id":1623637177197,"collapsed":false,"xcor":0,"ycor":0,"heading":0,"color":20,"shade":80,"pensize":5,"grey":157.14285714285714}],93,93,[null,65,null]],[7,"forward",782,294,[27,62,92]],[8,"storein",107,293,[75,9,10,15]],[9,["text",{"value":"fib"}],192,293,[8]],[10,["number",{"value":0}],192,325,[8]],[11,"return",329,260,[31,39,44]],[12,["namedbox",{"value":"fib"}],224,420,[26]],[13,"right",782,358,[92,14,null]],[14,["number",{"value":90}],856,358,[13]],[15,"repeat",107,356,[8,16,76,80]],[16,["number",{"value":8}],213,356,[15]],[17,["action",{"collapsed":false}],301,93,[null,18,90,null]],[18,["text",{"value":"fib"}],434,102,[17]],[19,["namedarg",{"value":"1"}],604,292,[37]],[20,["namedarg",{"value":"1"}],475,134,[32]],[21,"setxy",107,166,[65,22,23,66]],[22,["number",{"value":150}],181,166,[21]],[23,["number",{"value":100}],181,198,[21]],[24,["action",{"collapsed":false}],740,93,[null,25,91,null]],[25,["text",{"value":"square"}],873,102,[24]],[26,["namedcalcArg",{"value":"fib"}],195,388,[76,12]],[27,"repeat",768,262,[47,28,7,null]],[28,["number",{"value":4}],874,262,[27]],[29,"arc",782,672,[57,30,45,61]],[30,["number",{"value":90}],856,672,[29]],[31,"ifthenelse",315,134,[90,32,34,11,null]],[32,["less",{"value":null}],410,134,[31,20,33]],[33,["number",{"value":2}],475,166,[32]],[34,"return",329,197,[31,35,null]],[35,["number",{"value":1}],403,197,[34]],[36,["namedcalcArg",{"value":"fib"}],489,260,[39,37]],[37,"minus",518,292,[36,19,38]],[38,["number",{"value":1}],604,324,[37]],[39,"plus",403,260,[11,36,40]],[40,["namedcalcArg",{"value":"fib"}],489,386,[39,41]],[41,"minus",518,418,[40,42,43]],[42,["namedarg",{"value":"1"}],604,418,[41]],[43,["number",{"value":2}],604,450,[41]],[44,"vspace",329,292,[11,null]],[45,"multiply",856,704,[29,55,46]],[46,["number",{"value":20}],942,736,[45]],[47,"setshade",768,230,[51,48,27]],[48,["number",{"value":50}],869,230,[47]],[49,"setshade",782,577,[53,50,57]],[50,["number",{"value":25}],883,577,[49]],[51,"setpensize",768,198,[4,52,47]],[52,["number",{"value":1}],886,198,[51]],[53,"setpensize",782,545,[72,64,49]],[54,["namedarg",{"value":"1"}],954,294,[62]],[55,["namedarg",{"value":"1"}],942,704,[45]],[56,["nameddoArg",{"value":"square"}],121,640,[88,77,84]],[57,"pitch",782,609,[49,58,59,29]],[58,["solfege",{"value":"ti"}],856,609,[57]],[59,["number",{"value":4}],856,641,[57]],[60,["namedarg",{"value":"1"}],965,449,[70]],[61,"vspace",782,735,[29,null]],[62,"multiply",868,294,[7,54,63]],[63,["number",{"value":20}],954,326,[62]],[64,["namedarg",{"value":"1"}],900,545,[53]],[65,"penup",107,134,[6,21]],[66,"pendown",107,229,[21,75]],[67,["newnote",{"collapsed":false}],768,481,[70,73,72,69]],[68,["number",{"value":2}],956,513,[73]],[69,"hidden",768,796,[67,null]],[70,"settransposition",754,449,[5,60,67,71]],[71,"hidden",754,827,[70,null]],[72,"vspace",782,513,[67,53]],[73,"divide",870,481,[67,74,68]],[74,["number",{"value":1}],956,481,[73]],[75,"emptyHeap",107,261,[66,8]],[76,"push",121,388,[15,26,78]],[77,"indexHeap",138,672,[56,83]],[78,"vspace",121,420,[76,79]],[79,"vspace",121,452,[78,87]],[80,"storein",107,545,[15,81,82,88]],[81,["text",{"value":"fib"}],192,545,[80]],[82,["number",{"value":1}],192,577,[80]],[83,["namedbox",{"value":"fib"}],262,672,[77]],[84,"incrementOne",121,735,[56,85,null]],[85,["namedbox",{"value":"fib"}],212,735,[84]],[86,["namedbox",{"value":"fib"}],212,484,[87]],[87,"incrementOne",121,484,[79,86,null]],[88,"repeat",107,608,[80,89,56,null]],[89,["number",{"value":8}],213,608,[88]],[90,"hidden",315,134,[17,31]],[91,"hidden",754,134,[24,0]],[92,"vspace",782,326,[7,13]]]</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>