index.html with gradient!

8 years ago · 258215800f
parent 1e8a6062f3
commit 258215800f
2 changed files with 36 additions and 1 deletions
--- a/index.html
+++ b/index.html
@ -4,6 +4,7 @@
    <meta charset="utf-8">
    <title>XPUB Special Issues</title>
    <link rel="stylesheet" href="style.css">
 </head>
  <body>
 	<div id="header"><h1>XPUB Special Issues</h1></div>
@ -73,4 +74,31 @@
 		</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>
--- a/style.css
+++ b/style.css
@ -1,3 +1,8 @@
 body {
 /*background: linear-gradient( 45deg, blue, red );*/
 }
 h1 {
 	font-size: calc(3vW + 3vH);
 	text-align: center;
@ -17,3 +22,5 @@ iframe {
 	height: 60vH;
 }
 a, a:visited {color: black;}