virtuallab.github.io/index.html at master · VirtualLab/virtuallab.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width initial-scale=1" />
  <title>Welcome to The Virtual Lab</title>
</head>
<style>
  h1 {
    /* WebKit (Safari/Chrome) Only */
    -webkit-text-stroke: 1px black;
    /* If we weren't using text-shadow, we'd set a fallback color
     and use this to set color instead
    -webkit-text-fill-color: white; */
    color: white;
    text-shadow: 3px 3px 0 #000, /* Simulated effect for Firefox and Opera
       and nice enhancement for WebKit */
    -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    text-align: center;
  }
</style>

<script>
  var myColors = ['#ffffe6', '#e6ffff', '#e6e6ff', '#ffe6ff', '#e6ffe6', '#e6f2ff'];

function switchColor(){
  var randomize = Math.floor(Math.random()*myColors.length);
  document.body.style.backgroundColor = myColors[randomize];
}

</script>

<body onload="switchColor()">
  <a href="https://github.com/VirtualLab/virtuallab.github.io" target="_blank">
    <img style="position: fixed; top: 0; right: 0; border: 0; transform: rotate(90deg); z-index: 3" src="https://s3.amazonaws.com/github/ribbons/forkme_left_red_aa0000.png"
    alt="Fork me on GitHub">
  </a>
  <h1>
   Welcome to the Virtual Lab
  </h1>

</body>

</html>