added HTML sketches

master
simon 4 years ago
parent f7a554df20
commit 8142929020

Binary file not shown.

After

Width:  |  Height:  |  Size: 160 KiB

@ -0,0 +1,104 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Library of Contingencies</title>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-md-4">
<p><a class="nav" href="collect.html">collect</a>
<a class="nav" href="collate.html">collate</a></p>
</div>
<div class="col-md-4"><h1><a href="index.html">Library of Contingencies*</a></h1></div>
<div class="col-md-4">
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col">
<p>
<ul class="tasks">
<li>*A note to the reader:</li>
<li><a href="tasks.html">Tasks of the Contingent Librarian</a></li>
<li>acquiring/removing</li>
<li>finding texts</li>
<li>uploading</li>
<li>downloading</li>
<li><a href= "bootlegging.html">bootlegging</a></li>
<li>being kind to the reader</li>
<li><a href="diversifying.html">diversifying through use</a></li>
<li><a href="multiplying.html">multiplying form</a></li>
<li><a href="republishing.html">republishing</a></li>
<li>cleaning up text</li>
<li>editing</li>
<li>repaginating</li>
<li>reprinting</li>
<li>rereferencing</li>
<li>rebinding</li>
<li>digitising/printing</li>
<li>producing texts</li>
<li>annotating</li>
<li>glossing</li>
<li>understanding texts</li>
<li>including/excluding</li>
<li>administrating</li>
<li>indexing</li>
<li>making it public/keeping it private</li>
<li>inviting</li>
<li>making public</li>
<li>keeping private</li>
<li>trusting</li>
<li>networking</li>
<li>meeting in small rooms, in small groups</li>
<li>consulting</li>
<li>open-sourcing</li>
<li>inter-depending</li>
<li>proprietorising</li>
<li>professionalising</li>
<li>amateuring</li>
<li>reading/writing</li>
<li>reading</li>
<li>skimming/scanning</li>
<li>human reading</li>
<li>skimming</li>
<li>machine reading</li>
<li>scanning</li>
<li>writing</li>
<li>technologising the word</li>
<li>typing</li>
<li>machine writing</li>
<li>searching/browsing</li>
</ul>
</p>
</div>
<div class="col">
<img src="./IMG/Tasks_of_the_Contingent_Librarian16.jpg" class="img-responsive" alt="Responsive image">
<h2>bootlegging</h2><br>
<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>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 bootlegged 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>
Image: A “bootlegger” concealing a flask of an illegally distributed alcoholic beverage in the leg of a boot during the Prohibition era
</h2>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>

@ -0,0 +1,47 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Library of Contingencies</title>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-md-4">
<p><a class="nav" href="collect.html">collect</a>
<a class="nav" href="collate.html">collate</a></p>
</div>
<div class="col-md-4"><h1><a href="index.html">Library of Contingencies*</a></h1></div>
<div class="col-md-4">
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col">
<img src="./IMG/Tasks_of_the_Contingent_Librarian16.jpg" class="img-responsive" alt="Responsive image">
</div>
<div class="col">
<h2>*A note to the reader:<br>
This text has been written with the intention to be materialised in a very specific form; a set of A6-sized index cards, contained in a box. Please read it while holding the cards in your hands, shuffling and reordering them, making your own text as you read.
These cards list the tasks performed on the site of contingencies, the bootleg library. Tasks are described on the obverse, and related images and references are on the reverse.
</h2>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>

