3e:null 3f:["$","title",null,{"children":"Climate rose - WIP | Tim Day | Observable"}] 45:T79f,rose = { document.head.innerHTML+=styling; const width=512; const height=512; var canvas=DOM.canvas(width, height); var ctx=canvas.getContext('2d'); var mystery=true; // Flags whether we're in "mystery mode" (on startup and mouse-out) var mysteryFade=1.0; // For fade of mystery "look" const mysteryFadeTime=500.0; // Background will fade linearly var animating=true; // Flags whether there's anything for animation to actually do, otherwise the canvas can be left as is. var frame; var t0=Date.now(); function tick() { const t1=Date.now(); const dt=t1-t0; if (animating) { var stillAnimating=false; if (mystery) { if (mysteryFade<1.0) stillAnimating=true; mysteryFade=Math.min(1.0,mysteryFade+dt/mysteryFadeTime); } else { if (mysteryFade>1.0/1024.0) stillAnimating=true; mysteryFade=Math.max(0.0,mysteryFade-dt/mysteryFadeTime); } // Draw the background ctx.fillStyle = "#ffffff"; ctx.fillRect(0, 0, width, height); ctx.globalAlpha=mysteryFade; ctx.fillStyle = "#51477d"; // Purple colour from style guide (actually for Ozone) ctx.fillRect(0, 0, width, height); if (!stillAnimating) { console.log('Climate Connections animation stopping animation, for now'); } animating=stillAnimating; } ctx.globalAlpha=1.0; frame = requestAnimationFrame(tick); t0=t1; } tick(); canvas.onmouseout = function(e) { mystery=true; animating=true; var elem = document.getElementById("mystery"); elem.style.visibility='visible'; elem = document.getElementById("about"); elem.textContent=""; } canvas.onmousemove = function(e) { animating=true; // Assume any sort of mouse move will trigger something. mystery=false; } invalidation.then(() => cancelAnimationFrame(frame)); return canvas; }46:[] 43:{"id":"c23a225fd63b23b2","slug":null,"title":"Climate rose - WIP","thumbnail":"79684c0774bb242ec6fc20e18ea1ab20e104eac94d8dfe022be929d3ba10e97c","access_level":"public","create_time":"$D2023-08-30T10:21:23.996Z","update_time":"$D2023-08-30T10:50:42.553Z","view_time":null,"first_public_time":"$D2023-08-30T10:21:23.996Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"1a92493b15781331","login":"timday","name":"Tim Day","avatar_url":"https://avatars-next.observableusercontent.com/99a72e9fffb4012ff78cd8b348469e0ff259b6b4fcdc29c529c9643b02c3507a","tier":"starter_2024","bio":"","following":false},"version":35,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"b1afb94c24c163d5","login":"timday","name":"Tim Day","avatar_url":"https://avatars-next.observableusercontent.com/99a72e9fffb4012ff78cd8b348469e0ff259b6b4fcdc29c529c9643b02c3507a","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"b1afb94c24c163d5","login":"timday","name":"Tim Day","avatar_url":"https://avatars-next.observableusercontent.com/99a72e9fffb4012ff78cd8b348469e0ff259b6b4fcdc29c529c9643b02c3507a","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Climate rose - WIP","cells":[{"id":0,"value":"# Climate rose - WIP","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":18,"value":"climaterose=html`

${rose}${about}

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"$45","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"about=html`

${mysterytext}

climate rose

a climate rose

`\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"## Styling\n","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":16,"value":"styling = ``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W46","stdlib":"1"}} 44:"$43:body"