1
0

updated the distribusi

This commit is contained in:
manetta 2020-01-06 16:18:12 +01:00
parent ee32e558a9
commit f03e8a9fa2
19 changed files with 49 additions and 79 deletions

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>

View File

@ -68,6 +68,29 @@ blockquote{
</head> </head>
<body> <body>
<div id="Diffractive_Genealogies_Natasha_Mauthner" class="png"><figure><img class="image" src="Diffractive_Genealogies_Natasha_Mauthner.png"><figcaption>Diffractive_Genealogies_Natasha_Mauthner.png</figcaption></figure></div> <div id="Diffractive_Genealogies_Natasha_Mauthner" class="png"><figure><img class="image" src="Diffractive_Genealogies_Natasha_Mauthner.png"><figcaption>Diffractive_Genealogies_Natasha_Mauthner.png</figcaption></figure></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>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="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="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>
@ -76,6 +99,7 @@ blockquote{
<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-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-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="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="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="plain unkown-file"><a href='sources.md'>sources.md</a></div>
<div id="sources" class="html"><section id="sources.md.html"><!DOCTYPE html> <div id="sources" class="html"><section id="sources.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="">
@ -90,14 +114,13 @@ blockquote{
span.underline{text-decoration: underline;} span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;} div.column{display: inline-block; vertical-align: top; width: 50%;}
</style> </style>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<div style="color:magenta;">
<h1 id="sources">Sources</h1> <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>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> <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> </body>
</html> </html>
</section></div> </section></div>

View File

@ -11,13 +11,12 @@
span.underline{text-decoration: underline;} span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;} div.column{display: inline-block; vertical-align: top; width: 50%;}
</style> </style>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<div style="color:magenta;">
<h1 id="sources">Sources</h1> <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>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> <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> </body>
</html> </html>

View File

@ -11,9 +11,6 @@
span.underline{text-decoration: underline;} span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;} div.column{display: inline-block; vertical-align: top; width: 50%;}
</style> </style>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<h1 id="free-culture">Free culture</h1> <h1 id="free-culture">Free culture</h1>

View File

@ -11,9 +11,6 @@
span.underline{text-decoration: underline;} span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;} div.column{display: inline-block; vertical-align: top; width: 50%;}
</style> </style>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<h1 id="generative-conditions">Generative Conditions</h1> <h1 id="generative-conditions">Generative Conditions</h1>

View File

@ -67,7 +67,6 @@ blockquote{
</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='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>
@ -90,9 +89,6 @@ blockquote{
span.underline{text-decoration: underline;} span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;} div.column{display: inline-block; vertical-align: top; width: 50%;}
</style> </style>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<h1 id="free-culture">Free culture</h1> <h1 id="free-culture">Free culture</h1>
@ -125,9 +121,6 @@ blockquote{
span.underline{text-decoration: underline;} span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;} div.column{display: inline-block; vertical-align: top; width: 50%;}
</style> </style>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<h1 id="generative-conditions">Generative Conditions</h1> <h1 id="generative-conditions">Generative Conditions</h1>
@ -151,9 +144,6 @@ blockquote{
span.underline{text-decoration: underline;} span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;} div.column{display: inline-block; vertical-align: top; width: 50%;}
</style> </style>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<h1 id="licensing-gestures">Licensing gestures</h1> <h1 id="licensing-gestures">Licensing gestures</h1>

View File

@ -11,9 +11,6 @@
span.underline{text-decoration: underline;} span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;} div.column{display: inline-block; vertical-align: top; width: 50%;}
</style> </style>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<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>

View File

@ -11,9 +11,6 @@
span.underline{text-decoration: underline;} span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;} div.column{display: inline-block; vertical-align: top; width: 50%;}
</style> </style>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<div style="color:magenta;"> <div style="color:magenta;">

View File

