31:[] 2f:{"title":"How long has it been since my dog hurt his leg","cells":[{"id":0,"value":"md`# How long has it been since my dog hurt his leg`","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"md`Prince injured his leg on ${displayWeekday(injury_date)}.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":92,"value":"md`It has been ${d3.timeDay.count(injury_date.toDate(), now)} days since he injured it.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":104,"value":"md`If he is not feeling better on ${displayWeekday(check_date)} (${d3.timeDay.count(now, check_date.toDate())} days) we should take him to the vet.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":129,"value":"{\n let calendar_start = moment(getWeekStart(injury_date))\n let day_length = d3.timeDay.count(calendar_start, getWeekEnd(moment(now)))\n let divs = '

'\n for (let i=0; iInjury date

\"\n }\n if (day.isSame(check_date, 'days')) {\n background = \"magenta\"\n inner = \"

Check date

\"\n }\n if (day.isBetween(injury_date, check_date, 'days', '()')) background = \"lime\"\n if (day.isSame(now, 'days')) {\n background = \"green\"\n inner = \"

Today

\"\n }\n divs += `

${day.format('MMM DD')}${inner}

`\n }\n divs += '

'\n return html`${divs}`\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":202,"value":"md`## Dates`","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"injury_date = moment('April 28, 2018')","pinned":true,"hidden":false,"mode":"ojs"},{"id":100,"value":"check_date = injury_date.clone().add(6, 'days')","pinned":true,"hidden":false,"mode":"ojs"},{"id":205,"value":"now = {\n while (true) {\n const date = new Date(Math.ceil((Date.now() + 1) / 1000) * 1000);\n yield Promises.when(date, date);\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":169,"value":"md`## Code`","pinned":false,"hidden":false,"mode":"ojs"},{"id":171,"value":"md`Reference: [Countdown notebook by Mike Bostock](https://beta.observablehq.com/@mbostock/countdown)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":66,"value":"function displayDay(moment_date) {\n return moment_date.format(day_string)\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":71,"value":"function displayWeekday(moment_date) {\n return moment_date.format(weekday_day_string)\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":121,"value":"function getWeekStart(moment_date) {\n return d3.timeWeek.floor(moment_date.toDate())\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":127,"value":"function getWeekEnd(moment_date) {\n // needed to add 1 minute to get the result I expected\n return d3.timeWeek.ceil(moment_date.add(1, 'minutes').toDate())\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":28,"value":"day_string = 'MMMM Do, YYYY'","pinned":false,"hidden":false,"mode":"ojs"},{"id":62,"value":"weekday_day_string = \"dddd, \" + day_string","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"d3 = require(\"d3-time@1.0.8/build/d3-time.min.js\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":55,"value":"moment = require('moment@2.22.1/moment.js')","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}