1
0

added a techno-feminism folder + a bit more css

This commit is contained in:
manetta 2020-01-02 21:32:58 +01:00
parent 515d983987
commit 07ba0d8def
41 changed files with 456 additions and 85 deletions

View File

@ -15,12 +15,16 @@
video {width:640px;max-height:640px;} video {width:640px;max-height:640px;}
body{ body{
#background-color: pink; #background-color: pink;
margin-top:calc(6px + 1em);
} }
body > a { body > a {
position: fixed; position: fixed;
top: 10px; top: 0;
left: 31px; left: 0;
color:magenta; color: white;
background-color: fuchsia;
width: 100%;
padding: 3px 10px;
} }
div{ div{
max-width: 520px; max-width: 520px;
@ -54,15 +58,45 @@ figcaption,
a{ a{
word-break: break-word; word-break: break-word;
} }
blockquote{
margin:3em 0;
padding:0;
font-style:italic;
}
</style> </style>
</head> </head>
<body> <body>
<div id="bishop-claire-artificial-hells-participatory-art-and-politics-spectatorship01" class="png"><figure><img class="image" src="bishop-claire-artificial-hells-participatory-art-and-politics-spectatorship01.png"><figcaption>bishop-claire-artificial-hells-participatory-art-and-politics-spectatorship01.png</figcaption></figure></div>
<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> <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>
<div id="Ivan Illich_Conviviality_1973" class="png"><figure><img class="image" src="Ivan Illich_Conviviality_1973.png"><figcaption>Ivan Illich, Conviviality_1973.png</figcaption></figure></div> <div id="ivan-illich_Conviviality_1973" class="png"><figure><img class="image" src="ivan-illich_Conviviality_1973.png"><figcaption>ivan-illich_Conviviality_1973.png</figcaption></figure></div>
<div id="queering_damage01" class="png"><figure><img class="image" src="queering_damage01.png"><figcaption>Queering_Damage_01.png</figcaption></figure></div> <div id="queering_damage01" class="png"><figure><img class="image" src="queering_damage01.png"><figcaption>queering_damage01.png</figcaption></figure></div>
<div id="queering_damage02" class="png"><figure><img class="image" src="queering_damage02.png"><figcaption>Queering_Damage_02.png</figcaption></figure></div> <div id="queering_damage02" class="png"><figure><img class="image" src="queering_damage02.png"><figcaption>queering_damage02.png</figcaption></figure></div>
<div id="bishop-claire-artificial-hells-participatory-art-and-politics-spectatorship01" class="png"><figure><img class="image" src="bishop-claire-artificial-hells-participatory-art-and-politics-spectatorship01.png"><figcaption>bishop-claire-artificial-hells-participatory-art-and-politics-spectatorship.png</figcaption></figure></div> <div id="riot-grrrl-manifesto-snippet-1" class="png"><figure><img class="image" src="riot-grrrl-manifesto-snippet-1.png"><figcaption>riot-grrrl-manifesto-snippet-1.png</figcaption></figure></div>
<div id="riot-grrrl-manifesto-snippet-2" class="png"><figure><img class="image" src="riot-grrrl-manifesto-snippet-2.png"><figcaption>riot-grrrl-manifesto-snippet-2.png</figcaption></figure></div>
<div id="riot-grrrl-manifesto-snippet-3" class="png"><figure><img class="image" src="riot-grrrl-manifesto-snippet-3.png"><figcaption>riot-grrrl-manifesto-snippet-3.png</figcaption></figure></div>
<div id="sources" class="plain unkown-file"><a href='sources.md'>sources.md</a></div>
<div id="sources" class="html"><section id="sources.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>sources</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="sources">Sources</h1>
<p>Tools of Conviviality, Ivan Illich (197?) <a href="https://kok.memoryoftheworld.org/Ivan%20Illich/Tools%20of%20Conviviality%20(476)/Tools%20of%20Conviviality%20-%20Ivan%20Illich.pdf">https://kok.memoryoftheworld.org/Ivan%20Illich/Tools%20of%20Conviviality%20(476)/Tools%20of%20Conviviality%20-%20Ivan%20Illich.pdf</a></p>
<p>Riot Grrrls Manifesto (1989) <a href="https://www.historyisaweapon.com/defcon1/riotgrrrlmanifesto.html" class="uri">https://www.historyisaweapon.com/defcon1/riotgrrrlmanifesto.html</a></p>
</body>
</html>
</section></div>
<a href="../">../</a> <a href="../">../</a>
</body> </body>

View File

Before

Width:  |  Height:  |  Size: 79 KiB

After

Width:  |  Height:  |  Size: 79 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

View File

@ -0,0 +1,7 @@
# Sources
Tools of Conviviality, Ivan Illich (197?) <https://kok.memoryoftheworld.org/Ivan%20Illich/Tools%20of%20Conviviality%20(476)/Tools%20of%20Conviviality%20-%20Ivan%20Illich.pdf>
Riot Grrrls Manifesto (1989) <https://www.historyisaweapon.com/defcon1/riotgrrrlmanifesto.html>

View File

@ -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>sources</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="sources">Sources</h1>
<p>Tools of Conviviality, Ivan Illich (197?) <a href="https://kok.memoryoftheworld.org/Ivan%20Illich/Tools%20of%20Conviviality%20(476)/Tools%20of%20Conviviality%20-%20Ivan%20Illich.pdf">https://kok.memoryoftheworld.org/Ivan%20Illich/Tools%20of%20Conviviality%20(476)/Tools%20of%20Conviviality%20-%20Ivan%20Illich.pdf</a></p>
<p>Riot Grrrls Manifesto (1989) <a href="https://www.historyisaweapon.com/defcon1/riotgrrrlmanifesto.html" class="uri">https://www.historyisaweapon.com/defcon1/riotgrrrlmanifesto.html</a></p>
</body>
</html>

View File

@ -1,5 +1,6 @@
# Free culture # Free culture
<blockquote>
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 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: 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:
@ -9,5 +10,6 @@ of which can be contradictory to or incompatible with each other. As a consequen
* A lifestyle, and sometimes fashionable statement to go along with the marketing of all things free and open; * 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 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. * 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.
</blockquote>
Aymeric Mansoux, Sandbox Culture (2017) - p.377 Aymeric Mansoux, Sandbox Culture (2017) - p.377

View File

@ -14,6 +14,7 @@
</head> </head>
<body> <body>
<h1 id="free-culture">Free culture</h1> <h1 id="free-culture">Free culture</h1>
<blockquote>
<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> <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> <ul>
<li>A toolkit for artists to expand their practice and free themselves from consumerist workflows;</li> <li>A toolkit for artists to expand their practice and free themselves from consumerist workflows;</li>
@ -23,6 +24,7 @@
<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 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> <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> </ul>
</blockquote>
<p>Aymeric Mansoux, Sandbox Culture (2017) - p.377</p> <p>Aymeric Mansoux, Sandbox Culture (2017) - p.377</p>
</body> </body>
</html> </html>

View File

@ -1,11 +1,15 @@
body{ body{
#background-color: pink; #background-color: pink;
margin-top:calc(6px + 1em);
} }
body > a { body > a {
position: fixed; position: fixed;
top: 10px; top: 0;
left: 31px; left: 0;
color:magenta; color: white;
background-color: fuchsia;
width: 100%;
padding: 3px 10px;
} }
div{ div{
max-width: 520px; max-width: 520px;
@ -39,3 +43,8 @@ figcaption,
a{ a{
word-break: break-word; word-break: break-word;
} }
blockquote{
margin:3em 0;
padding:0;
font-style:italic;
}

View File

@ -15,12 +15,16 @@
video {width:640px;max-height:640px;} video {width:640px;max-height:640px;}
body{ body{
#background-color: pink; #background-color: pink;
margin-top:calc(6px + 1em);
} }
body > a { body > a {
position: fixed; position: fixed;
top: 10px; top: 0;
left: 31px; left: 0;
color:magenta; color: white;
background-color: fuchsia;
width: 100%;
padding: 3px 10px;
} }
div{ div{
max-width: 520px; max-width: 520px;
@ -54,10 +58,17 @@ figcaption,
a{ a{
word-break: break-word; word-break: break-word;
} }
blockquote{
margin:3em 0;
padding:0;
font-style:italic;
}
</style> </style>
</head> </head>
<body> <body>
<div id="folder" class="dir"><a href='techno-feminism'>techno-feminism/</a></div>
<div id="folder" class="dir"><a href='publishing_acts'>publishing_acts/</a></div>
<div id="folder" class="dir"><a href='proto-copyleft'>proto-copyleft/</a></div> <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='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='license-readings'>license-readings/</a></div>
@ -81,6 +92,7 @@ a{
</head> </head>
<body> <body>
<h1 id="free-culture">Free culture</h1> <h1 id="free-culture">Free culture</h1>
<blockquote>
<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> <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> <ul>
<li>A toolkit for artists to expand their practice and free themselves from consumerist workflows;</li> <li>A toolkit for artists to expand their practice and free themselves from consumerist workflows;</li>
@ -90,6 +102,7 @@ a{
<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 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> <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> </ul>
</blockquote>
<p>Aymeric Mansoux, Sandbox Culture (2017) - p.377</p> <p>Aymeric Mansoux, Sandbox Culture (2017) - p.377</p>
</body> </body>
</html> </html>

View File

@ -2,16 +2,7 @@
<https://www.gnu.org/licenses/gpl-3.0.html> <https://www.gnu.org/licenses/gpl-3.0.html>
* "A license for software and other kinds of works." * “Licensees” and “recipients” may be **individuals** or **organizations**.
* "**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 “**source code**” for a work means the preferred form of the work for making modifications to 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." * "**Termination**" — gives very specific information on days and procedure.
* "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." * **non-exclusive**, **worldwide**
* "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.)

View File

@ -16,16 +16,10 @@
<h1 id="gnu-general-public-license-gpl">GNU General Public License (GPL)</h1> <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> <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> <ul>
<li>“A license for software and other kinds of works.”</li> <li>“Licensees” and “recipients” may be <strong>individuals</strong> or <strong>organizations</strong>.</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>source code</strong>” for a work means the preferred form of the work for making modifications to 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.&quot;</li> <li><strong>Termination</strong>” — gives very specific information on days and procedure.</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.&quot;</li> <li><strong>non-exclusive</strong>, <strong>worldwide</strong></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 partys 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 contributors 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> </ul>
</body> </body>
</html> </html>

View File

@ -1,6 +1,6 @@
<div style="color:magenta;"> <div style="color:magenta;">
# README # README
These snippets are notes that we took while reading a whole range of open licenses. These snippets are notes that we took while reading a selection of open licenses.
</div> </div>

View File

@ -15,7 +15,7 @@
<body> <body>
<div style="color:magenta;"> <div style="color:magenta;">
<h1 id="readme">README</h1> <h1 id="readme">README</h1>
<p>These snippets are notes that we took while reading a whole range of open licenses.</p> <p>These snippets are notes that we took while reading a selection of open licenses.</p>
</div> </div>
</body> </body>
</html> </html>

View File

@ -15,12 +15,16 @@
video {width:640px;max-height:640px;} video {width:640px;max-height:640px;}
body{ body{
#background-color: pink; #background-color: pink;
margin-top:calc(6px + 1em);
} }
body > a { body > a {
position: fixed; position: fixed;
top: 10px; top: 0;
left: 31px; left: 0;
color:magenta; color: white;
background-color: fuchsia;
width: 100%;
padding: 3px 10px;
} }
div{ div{
max-width: 520px; max-width: 520px;
@ -54,6 +58,11 @@ figcaption,
a{ a{
word-break: break-word; word-break: break-word;
} }
blockquote{
margin:3em 0;
padding:0;
font-style:italic;
}
</style> </style>
</head> </head>
@ -77,16 +86,10 @@ a{
<h1 id="gnu-general-public-license-gpl">GNU General Public License (GPL)</h1> <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> <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> <ul>
<li>“A license for software and other kinds of works.”</li> <li>“Licensees” and “recipients” may be <strong>individuals</strong> or <strong>organizations</strong>.</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>source code</strong>” for a work means the preferred form of the work for making modifications to 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.&quot;</li> <li><strong>Termination</strong>” — gives very specific information on days and procedure.</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.&quot;</li> <li><strong>non-exclusive</strong>, <strong>worldwide</strong></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 partys 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 contributors 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> </ul>
</body> </body>
</html> </html>
@ -110,7 +113,7 @@ a{
<body> <body>
<div style="color:magenta;"> <div style="color:magenta;">
<h1 id="readme">README</h1> <h1 id="readme">README</h1>
<p>These snippets are notes that we took while reading a whole range of open licenses.</p> <p>These snippets are notes that we took while reading a selection of open licenses.</p>
</div> </div>
</body> </body>
</html> </html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 154 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 101 KiB

View File

@ -15,12 +15,16 @@
video {width:640px;max-height:640px;} video {width:640px;max-height:640px;}
body{ body{
#background-color: pink; #background-color: pink;
margin-top:calc(6px + 1em);
} }
body > a { body > a {
position: fixed; position: fixed;
top: 10px; top: 0;
left: 31px; left: 0;
color:magenta; color: white;
background-color: fuchsia;
width: 100%;
padding: 3px 10px;
} }
div{ div{
max-width: 520px; max-width: 520px;
@ -54,12 +58,44 @@ figcaption,
a{ a{
word-break: break-word; word-break: break-word;
} }
blockquote{
margin:3em 0;
padding:0;
font-style:italic;
}
</style> </style>
</head> </head>
<body> <body>
<div id="U2764-journal-license-statement-kibi-gô" class="png"><figure><img class="image" src="U2764-journal-license-statement-kibi-gô.png"><figcaption>U2764-journal-license-statement-kibi-gô.png</figcaption></figure></div>
<div id="go" class="png"><figure><img class="image" src="go.kibi.family-my-code-is-likely-not-useful-for-you.png"><figcaption>go.kibi.family-my-code-is-likely-not-useful-for-you.png</figcaption></figure></div>
<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="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> <div id="sources" class="plain unkown-file"><a href='sources.md'>sources.md</a></div>
<div id="sources" class="html"><section id="sources.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>sources</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="sources">Sources</h1>
<p>Intersections of Care (2019) <a href="http://www.intersectionsofcare.net/" class="uri">http://www.intersectionsofcare.net/</a></p>
<p>Kibi Gô (2020) <a href="https://go.kibi.family/" class="uri">https://go.kibi.family/</a></p>
<p>Various Web Page Designs, Kibi Gô (2020) <a href="https://style.u2764.com/" class="uri">https://style.u2764.com/</a></p>
<p>2764 journal, Kibi Gô (2020) <a href="https://www.u2764.com/" class="uri">https://www.u2764.com/</a></p>
</body>
</html>
</section></div>
<div id="various-webpage-styles-kibi-gô-1" class="png"><figure><img class="image" src="various-webpage-styles-kibi-gô-1.png"><figcaption>various-webpage-styles-kibi-gô-1.png</figcaption></figure></div>
<div id="various-webpage-styles-kibi-gô-2" class="png"><figure><img class="image" src="various-webpage-styles-kibi-gô-2.png"><figcaption>various-webpage-styles-kibi-gô-2.png</figcaption></figure></div>
<a href="../">../</a> <a href="../">../</a>
</body> </body>

View File

@ -1,3 +1,9 @@
# Sources # Sources
Intersections of Care (2019) <http://www.intersectionsofcare.net/> Intersections of Care (2019) <http://www.intersectionsofcare.net/>
Kibi Gô (2020) <https://go.kibi.family/>
Various Web Page Designs, Kibi Gô (2020) <https://style.u2764.com/>
\U2764 journal, Kibi Gô (2020) <https://www.u2764.com/>

View File

@ -0,0 +1,22 @@
<!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>sources</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="sources">Sources</h1>
<p>Intersections of Care (2019) <a href="http://www.intersectionsofcare.net/" class="uri">http://www.intersectionsofcare.net/</a></p>
<p>Kibi Gô (2020) <a href="https://go.kibi.family/" class="uri">https://go.kibi.family/</a></p>
<p>Various Web Page Designs, Kibi Gô (2020) <a href="https://style.u2764.com/" class="uri">https://style.u2764.com/</a></p>
<p>2764 journal, Kibi Gô (2020) <a href="https://www.u2764.com/" class="uri">https://www.u2764.com/</a></p>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 120 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 268 KiB

View File

@ -1,6 +1,8 @@
I [Aymeric Mansoux] found it mentionned with the mark *“\<L\>”* instead of *“(L)”* in the lyrics of a filk song 17 inspired <blockquote>
I 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 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 lyrics were signed *“\<L\> 1992 by Jeremy Buhler”* with a note at the end of
the file *“PS - \<L\> means copyleft”*. the file *“PS - \<L\> means copyleft”*.
</blockquote>
Aymeric Mansoux, Sandbox Culture (2017) Aymeric Mansoux, Sandbox Culture (2017)

View File

@ -13,7 +13,9 @@
</style> </style>
</head> </head>
<body> <body>
<p>I [Aymeric Mansoux] found it mentionned with the mark <em>&lt;L&gt;</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>&lt;L&gt; 1992 by Jeremy Buhler”</em> with a note at the end of the file <em>“PS - &lt;L&gt; means copyleft”</em>.</p> <blockquote>
I found it mentionned with the mark <em>&lt;L&gt;</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>&lt;L&gt; 1992 by Jeremy Buhler”</em> with a note at the end of the file <em>“PS - &lt;L&gt; means copyleft”</em>.
</blockquote>
<p>Aymeric Mansoux, Sandbox Culture (2017)</p> <p>Aymeric Mansoux, Sandbox Culture (2017)</p>
</body> </body>
</html> </html>

View File

@ -1,4 +1,6 @@
<blockquote>
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. 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.
</blockquote>
<https://en.wikipedia.org/wiki/Phil_Morton> <https://en.wikipedia.org/wiki/Phil_Morton>

View File

@ -13,7 +13,9 @@
</style> </style>
</head> </head>
<body> <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 Mortons 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> <blockquote>
Morton developed an approach he called COPY-IT-RIGHT, an anti-copyright approach to making and freely sharing Media art. The Distribution Religion and Mortons 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.
</blockquote>
<p><a href="https://en.wikipedia.org/wiki/Phil_Morton" class="uri">https://en.wikipedia.org/wiki/Phil_Morton</a></p> <p><a href="https://en.wikipedia.org/wiki/Phil_Morton" class="uri">https://en.wikipedia.org/wiki/Phil_Morton</a></p>
</body> </body>
</html> </html>

View File

@ -1,3 +1,4 @@
<blockquote>
(...) \[O\]ne day in 1984 Stallman (...) \[O\]ne day in 1984 Stallman
received by mail a programming manual that had been borrowed received by mail a programming manual that had been borrowed
by American hacker and computer artist Don Hopkins. On the envelope by American hacker and computer artist Don Hopkins. On the envelope
@ -16,5 +17,6 @@ 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, 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 ended up being claimed as a term to describe a particular mechanism of
free software licensing. free software licensing.
</blockquote>
Aymeric Mansoux, Sandbox Culture (2017) - p. 211-212 Aymeric Mansoux, Sandbox Culture (2017) - p. 211-212

View File

@ -13,7 +13,9 @@
</style> </style>
</head> </head>
<body> <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 dealers room of one convention with other comics, political, and satirical stickers and buttons. 15 Knowing Stallmans 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> <blockquote>
(…) [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 dealers room of one convention with other comics, political, and satirical stickers and buttons. 15 Knowing Stallmans 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.
</blockquote>
<p>Aymeric Mansoux, Sandbox Culture (2017) - p. 211-212</p> <p>Aymeric Mansoux, Sandbox Culture (2017) - p. 211-212</p>
</body> </body>
</html> </html>

View File

@ -1,5 +1,5 @@
<div style="color:magenta;"> <div style="color:magenta;">
# README # about this folder
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. 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> </div>

View File

@ -4,7 +4,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="generator" content="pandoc" /> <meta name="generator" content="pandoc" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>README</title> <title>about-this-folder</title>
<style type="text/css"> <style type="text/css">
code{white-space: pre-wrap;} code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;} span.smallcaps{font-variant: small-caps;}
@ -14,7 +14,7 @@
</head> </head>
<body> <body>
<div style="color:magenta;"> <div style="color:magenta;">
<h1 id="readme">README</h1> <h1 id="about-this-folder">about this folder</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 its interesting to see how these examples are all created before that, and were already exploring attitudes of being critical towards copyright laws.</p> <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 its interesting to see how these examples are all created before that, and were already exploring attitudes of being critical towards copyright laws.</p>
</div> </div>
</body> </body>

View File

@ -15,12 +15,16 @@
video {width:640px;max-height:640px;} video {width:640px;max-height:640px;}
body{ body{
#background-color: pink; #background-color: pink;
margin-top:calc(6px + 1em);
} }
body > a { body > a {
position: fixed; position: fixed;
top: 10px; top: 0;
left: 31px; left: 0;
color:magenta; color: white;
background-color: fuchsia;
width: 100%;
padding: 3px 10px;
} }
div{ div{
max-width: 520px; max-width: 520px;
@ -54,6 +58,11 @@ figcaption,
a{ a{
word-break: break-word; word-break: break-word;
} }
blockquote{
margin:3em 0;
padding:0;
font-style:italic;
}
</style> </style>
</head> </head>
@ -77,7 +86,9 @@ a{
</style> </style>
</head> </head>
<body> <body>
<p>I [Aymeric Mansoux] found it mentionned with the mark <em>&lt;L&gt;</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>&lt;L&gt; 1992 by Jeremy Buhler”</em> with a note at the end of the file <em>“PS - &lt;L&gt; means copyleft”</em>.</p> <blockquote>
I found it mentionned with the mark <em>&lt;L&gt;</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>&lt;L&gt; 1992 by Jeremy Buhler”</em> with a note at the end of the file <em>“PS - &lt;L&gt; means copyleft”</em>.
</blockquote>
<p>Aymeric Mansoux, Sandbox Culture (2017)</p> <p>Aymeric Mansoux, Sandbox Culture (2017)</p>
</body> </body>
</html> </html>
@ -104,7 +115,9 @@ a{
</style> </style>
</head> </head>
<body> <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 Mortons 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> <blockquote>
Morton developed an approach he called COPY-IT-RIGHT, an anti-copyright approach to making and freely sharing Media art. The Distribution Religion and Mortons 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.
</blockquote>
<p><a href="https://en.wikipedia.org/wiki/Phil_Morton" class="uri">https://en.wikipedia.org/wiki/Phil_Morton</a></p> <p><a href="https://en.wikipedia.org/wiki/Phil_Morton" class="uri">https://en.wikipedia.org/wiki/Phil_Morton</a></p>
</body> </body>
</html> </html>
@ -128,7 +141,9 @@ a{
</style> </style>
</head> </head>
<body> <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 dealers room of one convention with other comics, political, and satirical stickers and buttons. 15 Knowing Stallmans 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> <blockquote>
(…) [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 dealers room of one convention with other comics, political, and satirical stickers and buttons. 15 Knowing Stallmans 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.
</blockquote>
<p>Aymeric Mansoux, Sandbox Culture (2017) - p. 211-212</p> <p>Aymeric Mansoux, Sandbox Culture (2017) - p. 211-212</p>
</body> </body>
</html> </html>
@ -139,14 +154,18 @@ a{
<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-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="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="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="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="README" class="html"><section id="README.md.html"><!DOCTYPE html> <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="about-this-folder" class="plain unkown-file"><a href='about-this-folder.md'>about-this-folder.md</a></div>
<div id="about-this-folder" class="html"><section id="about-this-folder.md.html"><!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang=""> <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="generator" content="pandoc" /> <meta name="generator" content="pandoc" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>README</title> <title>about-this-folder</title>
<style type="text/css"> <style type="text/css">
code{white-space: pre-wrap;} code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;} span.smallcaps{font-variant: small-caps;}
@ -156,16 +175,12 @@ a{
</head> </head>
<body> <body>
<div style="color:magenta;"> <div style="color:magenta;">
<h1 id="readme">README</h1> <h1 id="about-this-folder">about this folder</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 its interesting to see how these examples are all created before that, and were already exploring attitudes of being critical towards copyright laws.</p> <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 its interesting to see how these examples are all created before that, and were already exploring attitudes of being critical towards copyright laws.</p>
</div> </div>
</body> </body>
</html> </html>
</section></div> </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="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="plain unkown-file"><a href='credits.md'>credits.md</a></div>
<div id="credits" class="html"><section id="credits.md.html"><!DOCTYPE html> <div id="credits" class="html"><section id="credits.md.html"><!DOCTYPE html>

View File

@ -15,12 +15,16 @@
video {width:640px;max-height:640px;} video {width:640px;max-height:640px;}
body{ body{
#background-color: pink; #background-color: pink;
margin-top:calc(6px + 1em);
} }
body > a { body > a {
position: fixed; position: fixed;
top: 10px; top: 0;
left: 31px; left: 0;
color:magenta; color: white;
background-color: fuchsia;
width: 100%;
padding: 3px 10px;
} }
div{ div{
max-width: 520px; max-width: 520px;
@ -54,6 +58,11 @@ figcaption,
a{ a{
word-break: break-word; word-break: break-word;
} }
blockquote{
margin:3em 0;
padding:0;
font-style:italic;
}
</style> </style>
</head> </head>

View File

@ -15,12 +15,16 @@
video {width:640px;max-height:640px;} video {width:640px;max-height:640px;}
body{ body{
#background-color: pink; #background-color: pink;
margin-top:calc(6px + 1em);
} }
body > a { body > a {
position: fixed; position: fixed;
top: 10px; top: 0;
left: 31px; left: 0;
color:magenta; color: white;
background-color: fuchsia;
width: 100%;
padding: 3px 10px;
} }
div{ div{
max-width: 520px; max-width: 520px;
@ -54,6 +58,11 @@ figcaption,
a{ a{
word-break: break-word; word-break: break-word;
} }
blockquote{
margin:3em 0;
padding:0;
font-style:italic;
}
</style> </style>
</head> </head>

View File

@ -15,12 +15,16 @@
video {width:640px;max-height:640px;} video {width:640px;max-height:640px;}
body{ body{
#background-color: pink; #background-color: pink;
margin-top:calc(6px + 1em);
} }
body > a { body > a {
position: fixed; position: fixed;
top: 10px; top: 0;
left: 31px; left: 0;
color:magenta; color: white;
background-color: fuchsia;
width: 100%;
padding: 3px 10px;
} }
div{ div{
max-width: 520px; max-width: 520px;
@ -54,6 +58,11 @@ figcaption,
a{ a{
word-break: break-word; word-break: break-word;
} }
blockquote{
margin:3em 0;
padding:0;
font-style:italic;
}
</style> </style>
</head> </head>

View File

@ -0,0 +1,10 @@
<div style="color:magenta;">
# about this folder
Snippets of technofeminist writings, in which statements are made that speak about authorship, property, open access, sharing and other open-license related subjects.
</div>

View File

@ -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>about-this-folder</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="about-this-folder">about this folder</h1>
<p>Snippets of technofeminist writings, in which statements are made that speak about authorship, property, open access, sharing and other open-license related subjects.</p>
</div>
</body>
</html>

120
techno-feminism/index.html Normal file
View File

@ -0,0 +1,120 @@
<!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;
margin-top:calc(6px + 1em);
}
body > a {
position: fixed;
top: 0;
left: 0;
color: white;
background-color: fuchsia;
width: 100%;
padding: 3px 10px;
}
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;
}
blockquote{
margin:3em 0;
padding:0;
font-style:italic;
}
</style>
</head>
<body>
<div id="about-this-folder" class="plain unkown-file"><a href='about-this-folder.md'>about-this-folder.md</a></div>
<div id="about-this-folder" class="html"><section id="about-this-folder.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>about-this-folder</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="about-this-folder">about this folder</h1>
<p>Snippets of technofeminist writings, in which statements are made that speak about authorship, property, open access, sharing and other open-license related subjects.</p>
</div>
</body>
</html>
</section></div>
<div id="riot-grrrl-manifesto-snippet-4" class="png"><figure><img class="image" src="riot-grrrl-manifesto-snippet-4.png"><figcaption>riot-grrrl-manifesto-snippet-4.png</figcaption></figure></div>
<div id="sources" class="plain unkown-file"><a href='sources.md'>sources.md</a></div>
<div id="sources" class="html"><section id="sources.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>sources</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>Riot Grrrls Manifesto (1989) <a href="https://www.historyisaweapon.com/defcon1/riotgrrrlmanifesto.html" class="uri">https://www.historyisaweapon.com/defcon1/riotgrrrlmanifesto.html</a></p>
</div>
</body>
</html>
</section></div>
<a href="../">../</a>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

View File

@ -0,0 +1,6 @@
<div style="color:magenta;">
# Sources
Riot Grrrls Manifesto (1989) <https://www.historyisaweapon.com/defcon1/riotgrrrlmanifesto.html>
</div>

View File

@ -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>sources</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>Riot Grrrls Manifesto (1989) <a href="https://www.historyisaweapon.com/defcon1/riotgrrrlmanifesto.html" class="uri">https://www.historyisaweapon.com/defcon1/riotgrrrlmanifesto.html</a></p>
</div>
</body>
</html>