updated site3

master
simon 5 years ago
parent fd9fcb4bd8
commit 3bfb4e6d8e

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

@ -22,14 +22,20 @@
<![endif]--> <![endif]-->
<!-- Add your site or application content here --> <!-- Add your site or application content here -->
<div class="item">
<h2>bootlegging</h2> <h2>bootlegging</h2>
<p>see also <a href="diversifying.html">diversifying through use</a>, <a href="multiplying.html">multiplying form</a>, <a href="republishing.html">republishing</a> <p>see also <a href="diversifying.html">diversifying through use</a>, <a href="multiplying.html">multiplying form</a>, <a href="republishing.html">republishing</a>
</p> </p>
<p>Most people think of bootlegs as cheap knock-off products that masquerade as the real deal; bootleg cigarettes, designer-label clothes, not-quite-right imitations of Disney products and the like. Bootlegging began during the prohibition era with the practice of illegally distilling and distributing alcoholic beverages, often literally concealed in the leg of a boot while being transported. Run an image search on the keyword “bootleg” and youll probably see all sorts of suspicious-looking products. But the way I want to speak of bootlegging is as a social act, a homage, and one that creates and celebrates a multiplicity of form. Im referring in particular to the vibrant culture of music sharing in the 1970s that followed portable cassette tape recorders entering the market. These allowed fans to cheaply record live performances and share these recordings—also known as bootlegs.</p> <p>Most people think of bootlegs as cheap knock-off products that masquerade as the real deal; bootleg cigarettes, designer-label clothes, not-quite-right imitations of Disney products and the like. Bootlegging began during the prohibition era with the practice of illegally distilling and distributing alcoholic beverages, often literally concealed in the leg of a boot while being transported. Run an image search on the keyword “bootleg” and youll probably see all sorts of suspicious-looking products. But the way I want to speak of bootlegging is as a social act, a homage, and one that creates and celebrates a multiplicity of form. Im referring in particular to the vibrant culture of music sharing in the 1970s that followed portable cassette tape recorders entering the market. These allowed fans to cheaply record live performances and share these recordings—also known as bootlegs.</p>
<p>Image: A “bootlegger” concealing a flask of an illegally distributed alcoholic beverage in the leg of a boot during the Prohibition era</p> <p>Image: A “bootlegger” concealing a flask of an illegally distributed alcoholic beverage in the leg of a boot during the Prohibition era</p>
<a href="bootlegging_rvrs.html" target="recto">flipside</a>
<!-- <img class="imgsnippets" src="./IMG/Real_bootlegger.jpeg">reverse</a> -->
</div>
<a href="bootlegging_rvrs.html" target="recto">a link to bootlegging_rvrs</a>
<!-- <a href="bootlegging_rvrs.html" target="recto">
<img class="imgsnippets" src="./IMG/Real_bootlegger.jpeg">a link to bootlegging_rvrs</a>
-->
<script src="js/vendor/modernizr-3.5.0.min.js"></script> <script src="js/vendor/modernizr-3.5.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script> <script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>

@ -23,8 +23,7 @@
<!-- Add your site or application content here --> <!-- Add your site or application content here -->
<img src="./IMG/Real_bootlegger.jpeg"><p>This is the bootlegging reverse page</p> <img src="./IMG/Real_bootlegger.jpeg"><p>This is the bootlegging reverse page</p>
<a class="snippets" href=""><pre>/etc/systemd/system/calibre-server.service</pre></a>
<a href="tasks.html" target="verso">a link back to tasks</a>
<script src="js/vendor/modernizr-3.5.0.min.js"></script> <script src="js/vendor/modernizr-3.5.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>

@ -28,8 +28,7 @@
<p>Publications acquire difference through reproduction; sometimes intentionally, always circumstantially. A printed book always ends up in the hands of at least one reader. It is transported, pages are dog-eared and annotated, time weathers the paper and cracks the spine. Multiply this by many readers, and each printed copy starts to accumulate its own traces, losing resemblance to the rest of the edition and acquiring its own particular countenance and provenance through use.</p> <p>Publications acquire difference through reproduction; sometimes intentionally, always circumstantially. A printed book always ends up in the hands of at least one reader. It is transported, pages are dog-eared and annotated, time weathers the paper and cracks the spine. Multiply this by many readers, and each printed copy starts to accumulate its own traces, losing resemblance to the rest of the edition and acquiring its own particular countenance and provenance through use.</p>
<p>Image: 1. Books are for use. The first law of S. R. R. Rangathans <i>5 Laws of Library Science</i>, 1931</p> <p>Image: 1. Books are for use. The first law of S. R. R. Rangathans <i>5 Laws of Library Science</i>, 1931</p>
<a href="tasks.html" target="verso">a link to tasks.html</a><br> <a href="diversifying_rvrs.html" target="recto">flipside</a>
<a href="diversifying_rvrs.html" target="recto">a link to diversifying_rvrs</a>
<script src="js/vendor/modernizr-3.5.0.min.js"></script> <script src="js/vendor/modernizr-3.5.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>

@ -23,11 +23,9 @@
<!-- Add your site or application content here --> <!-- Add your site or application content here -->
<img src="./IMG/Books_are_for_use.jpeg"><p>This is the diversifying reverse page</p> <img src="./IMG/Books_are_for_use.jpeg"><p>This is the diversifying reverse page</p>
<a href="tasks.html" target="verso">a link back to tasks</a>
<a href="http://simonbrowne.biz/projects/from-the-books-slv-rbrr-000-099/" target="recto">From the books project</a>
<div class="snippets"> <div class="snippets">
<pre><code><a href="https://pad.xpub.nl" target="bottom">some code here</a></code></pre> <a href="https://pad.xpub.nl" target="recto">some code here</a>
<a href="https://pzwiki.wdka.nl/mediadesign/Simon%27s_What_How_Why_26-9-18" target="recto">From the books what how why</a>
</div> </div>
<script src="js/vendor/modernizr-3.5.0.min.js"></script> <script src="js/vendor/modernizr-3.5.0.min.js"></script>

@ -25,17 +25,21 @@
<!-- Add your site or application content here --> <!-- Add your site or application content here -->
<div class="container-fluid"> <div class="container-fluid">
<div class="row"><a class="heading" href="note.html" target="verso">Library of Contingencies*</a> <div class="row"><a class="heading" href="note.html" target="verso">Library of Contingencies*</a><a>
</div> </div>
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<iframe class="cards" name="verso" src="note.html" target="recto"><a href="bootlegging.html">*A note to the reader</a></iframe> <iframe class="cards" name="verso" src="note.html" target="recto"><a href="bootlegging.html">*A note to the reader</a></iframe>
<a class="control" href="bootlegging.html" target="verso">shuffle</a>
</div> </div>
<div class="col"> <div class="col">
<iframe class="cards" name="recto" target="verso"></iframe> <iframe class="cards" name="recto" target="verso"></iframe>
<a class="control" href="https://pad.xpub.nl/p/empty_pad" target="recto">clear</a>
<!-- <iframe name="bottom" style="border:none;"></iframe> --> <!-- <iframe name="bottom" style="border:none;"></iframe> -->
</div> </div>
<!-- flip -->
<!-- <div class="row"><a href="note.html" target="verso">flip</a>
</div> -->
</div> </div>
<script src="js/vendor/modernizr-3.5.0.min.js"></script> <script src="js/vendor/modernizr-3.5.0.min.js"></script>

@ -27,6 +27,7 @@
<a href="diversifying.html" target="verso">diversifying through use</a><br> <a href="diversifying.html" target="verso">diversifying through use</a><br>
<a href="bootlegging.html" target="verso">bootlegging</a><br> <a href="bootlegging.html" target="verso">bootlegging</a><br>
<a href="multiplying.html" target="verso">multiplying form</a><br> <a href="multiplying.html" target="verso">multiplying form</a><br>
<a href="producing.html" target="verso">producing texts</a><br>
<a href="republishing.html" target="verso">republishing</a><br> <a href="republishing.html" target="verso">republishing</a><br>
<a href="beingkind.html" target="verso">being kind to the reader</a><br> <a href="beingkind.html" target="verso">being kind to the reader</a><br>