@ -0,0 +1,100 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Library of Contingencies</title>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-md-4">
<p><a class="nav" href="collect.html">collect</a>
<a class="nav" href="collate.html">collate</a></p>
</div>
<div class="col-md-4"><h1><a href="index.html">Library of Contingencies*</a></h1></div>
<div class="col-md-4">
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col">
<p>
<ul class="tasks">
<li>*A note to the reader:</li>
<li><a href="tasks.html">Tasks of the Contingent Librarian</a></li>
<li>acquiring/removing</li>
<li>finding texts</li>
<li>uploading</li>
<li>downloading</li>
<li><a href= "bootlegging.html">bootlegging</a></li>
<li>being kind to the reader</li>
<li><a href="diversifying.html">diversifying through use</a></li>
<li><a href="multiplying.html">multiplying form</a></li>
<li><a href="republishing.html">republishing</a></li>
<li>cleaning up text</li>
<li>editing</li>
<li>repaginating</li>
<li>reprinting</li>
<li>rereferencing</li>
<li>rebinding</li>
<li>digitising/printing</li>
<li>producing texts</li>
<li>annotating</li>
<li>glossing</li>
<li>understanding texts</li>
<li>including/excluding</li>
<li>administrating</li>
<li>indexing</li>
<li>making it public/keeping it private</li>
<li>inviting</li>
<li>making public</li>
<li>keeping private</li>
<li>trusting</li>
<li>networking</li>
<li>meeting in small rooms, in small groups</li>
<li>consulting</li>
<li>open-sourcing</li>
<li>inter-depending</li>
<li>proprietorising</li>
<li>professionalising</li>
<li>amateuring</li>
<li>reading/writing</li>
<li>reading</li>
<li>skimming/scanning</li>
<li>human reading</li>
<li>skimming</li>
<li>machine reading</li>
<li>scanning</li>
<li>writing</li>
<li>technologising the word</li>
<li>typing</li>
<li>machine writing</li>
<li>searching/browsing</li>
</ul>
</p>
</div>
<div class="col">
<h2>*A note to the reader:<br>
This text has been written with the intention to be materialised in a very specific form; a set of A6-sized index cards, contained in a box. Please read it while holding the cards in your hands, shuffling and reordering them, making your own text as you read.
These cards list the tasks performed on the site of contingencies, the bootleg library. Tasks are described on the obverse, and related images and references are on the reverse.
</h2>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>

@ -0,0 +1,103 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Library of Contingencies</title>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-md-4">
<p><a class="nav" href="collect.html">collect</a>
<a class="nav" href="collate.html">collate</a></p>
</div>
<div class="col-md-4"><h1><a href="index.html">Library of Contingencies*</a></h1></div>
<div class="col-md-4">
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col">
<p>
<ul class="tasks">
<li>*A note to the reader:</li>
<li><a href="tasks.html">Tasks of the Contingent Librarian</a></li>
<li>acquiring/removing</li>
<li>finding texts</li>
<li>uploading</li>
<li>downloading</li>
<li><a href= "bootlegging.html">bootlegging</a></li>
<li>being kind to the reader</li>
<li><a href="diversifying.html">diversifying through use</a></li>
<li><a href="multiplying.html">multiplying form</a></li>
<li><a href="republishing.html">republishing</a></li>
<li>cleaning up text</li>
<li>editing</li>
<li>repaginating</li>
<li>reprinting</li>
<li>rereferencing</li>
<li>rebinding</li>
<li>digitising/printing</li>
<li>producing texts</li>
<li>annotating</li>
<li>glossing</li>
<li>understanding texts</li>
<li>including/excluding</li>
<li>administrating</li>
<li>indexing</li>
<li>making it public/keeping it private</li>
<li>inviting</li>
<li>making public</li>
<li>keeping private</li>
<li>trusting</li>
<li>networking</li>
<li>meeting in small rooms, in small groups</li>
<li>consulting</li>
<li>open-sourcing</li>
<li>inter-depending</li>
<li>proprietorising</li>
<li>professionalising</li>
<li>amateuring</li>
<li>reading/writing</li>
<li>reading</li>
<li>skimming/scanning</li>
<li>human reading</li>
<li>skimming</li>
<li>machine reading</li>
<li>scanning</li>
<li>writing</li>
<li>technologising the word</li>
<li>typing</li>
<li>machine writing</li>
<li>searching/browsing</li>
</ul>
</p>
</div>
<div class="col">
<h2>bootlegging</h2><br>
<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>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 bootlegged 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>
Image: A “bootlegger” concealing a flask of an illegally distributed alcoholic beverage in the leg of a boot during the Prohibition era
</h2>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>

