Adición de controles para tamaño de fuente y color de lienzo
This commit is contained in:
Nika Zhenya
parent
e5478ad73b
commit
f7dd9c2cef
|
|
@ -11,4 +11,5 @@
|
|||
<link rel="alternate" type="application/rss+xml" href="https://perrotuerto.blog/feed/" title="Publishing is Coding: Change My Mind">
|
||||
<link type="text/css" rel="stylesheet" href="../../../css/styles.css">
|
||||
<link type="text/css" rel="stylesheet" href="../../../css/extra.css">
|
||||
<script type="application/javascript" src="../../../js/functions.js"></script>
|
||||
</head>
|
||||
|
|
|
|||
|
|
@ -11,4 +11,9 @@
|
|||
</p>
|
||||
</nav>
|
||||
</header>
|
||||
<div id="controllers">
|
||||
<a onclick="zoom(true)">+</a>
|
||||
<a onclick="zoom(false)">−</a>
|
||||
<a onclick="mode(this)">N</a>
|
||||
</div>
|
||||
<section>
|
||||
|
|
|
|||
|
|
@ -11,6 +11,7 @@
|
|||
<link rel="alternate" type="application/rss+xml" href="https://perrotuerto.blog/feed/" title="Publishing is Coding: Change My Mind">
|
||||
<link type="text/css" rel="stylesheet" href="../../../css/styles.css">
|
||||
<link type="text/css" rel="stylesheet" href="../../../css/extra.css">
|
||||
<script type="application/javascript" src="../../../js/functions.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
|
|
@ -18,6 +19,11 @@
|
|||
<nav> <p> <a href="../../../content/html/en/_links.html">Links</a> | <a href="../../../content/html/en/_about.html">About</a> | <a href="../../../content/html/en/_contact.html">Contact</a> | <a href="../../../content/html/en/_fork.html">Fork</a> | <a href="../../../content/html/en/_donate.html">Donate</a> </p>
|
||||
</nav>
|
||||
</header>
|
||||
<div id="controllers">
|
||||
<a onclick="zoom(true)">+</a>
|
||||
<a onclick="zoom(false)">−</a>
|
||||
<a onclick="mode(this)">N</a>
|
||||
</div>
|
||||
<section>
|
||||
<h1 id="from-publishing-with-free-software-to-free-publishing">From publishing with free software to free publishing</h1>
|
||||
<p>This blog is about “free publishing” but, what does that means? The term “free” it isn't only problematic in English. May be more than in others languages because of the confusion between “free as in beer” and “free as in speech.” But by itself the concept of freedom is so ambiguous than even in Philosophy we are very careful in its use. Even though it is a problem, I like that the term doesn't have a clear definition—at the end, how free could we be if freedom is well defined?</p>
|
||||
|
|
@ -31,7 +37,7 @@
|
|||
</figure>
|
||||
<p>The poster was very helpful because in a simple Venn diagram we were able to distinguish several intersections of activities that involves our work. Here you have it more readable:</p>
|
||||
<figure>
|
||||
<img src="../../../img/p001_i002_en.png" alt="Venn diagram of publishing, free software and politics."/>
|
||||
<img src="../../../img/p001_i002_en.svg" alt="Venn diagram of publishing, free software and politics."/>
|
||||
<figcaption>
|
||||
Venn diagram of publishing, free software and politics.
|
||||
</figcaption>
|
||||
|
|
@ -45,13 +51,13 @@
|
|||
<p>So, why don't we distinguish published works by their funding and sense of community? If what you publishing has public funding—for your knowledge, in Mexico practically all publishing has this kind of funding—it would be fair to release the files and leave hard copies for sell: we already paid for that. This is a very common argument among supporters of open access in science, but we can go beyond that. Not matter if the work relies on functionality, matter of opinion or aesthetics; if is a science paper, a philosophy essay or a novel and it has public funding, we have paid for access, come on!</p>
|
||||
<p>You can still sell publications and go to Messe Frankfurt, Guadalajara International Book Fair or Beijing Book Fair: it is just doing business with the <i>bare minium</i> of social and political awareness. Why do you want more money from us if we already gave it to you?—and you get almost all the profits, leaving the authors with just the satisfaction of seeing her work published…</p>
|
||||
<p>The sense of community goes here. In a world where one of the main problems is artificial scarcity—paywalls instead of actual walls—we need to apply <a href="https://www.gnu.org/licenses/copyleft.en.html">copyleft</a> or, even better, <a href="http://telekommunisten.net/the-telekommunist-manifesto/">copyfarleft</a> licenses in our published works. They aren't the solution, but they are a support to maintain the freedom and the access in publishing.</p>
|
||||
<p>As it goes, we need free tools but also free works. I already have the tools but I lack from permission to publish some books that I really like. I don't want that happen to you with my work. So we need a publishing ecosystem where we have access to all files of a particular edition—our source code and binary files—and also to the tools—the free software—so we can improve, as a community, the quality and the access of works and its required skills. Who doesn't want that?</p>
|
||||
<p>As it goes, we need free tools but also free works. I already have the tools but I lack from permission to publish some books that I really like. I don't want that happen to you with my work. So we need a publishing ecosystem where we have access to all files of a particular edition—our “source code” and “binary files”—and also to the tools—the free software—so we can improve, as a community, the quality and the access of works and its required skills. Who doesn't want that?</p>
|
||||
<p>With these politics strains, free software tools and publishing as a way of living as a publisher, writer and reader, free publishing is a pathway. With Programando Libreros and Hacklib we use free software, we invest time in activism and we work in publishing: <i>we do free publishing, what about you?</i></p>
|
||||
<script type="text/javascript" src="../../../hashover/comments.php"></script>
|
||||
</section>
|
||||
<footer>
|
||||
<p class="left no-indent">All content is under <a href="../../../content/html/en/_fork.html">Open and Free Publishing License (<span class="smallcap">LEAL</span>)</a>.</p>
|
||||
<p class="left no-indent">Last build of this page: 2019/03/20, 16:35.</p>
|
||||
<p class="left no-indent">Last build of this page: 2019/03/21, 09:09.</p>
|
||||
<p class="left no-indent"><span class="smallcap"><a target="_blank" href="https://perrotuerto.blog/feed/en/rss.xml">RSS</a></span> | <a href="../../../content/html/en/001_free-publishing.html"><span class="versalita">EN</span></a> | <a href="../../../content/html/es/001_free-publishing.html"><span class="versalita">ES</span></a></p>
|
||||
</footer>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -11,6 +11,7 @@
|
|||
<link rel="alternate" type="application/rss+xml" href="https://perrotuerto.blog/feed/" title="Publishing is Coding: Change My Mind">
|
||||
<link type="text/css" rel="stylesheet" href="../../../css/styles.css">
|
||||
<link type="text/css" rel="stylesheet" href="../../../css/extra.css">
|
||||
<script type="application/javascript" src="../../../js/functions.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
|
|
@ -18,6 +19,11 @@
|
|||
<nav> <p> <a href="../../../content/html/en/_links.html">Links</a> | <a href="../../../content/html/en/_about.html">About</a> | <a href="../../../content/html/en/_contact.html">Contact</a> | <a href="../../../content/html/en/_fork.html">Fork</a> | <a href="../../../content/html/en/_donate.html">Donate</a> </p>
|
||||
</nav>
|
||||
</header>
|
||||
<div id="controllers">
|
||||
<a onclick="zoom(true)">+</a>
|
||||
<a onclick="zoom(false)">−</a>
|
||||
<a onclick="mode(this)">N</a>
|
||||
</div>
|
||||
<section>
|
||||
<h1 id="about">About</h1>
|
||||
<p>Hi, I am a dog-publisher—what a surprise, right? I am from Mexico and, as you can see, English is not my first language. But whatever. My educational background is on Philosophy, specifically Philosophy of Culture. My grade studies focus on intellectual property—mainly copyright—, free culture, free software and, of course, free publishing. If you still want a name, call me Dog.</p>
|
||||
|
|
@ -29,7 +35,7 @@
|
|||
</section>
|
||||
<footer>
|
||||
<p class="left no-indent">All content is under <a href="../../../content/html/en/_fork.html">Open and Free Publishing License (<span class="smallcap">LEAL</span>)</a>.</p>
|
||||
<p class="left no-indent">Last build of this page: 2019/03/20, 16:13.</p>
|
||||
<p class="left no-indent">Last build of this page: 2019/03/21, 09:08.</p>
|
||||
<p class="left no-indent"><span class="smallcap"><a target="_blank" href="https://perrotuerto.blog/feed/en/rss.xml">RSS</a></span> | <a href="../../../content/html/en/_about.html"><span class="versalita">EN</span></a> | <a href="../../../content/html/es/_about.html"><span class="versalita">ES</span></a></p>
|
||||
</footer>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -11,6 +11,7 @@
|
|||
<link rel="alternate" type="application/rss+xml" href="https://perrotuerto.blog/feed/" title="Publishing is Coding: Change My Mind">
|
||||
<link type="text/css" rel="stylesheet" href="../../../css/styles.css">
|
||||
<link type="text/css" rel="stylesheet" href="../../../css/extra.css">
|
||||
<script type="application/javascript" src="../../../js/functions.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
|
|
@ -18,6 +19,11 @@
|
|||
<nav> <p> <a href="../../../content/html/en/_links.html">Links</a> | <a href="../../../content/html/en/_about.html">About</a> | <a href="../../../content/html/en/_contact.html">Contact</a> | <a href="../../../content/html/en/_fork.html">Fork</a> | <a href="../../../content/html/en/_donate.html">Donate</a> </p>
|
||||
</nav>
|
||||
</header>
|
||||
<div id="controllers">
|
||||
<a onclick="zoom(true)">+</a>
|
||||
<a onclick="zoom(false)">−</a>
|
||||
<a onclick="mode(this)">N</a>
|
||||
</div>
|
||||
<section>
|
||||
<h1 id="contact">Contact</h1>
|
||||
<p>You can reach me at:</p>
|
||||
|
|
@ -33,7 +39,7 @@
|
|||
</section>
|
||||
<footer>
|
||||
<p class="left no-indent">All content is under <a href="../../../content/html/en/_fork.html">Open and Free Publishing License (<span class="smallcap">LEAL</span>)</a>.</p>
|
||||
<p class="left no-indent">Last build of this page: 2019/03/20, 01:59.</p>
|
||||
<p class="left no-indent">Last build of this page: 2019/03/21, 09:08.</p>
|
||||
<p class="left no-indent"><span class="smallcap"><a target="_blank" href="https://perrotuerto.blog/feed/en/rss.xml">RSS</a></span> | <a href="../../../content/html/en/_contact.html"><span class="versalita">EN</span></a> | <a href="../../../content/html/es/_contact.html"><span class="versalita">ES</span></a></p>
|
||||
</footer>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -11,6 +11,7 @@
|
|||
<link rel="alternate" type="application/rss+xml" href="https://perrotuerto.blog/feed/" title="Publishing is Coding: Change My Mind">
|
||||
<link type="text/css" rel="stylesheet" href="../../../css/styles.css">
|
||||
<link type="text/css" rel="stylesheet" href="../../../css/extra.css">
|
||||
<script type="application/javascript" src="../../../js/functions.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
|
|
@ -18,6 +19,11 @@
|
|||
<nav> <p> <a href="../../../content/html/en/_links.html">Links</a> | <a href="../../../content/html/en/_about.html">About</a> | <a href="../../../content/html/en/_contact.html">Contact</a> | <a href="../../../content/html/en/_fork.html">Fork</a> | <a href="../../../content/html/en/_donate.html">Donate</a> </p>
|
||||
</nav>
|
||||
</header>
|
||||
<div id="controllers">
|
||||
<a onclick="zoom(true)">+</a>
|
||||
<a onclick="zoom(false)">−</a>
|
||||
<a onclick="mode(this)">N</a>
|
||||
</div>
|
||||
<section>
|
||||
<h1 id="donate">Donate</h1>
|
||||
<p><i>My server</i> is actually an account powered by <a href="https://gnusocial.net/hacklab">Colima Hacklab</a>—thanks, dawgs, for host my crap!. Also this blog and all the free publishing events that we organize are done with free labor.</p>
|
||||
|
|
@ -28,7 +34,7 @@
|
|||
</section>
|
||||
<footer>
|
||||
<p class="left no-indent">All content is under <a href="../../../content/html/en/_fork.html">Open and Free Publishing License (<span class="smallcap">LEAL</span>)</a>.</p>
|
||||
<p class="left no-indent">Last build of this page: 2019/03/20, 01:59.</p>
|
||||
<p class="left no-indent">Last build of this page: 2019/03/21, 09:09.</p>
|
||||
<p class="left no-indent"><span class="smallcap"><a target="_blank" href="https://perrotuerto.blog/feed/en/rss.xml">RSS</a></span> | <a href="../../../content/html/en/_donate.html"><span class="versalita">EN</span></a> | <a href="../../../content/html/es/_donate.html"><span class="versalita">ES</span></a></p>
|
||||
</footer>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -11,6 +11,7 @@
|
|||
<link rel="alternate" type="application/rss+xml" href="https://perrotuerto.blog/feed/" title="Publishing is Coding: Change My Mind">
|
||||
<link type="text/css" rel="stylesheet" href="../../../css/styles.css">
|
||||
<link type="text/css" rel="stylesheet" href="../../../css/extra.css">
|
||||
<script type="application/javascript" src="../../../js/functions.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
|
|
@ -18,6 +19,11 @@
|
|||
<nav> <p> <a href="../../../content/html/en/_links.html">Links</a> | <a href="../../../content/html/en/_about.html">About</a> | <a href="../../../content/html/en/_contact.html">Contact</a> | <a href="../../../content/html/en/_fork.html">Fork</a> | <a href="../../../content/html/en/_donate.html">Donate</a> </p>
|
||||
</nav>
|
||||
</header>
|
||||
<div id="controllers">
|
||||
<a onclick="zoom(true)">+</a>
|
||||
<a onclick="zoom(false)">−</a>
|
||||
<a onclick="mode(this)">N</a>
|
||||
</div>
|
||||
<section>
|
||||
<h1 id="fork">Fork</h1>
|
||||
<p>All the content is under Licencia Editorial Abierta y Libre (<span class="smallcap">LEAL</span>). You can read it <a href="https://gitlab.com/NikaZhenya/licencia-editorial-abierta-y-libre">here</a>.</p>
|
||||
|
|
@ -58,7 +64,7 @@
|
|||
</section>
|
||||
<footer>
|
||||
<p class="left no-indent">All content is under <a href="../../../content/html/en/_fork.html">Open and Free Publishing License (<span class="smallcap">LEAL</span>)</a>.</p>
|
||||
<p class="left no-indent">Last build of this page: 2019/03/20, 01:59.</p>
|
||||
<p class="left no-indent">Last build of this page: 2019/03/21, 09:09.</p>
|
||||
<p class="left no-indent"><span class="smallcap"><a target="_blank" href="https://perrotuerto.blog/feed/en/rss.xml">RSS</a></span> | <a href="../../../content/html/en/_fork.html"><span class="versalita">EN</span></a> | <a href="../../../content/html/es/_fork.html"><span class="versalita">ES</span></a></p>
|
||||
</footer>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -11,6 +11,7 @@
|
|||
<link rel="alternate" type="application/rss+xml" href="https://perrotuerto.blog/feed/" title="Publishing is Coding: Change My Mind">
|
||||
<link type="text/css" rel="stylesheet" href="../../../css/styles.css">
|
||||
<link type="text/css" rel="stylesheet" href="../../../css/extra.css">
|
||||
<script type="application/javascript" src="../../../js/functions.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
|
|
@ -18,6 +19,11 @@
|
|||
<nav> <p> <a href="../../../content/html/en/_links.html">Links</a> | <a href="../../../content/html/en/_about.html">About</a> | <a href="../../../content/html/en/_contact.html">Contact</a> | <a href="../../../content/html/en/_fork.html">Fork</a> | <a href="../../../content/html/en/_donate.html">Donate</a> </p>
|
||||
</nav>
|
||||
</header>
|
||||
<div id="controllers">
|
||||
<a onclick="zoom(true)">+</a>
|
||||
<a onclick="zoom(false)">−</a>
|
||||
<a onclick="mode(this)">N</a>
|
||||
</div>
|
||||
<section>
|
||||
<h1 id="links">Links</h1>
|
||||
<ul>
|
||||
|
|
@ -46,7 +52,7 @@
|
|||
</section>
|
||||
<footer>
|
||||
<p class="left no-indent">All content is under <a href="../../../content/html/en/_fork.html">Open and Free Publishing License (<span class="smallcap">LEAL</span>)</a>.</p>
|
||||
<p class="left no-indent">Last build of this page: 2019/03/20, 15:36.</p>
|
||||
<p class="left no-indent">Last build of this page: 2019/03/21, 09:09.</p>
|
||||
<p class="left no-indent"><span class="smallcap"><a target="_blank" href="https://perrotuerto.blog/feed/en/rss.xml">RSS</a></span> | <a href="../../../content/html/en/_links.html"><span class="versalita">EN</span></a> | <a href="../../../content/html/es/_links.html"><span class="versalita">ES</span></a></p>
|
||||
</footer>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -11,6 +11,7 @@
|
|||
<link rel="alternate" type="application/rss+xml" href="https://perrotuerto.blog/feed/" title="Publishing is Coding: Change My Mind">
|
||||
<link type="text/css" rel="stylesheet" href="../../../css/styles.css">
|
||||
<link type="text/css" rel="stylesheet" href="../../../css/extra.css">
|
||||
<script type="application/javascript" src="../../../js/functions.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
|
|
@ -18,6 +19,11 @@
|
|||
<nav> <p> <a href="../../../content/html/es/_links.html">Enlaces</a> | <a href="../../../content/html/es/_about.html">Acerca</a> | <a href="../../../content/html/es/_contact.html">Contacto</a> | <a href="../../../content/html/es/_fork.html">Bifurca</a> | <a href="../../../content/html/es/_donate.html">Dona</a> </p>
|
||||
</nav>
|
||||
</header>
|
||||
<div id="controllers">
|
||||
<a onclick="zoom(true)">+</a>
|
||||
<a onclick="zoom(false)">−</a>
|
||||
<a onclick="mode(this)">N</a>
|
||||
</div>
|
||||
<section>
|
||||
<h1 id="de-la-edicion-con-software-libre-a-la-edicion-libre">De la edición con <i>software</i> libre a la edición libre</h1>
|
||||
<p>Este <i>blog</i> es acerca de «edición libre» pero ¿qué quiere decir eso? El término «libre» no es tan problemático en nuestra lengua como en el inglés. En ese idioma existe una confusión entre «<i>free</i>» como «barra libre» y como «libre discurso». Sin embargo, eso no elimina el hecho de que el concepto de libertad es tan ambiguo que incluso en Filosofía tratamos de usarlo con cuidado. Aunque sea un problema, prefiero que el término no tenga una definición clara; al final, ¿qué tan libres podríamos ser si la libertad estuviese bien definida?</p>
|
||||
|
|
@ -31,27 +37,27 @@
|
|||
</figure>
|
||||
<p>La cartulina nos fue de mucha ayuda porque con un simple diagrama de Venn pudimos distinguir varias intersecciones de actividades que implican nuestro trabajo. Aquí está una versión más legible:</p>
|
||||
<figure>
|
||||
<img src="../../../img/p001_i002_es.png" alt="Diagrama de Venn sobre edición, software libre y política."/>
|
||||
<img src="../../../img/p001_i002_es.svg" alt="Diagrama de Venn sobre edición, software libre y política."/>
|
||||
<figcaption>
|
||||
Diagrama de Venn sobre edición, <i>software</i> libre y política.
|
||||
</figcaption>
|
||||
</figure>
|
||||
<p>Así que no voy a definir qué es la edición, el <i>software</i> libre o la política —es mi perro <i>blog</i> así que puedo escribir lo que quiera xD y siempre puedes usar <a href="https://duckduckgo.com/?q=me+caga+google">el pato</a> aunque sin respuesta satisfactoria. Como puedes ver, existen al menos dos intersecciones muy familiares: las políticas culturales y el hacktivismo. No sé cómo sea en tu país pero en México tenemos fuertes políticas en pos de la publicación —o al menos eso es lo que los editores <i>piensan</i> y están cómodos con ello, sin importar que la mayoría del tiempo es en detrimento del acceso abierto y de los derechos de los lectores—.</p>
|
||||
<p>Así que no voy a definir qué es la edición, el <i>software</i> libre o la política —es mi perro <i>blog</i> así que puedo escribir lo que quiera xD y siempre puedes usar <a href="https://duckduckgo.com/?q=me+desagrada+google">el pato</a> aunque sin respuesta satisfactoria—. Como puedes ver, existen al menos dos intersecciones muy familiares: las políticas culturales y el hacktivismo. No sé cómo sea en tu país pero en México tenemos fuertes políticas en pos de la publicación —o al menos eso es lo que los editores <i>piensan</i> y están cómodos con ello, sin importar que la mayoría del tiempo es en detrimento del acceso abierto y de los derechos de los lectores—.</p>
|
||||
<p>«Hacktivismo» es un término difuso, pero es un poco más claro si nos damos cuenta que el código como propiedad no es la única forma en el que podemos definirlo. En realidad es una cuestión muy problemática porque la propiedad no es un derecho natural, sino uno producido en nuestras sociedades y resguardado por los Estados —sí, la individualidad no es el fundamento de los derechos y las leyes, sino una construcción de la sociedad que a su vez se produce a sí misma—. Entonces, ¿tengo que mencionar que los derechos de propiedad no son tan justos como nos gustarían?</p>
|
||||
<p>Entre la edición y el <i>software</i> libre tenemos la «edición con <i>software</i> libre». ¿Qué implica esto? Se trata de la acción de publicar usando <i>software</i> que cumple con las famosas —¿infames?— <a href="https://es.wikipedia.org/wiki/Definici%C3%B3n_de_Software_Libre">cuatro libertades</a>. Para las personas que usan al <i>software</i> como herramienta esto quiere decir que, en primer lugar, no estamos forzados a pagar para poder usarlo. Segundo, tenemos acceso al código para poder hacer lo que queramos con él. Tercero —y lo más importante para mí—, podemos ser parte de una comunidad en lugar de ser tratados como un consumidor.</p>
|
||||
<p>¿Suena fantástico, cierto? Pero tenemos un problemita: la libertad solo aplica al <i>software</i>. Como editor puedes beneficiarte del <i>software</i> libre sin tener que liberar tu trabajo. Penguin Random House —el Google de la edición— un día podría decidir usar TeX o Pandoc con lo que se ahorraría un montón de dinero al mismo tiempo que mantiene el monopolio en la edición.</p>
|
||||
<p>Stallman vio este problema con los manuales publicados por O'Reilly y propuso la Licencia de documentación libre de <span class="smallcap">GNU</span>. Pero al hacerlo de manera truculenta distinguió <a href="https://www.gnu.org/philosophy/copyright-and-globalization.es.html">diferentes tipos de trabajo</a>. Es interesante ver al texto como función, cuestión de opinión o estética, pero en la industria editorial a todos les vale un comino. La distinción es muy buena entre escritores y lectores, pero no problematiza el hecho de que son los editores quienes deciden el rumbo de casi toda nuestra cultura texto-céntrica.</p>
|
||||
<p>Stallman vio este problema con los manuales publicados por O'Reilly y propuso la Licencia de documentación libre de <span class="smallcap">GNU</span>. Pero al hacerlo de manera truculenta distinguió <a href="https://www.gnu.org/philosophy/copyright-and-globalization.es.html">diferentes tipos de obra</a>. Es interesante ver al texto como función, cuestión de opinión o estética, pero en la industria editorial a todos les vale un comino. La distinción es muy buena entre escritores y lectores, pero no problematiza el hecho de que son los editores quienes deciden el rumbo de casi toda nuestra cultura texto-céntrica.</p>
|
||||
<p>En mi opinión, esto es al menos peligroso. Así que prefiero otra truculenta distinción. Las grandes editoriales y su rama mimética —autodenominados edición «independiente»— solo les importan dos cosas: la venta y la reputación. Quieren vivir <i>bien</i> y obtener el reconocimiento social por haber publicado <i>buenos</i> libros. Si un día las comunidades de <i>software</i> libre desarrollan maquetadores o sistemas de composición tipográfica fáciles de usar y aptos para sus necesidades profesionales, vamos a ver una «repentina» migración de la industria editorial al <i>software</i> libre.</p>
|
||||
<p>Así que, ¿por qué no distinguimos las obras publicadas según su financiamiento y sentido de comunidad? Si tu publicas con recursos públicos —para tu conocimiento, en México casi todo lo que se publica tiene ese tipo de financiamiento—, sería justo que liberaras los archivos y dejaras los impresos para la venta: ya pagamos por ellos. Este es un argumento muy común entre los que defienden el acceso abierto en la ciencia, pero podemos ir más lejos. No importa que tu trabajo se sustente en la funcionalidad, la opinión o la estética; si es un artículo científico, un ensayo filosófico o una novela y tiene financiamiento público, ¡venga, ya hemos pagado por su acceso!</p>
|
||||
<p>Todavía puedes vender publicaciones e ir a la Feria de Fráncfort, a la Feria Internacional del Libro de Guadalajara o a la Feria del Libro de Beijing: es solo hacer negocios con un <i>mínimo</i> de conciencia social y política. ¿Por que quieres más dinero de nosotros si ya te lo dimos? —y además te llevas casi todas las ganancias y dejas a las autoras con la mera satisfacción de ver publicada su obra—…</p>
|
||||
<p>Aquí cabe el sentido de comunidad. En un mundo donde uno de los principales problemas es la escasez artificial —muros de pago en lugar de paredes reales—, nuestros trabajos publicados necesitan licencias de <a href="https://www.gnu.org/licenses/copyleft.es.html"><i>copyleft</i></a> o, mejor aún, de <a href="https://endefensadelsl.org/manifiesto_telecomunista.html"><i>copyfarleft</i></a>. No son la solución, pero es un soporte que ayuda a mantener la libertad y el acceso en la edición.</p>
|
||||
<p>Con ese estado de las cosas, necesitamos herramientas libres pero también ediciones libres. Ya cuento con las herramientas pero carezco del permiso de publicar algunos libros que me gustan mucho. No quiero que te pase eso con mi trabajo. Por eso necesitamos un ecosistema donde tengamos acceso a todos los archivos de una edición —el código abierto y los binarios— y a las herramientas —el <i>software</i> libre— para poder mejorar, como comunidad, la calidad y el acceso de las obras y las habilidades necesarias. ¿Quién no quiere eso?</p>
|
||||
<p>Con ese estado de las cosas, necesitamos herramientas libres pero también ediciones libres. Ya cuento con las herramientas pero carezco del permiso de publicar algunos libros que me gustan mucho. No quiero que te pase eso con mi trabajo. Por eso necesitamos un ecosistema donde tengamos acceso a todos los archivos de una edición —nuestro «código abierto» y «binarios»— y a las herramientas —el <i>software</i> libre— para poder mejorar, como comunidad, la calidad y el acceso de las obras y de las habilidades necesarias. ¿Quién no quiere eso?</p>
|
||||
<p>Con estas tensiones políticas, las herramientas que nos provee el <i>software</i> libre y la edición como sustento de vida como editor, escritor y lector, la edición libre es un camino. Con Programando Libreros y Hacklib usamos <i>software</i> libre, invertimos tiempo en activismo así como trabajamos en la edición: <i>hacemos edición libre, ¿y tú?</i></p>
|
||||
<script type="text/javascript" src="../../../hashover/comments.php"></script>
|
||||
</section>
|
||||
<footer>
|
||||
<p class="left no-indent">Todo el contenido está bajo <a href="../../../content/html/es/_fork.html">Licencia Editorial Abierta y Libre (<span class="smallcap">LEAL</span>)</a>.</p>
|
||||
<p class="left no-indent">Última modificación de esta página: 2019/03/20, 16:35.</p>
|
||||
<p class="left no-indent">Última modificación de esta página: 2019/03/21, 09:09.</p>
|
||||
<p class="left no-indent"><span class="smallcap"><a target="_blank" href="https://perrotuerto.blog/feed/es/rss.xml">RSS</a></span> | <a href="../../../content/html/en/001_free-publishing.html"><span class="versalita">EN</span></a> | <a href="../../../content/html/es/001_free-publishing.html"><span class="versalita">ES</span></a></p>
|
||||
</footer>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -11,6 +11,7 @@
|
|||
<link rel="alternate" type="application/rss+xml" href="https://perrotuerto.blog/feed/" title="Publishing is Coding: Change My Mind">
|
||||
<link type="text/css" rel="stylesheet" href="../../../css/styles.css">
|
||||
<link type="text/css" rel="stylesheet" href="../../../css/extra.css">
|
||||
<script type="application/javascript" src="../../../js/functions.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
|
|
@ -18,6 +19,11 @@
|
|||
<nav> <p> <a href="../../../content/html/es/_links.html">Enlaces</a> | <a href="../../../content/html/es/_about.html">Acerca</a> | <a href="../../../content/html/es/_contact.html">Contacto</a> | <a href="../../../content/html/es/_fork.html">Bifurca</a> | <a href="../../../content/html/es/_donate.html">Dona</a> </p>
|
||||
</nav>
|
||||
</header>
|
||||
<div id="controllers">
|
||||
<a onclick="zoom(true)">+</a>
|
||||
<a onclick="zoom(false)">−</a>
|
||||
<a onclick="mode(this)">N</a>
|
||||
</div>
|
||||
<section>
|
||||
<h1 id="acerca">Acerca</h1>
|
||||
<p>Hola, soy un perro editor —vaya sorpresa, ¿cierto?—. México es mi lugar de nacimiento. Mi formación académica es en Filosofía, de manera específica en Filosofía de la Cultura. Mis estudios se centran en la propiedad intelectual —principalmente derechos de autor—, la cultura, el <i>software</i> y, por supuesto, la edición libres. Si todavía quieres un nombre, llámame Perro.</p>
|
||||
|
|
@ -29,7 +35,7 @@
|
|||
</section>
|
||||
<footer>
|
||||
<p class="left no-indent">Todo el contenido está bajo <a href="../../../content/html/es/_fork.html">Licencia Editorial Abierta y Libre (<span class="smallcap">LEAL</span>)</a>.</p>
|
||||
<p class="left no-indent">Última modificación de esta página: 2019/03/20, 16:13.</p>
|
||||
<p class="left no-indent">Última modificación de esta página: 2019/03/21, 09:08.</p>
|
||||
<p class="left no-indent"><span class="smallcap"><a target="_blank" href="https://perrotuerto.blog/feed/es/rss.xml">RSS</a></span> | <a href="../../../content/html/en/_about.html"><span class="versalita">EN</span></a> | <a href="../../../content/html/es/_about.html"><span class="versalita">ES</span></a></p>
|
||||
</footer>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -11,6 +11,7 @@
|
|||
<link rel="alternate" type="application/rss+xml" href="https://perrotuerto.blog/feed/" title="Publishing is Coding: Change My Mind">
|
||||
<link type="text/css" rel="stylesheet" href="../../../css/styles.css">
|
||||
<link type="text/css" rel="stylesheet" href="../../../css/extra.css">
|
||||
<script type="application/javascript" src="../../../js/functions.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
|
|
@ -18,6 +19,11 @@
|
|||
<nav> <p> <a href="../../../content/html/es/_links.html">Enlaces</a> | <a href="../../../content/html/es/_about.html">Acerca</a> | <a href="../../../content/html/es/_contact.html">Contacto</a> | <a href="../../../content/html/es/_fork.html">Bifurca</a> | <a href="../../../content/html/es/_donate.html">Dona</a> </p>
|
||||
</nav>
|
||||
</header>
|
||||
<div id="controllers">
|
||||
<a onclick="zoom(true)">+</a>
|
||||
<a onclick="zoom(false)">−</a>
|
||||
<a onclick="mode(this)">N</a>
|
||||
</div>
|
||||
<section>
|
||||
<h1 id="contacto">Contacto</h1>
|
||||
<p>Puedes encontrarme en:</p>
|
||||
|
|
@ -33,7 +39,7 @@
|
|||
</section>
|
||||
<footer>
|
||||
<p class="left no-indent">Todo el contenido está bajo <a href="../../../content/html/es/_fork.html">Licencia Editorial Abierta y Libre (<span class="smallcap">LEAL</span>)</a>.</p>
|
||||
<p class="left no-indent">Última modificación de esta página: 2019/03/20, 01:59.</p>
|
||||
<p class="left no-indent">Última modificación de esta página: 2019/03/21, 09:08.</p>
|
||||
<p class="left no-indent"><span class="smallcap"><a target="_blank" href="https://perrotuerto.blog/feed/es/rss.xml">RSS</a></span> | <a href="../../../content/html/en/_contact.html"><span class="versalita">EN</span></a> | <a href="../../../content/html/es/_contact.html"><span class="versalita">ES</span></a></p>
|
||||
</footer>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -11,6 +11,7 @@
|
|||
<link rel="alternate" type="application/rss+xml" href="https://perrotuerto.blog/feed/" title="Publishing is Coding: Change My Mind">
|
||||
<link type="text/css" rel="stylesheet" href="../../../css/styles.css">
|
||||
<link type="text/css" rel="stylesheet" href="../../../css/extra.css">
|
||||
<script type="application/javascript" src="../../../js/functions.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
|
|
@ -18,6 +19,11 @@
|
|||
<nav> <p> <a href="../../../content/html/es/_links.html">Enlaces</a> | <a href="../../../content/html/es/_about.html">Acerca</a> | <a href="../../../content/html/es/_contact.html">Contacto</a> | <a href="../../../content/html/es/_fork.html">Bifurca</a> | <a href="../../../content/html/es/_donate.html">Dona</a> </p>
|
||||
</nav>
|
||||
</header>
|
||||
<div id="controllers">
|
||||
<a onclick="zoom(true)">+</a>
|
||||
<a onclick="zoom(false)">−</a>
|
||||
<a onclick="mode(this)">N</a>
|
||||
</div>
|
||||
<section>
|
||||
<h1 id="dona">Dona</h1>
|
||||
<p><i>Mi servidor</i> en realidad es una cuenta auspiciada por <a href="https://gnusocial.net/hacklab">Colima Hacklab</a> —¡gracias, cabrones, por hospedar esta cochinada!—. Además este <i>blog</i> y todos los eventos que organizamos sobre edición libre son hechos con trabajo libre.</p>
|
||||
|
|
@ -28,7 +34,7 @@
|
|||
</section>
|
||||
<footer>
|
||||
<p class="left no-indent">Todo el contenido está bajo <a href="../../../content/html/es/_fork.html">Licencia Editorial Abierta y Libre (<span class="smallcap">LEAL</span>)</a>.</p>
|
||||
<p class="left no-indent">Última modificación de esta página: 2019/03/20, 01:59.</p>
|
||||
<p class="left no-indent">Última modificación de esta página: 2019/03/21, 09:09.</p>
|
||||
<p class="left no-indent"><span class="smallcap"><a target="_blank" href="https://perrotuerto.blog/feed/es/rss.xml">RSS</a></span> | <a href="../../../content/html/en/_donate.html"><span class="versalita">EN</span></a> | <a href="../../../content/html/es/_donate.html"><span class="versalita">ES</span></a></p>
|
||||
</footer>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -11,6 +11,7 @@
|
|||
<link rel="alternate" type="application/rss+xml" href="https://perrotuerto.blog/feed/" title="Publishing is Coding: Change My Mind">
|
||||
<link type="text/css" rel="stylesheet" href="../../../css/styles.css">
|
||||
<link type="text/css" rel="stylesheet" href="../../../css/extra.css">
|
||||
<script type="application/javascript" src="../../../js/functions.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
|
|
@ -18,6 +19,11 @@
|
|||
<nav> <p> <a href="../../../content/html/es/_links.html">Enlaces</a> | <a href="../../../content/html/es/_about.html">Acerca</a> | <a href="../../../content/html/es/_contact.html">Contacto</a> | <a href="../../../content/html/es/_fork.html">Bifurca</a> | <a href="../../../content/html/es/_donate.html">Dona</a> </p>
|
||||
</nav>
|
||||
</header>
|
||||
<div id="controllers">
|
||||
<a onclick="zoom(true)">+</a>
|
||||
<a onclick="zoom(false)">−</a>
|
||||
<a onclick="mode(this)">N</a>
|
||||
</div>
|
||||
<section>
|
||||
<h1 id="bifurca">Bifurca</h1>
|
||||
<p>Todo el contenido esta bajo Licencia Editorial Abierta y Libre (<span class="smallcap">LEAL</span>). Puedes leerla <a href="https://gitlab.com/NikaZhenya/licencia-editorial-abierta-y-libre">aquí</a>.</p>
|
||||
|
|
@ -58,7 +64,7 @@
|
|||
</section>
|
||||
<footer>
|
||||
<p class="left no-indent">Todo el contenido está bajo <a href="../../../content/html/es/_fork.html">Licencia Editorial Abierta y Libre (<span class="smallcap">LEAL</span>)</a>.</p>
|
||||
<p class="left no-indent">Última modificación de esta página: 2019/03/20, 01:59.</p>
|
||||
<p class="left no-indent">Última modificación de esta página: 2019/03/21, 09:09.</p>
|
||||
<p class="left no-indent"><span class="smallcap"><a target="_blank" href="https://perrotuerto.blog/feed/es/rss.xml">RSS</a></span> | <a href="../../../content/html/en/_fork.html"><span class="versalita">EN</span></a> | <a href="../../../content/html/es/_fork.html"><span class="versalita">ES</span></a></p>
|
||||
</footer>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<title></title>
|
||||
<title> Título Pecas: herramientas editoriales TED: taller de edición digital Edición digital como metodología para una edición global Colima Hacklab Blog de Mariana Eguaras Zinenauta En defensa del software libre </title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="application-name" content="Publishing is Coding: Change My Mind">
|
||||
<meta name="description" content="Blog about free culture, free software and free publishing.">
|
||||
|
|
@ -11,6 +11,7 @@
|
|||
<link rel="alternate" type="application/rss+xml" href="https://perrotuerto.blog/feed/" title="Publishing is Coding: Change My Mind">
|
||||
<link type="text/css" rel="stylesheet" href="../../../css/styles.css">
|
||||
<link type="text/css" rel="stylesheet" href="../../../css/extra.css">
|
||||
<script type="application/javascript" src="../../../js/functions.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
|
|
@ -18,6 +19,11 @@
|
|||
<nav> <p> <a href="../../../content/html/es/_links.html">Enlaces</a> | <a href="../../../content/html/es/_about.html">Acerca</a> | <a href="../../../content/html/es/_contact.html">Contacto</a> | <a href="../../../content/html/es/_fork.html">Bifurca</a> | <a href="../../../content/html/es/_donate.html">Dona</a> </p>
|
||||
</nav>
|
||||
</header>
|
||||
<div id="controllers">
|
||||
<a onclick="zoom(true)">+</a>
|
||||
<a onclick="zoom(false)">−</a>
|
||||
<a onclick="mode(this)">N</a>
|
||||
</div>
|
||||
<section>
|
||||
<ul>
|
||||
<li>
|
||||
|
|
@ -45,7 +51,7 @@
|
|||
</section>
|
||||
<footer>
|
||||
<p class="left no-indent">Todo el contenido está bajo <a href="../../../content/html/es/_fork.html">Licencia Editorial Abierta y Libre (<span class="smallcap">LEAL</span>)</a>.</p>
|
||||
<p class="left no-indent">Última modificación de esta página: 2019/03/20, 15:36.</p>
|
||||
<p class="left no-indent">Última modificación de esta página: 2019/03/21, 09:09.</p>
|
||||
<p class="left no-indent"><span class="smallcap"><a target="_blank" href="https://perrotuerto.blog/feed/es/rss.xml">RSS</a></span> | <a href="../../../content/html/en/_links.html"><span class="versalita">EN</span></a> | <a href="../../../content/html/es/_links.html"><span class="versalita">ES</span></a></p>
|
||||
</footer>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@ msgstr ""
|
|||
"MIME-Version: 1.0\n"
|
||||
"Content-Type: text/plain; charset=UTF-8\n"
|
||||
"Content-Transfer-Encoding: 8bit\n"
|
||||
"PO-Revision-Date: 2019-03-20 15:05-0600\n"
|
||||
"PO-Revision-Date: 2019-03-21 07:37-0600\n"
|
||||
"Language-Team: none\n"
|
||||
"Language: en\n"
|
||||
"Plural-Forms: nplurals=2; plural=(n != 1);\n"
|
||||
|
|
@ -85,7 +85,7 @@ msgid ""
|
|||
"p001_i002.png)"
|
||||
msgstr ""
|
||||
"![Venn diagram of publishing, free software and politics.](../../../img/"
|
||||
"p001_i002_en.png)"
|
||||
"p001_i002_en.svg)"
|
||||
|
||||
#: content/md/001_free-publishing.js:23
|
||||
msgid ""
|
||||
|
|
@ -263,9 +263,9 @@ msgstr ""
|
|||
"As it goes, we need free tools but also free works. I already have the tools "
|
||||
"but I lack from permission to publish some books that I really like. I don't "
|
||||
"want that happen to you with my work. So we need a publishing ecosystem "
|
||||
"where we have access to all files of a particular edition---our source code "
|
||||
"and binary files---and also to the tools---the free software---so we can "
|
||||
"improve, as a community, the quality and the access of works and its "
|
||||
"where we have access to all files of a particular edition---our “source "
|
||||
"code” and “binary files”---and also to the tools---the free software---so we "
|
||||
"can improve, as a community, the quality and the access of works and its "
|
||||
"required skills. Who doesn't want that?"
|
||||
|
||||
#: content/md/001_free-publishing.js:89
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@ msgstr ""
|
|||
"MIME-Version: 1.0\n"
|
||||
"Content-Type: text/plain; charset=UTF-8\n"
|
||||
"Content-Transfer-Encoding: 8bit\n"
|
||||
"PO-Revision-Date: 2019-03-20 15:15-0600\n"
|
||||
"PO-Revision-Date: 2019-03-21 07:37-0600\n"
|
||||
"Language-Team: none\n"
|
||||
"Language: es\n"
|
||||
"Plural-Forms: nplurals=2; plural=(n != 1);\n"
|
||||
|
|
@ -86,7 +86,7 @@ msgid ""
|
|||
"p001_i002.png)"
|
||||
msgstr ""
|
||||
"![Diagrama de Venn sobre edición, _software_ libre y política.](../../../img/"
|
||||
"p001_i002_es.png)"
|
||||
"p001_i002_es.svg)"
|
||||
|
||||
#: content/md/001_free-publishing.js:23
|
||||
msgid ""
|
||||
|
|
@ -108,8 +108,8 @@ msgid ""
|
|||
msgstr ""
|
||||
"Así que no voy a definir qué es la edición, el _software_ libre o la "
|
||||
"política ---es mi perro _blog_ así que puedo escribir lo que quiera xD y "
|
||||
"siempre puedes usar [el pato](https://duckduckgo.com/?q=me+caga+google) "
|
||||
"aunque sin respuesta satisfactoria. Como puedes ver, existen al menos dos "
|
||||
"siempre puedes usar [el pato](https://duckduckgo.com/?q=me+desagrada+google) "
|
||||
"aunque sin respuesta satisfactoria---. Como puedes ver, existen al menos dos "
|
||||
"intersecciones muy familiares: las políticas culturales y el hacktivismo. No "
|
||||
"sé cómo sea en tu país pero en México tenemos fuertes políticas en pos de la "
|
||||
"publicación ---o al menos eso es lo que los editores _piensan_ y están "
|
||||
|
|
@ -174,12 +174,12 @@ msgid ""
|
|||
msgstr ""
|
||||
"Stallman vio este problema con los manuales publicados por O'Reilly y "
|
||||
"propuso la Licencia de documentación libre de +++GNU+++. Pero al hacerlo de "
|
||||
"manera truculenta distinguió [diferentes tipos de trabajo](https://www.gnu."
|
||||
"org/philosophy/copyright-and-globalization.es.html). Es interesante ver al "
|
||||
"texto como función, cuestión de opinión o estética, pero en la industria "
|
||||
"editorial a todos les vale un comino. La distinción es muy buena entre "
|
||||
"escritores y lectores, pero no problematiza el hecho de que son los editores "
|
||||
"quienes deciden el rumbo de casi toda nuestra cultura texto-céntrica."
|
||||
"manera truculenta distinguió [diferentes tipos de obra](https://www.gnu.org/"
|
||||
"philosophy/copyright-and-globalization.es.html). Es interesante ver al texto "
|
||||
"como función, cuestión de opinión o estética, pero en la industria editorial "
|
||||
"a todos les vale un comino. La distinción es muy buena entre escritores y "
|
||||
"lectores, pero no problematiza el hecho de que son los editores quienes "
|
||||
"deciden el rumbo de casi toda nuestra cultura texto-céntrica."
|
||||
|
||||
#: content/md/001_free-publishing.js:57
|
||||
msgid ""
|
||||
|
|
@ -270,10 +270,10 @@ msgstr ""
|
|||
"ediciones libres. Ya cuento con las herramientas pero carezco del permiso de "
|
||||
"publicar algunos libros que me gustan mucho. No quiero que te pase eso con "
|
||||
"mi trabajo. Por eso necesitamos un ecosistema donde tengamos acceso a todos "
|
||||
"los archivos de una edición ---el código abierto y los binarios--- y a las "
|
||||
"herramientas ---el _software_ libre--- para poder mejorar, como comunidad, "
|
||||
"la calidad y el acceso de las obras y las habilidades necesarias. ¿Quién no "
|
||||
"quiere eso?"
|
||||
"los archivos de una edición ---nuestro «código abierto» y «binarios»--- y a "
|
||||
"las herramientas ---el _software_ libre--- para poder mejorar, como "
|
||||
"comunidad, la calidad y el acceso de las obras y de las habilidades "
|
||||
"necesarias. ¿Quién no quiere eso?"
|
||||
|
||||
#: content/md/001_free-publishing.js:89
|
||||
msgid ""
|
||||
|
|
|
|||
|
|
@ -10,7 +10,33 @@ header {padding: .25em; color: white; background: rgb(229,87,44);}
|
|||
header > * {margin: 0;}
|
||||
header a:link, header a:visited, header a:hover, header a:active {color: white;}
|
||||
header h1 {font-size: 1.5em; line-height: 1.15;}
|
||||
header p {font-size: 0.75em;}
|
||||
header p {font-size: 0.85em;}
|
||||
|
||||
/* Buttons */
|
||||
|
||||
div#controllers {
|
||||
position: fixed;
|
||||
right: 1.5em;
|
||||
bottom: 4.5em;
|
||||
width: 1.5em;
|
||||
height: 4.5em;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
div#controllers * {
|
||||
float: left;
|
||||
width: 1.5em;
|
||||
height: 1.5em;
|
||||
text-align: center;
|
||||
font-size: 2em;
|
||||
cursor: pointer;
|
||||
color: white;
|
||||
background: rgb(229,87,44);
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
/* Section */
|
||||
|
||||
|
|
@ -25,4 +51,4 @@ section .post p:first-child {font-size: 1.15em;}
|
|||
/* Footer */
|
||||
|
||||
footer {margin-top: 50px;}
|
||||
footer {font-size: .75em;}
|
||||
footer {font-size: .85em;}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,54 @@
|
|||
// Increase or decrease font size
|
||||
function zoom (up) {
|
||||
var section = document.getElementsByTagName('section')[0],
|
||||
childs = section.getElementsByTagName('*');
|
||||
|
||||
for (var i = 0; i < childs.length; i++) {
|
||||
var e = childs[i],
|
||||
font_size = parseFloat(window.getComputedStyle(e, null)
|
||||
.getPropertyValue('font-size'));
|
||||
|
||||
if (font_size >= 1) {
|
||||
font_size = up ? font_size + 1 : font_size - 1;
|
||||
e.style.fontSize = font_size + 'px';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Change view mode
|
||||
function mode (e) {
|
||||
var label = e.innerHTML,
|
||||
el_section = document.getElementsByTagName('section')[0].getElementsByTagName('*'),
|
||||
el_footer = document.getElementsByTagName('footer')[0].getElementsByTagName('*');
|
||||
|
||||
function change_color (collection, color) {
|
||||
for (var i = 0; i < collection.length; i++) {
|
||||
var e = collection[i];
|
||||
|
||||
if (e.nodeName == 'H1' || e.nodeName == 'H2' || e.nodeName == 'H3' ||
|
||||
e.nodeName == 'H4' || e.nodeName == 'H5' || e.nodeName == 'H6' ||
|
||||
e.nodeName == 'P' || e.nodeName == 'FIGCAPTION') {
|
||||
|
||||
e.style.color = color;
|
||||
} else if (e.nodeName == 'A') {
|
||||
if (color == 'white') {
|
||||
e.style.color = 'rgb(229,87,44)';
|
||||
} else {
|
||||
e.removeAttribute('style');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (label == 'N') {
|
||||
e.innerHTML = 'D';
|
||||
document.body.style.backgroundColor = '#2d2d2d';
|
||||
change_color(el_section, 'white');
|
||||
change_color(el_footer, 'white');
|
||||
} else {
|
||||
e.innerHTML = 'N';
|
||||
document.body.style.backgroundColor = 'white';
|
||||
change_color(el_section, 'black');
|
||||
change_color(el_footer, 'black');
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue