index.html with gradient!

7 years ago · 258215800f
parent 1e8a6062f3
commit 258215800f
2 changed files with 36 additions and 1 deletions
--- a/index.html
+++ b/index.html
@ -4,7 +4,8 @@
    <meta charset="utf-8">
    <title>XPUB Special Issues</title>
    <link rel="stylesheet" href="style.css">
-  </head>
+
+</head>
  <body>
 	<div id="header"><h1>XPUB Special Issues</h1></div>
    <div id="container">
@ -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;}