@ -0,0 +1,46 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Library of Contingencies</title>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-md-4">
<p><a class="nav" href="collect.html">collect</a>
<a class="nav" href="collate.html">collate</a></p>
</div>
<div class="col-md-4"><h1><a href="index.html">Library of Contingencies*</a></h1></div>
<div class="col-md-4">
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col">
</div>
<div class="col">
<h2>*A note to the reader:<br>
This text has been written with the intention to be materialised in a very specific form; a set of A6-sized index cards, contained in a box. Please read it while holding the cards in your hands, shuffling and reordering them, making your own text as you read.
These cards list the tasks performed on the site of contingencies, the bootleg library. Tasks are described on the obverse, and related images and references are on the reverse.
</h2>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>

@ -0,0 +1,103 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Library of Contingencies</title>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-md-4">
<p><a class="nav" href="collect.html">collect</a>
<a class="nav" href="collate.html">collate</a></p>
</div>
<div class="col-md-4"><h1><a href="index.html">Library of Contingencies*</a></h1></div>
<div class="col-md-4">
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col">
<p>
<ul class="tasks">
<li>*A note to the reader:</li>
<li><a href="tasks.html">Tasks of the Contingent Librarian</a></li>
<li>acquiring/removing</li>
<li>finding texts</li>
<li>uploading</li>
<li>downloading</li>
<li><a href= "bootlegging.html">bootlegging</a></li>
<li>being kind to the reader</li>
<li><a href="diversifying.html">diversifying through use</a></li>
<li><a href="multiplying.html">multiplying form</a></li>
<li><a href="republishing.html">republishing</a></li>
<li>cleaning up text</li>
<li>editing</li>
<li>repaginating</li>
<li>reprinting</li>
<li>rereferencing</li>
<li>rebinding</li>
<li>digitising/printing</li>
<li>producing texts</li>
<li>annotating</li>
<li>glossing</li>
<li>understanding texts</li>
<li>including/excluding</li>
<li>administrating</li>
<li>indexing</li>
<li>making it public/keeping it private</li>
<li>inviting</li>
<li>making public</li>
<li>keeping private</li>
<li>trusting</li>
<li>networking</li>
<li>meeting in small rooms, in small groups</li>
<li>consulting</li>
<li>open-sourcing</li>
<li>inter-depending</li>
<li>proprietorising</li>
<li>professionalising</li>
<li>amateuring</li>
<li>reading/writing</li>
<li>reading</li>
<li>skimming/scanning</li>
<li>human reading</li>
<li>skimming</li>
<li>machine reading</li>
<li>scanning</li>
<li>writing</li>
<li>technologising the word</li>
<li>typing</li>
<li>machine writing</li>
<li>searching/browsing</li>
</ul>
</p>
</div>
<div class="col">
<h2>bootlegging</h2><br>
<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>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 bootlegged 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>
Image: A “bootlegger” concealing a flask of an illegally distributed alcoholic beverage in the leg of a boot during the Prohibition era
</h2>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>

@ -0,0 +1,97 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Library of Contingencies</title>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-md-4">
<p><a class="nav" href="collect.html">collect</a>
<a class="nav" href="collate.html">collate</a></p>
</div>
<div class="col-md-4"><h1><a href="index.html">Library of Contingencies*</a></h1></div>
<div class="col-md-4">
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col">
<p>
<ul class="tasks">
<li>*A note to the reader:</li>
<li><a href="tasks.html">Tasks of the Contingent Librarian</a></li>
<li>acquiring/removing</li>
<li>finding texts</li>
<li>uploading</li>
<li>downloading</li>
<li><a href= "bootlegging.html">bootlegging</a></li>
<li>being kind to the reader</li>
<li><a href="diversifying.html">diversifying through use</a></li>
<li><a href="multiplying.html">multiplying form</a></li>
<li><a href="republishing.html">republishing</a></li>
<li>cleaning up text</li>
<li>editing</li>
<li>repaginating</li>
<li>reprinting</li>
<li>rereferencing</li>
<li>rebinding</li>
<li>digitising/printing</li>
<li>producing texts</li>
<li>annotating</li>
<li>glossing</li>
<li>understanding texts</li>
<li>including/excluding</li>
<li>administrating</li>
<li>indexing</li>
<li>making it public/keeping it private</li>
<li>inviting</li>
<li>making public</li>
<li>keeping private</li>
<li>trusting</li>
<li>networking</li>
<li>meeting in small rooms, in small groups</li>
<li>consulting</li>
<li>open-sourcing</li>
<li>inter-depending</li>
<li>proprietorising</li>
<li>professionalising</li>
<li>amateuring</li>
<li>reading/writing</li>
<li>reading</li>
<li>skimming/scanning</li>
<li>human reading</li>
<li>skimming</li>
<li>machine reading</li>
<li>scanning</li>
<li>writing</li>
<li>technologising the word</li>
<li>typing</li>
<li>machine writing</li>
<li>searching/browsing</li>
</ul>
</p>
</div>
<div class="col">
<iframe src="https://stuff2233.club/padlife/p/foo"></iframe>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>

