added HTML sketches

master
simon 5 years ago
parent 8142929020
commit 12d3038c4c

BIN
sketches/.DS_Store vendored

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 112 KiB

@ -16,8 +16,8 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-md-4">
<p><a class="nav" href="collect.html">collect</a> <li class="nav"><a class=nav href="collect.html">collect</a>
<a class="nav" href="collate.html">collate</a></p> <a class=nav href="collate.html">collate</a></li>
</div> </div>
<div class="col-md-4"><h1><a href="index.html">Library of Contingencies*</a></h1></div> <div class="col-md-4"><h1><a href="index.html">Library of Contingencies*</a></h1></div>
<div class="col-md-4"> <div class="col-md-4">

@ -16,8 +16,8 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-md-4">
<p><a class="nav" href="collect.html">collect</a> <li class="nav"><a class=nav href="collect.html">collect</a>
<a class="nav" href="collate.html">collate</a></p> <a class=nav href="collate.html">collate</a></li>
</div> </div>
<div class="col-md-4"><h1><a href="index.html">Library of Contingencies*</a></h1></div> <div class="col-md-4"><h1><a href="index.html">Library of Contingencies*</a></h1></div>
<div class="col-md-4"> <div class="col-md-4">

@ -16,8 +16,8 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-md-4">
<p><a class="nav" href="collect.html">collect</a> <li class="nav"><a class=nav href="collect.html">collect</a>
<a class="nav" href="collate.html">collate</a></p> <a class=nav href="collate.html">collate</a></li>
</div> </div>
<div class="col-md-4"><h1><a href="index.html">Library of Contingencies*</a></h1></div> <div class="col-md-4"><h1><a href="index.html">Library of Contingencies*</a></h1></div>
<div class="col-md-4"> <div class="col-md-4">

@ -16,8 +16,8 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-md-4">
<p><a class="nav" href="collect.html">collect</a> <li class="nav"><a class=nav href="collect.html">collect</a>
<a class="nav" href="collate.html">collate</a></p> <a class=nav href="collate.html">collate</a></li>
</div> </div>
<div class="col-md-4"><h1><a href="index.html">Library of Contingencies*</a></h1></div> <div class="col-md-4"><h1><a href="index.html">Library of Contingencies*</a></h1></div>
<div class="col-md-4"> <div class="col-md-4">

@ -16,8 +16,8 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-md-4">
<p><a class="nav" href="collect.html">collect</a> <li class="nav"><a class=nav href="collect.html">collect</a>
<a class="nav" href="collate.html">collate</a></p> <a class=nav href="collate.html">collate</a></li>
</div> </div>
<div class="col-md-4"><h1><a href="index.html">Library of Contingencies*</a></h1></div> <div class="col-md-4"><h1><a href="index.html">Library of Contingencies*</a></h1></div>
<div class="col-md-4"> <div class="col-md-4">
@ -26,12 +26,10 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<!-- <img src="./IMG/Tasks_of_the_Contingent_Librarian3.jpg" class="img-responsive" alt="Responsive image"> -->
</div> </div>
<div class="col"> <div class="col">
<h2>*A note to the reader:<br> <img src="./IMG/Tasks_of_the_Contingent_Librarian3.jpg" class="img-responsive" alt="Responsive image">
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> </div>
</div> </div>

@ -16,8 +16,8 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-md-4">
<p><a class="nav" href="collect.html">collect</a> <li class="nav"><a class=nav href="collect.html">collect</a>
<a class="nav" href="collate.html">collate</a></p> <a class=nav href="collate.html">collate</a></li>
</div> </div>
<div class="col-md-4"><h1><a href="index.html">Library of Contingencies*</a></h1></div> <div class="col-md-4"><h1><a href="index.html">Library of Contingencies*</a></h1></div>
<div class="col-md-4"> <div class="col-md-4">

@ -16,8 +16,8 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-md-4">
<p><a class="nav" href="collect.html">collect</a> <li class="nav"><a class=nav href="collect.html">collect</a>
<a class="nav" href="collate.html">collate</a></p> <a class=nav href="collate.html">collate</a></li>
</div> </div>
<div class="col-md-4"><h1><a href="index.html">Library of Contingencies*</a></h1></div> <div class="col-md-4"><h1><a href="index.html">Library of Contingencies*</a></h1></div>
<div class="col-md-4"> <div class="col-md-4">

@ -7,7 +7,13 @@ padding: 6px;
} }
a { a {
display: inline;
}
.nav {
display: block;
border: 1px solid black;
padding: 6px;
} }
a:link { a:link {
color: blue; color: blue;
@ -35,11 +41,12 @@ h2 {
div .container-fluid { div .container-fluid {
background-color: grey; background-color: grey;
padding-top: 12px; /*padding-top: 12px;*/
} }
.col-md-4 { .col-md-4 {
padding:6px; padding-left: 6px;
padding-right: 6px;
} }
p .nav{ p .nav{
@ -49,7 +56,6 @@ font-size: 0.9em;
iframe { iframe {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
img { img {
@ -58,6 +64,11 @@ img {
background-color: black; background-color: black;
} }
li .nav {
float: left;
height: 50px;
}
title { title {
font-family: sans-serif; font-family: sans-serif;
font-size: 1.2em; font-size: 1.2em;

@ -16,8 +16,8 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-md-4">
<p><a class="nav" href="collect.html">collect</a> <li class="nav"><a class=nav href="collect.html">collect</a>
<a class="nav" href="collate.html">collate</a></p> <a class=nav href="collate.html">collate</a></li>
</div> </div>
<div class="col-md-4"><h1><a href="index.html">Library of Contingencies*</a></h1></div> <div class="col-md-4"><h1><a href="index.html">Library of Contingencies*</a></h1></div>
<div class="col-md-4"> <div class="col-md-4">

Loading…
Cancel
Save