added HTML sketches
parent
f7a554df20
commit
8142929020
Binary file not shown.
|
After Width: | Height: | Size: 160 KiB |
@ -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>
|
||||
Binary file not shown.
@ -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,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…
Reference in New Issue