forked from sugarlabs/musicblocks
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathascending-notes-color-spiral.html
1 lines (1 loc) · 5.54 KB
/
ascending-notes-color-spiral.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":1623629452308,"collapsed":false,"xcor":0,"ycor":0,"heading":0,"color":-10,"shade":50,"pensize":5,"grey":100}],160,160,[null,44,null]],[1,["newnote",{"collapsed":false}],188,613,[7,2,5,6]],[2,"divide",290,613,[1,3,4]],[3,["number",{"value":1}],376,613,[2]],[4,["number",{"value":4}],376,645,[2]],[5,"vspace",202,645,[1,17]],[6,"hidden",188,834,[1,25]],[7,"repeat",174,581,[14,8,1,null]],[8,["number",{"value":24}],276,581,[7]],[9,["newnote",{"collapsed":false}],174,392,[23,10,13,14]],[10,"divide",276,392,[9,11,12]],[11,["number",{"value":1}],362,392,[10]],[12,["number",{"value":4}],362,424,[10]],[13,"vspace",188,424,[9,19]],[14,"hidden",174,581,[9,7]],[15,"setpensize",174,328,[45,16,23]],[16,["number",{"value":5}],283,328,[15]],[17,"steppitch",202,677,[5,18,21]],[18,["number",{"value":1}],338,677,[17]],[19,"pitchnumber",188,456,[13,20,38]],[20,["number",{"value":0}],303,456,[19]],[21,"arc",202,709,[17,22,36,35]],[22,["number",{"value":45}],276,709,[21]],[23,"setcolor",174,360,[15,24,9]],[24,["number",{"value":0}],259,360,[23]],[25,"setcolor",188,834,[6,26,28]],[26,"multiply",273,834,[25,29,27]],[27,["number",{"value":2.5}],359,866,[26]],[28,"vspace",188,866,[25,30]],[29,["mypitch",{"value":null}],359,834,[26]],[30,"setpensize",188,898,[28,32,null]],[31,["mypitch",{"value":null}],383,898,[32]],[32,"multiply",297,898,[30,31,33]],[33,["number",{"value":0.4}],383,930,[32]],[34,["number",{"value":1.16}],362,741,[36]],[35,"vspace",202,772,[21,null]],[36,"power",276,741,[21,34,37]],[37,["mypitch",{"value":null}],362,773,[36]],[38,"arc",188,488,[19,39,40,null]],[39,["number",{"value":45}],262,488,[38]],[40,["number",{"value":0}],262,520,[38]],[41,"setxy",174,233,[44,42,43,45]],[42,["number",{"value":0}],248,233,[41]],[43,["number",{"value":0}],248,265,[41]],[44,"penup",174,201,[0,41]],[45,"pendown",174,296,[41,15]]]</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>