<!doctype html>
< html class = "no-js" lang = "" >
< head >
< meta charset = "utf-8" >
< meta http-equiv = "x-ua-compatible" content = "ie=edge" >
< title > < / title >
< meta name = "description" content = "" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< link rel = "manifest" href = "site.webmanifest" >
< link rel = "apple-touch-icon" href = "icon.png" >
<!-- Place favicon.ico in the root directory -->
< link rel = "stylesheet" href = "css/normalize.css" >
< link rel = "stylesheet" href = "css/main.css" >
< link rel = "stylesheet" type = "text/css" href = "tasks.css" >
<!-- Bootstrap CSS -->
< link rel = "stylesheet" href = "https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity = "sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin = "anonymous" >
< / head >
< body >
<!-- [if lte IE 9]>
< p class = "browserupgrade" > You are using an < strong > outdated< / strong > browser. Please < a href = "https://browsehappy.com/" > upgrade your browser< / a > to improve your experience and security.< / p >
<![endif]-->
<!-- Add your site or application content here -->
< div class = "container-fluid" >
< div class = "row" >
< p class = "heading" > Library of Contingencies< / p >
<!-- Trigger/Open The Modal -->
< button id = "noteBtn" > *< / button >
<!-- The Modal -->
< div id = "noteModal" class = "modal" >
<!-- Modal content -->
< div class = "modal-content" >
< span class = "close" > × < / span >
< h1 > *A note to the reader< / h1 >
< p > This text has been edited with the intention to be published in a very specific form; a hyperlinked index of the tasks of the contingent librarian. These tasks, performed on the site of contingencies, the bootleg library, are described on the obverse, and related images and links to snippets are on the reverse.< / p >
< p > Please read it while flipping through, shuffling and reordering them, making your own text as you read.< / p >
< / div >
< / div >
< / div >
< div class = "row" >
< div class = "col" >
< iframe class = "cards" name = "verso" target = "recto" >
< / iframe >
< / div >
< div class = "col" >
< iframe class = "cards" name = "recto" target = "verso" > < / iframe >
< / div >
< / div >
< / div >
< 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 src = "https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity = "sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin = "anonymous" > < / script >
< script src = "https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity = "sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin = "anonymous" > < / script >
< script src = "https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity = "sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin = "anonymous" > < / script >
< script >
var listoftasks = ["Acquiring_Removing", "Administrating", "Amateuring", "Annotating", "Being_kind_to_the_reader", "Bootlegging", "Cleaning_up_text", "Consulting", "Digitising_Printing", "Diversifying_through_use", "Downloading", "Editing", "Finding_texts", "Glossing", "Human_reading", "Human_writing", "Including_Excluding", "Indexing", "Inter-depending", "Inviting", "Keeping_private", "Machine_reading", "Machine_writing", "Making_it_public_Keeping_it_private", "Making_public", "Meeting_in_small_rooms_in_small_groups", "Multiplying_form", "Networking", "Open-sourcing", "Producing_texts", "Professionalising", "Proprietorising", "Reading", "Reading_Writing", "Rebinding", "Repaginating", "Reprinting", "Republishing", "Rereferencing", "Scanning", "Searching_Browsing", "Skimming", "Skimming_Scanning", "Technologising_the_word", "Trusting", "Typing", "Understanding_texts", "Uploading", "Writing"];
let randomIndex = Math.floor(Math.random() * listoftasks.length);
let pick = listoftasks[randomIndex]
verso_first_pick = pick + ".html";
recto_first_pick = pick + "_rvrs.html";
verso.location.href = verso_first_pick;
recto.location.href = recto_first_pick;
console.log("picking this as first " + recto_first_pick);
< / script >
< script >
function showNote() {
document.getElementById("note").style.display = "block";
}
function hideNote() {
document.getElementById("note").style.display = "none";
}
< / script >
< script >
// Get the modal
var modal = document.getElementById("noteModal");
// Get the button that opens the modal
var btn = document.getElementById("noteBtn");
// Get the < span > element that closes the modal
var span = document.getElementsByClassName("close")[0];
// When the user clicks the button, open the modal
btn.onclick = function() {
modal.style.display = "block";
}
// When the user clicks on < span > (x), close the modal
span.onclick = function() {
modal.style.display = "none";
}
// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
< / script >
< / body >
< / html >
