@ -0,0 +1,65 @@ |
|||
|
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<!-- Generated with distribusi https://git.vvvvvvaria.org/varia/distribusi --> |
|||
<meta name="generator" content="distribusi" /> |
|||
<meta http-equiv="content-type" content="text/html; charset=utf-8"> |
|||
<style> |
|||
.image{max-width: 100%;} |
|||
.pdf object{width:640px;height: 640px;} |
|||
.dir::before{content:"📁 ";font-size:18px;} |
|||
.filename{display:block;font-family:mono;} |
|||
.unkown-file::before{content:"📄 ";font-size:18px;} |
|||
div{max-width: 640px;display:inline-block;vertical-align:top;margin:1em;padding:1em;} |
|||
video {width:640px;max-height:640px;} |
|||
body{ |
|||
#background-color: pink; |
|||
} |
|||
body > a { |
|||
position: fixed; |
|||
top: 10px; |
|||
left: 31px; |
|||
color:magenta; |
|||
} |
|||
div{ |
|||
max-width: 520px; |
|||
float: left; |
|||
margin: 2em 0em; |
|||
padding:0; |
|||
} |
|||
.html{ |
|||
margin:0 3em; |
|||
} |
|||
.pdf object{ |
|||
width: 400px; |
|||
height: 400px; |
|||
} |
|||
div#folder{ |
|||
float:left; |
|||
margin-right:2em; |
|||
} |
|||
.plain, |
|||
.unkown-file{ |
|||
float:right; |
|||
clear:right; |
|||
} |
|||
figcaption, |
|||
.filename{ |
|||
font-size:small; |
|||
color:magenta; |
|||
margin:1em; |
|||
word-break: break-word; |
|||
} |
|||
a{ |
|||
word-break: break-word; |
|||
} |
|||
|
|||
</style> |
|||
</head> |
|||
<body> |
|||
<div id="intersections-of-care-guidelines" class="png"><figure><img class="image" src="intersections-of-care-guidelines.png"><figcaption>intersections-of-care-guidelines.png</figcaption></figure></div> |
|||
<a href="../">../</a> |
|||
|
|||
</body> |
|||
</html> |
After Width: | Height: | Size: 77 KiB |
@ -0,0 +1,2 @@ |
|||
distribusi -t -d . -s index.css |
|||
|
@ -0,0 +1,13 @@ |
|||
# Free culture |
|||
|
|||
There is so much confusion and misunderstanding about all these elements because they manifest and materialise differently at several levels, via a process of rationalisation that leads to the fragmentation of cultural freedom into new codes of meaning, the ideological and emotional nature |
|||
of which can be contradictory to or incompatible with each other. As a consequence, free culture ends up being simply many different things at once: |
|||
|
|||
* A toolkit for artists to expand their practice and free themselves from consumerist workflows; |
|||
* A template for political statements against authorities of any kind; |
|||
* A novel creative legal and technical framework to interface with and support existing copyright law practices; |
|||
* A lifestyle, and sometimes fashionable statement to go along with the marketing of all things free and open; |
|||
* An economic model that tries to reconcile the legacy of radical anti-property art practice with the reformist nature of social critique; |
|||
* An aesthetic in the sense of an audiovisual language, like meme culture, but also a number of novelty appropriative frameworks ranging from semionauts to circulationism. |
|||
|
|||
Aymeric Mansoux, Sandbox Culture (2017) - p.377 |
@ -0,0 +1,28 @@ |
|||
<!DOCTYPE html> |
|||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang=""> |
|||
<head> |
|||
<meta charset="utf-8" /> |
|||
<meta name="generator" content="pandoc" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> |
|||
<title>free-culture-confusions-and-misunderstanding</title> |
|||
<style type="text/css"> |
|||
code{white-space: pre-wrap;} |
|||
span.smallcaps{font-variant: small-caps;} |
|||
span.underline{text-decoration: underline;} |
|||
div.column{display: inline-block; vertical-align: top; width: 50%;} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<h1 id="free-culture">Free culture</h1> |
|||
<p>There is so much confusion and misunderstanding about all these elements because they manifest and materialise differently at several levels, via a process of rationalisation that leads to the fragmentation of cultural freedom into new codes of meaning, the ideological and emotional nature of which can be contradictory to or incompatible with each other. As a consequence, free culture ends up being simply many different things at once:</p> |
|||
<ul> |
|||
<li>A toolkit for artists to expand their practice and free themselves from consumerist workflows;</li> |
|||
<li>A template for political statements against authorities of any kind;</li> |
|||
<li>A novel creative legal and technical framework to interface with and support existing copyright law practices;</li> |
|||
<li>A lifestyle, and sometimes fashionable statement to go along with the marketing of all things free and open;</li> |
|||
<li>An economic model that tries to reconcile the legacy of radical anti-property art practice with the reformist nature of social critique;</li> |
|||
<li>An aesthetic in the sense of an audiovisual language, like meme culture, but also a number of novelty appropriative frameworks ranging from semionauts to circulationism.</li> |
|||
</ul> |
|||
<p>Aymeric Mansoux, Sandbox Culture (2017) - p.377</p> |
|||
</body> |
|||
</html> |
@ -0,0 +1,5 @@ |
|||
# Generative Conditions |
|||
|
|||
**Generative** part ... the excitement of taking your hands from something you made, allow it to travel beyond the author(s) |
|||
|
|||
**Conditions** part ... thoughts about authorship and property are totally context specific |
@ -0,0 +1,20 @@ |
|||
<!DOCTYPE html> |
|||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang=""> |
|||
<head> |
|||
<meta charset="utf-8" /> |
|||
<meta name="generator" content="pandoc" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> |
|||
<title>generative-conditions</title> |
|||
<style type="text/css"> |
|||
code{white-space: pre-wrap;} |
|||
span.smallcaps{font-variant: small-caps;} |
|||
span.underline{text-decoration: underline;} |
|||
div.column{display: inline-block; vertical-align: top; width: 50%;} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<h1 id="generative-conditions">Generative Conditions</h1> |
|||
<p><strong>Generative</strong> part … the excitement of taking your hands from something you made, allow it to travel beyond the author(s)</p> |
|||
<p><strong>Conditions</strong> part … thoughts about authorship and property are totally context specific</p> |
|||
</body> |
|||
</html> |
@ -0,0 +1,41 @@ |
|||
body{ |
|||
#background-color: pink; |
|||
} |
|||
body > a { |
|||
position: fixed; |
|||
top: 10px; |
|||
left: 31px; |
|||
color:magenta; |
|||
} |
|||
div{ |
|||
max-width: 520px; |
|||
float: left; |
|||
margin: 2em 0em; |
|||
padding:0; |
|||
} |
|||
.html{ |
|||
margin:0 3em; |
|||
} |
|||
.pdf object{ |
|||
width: 400px; |
|||
height: 400px; |
|||
} |
|||
div#folder{ |
|||
float:left; |
|||
margin-right:2em; |
|||
} |
|||
.plain, |
|||
.unkown-file{ |
|||
float:right; |
|||
clear:right; |
|||
} |
|||
figcaption, |
|||
.filename{ |
|||
font-size:small; |
|||
color:magenta; |
|||
margin:1em; |
|||
word-break: break-word; |
|||
} |
|||
a{ |
|||
word-break: break-word; |
|||
} |
@ -0,0 +1,149 @@ |
|||
|
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<!-- Generated with distribusi https://git.vvvvvvaria.org/varia/distribusi --> |
|||
<meta name="generator" content="distribusi" /> |
|||
<meta http-equiv="content-type" content="text/html; charset=utf-8"> |
|||
<style> |
|||
.image{max-width: 100%;} |
|||
.pdf object{width:640px;height: 640px;} |
|||
.dir::before{content:"📁 ";font-size:18px;} |
|||
.filename{display:block;font-family:mono;} |
|||
.unkown-file::before{content:"📄 ";font-size:18px;} |
|||
div{max-width: 640px;display:inline-block;vertical-align:top;margin:1em;padding:1em;} |
|||
video {width:640px;max-height:640px;} |
|||
body{ |
|||
#background-color: pink; |
|||
} |
|||
body > a { |
|||
position: fixed; |
|||
top: 10px; |
|||
left: 31px; |
|||
color:magenta; |
|||
} |
|||
div{ |
|||
max-width: 520px; |
|||
float: left; |
|||
margin: 2em 0em; |
|||
padding:0; |
|||
} |
|||
.html{ |
|||
margin:0 3em; |
|||
} |
|||
.pdf object{ |
|||
width: 400px; |
|||
height: 400px; |
|||
} |
|||
div#folder{ |
|||
float:left; |
|||
margin-right:2em; |
|||
} |
|||
.plain, |
|||
.unkown-file{ |
|||
float:right; |
|||
clear:right; |
|||
} |
|||
figcaption, |
|||
.filename{ |
|||
font-size:small; |
|||
color:magenta; |
|||
margin:1em; |
|||
word-break: break-word; |
|||
} |
|||
a{ |
|||
word-break: break-word; |
|||
} |
|||
|
|||
</style> |
|||
</head> |
|||
<body> |
|||
<div id="folder" class="dir"><a href='proto-copyleft'>proto-copyleft/</a></div> |
|||
<div id="folder" class="dir"><a href='more-recent'>more-recent/</a></div> |
|||
<div id="folder" class="dir"><a href='license-readings'>license-readings/</a></div> |
|||
<div id="folder" class="dir"><a href='collective-work-practices-living'>collective-work-practices-living/</a></div> |
|||
<div id="folder" class="dir"><a href='.git'>.git/</a></div> |
|||
<div id="distribusi" class="plain unkown-file"><a href='distribusi.sh'>distribusi.sh</a></div> |
|||
<div id="free-culture-confusions-and-misunderstanding" class="plain unkown-file"><a href='free-culture-confusions-and-misunderstanding.md'>free-culture-confusions-and-misunderstanding.md</a></div> |
|||
<div id="free-culture-confusions-and-misunderstanding" class="html"><section id="free-culture-confusions-and-misunderstanding.md.html"><!DOCTYPE html> |
|||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang=""> |
|||
<head> |
|||
<meta charset="utf-8" /> |
|||
<meta name="generator" content="pandoc" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> |
|||
<title>free-culture-confusions-and-misunderstanding</title> |
|||
<style type="text/css"> |
|||
code{white-space: pre-wrap;} |
|||
span.smallcaps{font-variant: small-caps;} |
|||
span.underline{text-decoration: underline;} |
|||
div.column{display: inline-block; vertical-align: top; width: 50%;} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<h1 id="free-culture">Free culture</h1> |
|||
<p>There is so much confusion and misunderstanding about all these elements because they manifest and materialise differently at several levels, via a process of rationalisation that leads to the fragmentation of cultural freedom into new codes of meaning, the ideological and emotional nature of which can be contradictory to or incompatible with each other. As a consequence, free culture ends up being simply many different things at once:</p> |
|||
<ul> |
|||
<li>A toolkit for artists to expand their practice and free themselves from consumerist workflows;</li> |
|||
<li>A template for political statements against authorities of any kind;</li> |
|||
<li>A novel creative legal and technical framework to interface with and support existing copyright law practices;</li> |
|||
<li>A lifestyle, and sometimes fashionable statement to go along with the marketing of all things free and open;</li> |
|||
<li>An economic model that tries to reconcile the legacy of radical anti-property art practice with the reformist nature of social critique;</li> |
|||
<li>An aesthetic in the sense of an audiovisual language, like meme culture, but also a number of novelty appropriative frameworks ranging from semionauts to circulationism.</li> |
|||
</ul> |
|||
<p>Aymeric Mansoux, Sandbox Culture (2017) - p.377</p> |
|||
</body> |
|||
</html> |
|||
</section></div> |
|||
<div id="generative-conditions" class="plain unkown-file"><a href='generative-conditions.md'>generative-conditions.md</a></div> |
|||
<div id="generative-conditions" class="html"><section id="generative-conditions.md.html"><!DOCTYPE html> |
|||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang=""> |
|||
<head> |
|||
<meta charset="utf-8" /> |
|||
<meta name="generator" content="pandoc" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> |
|||
<title>generative-conditions</title> |
|||
<style type="text/css"> |
|||
code{white-space: pre-wrap;} |
|||
span.smallcaps{font-variant: small-caps;} |
|||
span.underline{text-decoration: underline;} |
|||
div.column{display: inline-block; vertical-align: top; width: 50%;} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<h1 id="generative-conditions">Generative Conditions</h1> |
|||
<p><strong>Generative</strong> part … the excitement of taking your hands from something you made, allow it to travel beyond the author(s)</p> |
|||
<p><strong>Conditions</strong> part … thoughts about authorship and property are totally context specific</p> |
|||
</body> |
|||
</html> |
|||
</section></div> |
|||
<div id="index" class="x-asm unkown-file"><a href='index.css'>index.css</a></div> |
|||
<div id="licensing-gestures" class="plain unkown-file"><a href='licensing-gestures.md'>licensing-gestures.md</a></div> |
|||
<div id="licensing-gestures" class="html"><section id="licensing-gestures.md.html"><!DOCTYPE html> |
|||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang=""> |
|||
<head> |
|||
<meta charset="utf-8" /> |
|||
<meta name="generator" content="pandoc" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> |
|||
<title>licensing-gestures</title> |
|||
<style type="text/css"> |
|||
code{white-space: pre-wrap;} |
|||
span.smallcaps{font-variant: small-caps;} |
|||
span.underline{text-decoration: underline;} |
|||
div.column{display: inline-block; vertical-align: top; width: 50%;} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<h1 id="licensing-gestures">Licensing gestures</h1> |
|||
<p><em>movements</em></p> |
|||
<p><strong>intra</strong>: inwards gesture – care-taking – attachment movement (as adds weight)</p> |
|||
<p><strong>inter</strong>: in between – less nurturing – detachment movement</p> |
|||
<p><em>attitudes</em></p> |
|||
<p><strong>just-in-case</strong>: a more ambigious movement of sharing – “I canʼt imagine why you would want to TOUCH this code, but just in case”</p> |
|||
<p><strong>it’s-the-case</strong>: statement gesture – translating into an attitude towards technology – attachment to networks, looking for affinity with others</p> |
|||
</body> |
|||
</html> |
|||
</section></div> |
|||
<div id="md2html" class="plain unkown-file"><a href='md2html.sh'>md2html.sh</a></div> |
|||
|
|||
</body> |
|||
</html> |
@ -0,0 +1,17 @@ |
|||
# GNU General Public License (GPL) |
|||
|
|||
<https://www.gnu.org/licenses/gpl-3.0.html> |
|||
|
|||
* "A license for software and other kinds of works." |
|||
* "**Developers** that use the GNU GPL protect your rights with two steps: (1) assert copyright on the software, and (2) offer you this License giving you legal permission to copy, distribute and/or modify it." |
|||
* “The **Program**” refers to any copyrightable work licensed under this License. Each licensee is addressed as “you”. “Licensees” and “recipients” may be individuals or organizations." |
|||
* "The “**source code**” for a work means the preferred form of the work for making modifications to it. “Object code” means any non-source form of a work." |
|||
* "This License explicitly affirms your unlimited permission to run the unmodified Program." |
|||
* "Conveying Non-Source Forms" = hardware. |
|||
* "Termination" — gives very specific information on days and procedure. |
|||
* An “entity transaction” is a transaction transferring control of an organization, or substantially all assets of one, or subdividing an organization, or merging organizations. If propagation of a covered work results from an entity transaction, each party to that transaction who receives a copy of the work also receives whatever licenses to the work the party's predecessor in interest had or could give under the previous paragraph, plus a right to possession of the Corresponding Source of the work from the predecessor in interest, if the predecessor has it or can get it with reasonable efforts. |
|||
* Each contributor grants you a non-exclusive, **worldwide**, royalty-free patent license under the contributor's essential patent claims, to make, use, sell, offer for sale, import and otherwise run, modify and propagate the contents of its contributor version. |
|||
* A patent license is “**discriminatory**” if it does not include within the scope of its coverage, prohibits the exercise of, or is conditioned on the non-exercise of one or more of the rights that are specifically granted under this License. — (License vs Patent: A patent is a legal right to exclude others from doing (making, using, selling) etc. what the patent covers. The legal right is owned by the patent owner (with some exceptions). On the other hand, a license is a legal right to not be excluded from doing what the patent covers. The license is granted by the patent owner to the licensee (with some exceptions), usually in exchange for something that benefits the patent owner.) |
|||
|
|||
|
|||
|
@ -0,0 +1,31 @@ |
|||
<!DOCTYPE html> |
|||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang=""> |
|||
<head> |
|||
<meta charset="utf-8" /> |
|||
<meta name="generator" content="pandoc" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> |
|||
<title>GPL</title> |
|||
<style type="text/css"> |
|||
code{white-space: pre-wrap;} |
|||
span.smallcaps{font-variant: small-caps;} |
|||
span.underline{text-decoration: underline;} |
|||
div.column{display: inline-block; vertical-align: top; width: 50%;} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<h1 id="gnu-general-public-license-gpl">GNU General Public License (GPL)</h1> |
|||
<p><a href="https://www.gnu.org/licenses/gpl-3.0.html" class="uri">https://www.gnu.org/licenses/gpl-3.0.html</a></p> |
|||
<ul> |
|||
<li>“A license for software and other kinds of works.”</li> |
|||
<li>“<strong>Developers</strong> that use the GNU GPL protect your rights with two steps: (1) assert copyright on the software, and (2) offer you this License giving you legal permission to copy, distribute and/or modify it.”</li> |
|||
<li>“The <strong>Program</strong>” refers to any copyrightable work licensed under this License. Each licensee is addressed as “you”. “Licensees” and “recipients” may be individuals or organizations."</li> |
|||
<li>“The “<strong>source code</strong>” for a work means the preferred form of the work for making modifications to it. “Object code” means any non-source form of a work."</li> |
|||
<li>“This License explicitly affirms your unlimited permission to run the unmodified Program.”</li> |
|||
<li>“Conveying Non-Source Forms” = hardware.</li> |
|||
<li>“Termination” — gives very specific information on days and procedure.</li> |
|||
<li>An “entity transaction” is a transaction transferring control of an organization, or substantially all assets of one, or subdividing an organization, or merging organizations. If propagation of a covered work results from an entity transaction, each party to that transaction who receives a copy of the work also receives whatever licenses to the work the party’s predecessor in interest had or could give under the previous paragraph, plus a right to possession of the Corresponding Source of the work from the predecessor in interest, if the predecessor has it or can get it with reasonable efforts.</li> |
|||
<li>Each contributor grants you a non-exclusive, <strong>worldwide</strong>, royalty-free patent license under the contributor’s essential patent claims, to make, use, sell, offer for sale, import and otherwise run, modify and propagate the contents of its contributor version.</li> |
|||
<li>A patent license is “<strong>discriminatory</strong>” if it does not include within the scope of its coverage, prohibits the exercise of, or is conditioned on the non-exercise of one or more of the rights that are specifically granted under this License. — (License vs Patent: A patent is a legal right to exclude others from doing (making, using, selling) etc. what the patent covers. The legal right is owned by the patent owner (with some exceptions). On the other hand, a license is a legal right to not be excluded from doing what the patent covers. The license is granted by the patent owner to the licensee (with some exceptions), usually in exchange for something that benefits the patent owner.)</li> |
|||
</ul> |
|||
</body> |
|||
</html> |
After Width: | Height: | Size: 9.8 KiB |
@ -0,0 +1,6 @@ |
|||
<div style="color:magenta;"> |
|||
# README |
|||
|
|||
These snippets are notes that we took while reading a whole range of open licenses. |
|||
|
|||
</div> |
@ -0,0 +1,21 @@ |
|||
<!DOCTYPE html> |
|||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang=""> |
|||
<head> |
|||
<meta charset="utf-8" /> |
|||
<meta name="generator" content="pandoc" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> |
|||
<title>README</title> |
|||
<style type="text/css"> |
|||
code{white-space: pre-wrap;} |
|||
span.smallcaps{font-variant: small-caps;} |
|||
span.underline{text-decoration: underline;} |
|||
div.column{display: inline-block; vertical-align: top; width: 50%;} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<div style="color:magenta;"> |
|||
<h1 id="readme">README</h1> |
|||
<p>These snippets are notes that we took while reading a whole range of open licenses.</p> |
|||
</div> |
|||
</body> |
|||
</html> |
@ -0,0 +1,144 @@ |
|||
|
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<!-- Generated with distribusi https://git.vvvvvvaria.org/varia/distribusi --> |
|||
<meta name="generator" content="distribusi" /> |
|||
<meta http-equiv="content-type" content="text/html; charset=utf-8"> |
|||
<style> |
|||
.image{max-width: 100%;} |
|||
.pdf object{width:640px;height: 640px;} |
|||
.dir::before{content:"📁 ";font-size:18px;} |
|||
.filename{display:block;font-family:mono;} |
|||
.unkown-file::before{content:"📄 ";font-size:18px;} |
|||
div{max-width: 640px;display:inline-block;vertical-align:top;margin:1em;padding:1em;} |
|||
video {width:640px;max-height:640px;} |
|||
body{ |
|||
#background-color: pink; |
|||
} |
|||
body > a { |
|||
position: fixed; |
|||
top: 10px; |
|||
left: 31px; |
|||
color:magenta; |
|||
} |
|||
div{ |
|||
max-width: 520px; |
|||
float: left; |
|||
margin: 2em 0em; |
|||
padding:0; |
|||
} |
|||
.html{ |
|||
margin:0 3em; |
|||
} |
|||
.pdf object{ |
|||
width: 400px; |
|||
height: 400px; |
|||
} |
|||
div#folder{ |
|||
float:left; |
|||
margin-right:2em; |
|||
} |
|||
.plain, |
|||
.unkown-file{ |
|||
float:right; |
|||
clear:right; |
|||
} |
|||
figcaption, |
|||
.filename{ |
|||
font-size:small; |
|||
color:magenta; |
|||
margin:1em; |
|||
word-break: break-word; |
|||
} |
|||
a{ |
|||
word-break: break-word; |
|||
} |
|||
|
|||
</style> |
|||
</head> |
|||
<body> |
|||
<div id="GPL" class="plain unkown-file"><a href='GPL.md'>GPL.md</a></div> |
|||
<div id="GPL" class="html"><section id="GPL.md.html"><!DOCTYPE html> |
|||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang=""> |
|||
<head> |
|||
<meta charset="utf-8" /> |
|||
<meta name="generator" content="pandoc" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> |
|||
<title>GPL</title> |
|||
<style type="text/css"> |
|||
code{white-space: pre-wrap;} |
|||
span.smallcaps{font-variant: small-caps;} |
|||
span.underline{text-decoration: underline;} |
|||
div.column{display: inline-block; vertical-align: top; width: 50%;} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<h1 id="gnu-general-public-license-gpl">GNU General Public License (GPL)</h1> |
|||
<p><a href="https://www.gnu.org/licenses/gpl-3.0.html" class="uri">https://www.gnu.org/licenses/gpl-3.0.html</a></p> |
|||
<ul> |
|||
<li>“A license for software and other kinds of works.”</li> |
|||
<li>“<strong>Developers</strong> that use the GNU GPL protect your rights with two steps: (1) assert copyright on the software, and (2) offer you this License giving you legal permission to copy, distribute and/or modify it.”</li> |
|||
<li>“The <strong>Program</strong>” refers to any copyrightable work licensed under this License. Each licensee is addressed as “you”. “Licensees” and “recipients” may be individuals or organizations."</li> |
|||
<li>“The “<strong>source code</strong>” for a work means the preferred form of the work for making modifications to it. “Object code” means any non-source form of a work."</li> |
|||
<li>“This License explicitly affirms your unlimited permission to run the unmodified Program.”</li> |
|||
<li>“Conveying Non-Source Forms” = hardware.</li> |
|||
<li>“Termination” — gives very specific information on days and procedure.</li> |
|||
<li>An “entity transaction” is a transaction transferring control of an organization, or substantially all assets of one, or subdividing an organization, or merging organizations. If propagation of a covered work results from an entity transaction, each party to that transaction who receives a copy of the work also receives whatever licenses to the work the party’s predecessor in interest had or could give under the previous paragraph, plus a right to possession of the Corresponding Source of the work from the predecessor in interest, if the predecessor has it or can get it with reasonable efforts.</li> |
|||
<li>Each contributor grants you a non-exclusive, <strong>worldwide</strong>, royalty-free patent license under the contributor’s essential patent claims, to make, use, sell, offer for sale, import and otherwise run, modify and propagate the contents of its contributor version.</li> |
|||
<li>A patent license is “<strong>discriminatory</strong>” if it does not include within the scope of its coverage, prohibits the exercise of, or is conditioned on the non-exercise of one or more of the rights that are specifically granted under this License. — (License vs Patent: A patent is a legal right to exclude others from doing (making, using, selling) etc. what the patent covers. The legal right is owned by the patent owner (with some exceptions). On the other hand, a license is a legal right to not be excluded from doing what the patent covers. The license is granted by the patent owner to the licensee (with some exceptions), usually in exchange for something that benefits the patent owner.)</li> |
|||
</ul> |
|||
</body> |
|||
</html> |
|||
</section></div> |
|||
<div id="GPL" class="png"><figure><img class="image" src="GPL.png"><figcaption>GPL.png</figcaption></figure></div> |
|||
<div id="README" class="plain unkown-file"><a href='README.md'>README.md</a></div> |
|||
<div id="README" class="html"><section id="README.md.html"><!DOCTYPE html> |
|||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang=""> |
|||
<head> |
|||
<meta charset="utf-8" /> |
|||
<meta name="generator" content="pandoc" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> |
|||
<title>README</title> |
|||
<style type="text/css"> |
|||
code{white-space: pre-wrap;} |
|||
span.smallcaps{font-variant: small-caps;} |
|||
span.underline{text-decoration: underline;} |
|||
div.column{display: inline-block; vertical-align: top; width: 50%;} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<div style="color:magenta;"> |
|||
<h1 id="readme">README</h1> |
|||
<p>These snippets are notes that we took while reading a whole range of open licenses.</p> |
|||
</div> |
|||
</body> |
|||
</html> |
|||
</section></div> |
|||
<div id="public-domain" class="plain unkown-file"><a href='public-domain.md'>public-domain.md</a></div> |
|||
<div id="public-domain" class="html"><section id="public-domain.md.html"><!DOCTYPE html> |
|||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang=""> |
|||
<head> |
|||
<meta charset="utf-8" /> |
|||
<meta name="generator" content="pandoc" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> |
|||
<title>public-domain</title> |
|||
<style type="text/css"> |
|||
code{white-space: pre-wrap;} |
|||
span.smallcaps{font-variant: small-caps;} |
|||
span.underline{text-decoration: underline;} |
|||
div.column{display: inline-block; vertical-align: top; width: 50%;} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<h1 id="public-domain">Public domain</h1> |
|||
<p><a href="https://en.wikipedia.org/wiki/Public_domain" class="uri">https://en.wikipedia.org/wiki/Public_domain</a></p> |
|||
<p>(no exclusive intellectual property rights apply.)</p> |
|||
<p>Eg.: <a href="https://github.com/metmuseum/openaccess" class="uri">https://github.com/metmuseum/openaccess</a> uses <a href="https://creativecommons.org/publicdomain/zero/1.0/" class="uri">https://creativecommons.org/publicdomain/zero/1.0/</a></p> |
|||
</body> |
|||
</html> |
|||
</section></div> |
|||
<a href="../">../</a> |
|||
|
|||
</body> |
|||
</html> |
@ -0,0 +1,10 @@ |
|||
# Public domain |
|||
|
|||
<https://en.wikipedia.org/wiki/Public_domain> |
|||
|
|||
(no exclusive intellectual property rights apply.) |
|||
|
|||
Eg.: <https://github.com/metmuseum/openaccess> uses <https://creativecommons.org/publicdomain/zero/1.0/> |
|||
|
|||
|
|||
|
@ -0,0 +1,21 @@ |
|||
<!DOCTYPE html> |
|||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang=""> |
|||
<head> |
|||
<meta charset="utf-8" /> |
|||
<meta name="generator" content="pandoc" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> |
|||
<title>public-domain</title> |
|||
<style type="text/css"> |
|||
code{white-space: pre-wrap;} |
|||
span.smallcaps{font-variant: small-caps;} |
|||
span.underline{text-decoration: underline;} |
|||
div.column{display: inline-block; vertical-align: top; width: 50%;} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<h1 id="public-domain">Public domain</h1> |
|||
<p><a href="https://en.wikipedia.org/wiki/Public_domain" class="uri">https://en.wikipedia.org/wiki/Public_domain</a></p> |
|||
<p>(no exclusive intellectual property rights apply.)</p> |
|||
<p>Eg.: <a href="https://github.com/metmuseum/openaccess" class="uri">https://github.com/metmuseum/openaccess</a> uses <a href="https://creativecommons.org/publicdomain/zero/1.0/" class="uri">https://creativecommons.org/publicdomain/zero/1.0/</a></p> |
|||
</body> |
|||
</html> |
@ -0,0 +1,16 @@ |
|||
# Licensing gestures |
|||
|
|||
*movements* |
|||
|
|||
**intra**: inwards gesture -- care-taking -- attachment movement (as adds weight) |
|||
|
|||
**inter**: in between -- less nurturing -- detachment movement |
|||
|
|||
*attitudes* |
|||
|
|||
**just-in-case**: a more ambigious movement of sharing -- "I canʼt imagine why you would want to TOUCH this code, but just in case" |
|||
|
|||
**it's-the-case**: statement gesture -- translating into an attitude towards technology -- attachment to networks, looking for affinity with others |
|||
|
|||
|
|||
|
@ -0,0 +1,24 @@ |
|||
<!DOCTYPE html> |
|||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang=""> |
|||
<head> |
|||
<meta charset="utf-8" /> |
|||
<meta name="generator" content="pandoc" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> |
|||
<title>licensing-gestures</title> |
|||
<style type="text/css"> |
|||
code{white-space: pre-wrap;} |
|||
span.smallcaps{font-variant: small-caps;} |
|||
span.underline{text-decoration: underline;} |
|||
div.column{display: inline-block; vertical-align: top; width: 50%;} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<h1 id="licensing-gestures">Licensing gestures</h1> |
|||
<p><em>movements</em></p> |
|||
<p><strong>intra</strong>: inwards gesture – care-taking – attachment movement (as adds weight)</p> |
|||
<p><strong>inter</strong>: in between – less nurturing – detachment movement</p> |
|||
<p><em>attitudes</em></p> |
|||
<p><strong>just-in-case</strong>: a more ambigious movement of sharing – “I canʼt imagine why you would want to TOUCH this code, but just in case”</p> |
|||
<p><strong>it’s-the-case</strong>: statement gesture – translating into an attitude towards technology – attachment to networks, looking for affinity with others</p> |
|||
</body> |
|||
</html> |
@ -0,0 +1,4 @@ |
|||
for i in $(find . -name '*.md'); do pandoc -s -t html "${i}" -o "${i}.html"; done |
|||
|
|||
#for i in *.md; do pandoc -s -t html "${i}" -o "${i}.html"; done |
|||
|
@ -0,0 +1,66 @@ |
|||
|
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<!-- Generated with distribusi https://git.vvvvvvaria.org/varia/distribusi --> |
|||
<meta name="generator" content="distribusi" /> |
|||
<meta http-equiv="content-type" content="text/html; charset=utf-8"> |
|||
<style> |
|||
.image{max-width: 100%;} |
|||
.pdf object{width:640px;height: 640px;} |
|||
.dir::before{content:"📁 ";font-size:18px;} |
|||
.filename{display:block;font-family:mono;} |
|||
.unkown-file::before{content:"📄 ";font-size:18px;} |
|||
div{max-width: 640px;display:inline-block;vertical-align:top;margin:1em;padding:1em;} |
|||
video {width:640px;max-height:640px;} |
|||
body{ |
|||
#background-color: pink; |
|||
} |
|||
body > a { |
|||
position: fixed; |
|||
top: 10px; |
|||
left: 31px; |
|||
color:magenta; |
|||
} |
|||
div{ |
|||
max-width: 520px; |
|||
float: left; |
|||
margin: 2em 0em; |
|||
padding:0; |
|||
} |
|||
.html{ |
|||
margin:0 3em; |
|||
} |
|||
.pdf object{ |
|||
width: 400px; |
|||
height: 400px; |
|||
} |
|||
div#folder{ |
|||
float:left; |
|||
margin-right:2em; |
|||
} |
|||
.plain, |
|||
.unkown-file{ |
|||
float:right; |
|||
clear:right; |
|||
} |
|||
figcaption, |
|||
.filename{ |
|||
font-size:small; |
|||
color:magenta; |
|||
margin:1em; |
|||
word-break: break-word; |
|||
} |
|||
a{ |
|||
word-break: break-word; |
|||
} |
|||
|
|||
</style> |
|||
</head> |
|||
<body> |
|||
<div id="intersections-of-care-rhizomatic-open-source" class="png"><figure><img class="image" src="intersections-of-care-rhizomatic-open-source.png"><figcaption>intersections-of-care-rhizomatic-open-source.png</figcaption></figure></div> |
|||
<div id="sources" class="plain unkown-file"><a href='sources.md'>sources.md</a></div> |
|||
<a href="../">../</a> |
|||
|
|||
</body> |
|||
</html> |
After Width: | Height: | Size: 60 KiB |
@ -0,0 +1,3 @@ |
|||
# Sources |
|||
|
|||
Intersections of Care (2019) <http://www.intersectionsofcare.net/> |
After Width: | Height: | Size: 41 KiB |
@ -0,0 +1,6 @@ |
|||
I [Aymeric Mansoux] found it mentionned with the mark *“\<L\>”* instead of *“(L)”* in the lyrics of a filk song 17 inspired |
|||
by the Dune science fiction saga by American author Frank Herbert. The |
|||
lyrics were signed *“\<L\> 1992 by Jeremy Buhler”* with a note at the end of |
|||
the file *“PS - \<L\> means copyleft”*. |
|||
|
|||
Aymeric Mansoux, Sandbox Culture (2017) |
@ -0,0 +1,19 @@ |
|||
<!DOCTYPE html> |
|||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang=""> |
|||
<head> |
|||
<meta charset="utf-8" /> |
|||
<meta name="generator" content="pandoc" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> |
|||
<title><L></title> |
|||
<style type="text/css"> |
|||
code{white-space: pre-wrap;} |
|||
span.smallcaps{font-variant: small-caps;} |
|||
span.underline{text-decoration: underline;} |
|||
div.column{display: inline-block; vertical-align: top; width: 50%;} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<p>I [Aymeric Mansoux] found it mentionned with the mark <em>“<L>”</em> instead of <em>“(L)”</em> in the lyrics of a filk song 17 inspired by the Dune science fiction saga by American author Frank Herbert. The lyrics were signed <em>“<L> 1992 by Jeremy Buhler”</em> with a note at the end of the file <em>“PS - <L> means copyleft”</em>.</p> |
|||
<p>Aymeric Mansoux, Sandbox Culture (2017)</p> |
|||
</body> |
|||
</html> |
After Width: | Height: | Size: 53 KiB |
After Width: | Height: | Size: 1.4 MiB |
After Width: | Height: | Size: 8.3 MiB |
After Width: | Height: | Size: 785 KiB |
After Width: | Height: | Size: 142 KiB |
@ -0,0 +1,6 @@ |
|||
Morton developed an approach he called COPY-IT-RIGHT, an anti-copyright approach to making and freely sharing Media art. The Distribution Religion and Morton's individual and collaborative Media art works were released under his COPY-IT-RIGHT license. COPY-IT-RIGHT encouraged people to make faithful copies, caring for and distributing the work as widely as possible. |
|||
|
|||
<https://en.wikipedia.org/wiki/Phil_Morton> |
|||
|
|||
|
|||
|
@ -0,0 +1,19 @@ |
|||
<!DOCTYPE html> |
|||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang=""> |
|||
<head> |
|||
<meta charset="utf-8" /> |
|||
<meta name="generator" content="pandoc" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> |
|||
<title>COPY-IT-RIGHT</title> |
|||
<style type="text/css"> |
|||
code{white-space: pre-wrap;} |
|||
span.smallcaps{font-variant: small-caps;} |
|||
span.underline{text-decoration: underline;} |
|||
div.column{display: inline-block; vertical-align: top; width: 50%;} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<p>Morton developed an approach he called COPY-IT-RIGHT, an anti-copyright approach to making and freely sharing Media art. The Distribution Religion and Morton’s individual and collaborative Media art works were released under his COPY-IT-RIGHT license. COPY-IT-RIGHT encouraged people to make faithful copies, caring for and distributing the work as widely as possible.</p> |
|||
<p><a href="https://en.wikipedia.org/wiki/Phil_Morton" class="uri">https://en.wikipedia.org/wiki/Phil_Morton</a></p> |
|||
</body> |
|||
</html> |
After Width: | Height: | Size: 40 KiB |
After Width: | Height: | Size: 49 KiB |
After Width: | Height: | Size: 823 KiB |
@ -0,0 +1,20 @@ |
|||
(...) \[O\]ne day in 1984 Stallman |
|||
received by mail a programming manual that had been borrowed |
|||
by American hacker and computer artist Don Hopkins. On the envelope |
|||
a stickers reading “Copyleft (L)” was used to seal the small package. |
|||
Hopkins had bought a pack of stickers at a science fiction convention, where |
|||
hackers, including Stallman, often gathered and where it was common |
|||
for them to organise and share rooms, notably for “@” parties in which |
|||
people with email addresses could meet each other. 14 According to Hopkins, |
|||
at that time the term copyleft was not part of the hacker culture, and |
|||
the stickers had been purchased in the dealer’s room of one convention |
|||
with other comics, political, and satirical stickers and buttons. 15 Knowing |
|||
Stallman’s appreciation for such things, Hopkins had decorated the letter |
|||
in a similar spirit. Little did he know that eventually the sticker and the |
|||
pseudo-copyright statement he had written as a joke (Figure 5.2), would |
|||
inspire Stallman to use the word copyleft to describe the properties of the |
|||
GPL. 16 This is how copyleft, the symbol of rebellious cultural practices, |
|||
ended up being claimed as a term to describe a particular mechanism of |
|||
free software licensing. |
|||
|
|||
Aymeric Mansoux, Sandbox Culture (2017) - p. 211-212 |
@ -0,0 +1,19 @@ |
|||
<!DOCTYPE html> |
|||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang=""> |
|||
<head> |
|||
<meta charset="utf-8" /> |
|||
<meta name="generator" content="pandoc" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> |
|||
<title>Copyleft-sticker</title> |
|||
<style type="text/css"> |
|||
code{white-space: pre-wrap;} |
|||
span.smallcaps{font-variant: small-caps;} |
|||
span.underline{text-decoration: underline;} |
|||
div.column{display: inline-block; vertical-align: top; width: 50%;} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<p>(…) [O]ne day in 1984 Stallman received by mail a programming manual that had been borrowed by American hacker and computer artist Don Hopkins. On the envelope a stickers reading “Copyleft (L)” was used to seal the small package. Hopkins had bought a pack of stickers at a science fiction convention, where hackers, including Stallman, often gathered and where it was common for them to organise and share rooms, notably for “@” parties in which people with email addresses could meet each other. 14 According to Hopkins, at that time the term copyleft was not part of the hacker culture, and the stickers had been purchased in the dealer’s room of one convention with other comics, political, and satirical stickers and buttons. 15 Knowing Stallman’s appreciation for such things, Hopkins had decorated the letter in a similar spirit. Little did he know that eventually the sticker and the pseudo-copyright statement he had written as a joke (Figure 5.2), would inspire Stallman to use the word copyleft to describe the properties of the GPL. 16 This is how copyleft, the symbol of rebellious cultural practices, ended up being claimed as a term to describe a particular mechanism of free software licensing.</p> |
|||
<p>Aymeric Mansoux, Sandbox Culture (2017) - p. 211-212</p> |
|||
</body> |
|||
</html> |
After Width: | Height: | Size: 62 KiB |
After Width: | Height: | Size: 50 KiB |
After Width: | Height: | Size: 282 KiB |
After Width: | Height: | Size: 178 KiB |
After Width: | Height: | Size: 74 KiB |
@ -0,0 +1,5 @@ |
|||
<div style="color:magenta;"> |
|||
# README |
|||
|
|||
This page includes examples of different people that were exploring attitudes/gestures/(social)-movements towards copyright, before the term "copyleft" was introduced as a legal tool. The techno-legal "hack" of copyleft was introduced by Richard Stallman in 1984. But it's interesting to see how these examples are all created before that, and were already exploring attitudes of being critical towards copyright laws. |
|||
</div> |
@ -0,0 +1,21 @@ |
|||
<!DOCTYPE html> |
|||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang=""> |
|||
<head> |
|||
<meta charset="utf-8" /> |
|||
<meta name="generator" content="pandoc" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> |
|||
<title>README</title> |
|||
<style type="text/css"> |
|||
code{white-space: pre-wrap;} |
|||
span.smallcaps{font-variant: small-caps;} |
|||
span.underline{text-decoration: underline;} |
|||
div.column{display: inline-block; vertical-align: top; width: 50%;} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<div style="color:magenta;"> |
|||
<h1 id="readme">README</h1> |
|||
<p>This page includes examples of different people that were exploring attitudes/gestures/(social)-movements towards copyright, before the term “copyleft” was introduced as a legal tool. The techno-legal “hack” of copyleft was introduced by Richard Stallman in 1984. But it’s interesting to see how these examples are all created before that, and were already exploring attitudes of being critical towards copyright laws.</p> |
|||
</div> |
|||
</body> |
|||
</html> |
After Width: | Height: | Size: 225 KiB |
After Width: | Height: | Size: 47 KiB |
After Width: | Height: | Size: 253 KiB |
After Width: | Height: | Size: 84 KiB |
@ -0,0 +1,18 @@ |
|||
<div style="color:magenta;"> |
|||
# Sources |
|||
|
|||
This collection of examples of licensing practices is mainly based on Aymeric Mansoux's PhD thesis, and specifically on chapter 5.1 (for if you're curious to read it yourself!). It mentions different variations/formats of copyleft statements, which are transfered in small typographic images on this page. |
|||
|
|||
----- |
|||
|
|||
Aymeric Mansoux, Sanbox Culture (2017) <https://www.bleu255.com/~aymeric/dump/aymeric_mansoux-sandbox_culture_phd_thesis-2017.pdf> |
|||
|
|||
Aymeric Mansoux, My lawyer is an artist (2011 + 2014) <https://www.hz-journal.org/n19/mansoux.html> |
|||
|
|||
MacKenzie Wark, From Mail Art to Net.art (2002) <https://www.nettime.org/Lists-Archives/nettime-l-0210/msg00040.html> |
|||
|
|||
a Xerox Mark - Radical Software, Volume I, Number 3 (Spring 1971) <http://www.radicalsoftware.org/e/volume1nr3.html> |
|||
|
|||
Georges Machiunas, Letter to Tomas Schmit (1964) + Ben Vautier, "TO CHANGE ART DESTROY EGO" (?) in Theories and Documents of Contemporary Art: A Sourcebook of Artists' Writings (1996) by Kristine Stiles, Peter Selz <https://books.google.nl/books?id=WXV-HlsUzdcC&pg=PA726&dq=GEORGE+MACIUNAS+-+Letter+Tomas+Schmit+(1964)&hl=en&sa=X&ved=0ahUKEwjE1oXm4cHmAhXsQEEAHUzkDhoQ6AEILzAB#v=onepage&q=GEORGE%20MACIUNAS%20-%20Letter%20Tomas%20Schmit%20(1964)&f=false> |
|||
|
|||
</div> |
@ -0,0 +1,27 @@ |
|||
<!DOCTYPE html> |
|||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang=""> |
|||
<head> |
|||
<meta charset="utf-8" /> |
|||
<meta name="generator" content="pandoc" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> |
|||
<title>credits</title> |
|||
<style type="text/css"> |
|||
code{white-space: pre-wrap;} |
|||
span.smallcaps{font-variant: small-caps;} |
|||
span.underline{text-decoration: underline;} |
|||
div.column{display: inline-block; vertical-align: top; width: 50%;} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<div style="color:magenta;"> |
|||
<h1 id="sources">Sources</h1> |
|||
<p>This collection of examples of licensing practices is mainly based on Aymeric Mansoux’s PhD thesis, and specifically on chapter 5.1 (for if you’re curious to read it yourself!). It mentions different variations/formats of copyleft statements, which are transfered in small typographic images on this page.</p> |
|||
<hr /> |
|||
<p>Aymeric Mansoux, Sanbox Culture (2017) <a href="https://www.bleu255.com/~aymeric/dump/aymeric_mansoux-sandbox_culture_phd_thesis-2017.pdf" class="uri">https://www.bleu255.com/~aymeric/dump/aymeric_mansoux-sandbox_culture_phd_thesis-2017.pdf</a></p> |
|||
<p>Aymeric Mansoux, My lawyer is an artist (2011 + 2014) <a href="https://www.hz-journal.org/n19/mansoux.html" class="uri">https://www.hz-journal.org/n19/mansoux.html</a></p> |
|||
<p>MacKenzie Wark, From Mail Art to Net.art (2002) <a href="https://www.nettime.org/Lists-Archives/nettime-l-0210/msg00040.html" class="uri">https://www.nettime.org/Lists-Archives/nettime-l-0210/msg00040.html</a></p> |
|||
<p>a Xerox Mark - Radical Software, Volume I, Number 3 (Spring 1971) <a href="http://www.radicalsoftware.org/e/volume1nr3.html" class="uri">http://www.radicalsoftware.org/e/volume1nr3.html</a></p> |
|||
<p>Georges Machiunas, Letter to Tomas Schmit (1964) + Ben Vautier, “TO CHANGE ART DESTROY EGO” (?) in Theories and Documents of Contemporary Art: A Sourcebook of Artists’ Writings (1996) by Kristine Stiles, Peter Selz <a href="https://books.google.nl/books?id=WXV-HlsUzdcC&pg=PA726&dq=GEORGE+MACIUNAS+-+Letter+Tomas+Schmit+(1964)&hl=en&sa=X&ved=0ahUKEwjE1oXm4cHmAhXsQEEAHUzkDhoQ6AEILzAB#v=onepage&q=GEORGE%20MACIUNAS%20-%20Letter%20Tomas%20Schmit%20(1964)&f=false">https://books.google.nl/books?id=WXV-HlsUzdcC&pg=PA726&dq=GEORGE+MACIUNAS+-+Letter+Tomas+Schmit+(1964)&hl=en&sa=X&ved=0ahUKEwjE1oXm4cHmAhXsQEEAHUzkDhoQ6AEILzAB#v=onepage&q=GEORGE%20MACIUNAS%20-%20Letter%20Tomas%20Schmit%20(1964)&f=false</a></p> |
|||
</div> |
|||
</body> |
|||
</html> |
After Width: | Height: | Size: 29 KiB |
After Width: | Height: | Size: 64 KiB |
After Width: | Height: | Size: 53 KiB |
@ -0,0 +1,205 @@ |
|||
|
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<!-- Generated with distribusi https://git.vvvvvvaria.org/varia/distribusi --> |
|||
<meta name="generator" content="distribusi" /> |
|||
<meta http-equiv="content-type" content="text/html; charset=utf-8"> |
|||
<style> |
|||
.image{max-width: 100%;} |
|||
.pdf object{width:640px;height: 640px;} |
|||
.dir::before{content:"📁 ";font-size:18px;} |
|||
.filename{display:block;font-family:mono;} |
|||
.unkown-file::before{content:"📄 ";font-size:18px;} |
|||
div{max-width: 640px;display:inline-block;vertical-align:top;margin:1em;padding:1em;} |
|||
video {width:640px;max-height:640px;} |
|||
body{ |
|||
#background-color: pink; |
|||
} |
|||
body > a { |
|||
position: fixed; |
|||
top: 10px; |
|||
left: 31px; |
|||
color:magenta; |
|||
} |
|||
div{ |
|||
max-width: 520px; |
|||
float: left; |
|||
margin: 2em 0em; |
|||
padding:0; |
|||
} |
|||
.html{ |
|||
margin:0 3em; |
|||
} |
|||
.pdf object{ |
|||
width: 400px; |
|||
height: 400px; |
|||
} |
|||
div#folder{ |
|||
float:left; |
|||
margin-right:2em; |
|||
} |
|||
.plain, |
|||
.unkown-file{ |
|||
float:right; |
|||
clear:right; |
|||
} |
|||
figcaption, |
|||
.filename{ |
|||
font-size:small; |
|||
color:magenta; |
|||
margin:1em; |
|||
word-break: break-word; |
|||
} |
|||
a{ |
|||
word-break: break-word; |
|||
} |
|||
|
|||
</style> |
|||
</head> |
|||
<body> |
|||
<div id="folder" class="dir"><a href='svg'>svg/</a></div> |
|||
<div id="folder" class="dir"><a href='other'>other/</a></div> |
|||
<div id="<L>-copyleft-1992" class="png"><figure><img class="image" src="<L>-copyleft-1992.png"><figcaption><L>-copyleft-1992.png</figcaption></figure></div> |
|||
<div id="<L>" class="plain unkown-file"><a href='<L>.md'><L>.md</a></div> |
|||
<div id="<L>" class="html"><section id="<L>.md.html"><!DOCTYPE html> |
|||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang=""> |
|||
<head> |
|||
<meta charset="utf-8" /> |
|||
<meta name="generator" content="pandoc" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> |
|||
<title><L></title> |
|||
<style type="text/css"> |
|||
code{white-space: pre-wrap;} |
|||
span.smallcaps{font-variant: small-caps;} |
|||
span.underline{text-decoration: underline;} |
|||
div.column{display: inline-block; vertical-align: top; width: 50%;} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<p>I [Aymeric Mansoux] found it mentionned with the mark <em>“<L>”</em> instead of <em>“(L)”</em> in the lyrics of a filk song 17 inspired by the Dune science fiction saga by American author Frank Herbert. The lyrics were signed <em>“<L> 1992 by Jeremy Buhler”</em> with a note at the end of the file <em>“PS - <L> means copyleft”</em>.</p> |
|||
<p>Aymeric Mansoux, Sandbox Culture (2017)</p> |
|||
</body> |
|||
</html> |
|||
</section></div> |
|||
<div id="<L>" class="png"><figure><img class="image" src="<L>.png"><figcaption><L>.png</figcaption></figure></div> |
|||
<div id="COPY-IT-RIGHT-3194323489_e9d51d3322_o" class="jpeg"><figure><img class="image" src="COPY-IT-RIGHT-3194323489_e9d51d3322_o.jpg"><figcaption>COPY-IT-RIGHT-3194323489_e9d51d3322_o.jpg</figcaption></figure></div> |
|||
<div id="COPY-IT-RIGHT-3195163650_73d1e7ed3e_o" class="jpeg"><figure><img class="image" src="COPY-IT-RIGHT-3195163650_73d1e7ed3e_o.jpg"><figcaption>COPY-IT-RIGHT-3195163650_73d1e7ed3e_o.jpg</figcaption></figure></div> |
|||
<div id="COPY-IT-RIGHT-DistributionReligion" class="pdf"><object data="COPY-IT-RIGHT-DistributionReligion.pdf" class="pdf" type="application/pdf"><embed src="COPY-IT-RIGHT-DistributionReligion.pdf" type="application/pdf" /></object><span class="filename">COPY-IT-RIGHT-DistributionReligion.pdf</span></div> |
|||
<div id="COPY-IT-RIGHT-Phil-Morton-1973" class="jpeg"><figure><img class="image" src="COPY-IT-RIGHT-Phil-Morton-1973.jpg"><figcaption>COPY-IT-RIGHT-Phil-Morton-1973.jpg</figcaption></figure></div> |
|||
<div id="COPY-IT-RIGHT-thedistributionreligion_cover" class="jpeg"><figure><img class="image" src="COPY-IT-RIGHT-thedistributionreligion_cover.jpg"><figcaption>COPY-IT-RIGHT-thedistributionreligion_cover.jpg</figcaption></figure></div> |
|||
<div id="COPY-IT-RIGHT" class="plain unkown-file"><a href='COPY-IT-RIGHT.md'>COPY-IT-RIGHT.md</a></div> |
|||
<div id="COPY-IT-RIGHT" class="html"><section id="COPY-IT-RIGHT.md.html"><!DOCTYPE html> |
|||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang=""> |
|||
<head> |
|||
<meta charset="utf-8" /> |
|||
<meta name="generator" content="pandoc" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> |
|||
<title>COPY-IT-RIGHT</title> |
|||
<style type="text/css"> |
|||
code{white-space: pre-wrap;} |
|||
span.smallcaps{font-variant: small-caps;} |
|||
span.underline{text-decoration: underline;} |
|||
div.column{display: inline-block; vertical-align: top; width: 50%;} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<p>Morton developed an approach he called COPY-IT-RIGHT, an anti-copyright approach to making and freely sharing Media art. The Distribution Religion and Morton’s individual and collaborative Media art works were released under his COPY-IT-RIGHT license. COPY-IT-RIGHT encouraged people to make faithful copies, caring for and distributing the work as widely as possible.</p> |
|||
<p><a href="https://en.wikipedia.org/wiki/Phil_Morton" class="uri">https://en.wikipedia.org/wiki/Phil_Morton</a></p> |
|||
</body> |
|||
</html> |
|||
</section></div> |
|||
<div id="COPY_IT_RIGHT-morton_distributionreligion_intro" class="jpeg"><figure><img class="image" src="COPY_IT_RIGHT-morton_distributionreligion_intro.jpg"><figcaption>COPY_IT_RIGHT-morton_distributionreligion_intro.jpg</figcaption></figure></div> |
|||
<div id="COPY_IT_RIGHT-sandin_distributionreligion_intro" class="jpeg"><figure><img class="image" src="COPY_IT_RIGHT-sandin_distributionreligion_intro.jpg"><figcaption>COPY_IT_RIGHT-sandin_distributionreligion_intro.jpg</figcaption></figure></div> |
|||
<div id="Copyleft-sticker-Don-Hopkins_Sandbox-Culture-Aymeric-Mansoux-page-253" class="jpeg"><figure><img class="image" src="Copyleft-sticker-Don-Hopkins_Sandbox-Culture-Aymeric-Mansoux-page-253.jpg"><figcaption>Copyleft-sticker-Don-Hopkins_Sandbox-Culture-Aymeric-Mansoux-page-253.jpg</figcaption></figure></div> |
|||
<div id="Copyleft-sticker" class="plain unkown-file"><a href='Copyleft-sticker.md'>Copyleft-sticker.md</a></div> |
|||
<div id="Copyleft-sticker" class="html"><section id="Copyleft-sticker.md.html"><!DOCTYPE html> |
|||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang=""> |
|||
<head> |
|||
<meta charset="utf-8" /> |
|||
<meta name="generator" content="pandoc" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> |
|||
<title>Copyleft-sticker</title> |
|||
<style type="text/css"> |
|||
code{white-space: pre-wrap;} |
|||
span.smallcaps{font-variant: small-caps;} |
|||
span.underline{text-decoration: underline;} |
|||
div.column{display: inline-block; vertical-align: top; width: 50%;} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<p>(…) [O]ne day in 1984 Stallman received by mail a programming manual that had been borrowed by American hacker and computer artist Don Hopkins. On the envelope a stickers reading “Copyleft (L)” was used to seal the small package. Hopkins had bought a pack of stickers at a science fiction convention, where hackers, including Stallman, often gathered and where it was common for them to organise and share rooms, notably for “@” parties in which people with email addresses could meet each other. 14 According to Hopkins, at that time the term copyleft was not part of the hacker culture, and the stickers had been purchased in the dealer’s room of one convention with other comics, political, and satirical stickers and buttons. 15 Knowing Stallman’s appreciation for such things, Hopkins had decorated the letter in a similar spirit. Little did he know that eventually the sticker and the pseudo-copyright statement he had written as a joke (Figure 5.2), would inspire Stallman to use the word copyleft to describe the properties of the GPL. 16 This is how copyleft, the symbol of rebellious cultural practices, ended up being claimed as a term to describe a particular mechanism of free software licensing.</p> |
|||
<p>Aymeric Mansoux, Sandbox Culture (2017) - p. 211-212</p> |
|||
</body> |
|||
</html> |
|||
</section></div> |
|||
<div id="Copyleft-sticker_from_an_envelope_mailed_from_Don_Hopkins_to_Richard_Stallman_in_1984" class="jpeg"><figure><img class="image" src="Copyleft-sticker_from_an_envelope_mailed_from_Don_Hopkins_to_Richard_Stallman_in_1984..jpg"><figcaption>Copyleft-sticker_from_an_envelope_mailed_from_Don_Hopkins_to_Richard_Stallman_in_1984..jpg</figcaption></figure></div> |
|||
<div id="Copyleft_All_Wrongs_Reserved" class="png"><figure><img class="image" src="Copyleft_All_Wrongs_Reserved.png"><figcaption>Copyleft_All_Wrongs_Reserved.png</figcaption></figure></div> |
|||
<div id="FLUXUS-Ben-Vautier" class="png"><figure><img class="image" src="FLUXUS-Ben-Vautier.png"><figcaption>FLUXUS-Ben-Vautier.png</figcaption></figure></div> |
|||
<div id="FLUXUS-Letter-to-Tomas-Schmit-1964" class="png"><figure><img class="image" src="FLUXUS-Letter-to-Tomas-Schmit-1964.png"><figcaption>FLUXUS-Letter-to-Tomas-Schmit-1964.png</figcaption></figure></div> |
|||
<div id="FLUXUS-Letter-to-Tomas-Schmitt-1964_Flux-objectives-are-social-(not-aesthetic)" class="pdf"><object data="FLUXUS-Letter-to-Tomas-Schmitt-1964_Flux-objectives-are-social-(not-aesthetic).pdf" class="pdf" type="application/pdf"><embed src="FLUXUS-Letter-to-Tomas-Schmitt-1964_Flux-objectives-are-social-(not-aesthetic).pdf" type="application/pdf" /></object><span class="filename">FLUXUS-Letter-to-Tomas-Schmitt-1964_Flux-objectives-are-social-(not-aesthetic).pdf</span></div> |
|||
<div id="Principia-Discordia-1979" class="png"><figure><img class="image" src="Principia-Discordia-1979.png"><figcaption>Principia-Discordia-1979.png</figcaption></figure></div> |
|||
<div id="README" class="plain unkown-file"><a href='README.md'>README.md</a></div> |
|||
<div id="README" class="html"><section id="README.md.html"><!DOCTYPE html> |
|||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang=""> |
|||
<head> |
|||
<meta charset="utf-8" /> |
|||
<meta name="generator" content="pandoc" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> |
|||
<title>README</title> |
|||
<style type="text/css"> |
|||
code{white-space: pre-wrap;} |
|||
span.smallcaps{font-variant: small-caps;} |
|||
span.underline{text-decoration: underline;} |
|||
div.column{display: inline-block; vertical-align: top; width: 50%;} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<div style="color:magenta;"> |
|||
<h1 id="readme">README</h1> |
|||
<p>This page includes examples of different people that were exploring attitudes/gestures/(social)-movements towards copyright, before the term “copyleft” was introduced as a legal tool. The techno-legal “hack” of copyleft was introduced by Richard Stallman in 1984. But it’s interesting to see how these examples are all created before that, and were already exploring attitudes of being critical towards copyright laws.</p> |
|||
</div> |
|||
</body> |
|||
</html> |
|||
</section></div> |
|||
<div id="Situationist-International-publication-statement-1959" class="png"><figure><img class="image" src="Situationist-International-publication-statement-1959.png"><figcaption>Situationist-International-publication-statement-1959.png</figcaption></figure></div> |
|||
<div id="Tiny-BASIC-1976" class="png"><figure><img class="image" src="Tiny-BASIC-1976.png"><figcaption>Tiny-BASIC-1976.png</figcaption></figure></div> |
|||
<div id="a-Xerox-Mark-Radical-Software-1973" class="png"><figure><img class="image" src="a-Xerox-Mark-Radical-Software-1973.png"><figcaption>a-Xerox-Mark-Radical-Software-1973.png</figcaption></figure></div> |
|||
<div id="a-Xerox-Mark-Radical-Software-VOLUME1NR3_colophon-1973" class="pdf"><object data="a-Xerox-Mark-Radical-Software-VOLUME1NR3_colophon-1973.pdf" class="pdf" type="application/pdf"><embed src="a-Xerox-Mark-Radical-Software-VOLUME1NR3_colophon-1973.pdf" type="application/pdf" /></object><span class="filename">a-Xerox-Mark-Radical-Software-VOLUME1NR3_colophon-1973.pdf</span></div> |
|||
<div id="copy-left-right-Ray-Johnson-196X" class="png"><figure><img class="image" src="copy-left-right-Ray-Johnson-196X.png"><figcaption>copy-left-right-Ray-Johnson-196X.png</figcaption></figure></div> |
|||
<div id="credits" class="plain unkown-file"><a href='credits.md'>credits.md</a></div> |
|||
<div id="credits" class="html"><section id="credits.md.html"><!DOCTYPE html> |
|||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang=""> |
|||
<head> |
|||
<meta charset="utf-8" /> |
|||
<meta name="generator" content="pandoc" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> |
|||
<title>credits</title> |
|||
<style type="text/css"> |
|||
code{white-space: pre-wrap;} |
|||
span.smallcaps{font-variant: small-caps;} |
|||
span.underline{text-decoration: underline;} |
|||
div.column{display: inline-block; vertical-align: top; width: 50%;} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<div style="color:magenta;"> |
|||
<h1 id="sources">Sources</h1> |
|||
<p>This collection of examples of licensing practices is mainly based on Aymeric Mansoux’s PhD thesis, and specifically on chapter 5.1 (for if you’re curious to read it yourself!). It mentions different variations/formats of copyleft statements, which are transfered in small typographic images on this page.</p> |
|||
<hr /> |
|||
<p>Aymeric Mansoux, Sanbox Culture (2017) <a href="https://www.bleu255.com/~aymeric/dump/aymeric_mansoux-sandbox_culture_phd_thesis-2017.pdf" class="uri">https://www.bleu255.com/~aymeric/dump/aymeric_mansoux-sandbox_culture_phd_thesis-2017.pdf</a></p> |
|||
<p>Aymeric Mansoux, My lawyer is an artist (2011 + 2014) <a href="https://www.hz-journal.org/n19/mansoux.html" class="uri">https://www.hz-journal.org/n19/mansoux.html</a></p> |
|||
<p>MacKenzie Wark, From Mail Art to Net.art (2002) <a href="https://www.nettime.org/Lists-Archives/nettime-l-0210/msg00040.html" class="uri">https://www.nettime.org/Lists-Archives/nettime-l-0210/msg00040.html</a></p> |
|||
<p>a Xerox Mark - Radical Software, Volume I, Number 3 (Spring 1971) <a href="http://www.radicalsoftware.org/e/volume1nr3.html" class="uri">http://www.radicalsoftware.org/e/volume1nr3.html</a></p> |
|||
<p>Georges Machiunas, Letter to Tomas Schmit (1964) + Ben Vautier, “TO CHANGE ART DESTROY EGO” (?) in Theories and Documents of Contemporary Art: A Sourcebook of Artists’ Writings (1996) by Kristine Stiles, Peter Selz <a href="https://books.google.nl/books?id=WXV-HlsUzdcC&pg=PA726&dq=GEORGE+MACIUNAS+-+Letter+Tomas+Schmit+(1964)&hl=en&sa=X&ved=0ahUKEwjE1oXm4cHmAhXsQEEAHUzkDhoQ6AEILzAB#v=onepage&q=GEORGE%20MACIUNAS%20-%20Letter%20Tomas%20Schmit%20(1964)&f=false">https://books.google.nl/books?id=WXV-HlsUzdcC&pg=PA726&dq=GEORGE+MACIUNAS+-+Letter+Tomas+Schmit+(1964)&hl=en&sa=X&ved=0ahUKEwjE1oXm4cHmAhXsQEEAHUzkDhoQ6AEILzAB#v=onepage&q=GEORGE%20MACIUNAS%20-%20Letter%20Tomas%20Schmit%20(1964)&f=false</a></p> |
|||
</div> |
|||
</body> |
|||
</html> |
|||
</section></div> |
|||
<div id="ezine-020-The-Swedish-Elite-Magazine-1995" class="png"><figure><img class="image" src="ezine-020-The-Swedish-Elite-Magazine-1995.png"><figcaption>ezine-020-The-Swedish-Elite-Magazine-1995.png</figcaption></figure></div> |
|||
<div id="ezine-Mage$ty-1999" class="png"><figure><img class="image" src="ezine-Mage$ty-1999.png"><figcaption>ezine-Mage$ty-1999.png</figcaption></figure></div> |
|||
<div id="ezine-Mister-Zen-1992" class="png"><figure><img class="image" src="ezine-Mister-Zen-1992.png"><figcaption>ezine-Mister-Zen-1992.png</figcaption></figure></div> |
|||
<a href="../">../</a> |
|||
|
|||
</body> |
|||
</html> |
After Width: | Height: | Size: 216 KiB |
After Width: | Height: | Size: 31 KiB |
@ -0,0 +1,67 @@ |
|||
|
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<!-- Generated with distribusi https://git.vvvvvvaria.org/varia/distribusi --> |
|||
<meta name="generator" content="distribusi" /> |
|||
<meta http-equiv="content-type" content="text/html; charset=utf-8"> |
|||
<style> |
|||
.image{max-width: 100%;} |
|||
.pdf object{width:640px;height: 640px;} |
|||
.dir::before{content:"📁 ";font-size:18px;} |
|||
.filename{display:block;font-family:mono;} |
|||
.unkown-file::before{content:"📄 ";font-size:18px;} |
|||
div{max-width: 640px;display:inline-block;vertical-align:top;margin:1em;padding:1em;} |
|||
video {width:640px;max-height:640px;} |
|||
body{ |
|||
#background-color: pink; |
|||
} |
|||
body > a { |
|||
position: fixed; |
|||
top: 10px; |
|||
left: 31px; |
|||
color:magenta; |
|||
} |
|||
div{ |
|||
max-width: 520px; |
|||
float: left; |
|||
margin: 2em 0em; |
|||
padding:0; |
|||
} |
|||
.html{ |
|||
margin:0 3em; |
|||
} |
|||
.pdf object{ |
|||
width: 400px; |
|||
height: 400px; |
|||
} |
|||
div#folder{ |
|||
float:left; |
|||
margin-right:2em; |
|||
} |
|||
.plain, |
|||
.unkown-file{ |
|||
float:right; |
|||
clear:right; |
|||
} |
|||
figcaption, |
|||
.filename{ |
|||
font-size:small; |
|||
color:magenta; |
|||
margin:1em; |
|||
word-break: break-word; |
|||
} |
|||
a{ |
|||
word-break: break-word; |
|||
} |
|||
|
|||
</style> |
|||
</head> |
|||
<body> |
|||
<div id="author-unknown-2" class="jpeg"><figure><img class="image" src="author-unknown-2.jpg"><figcaption>author-unknown-2.jpg</figcaption></figure></div> |
|||
<div id="author-unknown-beforeandafter" class="png"><figure><img class="image" src="author-unknown-beforeandafter.png"><figcaption>author-unknown-beforeandafter.png</figcaption></figure></div> |
|||
<div id="networking" class="png"><figure><img class="image" src="networking.png"><figcaption>networking.png</figcaption></figure></div> |
|||
<a href="../">../</a> |
|||
|
|||
</body> |
|||
</html> |
After Width: | Height: | Size: 91 KiB |
After Width: | Height: | Size: 3.8 KiB |
After Width: | Height: | Size: 4.4 KiB |
After Width: | Height: | Size: 6.5 KiB |
After Width: | Height: | Size: 3.5 KiB |
After Width: | Height: | Size: 5.1 KiB |
After Width: | Height: | Size: 3.5 KiB |
After Width: | Height: | Size: 31 KiB |
After Width: | Height: | Size: 3.5 KiB |
@ -0,0 +1,72 @@ |
|||
|
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<!-- Generated with distribusi https://git.vvvvvvaria.org/varia/distribusi --> |
|||
<meta name="generator" content="distribusi" /> |
|||
<meta http-equiv="content-type" content="text/html; charset=utf-8"> |
|||
<style> |
|||
.image{max-width: 100%;} |
|||
.pdf object{width:640px;height: 640px;} |
|||
.dir::before{content:"📁 ";font-size:18px;} |
|||
.filename{display:block;font-family:mono;} |
|||
.unkown-file::before{content:"📄 ";font-size:18px;} |
|||
div{max-width: 640px;display:inline-block;vertical-align:top;margin:1em;padding:1em;} |
|||
video {width:640px;max-height:640px;} |
|||
body{ |
|||
#background-color: pink; |
|||
} |
|||
body > a { |
|||
position: fixed; |
|||
top: 10px; |
|||
left: 31px; |
|||
color:magenta; |
|||
} |
|||
div{ |
|||
max-width: 520px; |
|||
float: left; |
|||
margin: 2em 0em; |
|||
padding:0; |
|||
} |
|||
.html{ |
|||
margin:0 3em; |
|||
} |
|||
.pdf object{ |
|||
width: 400px; |
|||
height: 400px; |
|||
} |
|||
div#folder{ |
|||
float:left; |
|||
margin-right:2em; |
|||
} |
|||
.plain, |
|||
.unkown-file{ |
|||
float:right; |
|||
clear:right; |
|||
} |
|||
figcaption, |
|||
.filename{ |
|||
font-size:small; |
|||
color:magenta; |
|||
margin:1em; |
|||
word-break: break-word; |
|||
} |
|||
a{ |
|||
word-break: break-word; |
|||
} |
|||
|
|||
</style> |
|||
</head> |
|||
<body> |
|||
<div id="<L>-copyleft-1992" class="svg+xml"><figure><img class="image" src="<L>-copyleft-1992.svg"><figcaption><L>-copyleft-1992.svg</figcaption></figure></div> |
|||
<div id="Principia-Discordia-1979" class="svg+xml"><figure><img class="image" src="Principia-Discordia-1979.svg"><figcaption>Principia-Discordia-1979.svg</figcaption></figure></div> |
|||
<div id="Situationist-International-publication-statement-1959" class="svg+xml"><figure><img class="image" src="Situationist-International-publication-statement-1959.svg"><figcaption>Situationist-International-publication-statement-1959.svg</figcaption></figure></div> |
|||
<div id="Tiny-BASIC-1976" class="svg+xml"><figure><img class="image" src="Tiny-BASIC-1976.svg"><figcaption>Tiny-BASIC-1976.svg</figcaption></figure></div> |
|||
<div id="copy-left-right-Ray-Johnson-196?" class="svg+xml"><figure><img class="image" src="copy-left-right-Ray-Johnson-196?.svg"><figcaption>copy-left-right-Ray-Johnson-196?.svg</figcaption></figure></div> |
|||
<div id="ezine-020-The-Swedish-Elite-Magazine-1995" class="svg+xml"><figure><img class="image" src="ezine-020-The-Swedish-Elite-Magazine-1995.svg"><figcaption>ezine-020-The-Swedish-Elite-Magazine-1995.svg</figcaption></figure></div> |
|||
<div id="ezine-Mage$ty-1999" class="svg+xml"><figure><img class="image" src="ezine-Mage$ty-1999.svg"><figcaption>ezine-Mage$ty-1999.svg</figcaption></figure></div> |
|||
<div id="ezine-Mister-Zen-1992" class="svg+xml"><figure><img class="image" src="ezine-Mister-Zen-1992.svg"><figcaption>ezine-Mister-Zen-1992.svg</figcaption></figure></div> |
|||
<a href="../">../</a> |
|||
|
|||
</body> |
|||
</html> |