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
2.4 KiB
HTML
106 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>XPUB Special Issues</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/osp-din" type="text/css"/>
|
|
|
|
</head>
|
|
<body>
|
|
<div id="header"><h1>XPUB Special Issues</h1></div>
|
|
<div id="container">
|
|
<div class="element">
|
|
<iframe src="01" scrolling="no"></iframe>
|
|
<div class="info">
|
|
<h2><a href="01">Issue 01</a></h2>
|
|
<h2>OP=OP<br />20161210</h2>
|
|
</div>
|
|
</div>
|
|
<div class="element">
|
|
<iframe src="02" scrolling="no"></iframe>
|
|
<div class="info">
|
|
<h2><a href="02">Issue 02</a></h2>
|
|
<h2>TGC #3<br />20170324</h2>
|
|
</div>
|
|
</div>
|
|
<div class="element">
|
|
<iframe src="03" scrolling="no"></iframe>
|
|
<div class="info">
|
|
<h2><a href="03">Issue 03</a></h2>
|
|
<h2>Interfacing the Law<br />20170615</h2>
|
|
</div>
|
|
</div>
|
|
<div class="element">
|
|
<iframe src="04" scrolling="no"></iframe>
|
|
<div class="info">
|
|
<h2><a href="04">Issue 04</a></h2>
|
|
<h2>20171207</h2>
|
|
</div>
|
|
</div>
|
|
<div class="element">
|
|
<iframe src="05" scrolling="no"></iframe>
|
|
<div class="info">
|
|
<h2><a href="05">Issue 05</a></h2>
|
|
<h2>???</h2>
|
|
</div>
|
|
</div>
|
|
<div class="element">
|
|
<iframe src="06" scrolling="no"></iframe>
|
|
<div class="info">
|
|
<h2><a href="06">Issue 06</a></h2>
|
|
<h2>???</h2>
|
|
</div>
|
|
</div>
|
|
<div class="element">
|
|
<iframe src="07" scrolling="no"></iframe>
|
|
<div class="info">
|
|
<h2><a href="07">Issue 07</a></h2>
|
|
<h2>???</h2>
|
|
</div>
|
|
</div>
|
|
<div class="element">
|
|
<iframe src="08" scrolling="no"></iframe>
|
|
<div class="info">
|
|
<h2><a href="08">Issue 08</a></h2>
|
|
<h2>???</h2>
|
|
</div>
|
|
</div>
|
|
<div class="element">
|
|
<iframe src="09" scrolling="no"></iframe>
|
|
<div class="info">
|
|
<h2><a href="09">Issue 09</a></h2>
|
|
<h2>???</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
<script>
|
|
|
|
function rand_deg(){
|
|
var deg = Math.round(Math.random()*180)+'deg';
|
|
return deg
|
|
}
|
|
function rand_rgb(){
|
|
function rand(){v = Math.round(Math.random()*255);
|
|
return v}
|
|
var color = 'rgb('+rand()+','+ rand() +','+ rand() + ')'
|
|
return color
|
|
}
|
|
|
|
var gradient = 'background:linear-gradient(' +
|
|
rand_deg() + ',' +
|
|
rand_rgb() +
|
|
',' +
|
|
rand_rgb() +
|
|
')';
|
|
|
|
var body = document.getElementsByTagName("body")[0];
|
|
body.setAttribute("style", gradient);
|
|
|
|
|
|
</script>
|
|
|
|
</html>
|