@ -81,9 +81,6 @@ blockquote{
span.underline{text-decoration: underline;} span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;} div.column{display: inline-block; vertical-align: top; width: 50%;}
</style> </style>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<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>
@ -112,9 +109,6 @@ blockquote{
span.underline{text-decoration: underline;} span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;} div.column{display: inline-block; vertical-align: top; width: 50%;}
</style> </style>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<div style="color:magenta;"> <div style="color:magenta;">
@ -138,9 +132,6 @@ blockquote{
span.underline{text-decoration: underline;} span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;} div.column{display: inline-block; vertical-align: top; width: 50%;}
</style> </style>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<h1 id="public-domain">Public domain</h1> <h1 id="public-domain">Public domain</h1>

View File

@ -11,9 +11,6 @@
span.underline{text-decoration: underline;} span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;} div.column{display: inline-block; vertical-align: top; width: 50%;}
</style> </style>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<h1 id="public-domain">Public domain</h1> <h1 id="public-domain">Public domain</h1>

View File

@ -11,9 +11,6 @@
span.underline{text-decoration: underline;} span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;} div.column{display: inline-block; vertical-align: top; width: 50%;}
</style> </style>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<h1 id="licensing-gestures">Licensing gestures</h1> <h1 id="licensing-gestures">Licensing gestures</h1>

View File

@ -84,9 +84,6 @@ blockquote{
span.underline{text-decoration: underline;} span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;} div.column{display: inline-block; vertical-align: top; width: 50%;}
</style> </style>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<h1 id="sources">Sources</h1> <h1 id="sources">Sources</h1>

View File

@ -11,9 +11,6 @@
span.underline{text-decoration: underline;} span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;} div.column{display: inline-block; vertical-align: top; width: 50%;}
</style> </style>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<h1 id="sources">Sources</h1> <h1 id="sources">Sources</h1>

View File

@ -11,9 +11,6 @@
span.underline{text-decoration: underline;} span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;} div.column{display: inline-block; vertical-align: top; width: 50%;}
</style> </style>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<blockquote> <blockquote>

View File

@ -11,9 +11,6 @@
span.underline{text-decoration: underline;} span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;} div.column{display: inline-block; vertical-align: top; width: 50%;}
</style> </style>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<blockquote> <blockquote>

View File

@ -11,9 +11,6 @@
span.underline{text-decoration: underline;} span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;} div.column{display: inline-block; vertical-align: top; width: 50%;}
</style> </style>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<blockquote> <blockquote>

View File

@ -11,9 +11,6 @@
span.underline{text-decoration: underline;} span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;} div.column{display: inline-block; vertical-align: top; width: 50%;}
</style> </style>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<div style="color:magenta;"> <div style="color:magenta;">

View File

@ -11,9 +11,6 @@
span.underline{text-decoration: underline;} span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;} div.column{display: inline-block; vertical-align: top; width: 50%;}
</style> </style>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<div style="color:magenta;"> <div style="color:magenta;">

View File

@ -84,9 +84,6 @@ blockquote{
span.underline{text-decoration: underline;} span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;} div.column{display: inline-block; vertical-align: top; width: 50%;}
</style> </style>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<blockquote> <blockquote>
@ -116,9 +113,6 @@ I found it mentionned with the mark <em>“&lt;L&gt;”</em> instead of <em>“(
span.underline{text-decoration: underline;} span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;} div.column{display: inline-block; vertical-align: top; width: 50%;}
</style> </style>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<blockquote> <blockquote>
@ -145,9 +139,6 @@ Morton developed an approach he called COPY-IT-RIGHT, an anti-copyright approach
span.underline{text-decoration: underline;} span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;} div.column{display: inline-block; vertical-align: top; width: 50%;}
</style> </style>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<blockquote> <blockquote>
@ -181,9 +172,6 @@ Morton developed an approach he called COPY-IT-RIGHT, an anti-copyright approach
span.underline{text-decoration: underline;} span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;} div.column{display: inline-block; vertical-align: top; width: 50%;}
</style> </style>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<div style="color:magenta;"> <div style="color:magenta;">
@ -208,9 +196,6 @@ Morton developed an approach he called COPY-IT-RIGHT, an anti-copyright approach
span.underline{text-decoration: underline;} span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;} div.column{display: inline-block; vertical-align: top; width: 50%;}
</style> </style>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<div style="color:magenta;"> <div style="color:magenta;">