30:[] 2e:{"title":"Axios.ppt","cells":[{"id":0,"value":"# Axios.ppt","pinned":false,"hidden":false,"mode":"md"},{"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"},{"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"},{"id":383,"value":"html`Or drag this to your bookmarks bar: Make PowerPoint`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"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"},{"id":151,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"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"},{"id":43,"value":"proxy = (url) => `https://zubakskees-cors-proxy.herokuapp.com/${url}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":41,"value":"resource = Mercury.parse(proxy(url))","pinned":false,"hidden":false,"mode":"ojs"},{"id":82,"value":"dom = new DOMParser().parseFromString(\n resource.content.replace(/:(| )<\\/strong>/g, \"

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

${resource.title}

`, ...dom.querySelectorAll(\"p,li\")]","pinned":false,"hidden":false,"mode":"ojs"},{"id":160,"value":"import { trustworthy } from \"@shellywhen/emotional-color-palette\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":184,"value":"backgroundColor = trustworthy[Math.floor(Math.random() * trustworthy.length)]","pinned":false,"hidden":false,"mode":"ojs"},{"id":220,"value":"textColorScale = d3.scaleQuantile().range([\"#fff\", \"#000\"]).domain([0, 60, 100])","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":273,"value":"Reveal = require(\"reveal.js\")","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"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"}],"files":"$W30","stdlib":"1","titling":"auto"}