From 030ecf5bad56e4c263e268ea7054ba42d1a429e5 Mon Sep 17 00:00:00 2001
From: Yossef Mendelssohn <ymendel@pobox.com>
Date: Mon, 29 Feb 2016 22:13:23 -0500
Subject: [PATCH] try to protect fish7 from the crab

It's currently possible for the bottom fish (so-called `fish7`) to get
snagged by the crab if you make your browser window very short. This is
because I added the sand and moved the crab up.

I regret nothing! But I do want to keep the fish out of danger.
---
 index.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index b660760..b96e24d 100644
--- a/index.html
+++ b/index.html
@@ -37,6 +37,7 @@
             #fish5 { color: green; animation-delay: 0.8s; }
             #fish6 { color: gold; animation-delay: 1.8s; }
             #fish7 { color: brown; animation-delay: 0.6s; }
+            #no-swim-zone { background-color: aqua; height: 2em; position: absolute; bottom: 2em; width: 100%; }
             #crab  { color: red; position: absolute; bottom: 2em; width: 100%; }
         </style>
     </head>
@@ -50,7 +51,7 @@
                 <marquee id="fish5" direction="right" scrollamount=5>&gt;&lt;&gt;</marquee>
                 <marquee id="fish6" scrollamount=6>&lt;&gt;&lt;</marquee>
                 <marquee id="fish7" direction="right" scrollamount=8>&gt;&lt;&gt;</marquee>
-                <br><br>
+                <div id="no-swim-zone"></div>
                 <marquee id="crab" behavior="alternate" scrollamount="4"> (\/)O_o(\/) </marquee>
             </div>
             <div id="sand">&nbsp;</div>