You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
106 lines
5.7 KiB
HTML
106 lines
5.7 KiB
HTML
<!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>
|