User:Eleanorg/1.1/Independent Work/Open Sea - Closed Sea: Difference between revisions

Latest revision as of 12:40, 7 November 2011

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?

<html>
<head>
<style type="text/css">

 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>

@@ Line 1: / Line 1: @@
 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?
+<div style="background-color:#a5bfdd; min-height: 70px; width:90px;"></div>
+<div style="background-color:#b5d0d0; min-height: 70px; width:90px;"></div>
 <source lang="html4strict">
@@ Line 7: / Line 10: @@
 <head>
 <style type="text/css">
-/*
-  body {
-    background-color: #b5d0d0;
-   }
-*/
   span {
      color: #999;