29:null 2a:["$","title",null,{"children":"Lente de Aumento – Museu Nacional – Wikicommons | Lucas Barcellos Oliveira | Observable"}] 2f:T413,html` ${canvas}`30:T117c,canvas = { let offsetFactor=1; let amplificationExponent=1; let amplificationNeighbors=1; let cellAmplification=3; let margin=10; let div = html`

`; let height=~~(width*9/16)+100; let ctx = DOM.context2d(width, height); let canvas = ctx.canvas; canvas.style.border = "3px solid gray"; div.append(canvas); let mouse; //let startCellAmp = amplificationViscosity ? 0 : cellAmplification; let startCellAmp = cellAmplification; let limitCellAmp = cellAmplification; let ampIncrement = 0.01; //before: viscosityRate let currentCA = startCellAmp; canvas.onmouseenter = (e) => { mouse = {x:e.offsetX, y:e.offsetY}; currentCA = startCellAmp }; canvas.onmouseleave = (e) => { mouse = undefined; currentCA = startCellAmp }; canvas.onmousemove = (e) => { let [newx,newy] = [e.offsetX, e.offsetY]; let [dx,dy] = [newx-mouse.x,newy-mouse.y]; let displacement = Math.sqrt(dx*dx+dy*dy) mouse = {x:newx, y:newy}; currentCA = Math.max(startCellAmp, currentCA-ampIncrement*displacement); }; let [CW,CH] = [grid.cw,grid.ch]; while (true) { ctx.clearRect(0,0,width,height); ctx.font="bold 32px sans-serif"; ctx.fillStyle="crimson"; let day=new Date(2018,8,2,19,30,0); let today=new Date(); ctx.fillText(Math.round((today.getTime()-day.getTime())/1000/60/60/24)+" DIAS SEM MEMÓRIA: Acervo Digital do MN",150,40); let order = []; let i = 0; if (currentCA < cellAmplification) currentCA += ampIncrement; for (let d of data) { let { x, y, w, h } = grid.cell(i++); let [cx,cy] = [x + w/2, y + h/2]; let scale = 1; if (mouse) { let [dx,dy] = [cx-mouse.x,cy-mouse.y]; let dist = Math.sqrt(dx*dx+dy*dy); let dscale = Math.pow(smoothStep(CW*amplificationNeighbors,0,dist),amplificationExponent); scale += /*cellAmplification*/ currentCA * dscale; cx += dx * dscale * offsetFactor; cy += dy * dscale * offsetFactor; } order.push ([cx,cy,scale,d.img]); } order.sort((a,b) => a[2]-b[2]); //last element drawn: console.log(order[order.length-1][3]); //ctx.fillStyle = "lightgray"; for (let [cx,cy,scale,d] of order) { let [lx,ly] = [(CW-margin)*scale,(CH-margin)*scale]; let [x,y] = [cx-lx/2, cy-ly/2]; let dx=0,dy=0; if (d.width/d.height > lx/ly) { dy = (ly-lx*d.height/d.width)/2; ly -= dy*2 } else { dx = (lx-ly*d.width/d.height)/2 lx -= dx*2 } ctx.drawImage(d,x+dx,50+y+dy,lx,ly) } canvas.onmousedown=(e)=>{ let d=order[order.length-1][3]; open(d.src); console.log(document.getElementsByTagName("iframe")); document.getElementsByTagName("iframe")[0].sandbox+="allow-modals"; alert(d.src+d.category+d.datetime+d.description+d.author); //$("#modal-content").dialog(); let modal=document.getElementById("myModal"); modal.style.display="block"; document.getElementById("fechar").onclick=function(){modal.style.display="none";}; window.onclick=function(event){if(event.target==modal){modal.style.display = "none";}}; document.getElementById("modal-texto").innerHTML= "" //OR width='500' - use one or the other to maintain aspect ratio +"

" //+"
"+"Nome: "+decodeURIComponent(d.link.split("/").slice(-1)[0].split(".")[0]) //+"
"+"Categoria: "+d.category //+"
"+"Data-Hora: "+d.datetime //+"
"+"Descrição: "+d.description //+"
"+"Autor: "+d.author; +"" +""+""+""+""+"

Nome:	"+decodeURIComponent(d.link.split("/").slice(-1)[0].split(".")[0]) +"
Categoria:	"+d.category +"
Data-Hora:	"+d.datetime +"
Descrição:	"+d.description +"
Autor:	"+d.author+"

"; let modal_content=document.getElementById("modal-content"); let adjusted_width=document.getElementById("modal-image").offsetWidth; modal_content.style.width=Math.max(adjusted_width,width/4)+"px"; //must have minimum width not to compromise readability }; yield div } }31:[] 2d:{"id":"18d4f1bbf26220c3","slug":"lente-de-aumento-museu-nacional-wikicommons","title":"Lente de Aumento – Museu Nacional – Wikicommons","thumbnail":"9e1f6cfc930c502cfbae9a29b94d86aadad59af14a0308caef8478bf54ff0442","access_level":"public","create_time":"$D2018-12-04T21:12:36.612Z","update_time":"$D2018-12-05T15:30:51.376Z","view_time":null,"first_public_time":"$D2018-12-04T23:42:03.047Z","has_unpublished_edits":null,"fork":{"id":"064519bbeda40d38","slug":"photo-gallery-with-lens","title":"Photo gallery with lens","owner":{"id":"e9fcee55f21948e0","login":"esperanc","name":"Claudio Esperança"}},"stars":0,"starred":false,"owner":{"type":"team","id":"78ed5d16c7b764e3","login":"lucasbarcellosoliveira","name":"Lucas Barcellos Oliveira","avatar_url":"https://avatars-next.observableusercontent.com/f666bfbf81c5ce3e07b141f9368d214d65395420ff64ff65964a78fd85ca75c2","tier":"starter_2024"},"version":448,"publish_version":448,"role":null,"authored":false,"authors":[{"type":"individual","id":"1f921ee8155bda89","login":"lucasbarcellosoliveira","name":"Lucas Barcellos Oliveira","avatar_url":"https://avatars-next.observableusercontent.com/f666bfbf81c5ce3e07b141f9368d214d65395420ff64ff65964a78fd85ca75c2","tier":null}],"members":[{"type":"individual","id":"1f921ee8155bda89","login":"lucasbarcellosoliveira","name":"Lucas Barcellos Oliveira","avatar_url":"https://avatars-next.observableusercontent.com/f666bfbf81c5ce3e07b141f9368d214d65395420ff64ff65964a78fd85ca75c2","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"0fc4a120205a0e15","slug":"dias-sem-memoria-museu-nacional","title":"Dias Sem Memória - Museu Nacional","owner":{"id":"78ed5d16c7b764e3","login":"lucasbarcellosoliveira","name":"Lucas Barcellos Oliveira"}},"type":"notebook","body":{"title":"Lente de Aumento – Museu Nacional – Wikicommons","cells":[{"id":0,"value":"md`# Lente de Aumento – Museu Nacional – Wikicommons`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":378,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":85,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"grid = {\n let height=~~(width*9/16)+50;\n let margin=10;\n let ratio = width/height;\n let rows = ~~(Math.sqrt(images.length/ratio)+1)\n let cols = ~~(images.length/rows+1)\n let cellwidth = (width-margin) / (cols);\n let cellheight = (height-margin) / (rows);\n let cell = function (i) {\n return { x : i % cols * cellwidth + margin,\n y : ~~(i/cols) * cellheight + margin,\n w : cellwidth-margin,\n h : cellheight-margin }\n }\n return { cols:cols, rows:rows, cw : cellwidth, ch : cellheight, cell : cell}\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":100,"value":"// A smooth interpolation between two values which has 0 as first and second derivatives both at x = 0 and x = 1\n// (see smoothstep in wikipedia)\nsmoothStep = function (edge0, edge1, x) {\n x = Math.min(Math.max((x - edge0)/(edge1 - edge0), 0.0), 1.0)\n return x*x*(3 - 2*x);\n // alternatively\n //return x*x*x*(x*(x*6 - 15) + 10)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":272,"value":"data={\n let ret=[];\n for(let i=0; i

`.children[0];\n ret.push(item);\n }\n return ret;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":268,"value":"import {images} from \"@lucasbarcellosoliveira/museu-nacional-wikicommons\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":428,"value":"jQuery=require('jquery@3.3.1/dist/jquery.js')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":426,"value":"jQueryUI=require('jquery-ui@1.12.1/ui/widget.js')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 2e:"$2d:body"