removing old files here, they are in the versioning system of git already anyway
parent
ee21725e78
commit
6b613f1e1c
@ -1,105 +0,0 @@
|
|||||||
<!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>
|
|
@ -1,38 +0,0 @@
|
|||||||
body {
|
|
||||||
/*background: linear-gradient( 45deg, blue, red );*/
|
|
||||||
color: #FFF;
|
|
||||||
font-family: 'OSPDINDIN';
|
|
||||||
font-weight: normal;
|
|
||||||
font-style: normal;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: calc(4vW + 4vH);
|
|
||||||
line-height: calc(0.5vW + 0.5vH);
|
|
||||||
text-align: center;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
font-size: calc(1.5vW + 1.5vH);
|
|
||||||
line-height: calc(1.25vW + 1.25vH);
|
|
||||||
font-weight: normal;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#container {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
iframe {
|
|
||||||
border: 0px;
|
|
||||||
width: 30vW;
|
|
||||||
height: 60vH;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
a, a:visited {
|
|
||||||
color: #FFF;
|
|
||||||
}
|
|
Loading…
Reference in New Issue