sprucing

rkskekfk1 · rkskekfk1 · commit 40190da47004 · 2013-01-02T17:14:27.000-08:00
diff --git a/README.txt b/README.txt
@@ -1,3 +1,3 @@
-This is a scroller I implemented for the design website Three-OH.com. You can
-click on the markers to jump to a particular section and the marker on the
-thumb moves relative to the position of the viewframe in the document.
+This is a scroller I implemented for the design website Three-OH.com.
+
+Live demo: http://aboodman.github.com/threeoh/
diff --git a/index.html b/index.html
@@ -7,17 +7,23 @@
 </head>
 <body onload="new ThreeOhScroll('filter')">
 
-<div style="font-size:1.2em;">
+<div style="font-size:1.2em; width:50ex; float:left;">
 <p><b>Three.OH Scroller</b><br>March 2001
 
 <p>A custom scroller built for the design website threeoh.com.
 
-<p><a href="https://github.com/aboodman/threeoh">source code</a>
-</div>
+<p>The grey "marker" rectanges represent news items. They are
+spaced relative to their position in the content. Click to jump
+directly to that item.
 
-<br><br>
+<p>You can also drag the blue scrollbar "thumb" directly. The
+triangle marker on the thumb moves relative to your position
+in the contnet.
 
-<div id="filter" style="position:relative; width:290px; height:268px;" >
+<p><a href="https://github.com/aboodman/threeoh" style="color:black; text-decoration:underline;">source code</a>
+</div>
+<br>
+<div id="filter" style="position:relative; width:290px; height:268px; left:65ex;">
 	<div id="filterScrollBar" style="position:absolute; left:267px; width:23px; height:268px">
 		<div id="filterThumbContainer" style="position:absolute; z-index:3; left:13px; top:1px; width:9px; height:266px"><div id="filterThumb" style="position:absolute; top:0px; cursor:pointer; cursor:hand; background-color:#5EBBE7"><img id="filterThumbImg" src="thumb.gif" width="9" height="50" /></div></div>
 		<div id="filterArrowContainer" style="position:absolute; z-index:4; top:1px; left:10px; width:4px; height:266px"><div id="filterArrow" style="position:absolute"><img id="filterArrowImg" src="arrow.gif" width="4" height="7" /></div></div>	
