30:[] 2e:{"title":"Text Sun-dial","cells":[{"id":0,"value":"md`# Text Sun-dial\n\nExperiment in parameterized design that calculates a text shadow based on the time of day. Kind of simulating a sun-dial 🤷`","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"html`\n \n\n

'Twas brillig, and the slithey toves

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":54,"value":"{\n const h = Math.floor(t / 60),\n m = t % 60;\n\n return html`Time: ${h < 10 ? '0' : ''}${h}:${m < 10 ? '0' : ''}${m}`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":35,"value":"viewof t = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":82,"value":"viewof radiusExtent = {\n const form = html`\n \n `;\n\n const minRad = form.querySelector(\"#min-radius\"),\n maxRad = form.querySelector(\"#max-radius\");\n\n minRad.oninput = () => {\n if (+maxRad.value < +minRad.value) maxRad.value = minRad.value;\n maxRad.min = minRad.value;\n };\n \n form.oninput = () => {\n form.value = [+minRad.value, +maxRad.value];\n };\n\n form.oninput();\n\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":144,"value":"viewof blurExtent = {\n const form = html`\n \n `;\n\n const minBlur = form.querySelector(\"#min-blur\"),\n maxBlur = form.querySelector(\"#max-blur\");\n\n minBlur.oninput = () => {\n if (+maxBlur.value < +minBlur.value) maxBlur.value = minBlur.value;\n maxBlur.min = minBlur.value;\n };\n\n form.oninput = () => (form.value = [+minBlur.value, +maxBlur.value]);\n form.oninput();\n\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":29,"value":"shadowColor = \"gold\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":68,"value":"radius = radiusExtent[0] +\n Math.abs(Math.cos(angle)) * (radiusExtent[1] - radiusExtent[0])","pinned":true,"hidden":false,"mode":"ojs"},{"id":72,"value":"angle = (t / maxT) * Math.PI * 2 + Math.PI / 2","pinned":true,"hidden":false,"mode":"ojs"},{"id":42,"value":"shadowX = radius * Math.cos(angle)","pinned":true,"hidden":false,"mode":"ojs"},{"id":45,"value":"shadowY = -radius * Math.sin(angle)","pinned":true,"hidden":false,"mode":"ojs"},{"id":39,"value":"shadowBlur = blurExtent[0] +\n Math.abs(Math.cos(angle)) * (blurExtent[1] - blurExtent[0])","pinned":true,"hidden":false,"mode":"ojs"},{"id":10,"value":"maxT = 24 * 60","pinned":false,"hidden":false,"mode":"ojs"},{"id":117,"value":"md`## Appendix`","pinned":false,"hidden":false,"mode":"ojs"},{"id":120,"value":"html``","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}