@ -29,7 +29,7 @@
<p>There are files in the library that are of the same text, but they have travelled different paths to get there, accumulating difference through methods such as annotation and material transformation. And so, they have different materialities, lending weight to the argument that a text is not identical with itself; that there is no such thing as a unique, singular, original “work”, but instead many different versions of texts, born through the accidents of their creation.</p> <p>There are files in the library that are of the same text, but they have travelled different paths to get there, accumulating difference through methods such as annotation and material transformation. And so, they have different materialities, lending weight to the argument that a text is not identical with itself; that there is no such thing as a unique, singular, original “work”, but instead many different versions of texts, born through the accidents of their creation.</p>
<p>Image: “Deadheads” recording a live Grateful Dead concert, 1972 <p>Image: “Deadheads” recording a live Grateful Dead concert, 1972
</p> </p>
<a href="multiplying_rvrs.html" target="recto">multiplying form reverse</a><br> <a href="multiplying_rvrs.html" target="recto">flipside</a><br>
<script src="js/vendor/modernizr-3.5.0.min.js"></script> <script src="js/vendor/modernizr-3.5.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>

@ -24,8 +24,6 @@
<!-- Add your site or application content here --> <!-- Add your site or application content here -->
<img src="./IMG/Deadheads.jpeg"><p>This is the multiplying reverse page</p> <img src="./IMG/Deadheads.jpeg"><p>This is the multiplying reverse page</p>
<a href="tasks.html" target="verso">a link back to tasks</a>
<a href="http://simonbrowne.biz/projects/from-the-books-slv-rbrr-000-099/" target="recto">From the books project</a>
<div class="snippets"> <div class="snippets">
<p class="notes"><a href="https://pad.vvvvvvaria.org/floss-graphics" target="recto">a pad conversation with manetta</p> <p class="notes"><a href="https://pad.vvvvvvaria.org/floss-graphics" target="recto">a pad conversation with manetta</p>
</div> </div>

@ -35,8 +35,7 @@
</li> </li>
</ol> </ol>
</div> </div>
<a href="tasks.html" target="verso">a link to tasks.html</a><br> <a href="producing_rvrs.html" target="recto">flipside</a>
<a href="producing_rvrs.html" target="recto">a link to producing_rvrs</a>
<script src="js/vendor/modernizr-3.5.0.min.js"></script> <script src="js/vendor/modernizr-3.5.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>

@ -23,11 +23,9 @@
<!-- Add your site or application content here --> <!-- Add your site or application content here -->
<img src="./IMG/Woven_papyrus_sheet.jpeg"><p>This is the producing texts reverse page</p> <img src="./IMG/Woven_papyrus_sheet.jpeg"><p>This is the producing texts reverse page</p>
<a href="tasks.html" target="verso">a link back to tasks</a>
<a href="http://simonbrowne.biz/projects/from-the-books-slv-rbrr-000-099/" target="recto">From the books project</a>
<div class="snippets"> <div class="snippets">
<a href="https://pzwiki.wdka.nl/mediadesign/User:Simon/Trim4/Running_backwards_through_the_library" target="recto">Running backwards through the library</a> <a href="https://pzwiki.wdka.nl/mediadesign/User:Simon/Trim4/Running_backwards_through_the_library" target="recto">Running backwards through the library</a>
<a href="http://simonbrowne.biz/projects/from-the-books-slv-rbrr-000-099/" target="recto">From the books project</a>
</div> </div>
<script src="js/vendor/modernizr-3.5.0.min.js"></script> <script src="js/vendor/modernizr-3.5.0.min.js"></script>

