added index.html

tasks/index.html

@@ -26,12 +26,12 @@
         <!-- Add your site or application content here -->
         <div class="container-fluid">
         	<div class="row">
-                <a class="heading" href="Administrating.html" target="verso">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>
-  <p>*A note to the reader:</p>
-    <p>This text has been edited with the intention to be published in a very specific form; a hyperlinked index of the <a href="Tasks_of_the_Contingent_Librarian.html" class="alert-link" target="recto">tasks of the contingent librarian</a>. 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>
+                <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>
 </div>
         	</div>
   			<div class="row">
@@ -58,6 +58,14 @@
     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>
     </body>
 </html>