2c:null 2d:["$","title",null,{"children":"How long has it been since my dog hurt his leg | Grant Custer | Observable"}] 32:[] 30:{"id":"65e3a0cc7584fb33","slug":"how-long-has-it-been-since-my-dog-hurt-his-leg","title":"How long has it been since my dog hurt his leg","thumbnail":"576046ba480417bbb473f615cd0feb6220c0ce480a4a5081d5cc74355670c408","access_level":"public","create_time":"$D2018-04-30T22:24:03.833Z","update_time":"$D2018-05-06T01:19:01.312Z","view_time":null,"first_public_time":"$D2018-04-30T23:51:57.812Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"bf2c1edd2a33aa1b","login":"grantcuster","name":"Grant Custer","avatar_url":"https://avatars-next.observableusercontent.com/10eebb9a620b6b833738fb495f94fb682bcdc3270b247a9a8aef575ed0702c48","tier":"starter_2024"},"version":209,"publish_version":209,"role":null,"authored":false,"authors":[{"type":"individual","id":"a1f8c368ee3d80be","login":"grantcuster","name":"Grant Custer","avatar_url":"https://avatars-next.observableusercontent.com/10eebb9a620b6b833738fb495f94fb682bcdc3270b247a9a8aef575ed0702c48","tier":null}],"members":[{"type":"individual","id":"a1f8c368ee3d80be","login":"grantcuster","name":"Grant Custer","avatar_url":"https://avatars-next.observableusercontent.com/10eebb9a620b6b833738fb495f94fb682bcdc3270b247a9a8aef575ed0702c48","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":2,"collection":{"id":"60c25796bffe3cee","slug":"calendars","title":"Calendars","owner":{"id":"bf2c1edd2a33aa1b","login":"grantcuster","name":"Grant Custer"}},"type":"notebook","body":{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"md`Prince injured his leg on ${displayWeekday(injury_date)}.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":202,"value":"md`## Dates`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"injury_date = moment('April 28, 2018')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":100,"value":"check_date = injury_date.clone().add(6, 'days')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":169,"value":"md`## Code`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":171,"value":"md`Reference: [Countdown notebook by Mike Bostock](https://beta.observablehq.com/@mbostock/countdown)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":66,"value":"function displayDay(moment_date) {\n return moment_date.format(day_string)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"function displayWeekday(moment_date) {\n return moment_date.format(weekday_day_string)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":121,"value":"function getWeekStart(moment_date) {\n return d3.timeWeek.floor(moment_date.toDate())\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"day_string = 'MMMM Do, YYYY'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"weekday_day_string = \"dddd, \" + day_string","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"d3 = require(\"d3-time@1.0.8/build/d3-time.min.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"moment = require('moment@2.22.1/moment.js')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 31:"$30:body"