@ -0,0 +1,65 @@
body {
font-style: normal;
font-family: sans-serif;
font-size: 1.2em;
background-color: grey;
padding: 6px;
}
a {
display: inline;
}
a:link {
color: blue;
}
a:visited {
color: blue;
}
a:hover {
text-decoration: underline;
}
h1 {
font-family: 'Century Schoolbook', serif;
text-align: center;
font-size: 1.8em;
}
h2 {
font-family: sans-serif;
font-size: 1.2em;
padding: 6px;
}
div .container-fluid {
background-color: grey;
padding-top: 12px;
}
.col-md-4 {
padding:6px;
}
p .nav{
font-size: 0.9em;
}
iframe {
width: 100%;
height: 100%;
}
img {
max-width: 100%;
max-height: 100%;
background-color: black;
}
title {
font-family: sans-serif;
font-size: 1.2em;
padding: 6px;
}

@ -0,0 +1,97 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Library of Contingencies</title>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-md-4">
<p><a class="nav" href="collect.html">collect</a>
<a class="nav" href="collate.html">collate</a></p>
</div>
<div class="col-md-4"><h1><a href="index.html">Library of Contingencies*</a></h1></div>
<div class="col-md-4">
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col">
<p>
<ul class="tasks">
<li>*A note to the reader:</li>
<li><a href="tasks.html">Tasks of the Contingent Librarian</a></li>
<li>acquiring/removing</li>
<li>finding texts</li>
<li>uploading</li>
<li>downloading</li>
<li><a href= "bootlegging.html">bootlegging</a></li>
<li>being kind to the reader</li>
<li><a href="diversifying.html">diversifying through use</a></li>
<li><a href="multiplying.html">multiplying form</a></li>
<li><a href="republishing.html">republishing</a></li>
<li>cleaning up text</li>
<li>editing</li>
<li>repaginating</li>
<li>reprinting</li>
<li>rereferencing</li>
<li>rebinding</li>
<li>digitising/printing</li>
<li>producing texts</li>
<li>annotating</li>
<li>glossing</li>
<li>understanding texts</li>
<li>including/excluding</li>
<li>administrating</li>
<li>indexing</li>
<li>making it public/keeping it private</li>
<li>inviting</li>
<li>making public</li>
<li>keeping private</li>
<li>trusting</li>
<li>networking</li>
<li>meeting in small rooms, in small groups</li>
<li>consulting</li>
<li>open-sourcing</li>
<li>inter-depending</li>
<li>proprietorising</li>
<li>professionalising</li>
<li>amateuring</li>
<li>reading/writing</li>
<li>reading</li>
<li>skimming/scanning</li>
<li>human reading</li>
<li>skimming</li>
<li>machine reading</li>
<li>scanning</li>
<li>writing</li>
<li>technologising the word</li>
<li>typing</li>
<li>machine writing</li>
<li>searching/browsing</li>
</ul>
</p>
</div>
<div class="col">
<iframe src="https://pzwiki.wdka.nl/mediadesign/User:Simon/Tasks_of_the_Contingent_Librarian"></iframe>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>
Loading…
Cancel
Save