31:T1793,definitionOfFreeCulturalWorksLogoNoText = { const ring0 = DOM.uid("ring0"), ring1 = DOM.uid("ring1"), ring2 = DOM.uid("ring2"), ring3 = DOM.uid("ring3"), ring4 = DOM.uid("ring4"), ring5 = DOM.uid("ring5"), ring6 = DOM.uid("ring6"); return { width: 219, height: 218, xml: ` ` }; }32:T5f2f,approvedForFreeCulturalWorks = { const AI_GaussianBlur_4 = DOM.uid("AI_GaussianBlur_4"); const SVGID_1_ = DOM.uid("SVGID_1_"); const SVGID_2_ = DOM.uid("SVGID_2_"); const SVGID_3_ = DOM.uid("SVGID_3_"); const SVGID_4_ = DOM.uid("SVGID_4_"); // console.log(AI_GaussianBlur_4); // console.log(SVGID_1_.toString()); // console.log(SVGID_2_); // console.log(SVGID_3_); // console.log(SVGID_4_); return { width: 144, height: 144, xml: ` ` }; }33:T2066,ccbysastrip = ({ width: 90, height: 18, xml: ` ` })34:T1f47,ccbysablock = ({ width: 108, height: 36, xml: ` ` })35:[] 2f:{"title":"Creative Commons Logos","cells":[{"id":0,"value":"md`# Creative Commons Logos`","pinned":false,"hidden":false,"mode":"ojs"},{"id":189,"value":"md`## Free Cultural Works`","pinned":false,"hidden":false,"mode":"ojs"},{"id":218,"value":"banner(definitionOfFreeCulturalWorksLogoNoText)","pinned":false,"hidden":false,"mode":"ojs"},{"id":337,"value":"howToImport({ definitionOfFreeCulturalWorksLogoNoText })","pinned":false,"hidden":false,"mode":"ojs"},{"id":176,"value":"banner(approvedForFreeCulturalWorks)","pinned":false,"hidden":false,"mode":"ojs"},{"id":170,"value":"howToImport({ approvedForFreeCulturalWorks })","pinned":false,"hidden":false,"mode":"ojs"},{"id":51,"value":"md`## BY SA`","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"banner(ccbysastrip)","pinned":false,"hidden":false,"mode":"ojs"},{"id":55,"value":"howToImport({ ccbysastrip })","pinned":false,"hidden":false,"mode":"ojs"},{"id":48,"value":"banner(ccbysablock)","pinned":false,"hidden":false,"mode":"ojs"},{"id":85,"value":"howToImport({ ccbysablock })","pinned":false,"hidden":false,"mode":"ojs"},{"id":355,"value":"md`# Assistants`","pinned":false,"hidden":false,"mode":"ojs"},{"id":362,"value":"md`\\`ƒ banner(logo)\\` creates a canvas and paints a logo using the full available width.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":67,"value":"function banner(logo) {\n const canvas = d3\n .select(DOM.svg(width, (logo.height * width) / logo.width))\n .attr(\"viewBox\", `0 0 ${logo.width} ${logo.height}`)\n .attr(\"preserveAspectRatio\", \"xMinYMin meet\");\n canvas.append(\"svg\").html(logo.xml);\n return canvas.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":369,"value":"md`\\`ƒ howToImport({logo})\\` generates a string showing you how to import the logo in your notebook.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":62,"value":"function howToImport(logoDict) {\n function getVariableName(unknownVariable) {\n return Object.keys(unknownVariable)[0];\n }\n const logo = logoDict[getVariableName(logoDict)];\n let d = gcd(logo.width, logo.height);\n return md`\\`import {${getVariableName(\n logoDict\n )}} from \"@martien/creative-commons-logos\"\n(${logo.width}:${logo.height} (${logo.width / d}:${logo.height / d}))\\``;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":353,"value":"md`# Logos`","pinned":false,"hidden":false,"mode":"ojs"},{"id":267,"value":"md`\nThe Official logo for the [_Definition of Free Cultural Works_](https://en.wikipedia.org/wiki/Definition_of_Free_Cultural_Works) (without text) took a bit of fiddling…\n1. Copy [Definition_of_Free_Cultural_Works_logo_notext.svg](https://upload.wikimedia.org/wikipedia/commons/7/78/Definition_of_Free_Cultural_Works_logo_notext.svg) from wikipedia.\n1. Open in Illustrator.\n1. Remove all irrelevant layers/groupings (make it a single group at the root).\n1. Save it (is about half the size of original (Inkscape).\n1. Add the DOM.uid()s for ring_n_, _n_ = 1…7.\n1. Let the styles st_n_ refer to ring_n_.toString()\n1. Let the linearGradient id=\"\\$\\{ring_n_.id\\}\"\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":216,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":404,"value":"md`\\`approvedForFreeCulturalWorks\\` also took some fiddling to use global unique IRIs.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":166,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":19,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":374,"value":"md`# Kudos\n* [Mike Bostock](https://beta.observablehq.com/@mbostock) for:\n * explaining to [use global unique IRIs](https://talk.observablehq.com/t/render-differences-summary-page-and-real-page/1250/2?u=martien) for SVG gradients, patterns, and definitions, again; and\n * how to [\\`getBBox()\\` before adding the element to the DOM](https://talk.observablehq.com/t/getbbox/1222/3?u=martien).\n* [bgchen](https://talk.observablehq.com/u/bgchen/summary) for sharing how [to get the name of an object](https://talk.observablehq.com/t/how-to-get-a-cell-s-name/1246/12?u=martien) (see \\`howToImport()\\`.\n* [Taras Novak](https://beta.observablehq.com/@randomfractals) for interesting conversations on how to best do things.\n* [David Hall](https://beta.observablehq.com/@david-hall/gcd-algorithms) for saving me from having to code \\`gcd()\\`.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":351,"value":"md`# Imports`","pinned":false,"hidden":false,"mode":"ojs"},{"id":25,"value":"d3 = require(\"https://d3js.org/d3.v5.min.js\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":408,"value":"function gcd(a,b) {\n if(b === 0){\n return a;\n }\n return gcd(b, a%b);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":142,"value":"// import {gcd} from \"@david-hall/gcd-algorithms\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W35","stdlib":"1","titling":"auto"}