Browse Source

added a techno-feminism folder + a bit more css

master
manetta 1 year ago
parent
commit
07ba0d8def
41 changed files with 456 additions and 85 deletions
  1. +41
    -7
      collective-work-practices-living/index.html
  2. +0
    -0
      collective-work-practices-living/ivan-illich_Conviviality_1973.png
  3. BIN
      collective-work-practices-living/riot-grrrl-manifesto-snippet-1.png
  4. BIN
      collective-work-practices-living/riot-grrrl-manifesto-snippet-2.png
  5. BIN
      collective-work-practices-living/riot-grrrl-manifesto-snippet-3.png
  6. +7
    -0
      collective-work-practices-living/sources.md
  7. +20
    -0
      collective-work-practices-living/sources.md.html
  8. +2
    -0
      free-culture-confusions-and-misunderstanding.md
  9. +2
    -0
      free-culture-confusions-and-misunderstanding.md.html
  10. +12
    -3
      index.css
  11. +16
    -3
      index.html
  12. +4
    -13
      license-readings/GPL.md
  13. +4
    -10
      license-readings/GPL.md.html
  14. +1
    -1
      license-readings/README.md
  15. +1
    -1
      license-readings/README.md.html
  16. +17
    -14
      license-readings/index.html
  17. BIN
      more-recent/U2764-journal-license-statement-kibi-gô.png
  18. BIN
      more-recent/go.kibi.family-my-code-is-likely-not-useful-for-you.png
  19. +39
    -3
      more-recent/index.html
  20. +6
    -0
      more-recent/sources.md
  21. +22
    -0
      more-recent/sources.md.html
  22. BIN
      more-recent/various-webpage-styles-kibi-gô-1.png
  23. BIN
      more-recent/various-webpage-styles-kibi-gô-2.png
  24. +3
    -1
      proto-copyleft/<L>.md
  25. +3
    -1
      proto-copyleft/<L>.md.html
  26. +2
    -0
      proto-copyleft/COPY-IT-RIGHT.md
  27. +3
    -1
      proto-copyleft/COPY-IT-RIGHT.md.html
  28. +2
    -0
      proto-copyleft/Copyleft-sticker.md
  29. +3
    -1
      proto-copyleft/Copyleft-sticker.md.html
  30. +1
    -1
      proto-copyleft/about-this-folder.md
  31. +2
    -2
      proto-copyleft/about-this-folder.md.html
  32. +29
    -14
      proto-copyleft/index.html
  33. +12
    -3
      proto-copyleft/other/index.html
  34. +12
    -3
      proto-copyleft/svg/index.html
  35. +12
    -3
      publishing_acts/index.html
  36. +10
    -0
      techno-feminism/about-this-folder.md
  37. +21
    -0
      techno-feminism/about-this-folder.md.html
  38. +120
    -0
      techno-feminism/index.html
  39. BIN
      techno-feminism/riot-grrrl-manifesto-snippet-4.png
  40. +6
    -0
      techno-feminism/sources.md
  41. +21
    -0
      techno-feminism/sources.md.html

+ 41
- 7
collective-work-practices-living/index.html View File

