SF01

4 years ago · 494ae5efbd
parent 6510a8b202
commit 494ae5efbd
4 changed files with 299 additions and 20 deletions
--- a/main/world1/FS01.html
+++ b/main/world1/FS01.html
--- a/main/world1/Ixse.html
+++ b/main/world1/Ixse.html
@ -21,6 +21,9 @@
      .ocrx_word{
        cursor: grab;
      }
+
+      .b {color: red !important;}
+      .w {color: white !important;}
  </style>
 </head>
 <body>
@ -587,19 +590,7 @@
      this.title = "hypervirus";
      });

-
-    window.setInterval( function(){
-      // console.log('interval', ww);
-      var ra = Math.floor(ww.size()*Math.random());
-      var w = ww.get(ra);
-      // console.log(w);
-      var cars = ["red", "white"];
-      var fs =["9px","15px"];
-      $(w).css('color', cars[Math.floor(Math.random()*cars.length)]);
-      $(w).css('visibility', 'visible');
-    }, 100);
-
-    //store all class 'ocr_line' in 'lines'
+        //store all class 'ocr_line' in 'lines'
    var lines = document.querySelectorAll(".ocr_line");    

    //loop through each element in 'lines'
@ -614,6 +605,21 @@
        span.title = "hypervirus";
      } 
    }
+
+
+    window.setInterval( function(){
+      // console.log('interval', ww);
+      var ra = Math.floor(ww.size()*Math.random());
+      var w = ww.get(ra);
+      // console.log(w);
+      var col = ["b", "w"];
+      var fs =["9px","15px"];
+      $(w).css('visibility', 'visible');
+      $(w).removeClass('ocrx_word');
+      $(w).addClass(col[Math.floor(Math.random()*col.length)]);
+    }, 150);
+
+
          // ------------ DRAG ------------ 

    $( function() {
@ -642,6 +648,15 @@
    }).on("mouseup mouseleave",function(){
        $('.draggable').css('cursor', 'grab');
    });
+
+    $(document).ready(function(){
+      $(".ocrx_word").hover(function(){
+        var n = $("this").css("color");
+        $(this).animate({color: "white"});
+        }, function(){
+        $(this).animate({color: "black"});
+      });
+    });
    
  </script>
 </body>
--- a/main/world1/VB01.html
+++ b/main/world1/VB01.html
@ -9,7 +9,7 @@
 	  <style type="text/css">
 	  	body {
 	  		background: black;
-	  		overflow: hidden;
+	  		/*overflow: hidden;*/
 	  		font-family: mono;
 	  	}

@ -40,12 +40,17 @@
 				word-spacing: 0px;
 			}

+			a {
+				text-decoration: none;
+				color: blue;
+			}
+
 		</style>
 	</head>
 	<body>
 	<div id="vBush" class="start draggable" onclick="transition()">			  
-			  AS WE MAY THINK
-			  by VANNEVAR BUSH
+			  <h1><a href="http://worrydream.com/refs/Bush%20-%20As%20We%20May%20Think%20(Life%20Magazine%209-10-1945).pdf" onClick="return popup(this, '000', '1000', '800','1000','500')">AS WE MAY THINK</a></h1><br>
+			  by VANNEVAR BUSH<br><br>

 		  THE ATLANTIC MONTHLY, JULY 1945 <br><br>

@ -901,7 +906,7 @@ lose hope as to the outcome.
 		function pWord(){
 		  var value = parseInt(document.getElementById('vBush').value, 10);
 		  value = isNaN(value) ? 0 : value;
-		  value++;
+		  value += 5;
 		  document.getElementById('vBush').value = value;
 		  document.getElementById('vBush').style.wordSpacing = value + 'px';
 		}
@ -909,7 +914,7 @@ lose hope as to the outcome.
 		function mWord(){
 		  var value = parseInt(document.getElementById('vBush').value, 10);
 		  value = isNaN(value) ? 0 : value;
-		  value--;
+		  value -=5;
 		  document.getElementById('vBush').value = value;
 		  document.getElementById('vBush').style.wordSpacing = value + 'px';
 		}
@ -917,7 +922,7 @@ lose hope as to the outcome.
 		function pLetter(){
 		  var value = parseInt(document.getElementById('vBush').value, 10);
 		  value = isNaN(value) ? 0 : value;
-		  value++;
+		  value ++;
 		  document.getElementById('vBush').value = value;
 		  document.getElementById('vBush').style.letterSpacing = value + 'px';
 		}
@ -970,15 +975,19 @@ lose hope as to the outcome.
 		  {  
 		  	if (e.keyCode == 39) {   
 		      pLetter();
+		      e.preventDefault();
 		    }
 		    if (e.keyCode == 37) {   
 		    	mLetter();
+		    	e.preventDefault();
 		    }
 		    if (e.keyCode == 38) {   
 		      pWord();
+		      e.preventDefault();
 		    }
 		    if (e.keyCode == 40) {   
 		      mWord();
+		      e.preventDefault();
 		    }
 		    if (e.keyCode == 87) {   
 		    	pLine()
@ -997,5 +1006,23 @@ lose hope as to the outcome.
 		);
 	</script>
 	<script type="text/javascript" src="../scripts/drag.js"></script>
+		<script type="text/javascript">
+	var w = window.innerWidth;
+	var h = window.innerHeight;
+	function posX(){ return Math.ceil(Math.random() * w)-200 }
+
+	function posY(){ return Math.ceil(Math.random() * h) }
+
+  function popup(mylink, windowname, width, height) { 
+    if (! window.focus)return true;
+    var href;
+    if (typeof(mylink) == 'string') href=mylink;
+    else href=mylink.href; 
+    var open = window.open(href, windowname, 'width=' + width + ',height='+ height + ',left=' + posX() + ',top=' + posY()); 
+    open.focus();
+    setTimeout(function(){ open.close(); }, 15000);
+    return false; 
+  }
+</script>
 </body>
 </html>
--- a/main/world1/sub.html
+++ b/main/world1/sub.html
@ -9,7 +9,7 @@
 	</style>
 </head>
 <body>
-	<a href="html.html">islands</a><br>
+	<a href="islands.html">islands</a><br>
 	<a href="Ixse.html">Ixse</a><br>
 	<a href="VB01.html">VB01</a><br>
 	<a href="black_sea.html">black_sea</a><br>