44:["$","title",null,{"children":"workshop_01 | Free Art Bureau | Observable"}] 4c:T4b0,slide = { function slide() { const container = document.createElement("div"); container.className = "slide"; container.appendChild(md.apply(this, arguments)); return container; } function code(strings) { const container = document.createElement("div"); const pre = container.appendChild(document.createElement("pre")); const code = pre.appendChild(document.createElement("code")); let string = strings[0] + "", i = 0, n = arguments.length; while (++i < n) string += arguments[i] + "" + strings[i]; code.textContent = string.trim(); container.className = "slide slide--code"; return container; } slide.code = code; slide.js = function() { const container = code.apply(this, arguments); const content = container.firstChild.firstChild; content.className = "js hljs javascript"; hl.highlightBlock(content); return container; }; slide.img = function(strings) { const img = new Image; let string = strings[0] + "", i = 0, n = arguments.length; while (++i < n) string += arguments[i] + "" + strings[i]; img.src = string.trim(); img.className = "slide slide--img"; return img; }; return slide; }4d:[] 48:{"id":"9195afbb29fcf96c","slug":"a-presentation","title":"workshop_01","thumbnail":"e73d68ba38de75a98664d6a3982435e07f95307495841ca64f288a5918c7e978","access_level":"public","create_time":"$D2018-09-24T23:45:07.477Z","update_time":"$D2018-11-13T08:40:24.102Z","view_time":null,"first_public_time":"$D2018-09-24T23:59:18.768Z","has_unpublished_edits":null,"fork":{"id":"e6e3f7f78308b284","slug":"slide","title":"Slide","owner":{"id":"8c2e47252fd4995c","login":"mbostock","name":"Mike Bostock"}},"stars":0,"starred":false,"owner":{"type":"team","id":"2457b156b63e089d","login":"freeartbureau","name":"Free Art Bureau","avatar_url":"https://avatars-next.observableusercontent.com/cc0e6b8ee300408c37ff9981081cdfdbd24b5c87fcaa55e9718288ab2d8a881f","tier":"starter_2024","bio":"A collection of computational work from collaborative workshops, teaching & personal projects. Maintained by Mark Webster","followed_by_you":false,"follows_you":false},"version":517,"publish_version":517,"role":null,"authored":false,"authors":[{"type":"individual","id":"45060cad5c0bc032","login":"freeartbureau","name":"Free Art Bureau","avatar_url":"https://avatars-next.observableusercontent.com/cc0e6b8ee300408c37ff9981081cdfdbd24b5c87fcaa55e9718288ab2d8a881f","tier":null,"bio":"A collection of computational work from collaborative workshops, teaching & personal projects. Maintained by Mark Webster","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"45060cad5c0bc032","login":"freeartbureau","name":"Free Art Bureau","avatar_url":"https://avatars-next.observableusercontent.com/cc0e6b8ee300408c37ff9981081cdfdbd24b5c87fcaa55e9718288ab2d8a881f","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"workshop_01","cells":[{"id":0,"value":"md`# workshop_01\n\nTo present, click *Fullscreen* in the notebook menu above.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":499,"value":"slide` ## Mark Webster \\
*computational designer*
\\ ` ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":516,"value":"slide.img`https://bitbucket.org/repo/akALkKn/images/2741527488-about2.jpg`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"slide` # Mr Boole & Mrs Vektor \\
*Exploring Letter Form
& Computational Tools* \\ \nWorkshop I ${new Date(now).toLocaleString()}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":413,"value":"slide`OBJECTIF
- *Concevoir* et *créer* des lettres.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":458,"value":"slide.img`https://bitbucket.org/repo/akALkKn/images/3738794365-norm_01.png`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":435,"value":"slide`Hi, let's make some letters :–)
[Mr Boole & Mrs Vektor](https://mrboole.bitbucket.io/workshop_01.html)
*mrboole.bitbucket.io/workshop_01.html*

Twitter: [@motiondesign_01](https://twitter.com/motiondesign_01)
Web: [area03.bitbucket.io/](https://area03.bitbucket.io/)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":478,"value":"slide`# THE END`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":89,"value":"slide`A humble set of tools that define the parameters for form whilst the *creative* makes aesthetic choices.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"slide`*designers will continue to be held at a distance from their tools – ... reliant on non-participatory and authoritarian communication forms.*`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":367,"value":"slide`*The idea that letterform [design] is not necessarily a product of the hand, the body ... that it can be about a* system *has quite en extensive history..., yet it is frowned upon today.*`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":371,"value":"slide` SYSTEM
*ALGORITHMS * *-> RULES*

*it's about establishing the rules then playing them out*`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":137,"value":"slide.js`\n// This is a JavaScript code snippet.\nvar cmd = path.commands[i];\n if (cmd.type !== 'Z') {\n cmd.x = snap(cmd.x + snapX, snapDistance, strength) - snapX;\n cmd.y = snap(cmd.y + snapY, snapDistance, strength) - snapY;\n }\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":219,"value":"slide.img`https://bitbucket.org/mrboole/mrboole.bitbucket.io/raw/b3a4ce620de18b3a143ecab5b13839e8bb7bb8e2/media/testType6.png`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"md`## Implementation`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"$4c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"slide_style = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":140,"value":"hl = require(\"@observablehq/highlight.js@1.0.0/highlight.min.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4d","stdlib":"1"}} 24:null