Relearn 2017
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
* {
</body>
<body>
body > ol {
content: counter(first) ". ";
content: counter(first) "." counter(second) ". ";
content: counter(first) "." counter(second) "." counter(third) ". ";
content: counter(first) "." counter(second) "." counter(third) "." counter(fourth) ". ";
content: counter(first) "." counter(second) "." counter(third) "." counter(fourth) "." counter(fifth) ". ";
content: counter(first) "." counter(second) "." counter(third) "." counter(fourth) "." counter(fifth) "." counter(sixth) ". ";
content: counter(first) "." counter(second) "." counter(third) "." counter(fourth) "." counter(fifth) "." counter(sixth) "." counter(seventh) ". ";
content: counter(first) "." counter(second) "." counter(third) "." counter(fourth) "." counter(fifth) "." counter(sixth) "." counter(seventh) "." counter(eigth) ". ";
content: counter(first) "." counter(second) "." counter(third) "." counter(fourth) "." counter(fifth) "." counter(sixth) "." counter(seventh) "." counter(eigth) "." counter(ninth) ". ";
content: counter(first) "." counter(second) "." counter(third) "." counter(fourth) "." counter(fifth) "." counter(sixth) "." counter(seventh) "." counter(eigth) "." counter(ninth) "." counter(tenth) ". ";
content: counter(first) "." counter(second) "." counter(third) "." counter(fourth) "." counter(fifth) "." counter(sixth) "." counter(seventh) "." counter(eigth) "." counter(ninth) "." counter(tenth) "." counter(eleventh) ". ";
content: counter(first) "." counter(second) "." counter(third) "." counter(fourth) "." counter(fifth) "." counter(sixth) "." counter(seventh) "." counter(eigth) "." counter(ninth) "." counter(tenth) "." counter(eleventh) "." counter(twelth) ". ";
content: counter(first) "." counter(second) "." counter(third) "." counter(fourth) "." counter(fifth) "." counter(sixth) "." counter(seventh) "." counter(eigth) "." counter(ninth) "." counter(tenth) "." counter(eleventh) "." counter(twelth) "." counter(thirteenth) ". ";
content: counter(first) "." counter(second) "." counter(third) "." counter(fourth) "." counter(fifth) "." counter(sixth) "." counter(seventh) "." counter(eigth) "." counter(ninth) "." counter(tenth) "." counter(eleventh) "." counter(twelth) "." counter(thirteenth) "." counter(fourteenth) ". ";
content: counter(first) "." counter(second) "." counter(third) "." counter(fourth) "." counter(fifth) "." counter(sixth) "." counter(seventh) "." counter(eigth) "." counter(ninth) "." counter(tenth) "." counter(eleventh) "." counter(twelth) "." counter(thirteenth) "." counter(fourteenth) "." counter(fifteenth) ". ";
content: counter(first) "." counter(second) "." counter(third) "." counter(fourth) "." counter(fifth) "." counter(sixth) "." counter(seventh) "." counter(eigth) "." counter(ninth) "." counter(tenth) "." counter(eleventh) "." counter(twelth) "." counter(thirteenth) "." counter(fourteenth) "." counter(fifteenth) "." counter(sixthteenth) ". ";
counter-increment: eigth;
counter-increment: eleventh;
counter-increment: fifteenth;
counter-increment: fifth;
counter-increment: first;
counter-increment: fourteenth;
counter-increment: fourth;
counter-increment: ninth;
counter-increment: second;
counter-increment: seventh;
counter-increment: sixth;
counter-increment: sixthteenth;
counter-increment: tenth;
counter-increment: third;
counter-increment: thirteenth;
counter-increment: twelth;
counter-reset: first second third fourth fifth sixth seventh eigth ninth tenth eleventh twelth thirteenth fourteenth fifteenth sixteenth;
<div style="display:none"><a href="/javascript" data-jslicense="1">JavaScript license information</a></div>
<!doctype html>
font-family: arial, sans-serif;
font-size: 13px;
</head>
<head>
</html>
<html lang="en">
line-height: 17px;
list-style-type: none;
list-style-type: none;
<meta charset="utf-8">
<meta name="author" content="Etherpad">
<meta name="changedby" content="Etherpad">
<meta name="generator" content="Etherpad">
ol {
ol {
ol > li:before {
ol > ol {
ol > ol > li:before {
ol > ol > ol {
ol > ol > ol > li:before {
ol > ol > ol > ol {
ol > ol > ol > ol > li:before {
ol > ol > ol > ol > ol {
ol > ol > ol > ol > ol > li:before {
ol > ol > ol > ol > ol > ol {
ol > ol > ol > ol > ol > ol > li:before {
ol > ol > ol > ol > ol > ol > ol {
ol > ol > ol > ol > ol > ol > ol > li:before {
ol > ol > ol > ol > ol > ol > ol > ol {
ol > ol > ol > ol > ol > ol > ol > ol > li:before {
ol > ol > ol > ol > ol > ol > ol > ol > ol {
ol > ol > ol > ol > ol > ol > ol > ol > ol > li:before {
ol > ol > ol > ol > ol > ol > ol > ol > ol > ol {
ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > li:before {
ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol {
ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > li:before {
ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol {
ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > li:before {
ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol {
ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > li:before {
ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol {
ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > li:before {
ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol {
ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > li:before {
ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol {
ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > li:before {
padding-left: 0;
<strong>Headless Design:</strong><br> <a href="http://osp.kitchen:9999/p/relearn-2017-RHitDoL">http://osp.kitchen:9999/p/relearn-2017-RHitDoL</a><br><br>Thomas had originally proposed this track<br>There was a generation that started to work with GUI's. Now there is a group of designers that work from a coding background.<br>the other side of the interface, the command line being the accessibility of this alternate side <br>Without icons pr metaphors.<br>interesting design just by using commandline<br>The command line as a central tool in a design practice.<br>Largely underdevelopped, not so understood, could be helpful for experimentations in non direct timelines<br>The result is 'delayed' instead of instant gratification in the process of designing. One has to wait for the script to run, which is a text based process, rather than a visual.<br>Text based interfaces, text based parameters<br>You need to speak the language of the text interface. Design & typography is very closely related, and now, with the command line as a central tool, even more.<br>Umberto Eco: the Macintosh was introducing a 'catholic' approach, rather than the protestant of the previous cli -like interfaces.<br>Catholic: icons, images, (iconisation of abstract notions) to push this parallel -> the Mac<br>Protestant: interpretation of the bible is left to the reader, the believer. -> the CLI<br>This metaphor does still apply now with the GUI & command line. <br>the Bible was written in Latin, making it less accessible to a general audience, who then had to rely on the images present in the book, whereas protestantism is more focused on the individual interpretation of text<br>-> what could be an "interface" to the Bible narrative is the stained glass of the churches with the representations of the biblic scenes, that made the story accessible to a even bigger amount of people includig the non readers ones<br><br>Will this juxtaposition 'end in' a Beeldenstorm? (what are the implications)<br>Designing without icons. What does that mean? Does it change your practise?<br>UNIX as it's own religion?<br>A number of maxims that have gained currency among the builders and users of UNIX<br>Can these maxims be applied as a sort of design style book?<br><br>- make each program do one thing well<br>- expect the output of a program to become the input of the next<br>- <br>- <br>source: unix timesharing system maxims IBM (HAL)<br>Researching the resistance of tools which are not usually used by designers<br>Can the concept of "piping" be translated?<br><br>Umberto Eco<br><a href="http://relearn2017-headless.surge.sh/">http://relearn2017-headless.surge.sh/</a><br><br>'Formalise' maxims for headless design. "Can one pipe one design into another?"<br><br><a href="https://ia902701.us.archive.org/BookReader/BookReaderImages.php?zip=/12/items/bstj57-6-1899/bstj57-6-1899_jp2.zip&file=bstj57-6-1899_jp2/bstj57-6-1899_0003.jp2&scale=1&rotate=0">https://ia902701.us.archive.org/BookReader/BookReaderImages.php?zip=/12/items/bstj57-6-1899/bstj57-6-1899_jp2.zip&file=bstj57-6-1899_jp2/bstj57-6-1899_0003.jp2&scale=1&rotate=0</a><br>Unix Time-Sharing System Forward, Doug McIlroy, Bell Laboratories, 1978, p. 1902 <br><br><br><strong>Language of Design:</strong><br>Marcel proposed this side of the track originally.<br> Design more and more starting from/fricting with software & technological background. Ie. going from Photoshop to HTML.<br><ul class="indent"><li>expressing designs, friction between the showing and the doing</li></ul>Big difference between GUI, and html generated projects.<br><ul class="indent"><li>Codeability of designs.</li></ul>Saphir Whorf hypothesis: once you start thinking in a certain language, it limits the thoughts you have.<br>Linguistic relativity <a href="https://en.wikipedia.org/wiki/Linguistic_relativity">https://en.wikipedia.org/wiki/Linguistic_relativity</a><br><ul class="indent"><li><br></li></ul>Find a different way to design the design-languages<br>Try to examine how coding influences design?<br>For example: css has lots of hierarchies<br>How does the structure i write, connect to what happens on the screen. And see how you then can use that to change your design from a linguistic approach.<br>Eg. Can we descibe an HTML generated design into language. And translate that back into a visual image.<br><br>---<br><br>Is there any affective relationship with the shell?<br>What do we mean with the shell?<br>The borders are blurry. <br>The word shell comes from the fact that it brings multiple programs together.<br><br>Working in a gui sometimes feels like working as a blind man, not knowing what happens, and being focused on the outcomes.<br>Working in the shell is much more language based. It needs consious thinking and combining logical steps to create the outcome.<br><br>This way of working is relatively new for the graphic design field.<br>How does this shift connect to the tradition of graphic design.<br><br>There is also a sense of 'purity' when writing code yourself. But then there are many more steps to take.<br>- object oriented programming languages, libraries<br>- low level programming languages<br>- assembly<br>- etc<br><br>Abstracting away design concepts and reusing elements done by other people-<br><br>Linking back to a tradition of using instructions to create designs<br><br>Designing Dictionaries<br><a href="https://ss64.com/bash/">https://ss64.com/bash/</a><br><br>Hybrid representations<br><a href="https://cryptpad.fr/slide/#/1/edit/SDkmi12jIYRHEAzK-EpmPA/kwX400Oo3RmiLiXpu7j9q81J/">https://cryptpad.fr/slide/#/1/edit/SDkmi12jIYRHEAzK-EpmPA/kwX400Oo3RmiLiXpu7j9q81J/</a><br><br><br>Open structures<br><a href="http://openstructures.net/">http://openstructures.net/</a><br><br><br>-------------------------------------------<br><strong>Decomposing the design process</strong><br>Non-linearity<br>Tree representation or not ?<br><br><br>Using "Unix Time-sharing system forward" text as a model to start form some ideas ?<br><br><br>grammar of the design process<br>related to the Sapir–Whorf Hypothesis ? (could be a starting point as well)<br>what would be the litteracy of coding?<br><br><br>What’s my color? rose pale<br><br>How do tools affect the way we design?<br>tº•ls<br><br>"Instead of counting quantities (1,2,3,4...), the Pirahã only estimate quantities (relatively small, relatively large)"<br><a href="http://www.personal.psu.edu/ejp10/blogs/thinking/2008/07/the-language-without-numbers.html">http://www.personal.psu.edu/ejp10/blogs/thinking/2008/07/the-language-without-numbers.html</a><br><br>140 cross-browser supported color names<br><a href="https://www.w3schools.com/cssref/css_colors.asp">https://www.w3schools.com/cssref/css_colors.asp</a><br><br>The accent is the language?<br>take in account the possible interpretations that people can have from a language (oral language = accent…)<br><br>Hacker = Command line = Fear<br><br>tty<br><br>wtb<br><a href="http://www.revue-backoffice.com/numeros/01-faire-avec/eric-schrijver-culture-hacker-peur-wysiwyg">http://www.revue-backoffice.com/numeros/01-faire-avec/eric-schrijver-culture-hacker-peur-wysiwyg</a><br><a href="http://i.liketightpants.net/and/hackers-culture-and-the-fear-of-wysiwyg">http://i.liketightpants.net/and/hackers-culture-and-the-fear-of-wysiwyg</a><br><br>stereotypes<br><br>Markdown = Code?<br><br>GUI generates code<br>Markdown editor works in reverse<br><br>Standardization<br><br>from etymology (standard): <br>1 - Falling within an accepted range of size, amount, power, quality, etc.<br>...<br>3 - Having recognized excellence or authority. <br><br>Who get's to decide what is the standard<br>CSS color names: <a href="https://www.w3schools.com/colors/colors_names.asp">https://www.w3schools.com/colors/colors_names.asp</a><br>"Natural color system" (primary colors) palette: <a href="https://en.wikipedia.org/wiki/Natural_Color_System">https://en.wikipedia.org/wiki/Natural_Color_System</a><br>Who get to write the web ? <a href="http://i.liketightpants.net/and/who-makes-standards">http://i.liketightpants.net/and/who-makes-standards</a><br><br><a href="https://en.wikipedia.org/wiki/Tincture_(heraldry)">https://en.wikipedia.org/wiki/Tincture_(heraldry)</a><br>Heraldic representation of colors<br><a href="http://www.paulcox.centrepompidou.fr/article-270040.html">http://www.paulcox.centrepompidou.fr/article-270040.html</a><br>Paul Cox's book made of visual patterns refering to colors<br><br>There is a paradox in the code editors; code is supposed to lead to interfaces but the code is already an interface in itself because of its highlighting syntax system<br>---> Is there a way to use code without visual appearance ?<br><br>Tim Ingold, in "A brief history of lines" describes the evolution of writing text and points out the fact that written text was first written without any spaces and then litlte by little became "composed", with indentations, paragraphs breaks etc for readability reasons <a href="https://taskscape.files.wordpress.com/2011/03/lines-a-brief-history.pdf">https://taskscape.files.wordpress.com/2011/03/lines-a-brief-history.pdf</a><br><br><strong>Atom supported languages</strong><br><a href="https://en.wikipedia.org/wiki/Atom_(text_editor)">https://en.wikipedia.org/wiki/Atom_(text_editor)</a><br><br><strong>TOOLS TO PRODUCE IMAGES</strong><br>Image code to produce image/image as a code : <a href="https://affinelayer.com/pixsrv/">https://affinelayer.com/pixsrv/</a><br>Literaldraw by OSP : <a href="http://osp.kitchen/tools/literaldraw/">http://osp.kitchen/tools/literaldraw/</a><br>Google quick draw <a href="https://quickdraw.withgoogle.com/">https://quickdraw.withgoogle.com/</a><br>metafont (curves are pre-defined)<br>inkscape (xml editor - also, there is spiro)<br>graphviz (dot (basic, oriented graph !) or neato ? (+command line -> unoriented graph))<br><br><strong>CHARACTERS/GLYPHS</strong><br>List of unicode characters <a href="https://en.wikipedia.org/wiki/List_of_Unicode_characters">https://en.wikipedia.org/wiki/List_of_Unicode_characters</a><br><br>Code and GUI are just two representations of the same abstact structure.<br><br>Move from Graphics to Language<br>And Move from Language to Graphics<br><br><strong>Image as language</strong><br><a href="https://nl.wikipedia.org/wiki/Piet_(programmeertaal)">https://nl.wikipedia.org/wiki/Piet_(programmeertaal)</a><br><a href="http://www.abstractbrowsing.net/">http://www.abstractbrowsing.net/</a><br><br>(Notations for dance movements) >> <a href="http://www.phantomranch.net/folkdanc/images/joc_de_zestre_notation.gif">http://www.phantomranch.net/folkdanc/images/joc_de_zestre_notation.gif</a> /// <a href="https://s-media-cache-ak0.pinimg.com/originals/5b/35/a4/5b35a4ce33f7e84d69d64bd5a336abca.png">https://s-media-cache-ak0.pinimg.com/originals/5b/35/a4/5b35a4ce33f7e84d69d64bd5a336abca.png</a><br><a href="http://www.cs.dartmouth.edu/~mckeeman/gifs/dance1.gif">http://www.cs.dartmouth.edu/~mckeeman/gifs/dance1.gif</a><br><br><strong>Headless art</strong><br>Sol Lewitt<br><br>Analyzing the instruction models? cooking recipes? Code is a manifesto of your design<br><br><strong>Get a text from a pad in the terminal:</strong><br>wget -qO- <a href="http://192.168.73.188:9001/p/">http://192.168.73.188:9001/p/</a>[[padname]]/export/txt<br><br><strong>Recipe to display the contents of this pad in less:</strong><br>wget -qO- <a href="http://192.168.73.188:9001/p/Ransom-Headlessnesss-in-the-Design/export/txt">http://192.168.73.188:9001/p/Ransom-Headlessnesss-in-the-Design/export/txt</a> | less<br><br><strong>Sort the sentences:</strong><br>wget -qO- <a href="http://192.168.73.188:9001/p/Ransom-Headlessnesss-in-the-Design/export/txt">http://192.168.73.188:9001/p/Ransom-Headlessnesss-in-the-Design/export/txt</a> | sort | less<br><br>export & import | <strong>quine</strong> | <a href="https://en.wikipedia.org/wiki/Quine_%28computing%29">https://en.wikipedia.org/wiki/Quine_%28computing%29</a><br><a href="http://192.168.73.188:9001/p/terminal-import/">http://192.168.73.188:9001/p/terminal-import/</a><br><br>wget -qO- <a href="http://192.168.73.188:9001/p/Ransom-Headlessnesss-in-the-Design/export/txt">http://192.168.73.188:9001/p/Ransom-Headlessnesss-in-the-Design/export/txt</a> | sort | curl -F "file=@-;type=text/plain" <a href="http://192.168.73.188:9001/p/Ransom-Headlessnesss-in-the-Design-sorted/import">http://192.168.73.188:9001/p/Ransom-Headlessnesss-in-the-Design-sorted/import</a><br><br><strong>Prepend the content on a pad with ' . '</strong><br>while true; do wget -qO- <a href="http://192.168.73.188:9001/p/headless-spacing/export/txt">http://192.168.73.188:9001/p/headless-spacing/export/txt</a> | (printf " . " && cat) | curl -F "file=@-;type=text/plain" <a href="http://192.168.73.188:9001/p/headless-spacing/import">http://192.168.73.188:9001/p/headless-spacing/import</a>; sleep 0.5; done;<br><br><strong>Stubborn pad: </strong>replace more with less<br>while true; do wget -qO- <a href="http://192.168.73.188:9001/p/more-or-less/export/txt">http://192.168.73.188:9001/p/more-or-less/export/txt</a> | sed 's/more/less/' | curl -F "file=@-;type=text/plain" <a href="http://192.168.73.188:9001/p/more-or-less/import">http://192.168.73.188:9001/p/more-or-less/import</a>; sleep 1; done;<br><br><strong>Exploding pad: </strong>replace gnu with gnu is not unix<br>while true; do wget -qO- <a href="http://192.168.73.188:9001/p/gnu-is-not-exploding/export/txt">http://192.168.73.188:9001/p/gnu-is-not-exploding/export/txt</a> | sed 's/gnu/gnu is not unix/' | curl -F "file=@-;type=text/plain" <a href="http://192.168.73.188:9001/p/gnu-is-not-exploding/import">http://192.168.73.188:9001/p/gnu-is-not-exploding/import</a>; sleep 1; done;<br><br><strong>Sort the html:</strong><br>wget -qO- <a href="http://complex.local:9001/p/Ransom-Headlessnesss-in-the-Design/export/html">http://complex.local:9001/p/Ransom-Headlessnesss-in-the-Design/export/html</a> | sort | curl -F "file=@-;type=text/plain" <a href="http://192.168.73.188:9001/p/Ransom-Headlessnesss-in-the-Design-sorted-html/import">http://192.168.73.188:9001/p/Ransom-Headlessnesss-in-the-Design-sorted-html/import</a><br><br><strong>Sort the html, get and print to pdf</strong><br>wget -qO- <a href="http://complex.local:9001/p/Ransom-Headlessnesss-in-the-Design/export/html">http://complex.local:9001/p/Ransom-Headlessnesss-in-the-Design/export/html</a> | sort | curl -F "file=@-;type=text/plain" <a href="http://192.168.73.188:9001/p/Ransom-Headlessnesss-in-the-Design-sorted-html/import">http://192.168.73.188:9001/p/Ransom-Headlessnesss-in-the-Design-sorted-html/import</a> && wget -qO- <a href="http://complex.local:9001/p/Ransom-Headlessnesss-in-the-Design-sorted-html/export/html">http://complex.local:9001/p/Ransom-Headlessnesss-in-the-Design-sorted-html/export/html</a> | node stdin.js sorted-html.pdf<br><br><strong>Sort the text, get and print to pdf</strong><br>wget -qO- <a href="http://complex.local:9001/p/Ransom-Headlessnesss-in-the-Design/export/txt">http://complex.local:9001/p/Ransom-Headlessnesss-in-the-Design/export/txt</a> | sort | curl -F "file=@-;type=text/plain" <a href="http://192.168.73.188:9001/p/Ransom-Headlessnesss-in-the-Design-sorted-txt/import">http://192.168.73.188:9001/p/Ransom-Headlessnesss-in-the-Design-sorted-txt/import</a> && wget -qO- <a href="http://complex.local:9001/p/Ransom-Headlessnesss-in-the-Design-sorted-txt/export/html">http://complex.local:9001/p/Ransom-Headlessnesss-in-the-Design-sorted-txt/export/html</a> | node stdin.js sorted-txt.pdf<br><br><br>Mapping the mornig session with graphviz (tree) and then representing it in another way to display the translateral links between elements.<br>Aaaarhg graphviz trouble here<br>So graphviz is probably not the proper language to use<br><br>|<br><br>Trying to find a logic to make layout design with using block unicode characters,<br>And at the same time trying to make a comparison between the logics of wisiwig and inline/coded design from the designer's point of view<br>And also re reading <a href="https://monoskop.org/images/a/a6/Ludovico,_Alessandro_-_Post-Digital_Print._The_Mutation_of_Publishing_Since_1894.pdf">https://monoskop.org/images/a/a6/Ludovico,_Alessandro_-_Post-Digital_Print._The_Mutation_of_Publishing_Since_1894.pdf</a> and finding some nice ideas for the elaboration of this comparison<br><a href="https://monoskop.org/images/5/55/Frutiger_Adrian_Signs_and_Symbols_Their_Design_and_Meaning.pdf">https://monoskop.org/images/5/55/Frutiger_Adrian_Signs_and_Symbols_Their_Design_and_Meaning.pdf</a><br>▀ ▁ ▂ ▃ ▄ ▅ ▆ ▇ █ ▉▊▋▌▍▎▏▐ ░ ▒ ▓ ▔ ▕ ▖▗ ▘▙ ▚ ▛ ▜▝ ▞ ▟ ▤ ▥ ▦ ▧ ▨ ▩ ◰ ◱ ◲ ◳<br><br>|<br><br>- Converting the NYT front page text to 91 different programming languages and combining them into one pdf.<br><br>- A circle in bash<br><a href="http://complex.local:9001/p/headless-circle-in-bash">http://complex.local:9001/p/headless-circle-in-bash</a><br>- Grepping the terms input, output and design in the UNIX Time-Sharing journal from 1978<br><a href="http://complex.local:9001/p/headless-grepping-unix-time-sharing">http://complex.local:9001/p/headless-grepping-unix-time-sharing</a><br>- Designing heraldic equivalents for every single css color name (all 140 of them) <br><br>|<br><br>1 - In the manner of Piet program, setting a grid of colors that can be translated into an image<br>2- Pick an image (Lenna)<br>3- Using the standards of the css colors designation to re-create this image with words<br>4 - Caculate the occurence of words to resume the image<br>Synesthesy interpretation of colours (numbers, days of the week, months)<br><br>here is a text file giving the color references of the image pixel by pixel :<br><a href="http://complex.local/headless-design-publish/headless-design/quentin2/txt_lena.txt">http://complex.local/headless-design-publish/headless-design/quentin2/txt_lena.txt</a><br>obtained with Imagemagick : <br> convert lena.jpg txt_lena.txt<br><br>how to find the nearest name of a color value :<br><a href="http://chir.ag/projects/name-that-color/">http://chir.ag/projects/name-that-color/</a><br><br>|<br><br>Mapping different ways of representing a layout<br>Relationships, Fields, Grids, Naming systems, Hierarchies, Areas, Scales, Colors<br>Separation of concerns<br>Pointing and refering<br><br>Mapping as structures <a href="https://u4493183.dl.dropboxusercontent.com/u/4493183/mapping_new_york_times.jpg">https://u4493183.dl.dropboxusercontent.com/u/4493183/mapping_new_york_times.jpg</a><br>Mapping into (natural language) language <a href="https://u4493183.dl.dropboxusercontent.com/u/4493183/mapping%20in%20text.jpg">https://u4493183.dl.dropboxusercontent.com/u/4493183/mapping%20in%20text.jpg</a><br>Original <a href="http://i.huffpost.com/gen/1823270/original.jpg">http://i.huffpost.com/gen/1823270/original.jpg</a><br><br><br><strong>command line to clone git repo from server</strong><br>git clone relearn@192.168.73.188:/var/www/html/headless-design/<br>password: entrepot<br><br>---------------------<br><br><strong>Brother hl-1430 driver (sort of)</strong><br><a href="https://www.openprinting.org/ppd-o-matic.php?driver=hl1250&printer=Brother-HL-1430&show=1">https://www.openprinting.org/ppd-o-matic.php?driver=hl1250&printer=Brother-HL-1430&show=1</a><br>Or if that fails: <a href="http://www.brotherdriver.com/brother-hl-1430-driver/">http://www.brotherdriver.com/brother-hl-1430-driver/</a><br><br><strong>Highlight</strong><br>Syntax highlighter<br><a href="http://www.andre-simon.de/doku/highlight/en/install.php">http://www.andre-simon.de/doku/highlight/en/install.php</a><br><br>----------------------<br><br>Producing a manifesto :<br> - of intentions ?<br> - of usage ?<br> - (both ?)<br><br>examples :<br><a href="https://ia902701.us.archive.org/BookReader/BookReaderImages.php?zip=/12/items/bstj57-6-1899/bstj57-6-1899_jp2.zip&file=bstj57-6-1899_jp2/bstj57-6-1899_0003.jp2&scale=1&rotate=0">https://ia902701.us.archive.org/BookReader/BookReaderImages.php?zip=/12/items/bstj57-6-1899/bstj57-6-1899_jp2.zip&file=bstj57-6-1899_jp2/bstj57-6-1899_0003.jp2&scale=1&rotate=0</a><br><a href="https://conditionaldesign.org/manifesto/">https://conditionaldesign.org/manifesto/</a><br><br>Houghlines<br><a href="http://complex.local:9001/p/headless-houghlines">http://complex.local:9001/p/headless-houghlines</a><br>
</style>
<style>
text-indent: 0px;
text-indent: 100px;
text-indent: 10px;
text-indent: 110px;
text-indent: 120px;
text-indent: 130px;
text-indent: 140px;
text-indent: 150px;
text-indent: 20px;
text-indent: 30px;
text-indent: 40px;
text-indent: 50px;
text-indent: 60px;
text-indent: 70px;
text-indent: 80px;
text-indent: 90px;
<!-- <title>Ransom-Headlessnesss-in-the-Design</title>-->
ul.indent {