modified tasks.js and index.html
parent
1c5381daf1
commit
10cdf9676b
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
@ -0,0 +1,74 @@
|
||||
<!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">
|
||||
<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">×</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>
|
||||
</div>
|
||||
<!-- <a class="control" href="bootlegging.html" target="verso">shuffle</a>
|
||||
<a class="control" href="clear.html" target="recto">clear</a> -->
|
||||
</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>
|
||||
<!-- flip -->
|
||||
<!-- <div class="row"><a href="note.html" target="verso">flip</a>
|
||||
</div> -->
|
||||
</div>
|
||||
<!-- <div class="alert alert-dark alert-dismissible">
|
||||
<button type="button" class="close" data-dismiss="alert" aria-label="close">×</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>
|
||||
</div> -->
|
||||
|
||||
<script src="js/vendor/modernizr-3.5.0.min.js"></script>
|
||||
<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="js/plugins.js"></script>
|
||||
<script src="js/main.js"></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>
|
||||
|
||||
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
|
||||
<script>
|
||||
window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;
|
||||
ga('create','UA-XXXXX-Y','auto');ga('send','pageview')
|
||||
</script>
|
||||
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,119 @@
|
||||
span.mw-editsection {
|
||||
display: none;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: sans-serif;
|
||||
color: black;
|
||||
height: 100%
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
p.imgcaption {
|
||||
/* font-family: serif;*/
|
||||
position: relative;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
background-color: yellow;
|
||||
}
|
||||
|
||||
.heading {
|
||||
font-family: serif;
|
||||
font-size: 1.6em;
|
||||
color: black;
|
||||
padding-left: 18px;
|
||||
padding-top: 6px;
|
||||
}
|
||||
|
||||
.snippets {
|
||||
font-family: monospace;
|
||||
position: absolute;
|
||||
margin-top: 400px;
|
||||
}
|
||||
|
||||
.reverse {
|
||||
width: 210px;
|
||||
height: 148px;
|
||||
margin-left: 6px;
|
||||
margin-top: 400px;
|
||||
border: solid 1px blue;
|
||||
}
|
||||
|
||||
div.container-fluid {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.cardback {
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.col {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.thumbinner {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.thumbimage {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.row {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
h2 {
|
||||
text-align: top;
|
||||
}
|
||||
|
||||
iframe {
|
||||
border: 1px solid blue;
|
||||
width: 100%;
|
||||
height: 563px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
iframe[name="verso"] {
|
||||
background-repeat: repeat;
|
||||
background-image: url("./IMG/2px_grey.jpg");
|
||||
}
|
||||
|
||||
iframe[name="recto"] {
|
||||
border: 1px dotted blue;
|
||||
}
|
||||
|
||||
.alert {
|
||||
font-family: serif;
|
||||
font-size: 1em;
|
||||
display: inline-block;
|
||||
margin-top: 18px;
|
||||
margin-right: 6px;
|
||||
padding-left: 36px;
|
||||
padding-top: 6px;
|
||||
background-color: white;
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.cards {
|
||||
box-shadow: 5px 8px #888888;
|
||||
}
|
||||
|
||||
/*
|
||||
img {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
z-index: -1;
|
||||
max-width: 100%
|
||||
}
|
||||
*/
|
||||
|
||||
.cardbackimg {
|
||||
width: auto;
|
||||
height: auto;
|
||||
z-index: -2;
|
||||
}
|
||||
@ -0,0 +1,16 @@
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
|
||||
console.log("greetings from javascript", window.location);
|
||||
var name = window.location.href,
|
||||
p = name.lastIndexOf("/");
|
||||
name = name.substring(p+1);
|
||||
var base = name.substring(0, name.length-5);
|
||||
if (!base.endsWith("_rvrs")) {
|
||||
var rvrs = base + "_rvrs.html";
|
||||
var a = document.createElement("a");
|
||||
a.href = rvrs;
|
||||
a.target= "recto";
|
||||
a.innerHTML = "flipside";
|
||||
document.body.appendChild(a);
|
||||
}
|
||||
});
|
||||
@ -0,0 +1,17 @@
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
|
||||
console.log("greetings from javascript", window.location);
|
||||
var name = window.location.href,
|
||||
p = name.lastIndexOf("/");
|
||||
name = name.substring(p+1);
|
||||
var base = name.substring(0, name.length-5);
|
||||
if (!base.endsWith("_rvrs")) {
|
||||
var rvrs = base + "_rvrs.html";
|
||||
("#recto").attr("src", rvrs);
|
||||
// var a = document.createElement("a");
|
||||
// a.href = rvrs;
|
||||
// a.target= "recto";
|
||||
// a.innerHTML = "flipside";
|
||||
// document.body.appendChild(a);
|
||||
}
|
||||
});
|
||||
Loading…
Reference in New Issue