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

<!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>