@ -28,8 +28,7 @@
<p>Samizdat publishers considered a printed text to be officially published if it came in an edition of at least 5 copies. The library considers this to be excessive, and reduces that number to 1. One copy of a text can be shared and enriched by the accumulated annotations of many readers. A one-to-many-publishing model distributes texts to the widest possible public. The library instead insists on a many-to-one model, drawing many readers to one text. Republishing the one text many times creates a multiplicity of form, and subsequently a multiplicity of publics in each instance.</p> <p>Samizdat publishers considered a printed text to be officially published if it came in an edition of at least 5 copies. The library considers this to be excessive, and reduces that number to 1. One copy of a text can be shared and enriched by the accumulated annotations of many readers. A one-to-many-publishing model distributes texts to the widest possible public. The library instead insists on a many-to-one model, drawing many readers to one text. Republishing the one text many times creates a multiplicity of form, and subsequently a multiplicity of publics in each instance.</p>
<p>Image: Staff working at Publication Studio, London. Publication Studio is a federated publishing network with studios located worldwide. Books ordered from the shared catalog are printed and bound one-at-a-time by the closest studio. Differences in availability of paper and machinery at each studio means that the materiality of each instance of a printed text will vary depending on where and how the books are made.</p> <p>Image: Staff working at Publication Studio, London. Publication Studio is a federated publishing network with studios located worldwide. Books ordered from the shared catalog are printed and bound one-at-a-time by the closest studio. Differences in availability of paper and machinery at each studio means that the materiality of each instance of a printed text will vary depending on where and how the books are made.</p>
<a href="tasks.html" target="bottom">a link to tasks.html</a><br> <a href="republishing_rvrs.html" target="recto">flipside</a>
<a href="republishing_rvrs.html" target="recto">a link to republishing_rvrs</a>
<script src="js/vendor/modernizr-3.5.0.min.js"></script> <script src="js/vendor/modernizr-3.5.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>

@ -23,8 +23,6 @@
<!-- Add your site or application content here --> <!-- Add your site or application content here -->
<img src="./IMG/Publication_studio_London_staff.jpg"><p>This is the republishing reverse page</p> <img src="./IMG/Publication_studio_London_staff.jpg"><p>This is the republishing reverse page</p>
<a href="tasks.html" target="verso">a link back to tasks</a>
<div class="snippets"> <div class="snippets">
<p class="notes"><a href="republishing_rvrs.html" target="recto">a snippet</p> <p class="notes"><a href="republishing_rvrs.html" target="recto">a snippet</p>
</div> </div>

@ -3,12 +3,15 @@ body {
color: black; color: black;
height: 100% height: 100%
width: 100%; width: 100%;
display: block;
} }
a:hover { a:hover {
background-color: yellow; background-color: yellow;
color: black;
} }
.heading { .heading {
font-family: serif; font-family: serif;
font-size: 1.6em; font-size: 1.6em;
@ -18,20 +21,51 @@ a:hover {
padding-bottom: 6px; padding-bottom: 6px;
} }
.control {
font-family: serif;
font-size: 1.6em;
color: black;
padding-left: 0px;
padding-top: 6px;
padding-bottom: 6px;
}
div.container-fluid { div.container-fluid {
max-width: 100%; max-width: 100%;
} }
.item {
}
.cardback {
width: 50%;
height: 100%;
}
.col { .col {
width: 50%; width: 50%;
} }
.row {
display: inline-block;
vertical-align: top;
}
h2 {
text-align: top;
}
iframe { iframe {
border: 2px solid blue; border: 1px solid blue;
width: 100%; width: 100%;
height: 540px; height: 563px;
margin: 0; margin: 0;
}
iframe[name="verso"] {
background-repeat: repeat;
background-image: url("./IMG/2px_grey.jpg");
} }
.bottom { .bottom {
@ -40,7 +74,7 @@ iframe {
} }
.cards { .cards {
box-shadow: 5px 10px 8px #888888; box-shadow: 5px 8px #888888;
} }
img { img {
@ -51,6 +85,17 @@ img {
max-width: 100% max-width: 100%
} }
.snippets { .imgsnippets {
margin-top: 420px; width: 210px;
height: 148px;
margin-left: 6px;
margin-top: 400px;
z-index: 0;
/*position: fixed;
float: right;*/
border: solid 1px blue;
}
p {
} }
Loading…
Cancel
Save