31:[] 2f:{"title":"Situation Lab's Future Thing","cells":[{"id":0,"value":"md`# Situation Lab's Future Thing`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"md`This is an online adaptation of the game #FutureThing by [@sitlab](https://twitter.com/sitlab). PDF instructions and original cards at [http://situationlab.org](http://situationlab.org/wp-content/uploads/2015/10/FUTURETHING_Print-and-Play.pdf).`","pinned":false,"hidden":false,"mode":"ojs"},{"id":32,"value":"viewof draw = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":52,"value":"html`

\n ${myCards.map(makeCardHtml).join('')}\n

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":99,"value":"myCards.length === 4 ? html`

` : html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":96,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs"},{"id":21,"value":"myCards = {\n  draw;\n  if (!this || this.length >= 4){\n    return []\n  }\n  return [...this, pickRandom(cardTypes[this.length])]\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":41,"value":"function pickRandom(type){\n  const deck = data.get(type);\n  if (!deck) { return null }\n  return deck[Math.floor(Math.random()*deck.length)]\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":36,"value":"cardTypes = Array.from(data.keys())","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"data = {\n  const data = await d3.csv('https://cors-anywhere.herokuapp.com/https://docs.google.com/spreadsheets/d/e/2PACX-1vQbA0xwJDjs6z18cdkWNB0ZuEge9fQFbzGPO1eMq2DgQHxpBI-77pxX2pzuHwZWehuTpyI1LV2JF2KG/pub?gid=0&single=true&output=csv');\n  return d3.group(data, d => d.Card)\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"d3 = require('d3-fetch', 'd3-array@2')","pinned":false,"hidden":false,"mode":"ojs"},{"id":54,"value":"makeCardHtml = ({Card, Value, Detail}) => `<div class=\"card\">\n  <div class=\"card_category\">${Card}</div>\n  <div class=\"card_value\">${Value}<span class=\"card_detail\">${Detail ? ` (${Detail})` : ''}</span></div>\n</div>`","pinned":false,"hidden":false,"mode":"ojs"},{"id":65,"value":"html`<style>\n.card {\n  display: inline-block;\n  min-width: 120px;\n  text-align: center;\n  border: 1px solid black;\n  margin: 5px;\n  padding: 10px;\n  height: 100%;\n}\n\n.card_category {\n  font-size: 12px;\n  text-decoration: underline;\n}\n.card_detail {\n  font-size: 16px;\n  font-style: italic;\n}\n.card_value {\n  font-size: 16px;\n}\ntextarea {\n  width: 300px;\n  height: 200px;\n}\n</style>`","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}
</article></body></html>