diff options
Diffstat (limited to 'web/coloring_computers.html')
| -rw-r--r-- | web/coloring_computers.html | 87 |
1 files changed, 87 insertions, 0 deletions
diff --git a/web/coloring_computers.html b/web/coloring_computers.html new file mode 100644 index 0000000..49fb81e --- /dev/null +++ b/web/coloring_computers.html @@ -0,0 +1,87 @@ +<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'> +<html xmlns='http://www.w3.org/1999/xhtml' lang='es-MX,en'> +<head> +<meta http-equiv='Content-Type' content='text/html; charset=utf-8' /> +<meta content='initial-scale=1.0, maximum-scale=1.0, user-scalable=yes' name='viewport'/> +<link rel='stylesheet' href='./static/estilo.css'> +<title>🥭 — coloring computers</title> +</head> +<body> +<header> +<p><a href='./index.html'>{🥭}</a></p> +<h1>coloring computers</h1> +</header> +<nav><ul><li><a href='#4-bits to 7-segment display hexadecimal decoder (12020)'>4-bits to 7-segment display hexadecimal decoder (12020)</a></li> +<li><a href='#computadora no(r)pal (12019)'>computadora no(r)pal (12019)</a></li> +<li><a href='#coloring computers (12018)'>coloring computers (12018)</a></li> + +</ul></nav> +<main><section><p> +non-electronic computers that work when you color them according to a simple set of rules. +</p> +<p> +an exploration of computation without electricity and semiconductors, an attempt to reinvent digital systems away from efficiency and productivity, and hopeful prototypes to expose the inner workings of computers. +</p> +</section><section> +<h1 id='4-bits to 7-segment display hexadecimal decoder (12020)'>4-bits to 7-segment display hexadecimal decoder (12020)</h1> +<gallery> +<img src='./img/foto_20201130_hex7segdecoder_01.png' alt='the coloring computer/decoder, waiting to be activated' loading='lazy'/> +<img src='./img/foto_20201130_hex7segdecoder_02.png' alt='a human coloring the wires according to the logic rules' loading='lazy'/> +<img src='./img/foto_20201130_hex7segdecoder_03.png' alt='the coloring computer/decoder, with an input of 0011, and an output that can be read as 3' loading='lazy'/> +</gallery> +<p> +a coloring decoder built with NOT (triangle), AND (semicircle), and OR (the other shape (?)) gates, based on a manual design. +</p> +<gallery> +<img src='./img/dibujo_20201207_hex7segdecoder_small.png' alt='the complete decoder' loading='lazy'/> +</gallery> +<p><a href='https://opguides.info/engineering/digitallogic/' rel=external target=_blank>colored and animated version by Vega</a></p> +<p><a href='https://ipfs.io/ipfs/QmZv53hr7QEzxrPaRNpiyU9VUNHw9UgyaTUqYD9x9iFpNA/dibujo_20201207_hex7segdecoder.png' rel=external target=_blank>download the decoder in full size 1487x3057 (png, ~446KB)</a></p> +</section><section> +<h1 id='computadora no(r)pal (12019)'>computadora no(r)pal (12019)</h1> +<gallery> +<img src='./img/dibujo_20190715-norpalera-fulladder_blanco_small.png' alt='logic circuit in the shape of nopal' loading='lazy'/> +</gallery> +<p> +a full-adder built with nor gates (see <a href='./logiteca.html'>{logiteca}</a>) in the shape of no(r)pales +</p> +<p><a href='https://ipfs.io/ipfs/QmPz2D3bZRYFi1HnfiNJB8o9TZZvH8atuYpFixMKccYCYP/dibujo_20190715-norpalera-fulladder_blanco.png' rel=external target=_blank>download computadora no(r)pal in full size 1200x1600 (png, ~429KB)</a></p> +</section><section> +<h1 id='coloring computers (12018)'>coloring computers (12018)</h1> +<p> +the original ones +</p> +<gallery> +<img src='./img/foto_coloring-computers_cover-lee.png' alt='photo of the cover of the zine, colored' loading='lazy'/> +<img src='./img/foto_coloring-computers_7seg-lee.png' alt='photo of a pair of colored pages of the zine, with a 7 segment display showing the digits 2 and 3' loading='lazy'/> +<img src='./img/foto_coloring-computers_pcd2019.png' alt='photo of a pair of colored pages of the zine, showing a digital circuit answering if two colors are the same' loading='lazy'/> +</gallery> +<p> +the booklet contains three series of computers: computers that compare, computers that count, and computers that play. they are all NOR-based logic circuits designed by using truth tables, karnaugh maps, and maxterm expansions. +</p> +<p><a href='https://ipfs.io/ipfs/QmYz7DPRWypGQcbAHr7Mi8EKB6ntSPsEnUsCXbAhBiHQZP/' rel=external target=_blank>original site and resources</a></p> +<p><a href='https://ipfs.io/ipfs/QmYz7DPRWypGQcbAHr7Mi8EKB6ntSPsEnUsCXbAhBiHQZP/coloringcomputers_pages.pdf' rel=external target=_blank>download the page-by-page zine (pdf, ~1.5MB)</a></p> +<p><a href='https://ipfs.io/ipfs/QmYz7DPRWypGQcbAHr7Mi8EKB6ntSPsEnUsCXbAhBiHQZP/coloringcomputers.pdf' rel=external target=_blank>download the ready-to-print-and-cut zine (pdf, ~1.4MB)</a></p> +<p> +CC-BY-SA 4.0 +</p> +<p> +for the print and cut zine: print double-sided, cut in half, fold the pages and assemble +</p> +<p> +presented as a workshop in the +</p> +<p><a href='https://processing.nyc/2019/#workshops' rel=external target=_blank>processing community day nyc 2019</a></p> + +</section> +</main> +<footer> +<p><a href='./index.html'>{🥭}</a></p> +<p>página actualizada en: +<time datetime='2021-05-20'>sejmana-1660, día 1</time> + (12021-05-20) +</p> +<a href='https://endefensadelsl.org/ppl_es.html' rel=external target=_blank>ppl: licencia de producción de pares</a></p> +</footer> +</body> +</html> |