View source for User:Eleanorg/1.1/Independent Work/Open Sea - Closed Sea

A bit of minimalist net art. Metaphorical use of the difference in colour between Google Maps' seawater (#a5bfdd) and Open Sea Map's (#b5d0d0). 
First simple experiment; where could it go?

<source lang="html4strict">

<html>
<head>
<style type="text/css">
/*
  body {
    background-color: #b5d0d0;
    
   }
*/
 span {
    color: #999;
    background-color:#eee; 
    padding: 20px;  
    margin-top: 200px; 
    margin-left: 20px; 
    margin-right: 20px; 
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    font-size: 25px; 
    font-family: sans-serif; 
    text-decoration: none;
 }

  </style>
</head>
<!-- google maps seawater is #a5bfdd
     open sea map water is #b5d0d0-->
<body ">

<script language="JavaScript">
   <!--
   function changeBGC(color){
   document.bgColor = color;
   }
   //-->
</script>
<p>
  <span style="float:left;" onMouseOver="javascript:changeBGC('b5d0d0')">The Open Sea</span>
  <span style="float:right;" onMouseOver="javascript:changeBGC('a5bfdd')">The Closed Sea</span>
</p>

</body>
</html>

</source>