2b:null 2c:["$","title",null,{"children":"Axios.ppt | Chris Zubak-Skees | Observable"}] 31:[] 2f:{"id":"ae472143079e1530","slug":"present-the-news","title":"Axios.ppt","thumbnail":"a79b80d40fbcbe0c37a62e8cc5727d6b601a0ccde42c515831d62d768ae685d1","access_level":"public","create_time":"$D2021-06-24T17:57:36.911Z","update_time":"$D2022-09-29T00:16:22.523Z","view_time":null,"first_public_time":"$D2021-07-05T17:51:43.455Z","fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"af142d61d1f72c32","login":"chriszs","name":"Chris Zubak-Skees","avatar_url":"https://avatars-next.observableusercontent.com/8f35cfadf5e34ea8c5da8c9decb514f55a0ea9f7babec9be636b56334bdd9c50","tier":"starter_2024"},"version":479,"publish_version":479,"role":null,"authored":false,"authors":[{"type":"individual","id":"7df35765d82ba3ca","login":"chriszs","name":"Chris Zubak-Skees","avatar_url":"https://avatars-next.observableusercontent.com/8f35cfadf5e34ea8c5da8c9decb514f55a0ea9f7babec9be636b56334bdd9c50","tier":null}],"members":[{"type":"individual","id":"7df35765d82ba3ca","login":"chriszs","name":"Chris Zubak-Skees","avatar_url":"https://avatars-next.observableusercontent.com/8f35cfadf5e34ea8c5da8c9decb514f55a0ea9f7babec9be636b56334bdd9c50","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"Axios.ppt","cells":[{"id":0,"value":"# Axios.ppt","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":229,"value":"Turn any [Axios](https://www.axios.com) story into a PowerPoint. (Also works on stories from other outlets.)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":106,"value":"viewof url = Inputs.text({\n label: \"Enter story URL\",\n placeholder: \"https://www.axios.com/\",\n value: new URLSearchParams(location.search).get(\"url\")\n ? decodeURIComponent(new URLSearchParams(location.search).get(\"url\"))\n : \"https://www.axios.com/tropical-storm-elsa-cuba-florida-carolinas-a1445a2a-1156-42f5-a7d6-fffd1b7585f5.html\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":383,"value":"html`Or drag this to your bookmarks bar: Make PowerPoint`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":337,"value":"{\n const button = html``;\n\n button.addEventListener(\"click\", () => enterFullscreen(slides.parentElement));\n\n return button;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":275,"value":"slides = {\n const container = html`

`;\n\n yield container;\n\n const shadow =\n container.shadowRoot || container.attachShadow({ mode: \"open\" });\n\n const reveal = html`

\n \n \n

\n ${els.map((el) => html`

${el}

`)}\n

\n \n

`;\n\n shadow.appendChild(reveal);\n\n const deck = new Reveal(reveal, {\n embedded: true\n });\n\n deck.initialize();\n\n return container;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":470,"value":"{\n const button = html``;\n\n button.addEventListener(\"click\", () =>\n pres.writeFile({ fileName: `${resource.title}.pptx` })\n );\n\n return button;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":151,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":32,"value":"Mercury = require(\"@postlight/mercury-parser@2.2.0/dist/mercury.web.js\").catch(\n () => window.Mercury\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":43,"value":"proxy = (url) => `https://zubakskees-cors-proxy.herokuapp.com/${url}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":41,"value":"resource = Mercury.parse(proxy(url))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":82,"value":"dom = new DOMParser().parseFromString(\n resource.content.replace(/:(| )<\\/strong>/g, \"

\"),\n \"text/html\"\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":86,"value":"els = [html`

${resource.title}

`, ...dom.querySelectorAll(\"p,li\")]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":160,"value":"import { trustworthy } from \"@shellywhen/emotional-color-palette\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":184,"value":"backgroundColor = trustworthy[Math.floor(Math.random() * trustworthy.length)]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":220,"value":"textColorScale = d3.scaleQuantile().range([\"#fff\", \"#000\"]).domain([0, 60, 100])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":209,"value":"// from https://observablehq.com/@youbastard/color-scales-with-adaptive-text-color\ntextColor = (bg) => textColorScale(d3.hcl(bg).l)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":273,"value":"Reveal = require(\"reveal.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":320,"value":"// from https://github.com/hakimel/reveal.js/blob/cf8e64bd8504737912b39e4153390cffbf443ed7/js/utils/util.js\nenterFullscreen = (element) => {\n element = element || document.documentElement;\n\n // Check which implementation is available\n let requestMethod =\n element.requestFullscreen ||\n element.webkitRequestFullscreen ||\n element.webkitRequestFullScreen ||\n element.mozRequestFullScreen ||\n element.msRequestFullscreen;\n\n if (requestMethod) {\n requestMethod.apply(element);\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":418,"value":"PptxGenJS = (\n await import(\n \"https://cdn.skypack.dev/pin/pptxgenjs@v3.6.0-NKTTrd39l46LnepEQYGd/mode=imports/optimized/pptxgenjs.js\"\n )\n).default","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":420,"value":"pres = {\n const pres = new PptxGenJS();\n\n let first = true;\n\n for (const el of els) {\n let slide = pres.addSlide();\n\n slide.background = { color: backgroundColor.replace(\"#\", \"\") };\n slide.color = \"FFFFFF\";\n\n slide.addText(el.innerText, {\n x: 1.5,\n y: 0.8,\n align: \"center\",\n fontFace: \"Arial\",\n fontSize: 30,\n bold: first\n });\n\n first = false;\n }\n\n return pres;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 30:"$2f:body"