master
Tancre 5 years ago
parent 6510a8b202
commit 494ae5efbd

File diff suppressed because one or more lines are too long

@ -21,6 +21,9 @@
.ocrx_word{ .ocrx_word{
cursor: grab; cursor: grab;
} }
.b {color: red !important;}
.w {color: white !important;}
</style> </style>
</head> </head>
<body> <body>
@ -587,19 +590,7 @@
this.title = "hypervirus"; this.title = "hypervirus";
}); });
//store all class 'ocr_line' in 'lines'
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'
var lines = document.querySelectorAll(".ocr_line"); var lines = document.querySelectorAll(".ocr_line");
//loop through each element in 'lines' //loop through each element in 'lines'
@ -614,6 +605,21 @@
span.title = "hypervirus"; 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 ------------ // ------------ DRAG ------------
$( function() { $( function() {
@ -642,6 +648,15 @@
}).on("mouseup mouseleave",function(){ }).on("mouseup mouseleave",function(){
$('.draggable').css('cursor', 'grab'); $('.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> </script>
</body> </body>

@ -9,7 +9,7 @@
<style type="text/css"> <style type="text/css">
body { body {
background: black; background: black;
overflow: hidden; /*overflow: hidden;*/
font-family: mono; font-family: mono;
} }
@ -40,12 +40,17 @@
word-spacing: 0px; word-spacing: 0px;
} }
a {
text-decoration: none;
color: blue;
}
</style> </style>
</head> </head>
<body> <body>
<div id="vBush" class="start draggable" onclick="transition()"> <div id="vBush" class="start draggable" onclick="transition()">
AS WE MAY THINK <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 by VANNEVAR BUSH<br><br>
THE ATLANTIC MONTHLY, JULY 1945 <br><br> THE ATLANTIC MONTHLY, JULY 1945 <br><br>
@ -901,7 +906,7 @@ lose hope as to the outcome.
function pWord(){ function pWord(){
var value = parseInt(document.getElementById('vBush').value, 10); var value = parseInt(document.getElementById('vBush').value, 10);
value = isNaN(value) ? 0 : value; value = isNaN(value) ? 0 : value;
value++; value += 5;
document.getElementById('vBush').value = value; document.getElementById('vBush').value = value;
document.getElementById('vBush').style.wordSpacing = value + 'px'; document.getElementById('vBush').style.wordSpacing = value + 'px';
} }
@ -909,7 +914,7 @@ lose hope as to the outcome.
function mWord(){ function mWord(){
var value = parseInt(document.getElementById('vBush').value, 10); var value = parseInt(document.getElementById('vBush').value, 10);
value = isNaN(value) ? 0 : value; value = isNaN(value) ? 0 : value;
value--; value -=5;
document.getElementById('vBush').value = value; document.getElementById('vBush').value = value;
document.getElementById('vBush').style.wordSpacing = value + 'px'; document.getElementById('vBush').style.wordSpacing = value + 'px';
} }
@ -917,7 +922,7 @@ lose hope as to the outcome.
function pLetter(){ function pLetter(){
var value = parseInt(document.getElementById('vBush').value, 10); var value = parseInt(document.getElementById('vBush').value, 10);
value = isNaN(value) ? 0 : value; value = isNaN(value) ? 0 : value;
value++; value ++;
document.getElementById('vBush').value = value; document.getElementById('vBush').value = value;
document.getElementById('vBush').style.letterSpacing = value + 'px'; document.getElementById('vBush').style.letterSpacing = value + 'px';
} }
@ -970,15 +975,19 @@ lose hope as to the outcome.
{ {
if (e.keyCode == 39) { if (e.keyCode == 39) {
pLetter(); pLetter();
e.preventDefault();
} }
if (e.keyCode == 37) { if (e.keyCode == 37) {
mLetter(); mLetter();
e.preventDefault();
} }
if (e.keyCode == 38) { if (e.keyCode == 38) {
pWord(); pWord();
e.preventDefault();
} }
if (e.keyCode == 40) { if (e.keyCode == 40) {
mWord(); mWord();
e.preventDefault();
} }
if (e.keyCode == 87) { if (e.keyCode == 87) {
pLine() pLine()
@ -997,5 +1006,23 @@ lose hope as to the outcome.
); );
</script> </script>
<script type="text/javascript" src="../scripts/drag.js"></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> </body>
</html> </html>

@ -9,7 +9,7 @@
</style> </style>
</head> </head>
<body> <body>
<a href="html.html">islands</a><br> <a href="islands.html">islands</a><br>
<a href="Ixse.html">Ixse</a><br> <a href="Ixse.html">Ixse</a><br>
<a href="VB01.html">VB01</a><br> <a href="VB01.html">VB01</a><br>
<a href="black_sea.html">black_sea</a><br> <a href="black_sea.html">black_sea</a><br>

Loading…
Cancel
Save