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.

72 lines
4.2 KiB
HTML

4 years ago
<!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">
4 years ago
<a class="heading" onclick="showNote()">Library of Contingencies*</a><br>
<!-- <div class="alert alert-dark alert-dismissible">
<button type="button" class="close" data-dismiss="alert" aria-label="close">&times;</button> -->
<iframe id="note" class="note" src="A_note_to_the_reader.html">
</iframe>
4 years ago
</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>
4 years ago
<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);
4 years ago
</script>
<script>
function showNote() {
document.getElementById("note").style.display = "block";
}
function hideNote() {
document.getElementById("note").style.display = "none";
}
</script>
4 years ago
</body>
</html>