@ -15,12 +15,16 @@
video {width:640px;max-height:640px;}
body{
#background-color: pink;
margin-top:calc(6px + 1em);
}
body > a {
position: fixed;
top: 10px;
left: 31px;
color:magenta;
top: 0;
left: 0;
color: white;
background-color: fuchsia;
width: 100%;
padding: 3px 10px;
}
div{
max-width: 520px;
@ -54,15 +58,45 @@ figcaption,
a{
word-break: break-word;
}
blockquote{
margin:3em 0;
padding:0;
font-style:italic;
}
</style>
</head>
<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="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_damage02" class="png"><figure><img class="image" src="queering_damage02.png"><figcaption>Queering_Damage_02.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="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_damage01.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="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>
</body>


collective-work-practices-living/Ivan Illich_Conviviality_1973.png → collective-work-practices-living/ivan-illich_Conviviality_1973.png View File


BIN
collective-work-practices-living/riot-grrrl-manifesto-snippet-1.png View File

Before After
Width: 931  |  Height: 224  |  Size: 32 KiB

BIN
collective-work-practices-living/riot-grrrl-manifesto-snippet-2.png View File

Before After
Width: 997  |  Height: 302  |  Size: 42 KiB

BIN
collective-work-practices-living/riot-grrrl-manifesto-snippet-3.png View File

Before After
Width: 1010  |  Height: 154  |  Size: 18 KiB

+ 7
- 0
collective-work-practices-living/sources.md 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>

+ 20
- 0
collective-work-practices-living/sources.md.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>

+ 2
- 0
free-culture-confusions-and-misunderstanding.md View File

@ -1,5 +1,6 @@
# 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
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;
* 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.
</blockquote>
Aymeric Mansoux, Sandbox Culture (2017) - p.377

+ 2
- 0
free-culture-confusions-and-misunderstanding.md.html View File

@ -14,6 +14,7 @@
</head>
<body>
<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>
<ul>
<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 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>
</blockquote>
<p>Aymeric Mansoux, Sandbox Culture (2017) - p.377</p>
</body>
</html>

+ 12
- 3
index.css View File

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

+ 16
- 3
index.html View File

@ -15,12 +15,16 @@
video {width:640px;max-height:640px;}
body{
#background-color: pink;
margin-top:calc(6px + 1em);
}
body > a {
position: fixed;
top: 10px;
left: 31px;
color:magenta;
top: 0;
left: 0;
color: white;
background-color: fuchsia;
width: 100%;
padding: 3px 10px;
}
div{
max-width: 520px;
@ -54,10 +58,17 @@ figcaption,
a{
word-break: break-word;
}
blockquote{
margin:3em 0;
padding:0;
font-style:italic;
}
</style>
</head>
<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='more-recent'>more-recent/</a></div>
<div id="folder" class="dir"><a href='license-readings'>license-readings/</a></div>
@ -81,6 +92,7 @@ a{
</head>
<body>
<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>
<ul>
<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 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>
</blockquote>
<p>Aymeric Mansoux, Sandbox Culture (2017) - p.377</p>
</body>
</html>


+ 4
- 13
license-readings/GPL.md View File

@ -2,16 +2,7 @@
<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.)
* “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.
* "**Termination**" — gives very specific information on days and procedure.
* **non-exclusive**, **worldwide**

+ 4
- 10
license-readings/GPL.md.html View File

@ -16,16 +16,10 @@
<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.&quot;</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>“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>
<li>“Licensees” and “recipients” may be <strong>individuals</strong> or <strong>organizations</strong>.</li>
<li>“The “<strong>source code</strong>” for a work means the preferred form of the work for making modifications to it.</li>
<li><strong>Termination</strong>” — gives very specific information on days and procedure.</li>
<li><strong>non-exclusive</strong>, <strong>worldwide</strong></li>
</ul>
</body>
</html>

+ 1
- 1
license-readings/README.md View File

@ -1,6 +1,6 @@
<div style="color:magenta;">
# 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>

+ 1
- 1
license-readings/README.md.html View File

@ -15,7 +15,7 @@
<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>
<p>These snippets are notes that we took while reading a selection of open licenses.</p>
</div>
</body>
</html>

+ 17
- 14
license-readings/index.html View File

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


BIN
more-recent/U2764-journal-license-statement-kibi-gô.png View File

Before After
Width: 825  |  Height: 937  |  Size: 154 KiB

BIN
more-recent/go.kibi.family-my-code-is-likely-not-useful-for-you.png View File

Before After
Width: 799  |  Height: 668  |  Size: 101 KiB

+ 39
- 3
more-recent/index.html View File

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


+ 6
- 0
more-recent/sources.md View File

@ -1,3 +1,9 @@
# Sources
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/>

+ 22
- 0
more-recent/sources.md.html 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>

BIN
more-recent/various-webpage-styles-kibi-gô-1.png View File

Before After
Width: 946  |  Height: 620  |  Size: 120 KiB

BIN
more-recent/various-webpage-styles-kibi-gô-2.png View File

Before After
Width: 1436  |  Height: 971  |  Size: 268 KiB

+ 3
- 1
proto-copyleft/<L>.md 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
lyrics were signed *“\<L\> 1992 by Jeremy Buhler”* with a note at the end of
the file *“PS - \<L\> means copyleft”*.
</blockquote>
Aymeric Mansoux, Sandbox Culture (2017)

+ 3
- 1
proto-copyleft/<L>.md.html View File

@ -13,7 +13,9 @@
</style>
</head>
<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>
</body>
</html>

+ 2
- 0
proto-copyleft/COPY-IT-RIGHT.md 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.
</blockquote>
<https://en.wikipedia.org/wiki/Phil_Morton>


+ 3
- 1
proto-copyleft/COPY-IT-RIGHT.md.html View File

@ -13,7 +13,9 @@
</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>
<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.
</blockquote>
<p><a href="https://en.wikipedia.org/wiki/Phil_Morton" class="uri">https://en.wikipedia.org/wiki/Phil_Morton</a></p>
</body>
</html>

+ 2
- 0
proto-copyleft/Copyleft-sticker.md View File

@ -1,3 +1,4 @@
<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
@ -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,
ended up being claimed as a term to describe a particular mechanism of
free software licensing.
</blockquote>
Aymeric Mansoux, Sandbox Culture (2017) - p. 211-212

+ 3
- 1
proto-copyleft/Copyleft-sticker.md.html View File

@ -13,7 +13,9 @@
</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>
<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 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.
</blockquote>
<p>Aymeric Mansoux, Sandbox Culture (2017) - p. 211-212</p>
</body>
</html>

proto-copyleft/README.md → proto-copyleft/about-this-folder.md View File

@ -1,5 +1,5 @@
<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.
</div>

proto-copyleft/README.md.html → proto-copyleft/about-this-folder.md.html View File

@ -4,7 +4,7 @@
<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>
<title>about-this-folder</title>
<style type="text/css">
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
@ -14,7 +14,7 @@
</head>
<body>
<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 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>

+ 29
- 14
proto-copyleft/index.html View File

@ -15,12 +15,16 @@
video {width:640px;max-height:640px;}
body{
#background-color: pink;
margin-top:calc(6px + 1em);
}
body > a {
position: fixed;
top: 10px;
left: 31px;
color:magenta;
top: 0;
left: 0;
color: white;
background-color: fuchsia;
width: 100%;
padding: 3px 10px;
}
div{
max-width: 520px;
@ -54,6 +58,11 @@ figcaption,
a{
word-break: break-word;
}
blockquote{
margin:3em 0;
padding:0;
font-style:italic;
}
</style>
</head>
@ -77,7 +86,9 @@ a{
</style>
</head>
<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>
</body>
</html>
@ -104,7 +115,9 @@ a{
</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>
<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.
</blockquote>
<p><a href="https://en.wikipedia.org/wiki/Phil_Morton" class="uri">https://en.wikipedia.org/wiki/Phil_Morton</a></p>
</body>
</html>
@ -128,7 +141,9 @@ a{
</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>
<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 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.
</blockquote>
<p>Aymeric Mansoux, Sandbox Culture (2017) - p. 211-212</p>
</body>
</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-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>
<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="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>README</title>
<title>about-this-folder</title>
<style type="text/css">
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
@ -156,16 +175,12 @@ a{
</head>
<body>
<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 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>


+ 12
- 3
proto-copyleft/other/index.html View File

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


+ 12
- 3
proto-copyleft/svg/index.html View File

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


+ 12
- 3
publishing_acts/index.html View File

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


+ 10
- 0
techno-feminism/about-this-folder.md 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>

+ 21
- 0
techno-feminism/about-this-folder.md.html 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
- 0
techno-feminism/index.html 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>

BIN
techno-feminism/riot-grrrl-manifesto-snippet-4.png View File

Before After
Width: 966  |  Height: 196  |  Size: 26 KiB

+ 6
- 0
techno-feminism/sources.md View File

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

+ 21
- 0
techno-feminism/sources.md.html 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>

Loading…
Cancel
Save