DIR : /home/kozerus/public_html/index_old.html
/home/kozerus/public_html
<html>
<head>
<title>-= index.html 20200330_2140 happyeaster div_dd =-</title>
<!--
<title>-= index.html 20200330_1900 happyeaster div_dd =-</title>
<title>-= index.html 20200330_0700 happyeaster div_dd =-</title>
<title>-= index.html 20200330_0700 happyeaster av/show_videobox,slow,avril,chillicothe =-</title>
<title>-= index.html 20200330_0700 happyeaster link cohen_slow.mp4 =-</title>
<title>-= index.html 20200330_0700 happyeaster details medmask cycleguy crosswalkers =-</title>
<title>-= index.html 20200330_0700 happyeaster detail summary todo notes =-</title>
<title>-= index.html 20200330_0540 happyeaster detail summary =-</title>
<title>-= index.html 20200330_0540 happyeaster style/script_mobile=-</title>
<title>-= index.html 20200329_0200 happyeaster link chillecothe_1938.mp4 =-</title>
<title>-= index.html 20200329_0100 happyeaster link cdc.gov =-</title>
<title>-= index.html 20200328_2200 happyeaster giphy_eggs_03.gif chapelcrosswalkers.mp4 ko =-</title>
<title>-= index.html 20200328_1600 happyeaster =-</title>
<title>-= index.html 20200328_1000 /gm =-</title>
<title>-= index.html 20200328_1000 /gm =-</title>
<title>-= index.html 20200327_2130 /gm =-</title>
<title>-= min.html 20200327_1800 =-</title>
<title>-= min.html 20200326_1900 whatsup =-</title>
<title>-= min.html 20200322_1100 =-</title>
-->
<!-- <link rel="shortcut icon" type="image/png" href="/koeye.png"/> -->
<link rel="shortcut icon" type="image/png" href="ko.png"/>
<style id="style_mobile">
/* Style the navigation menu */
/* Hide the links inside the navigation menu (except for logo/home) */
/* Style navigation menu links */
/* Style the hamburger menu */
/* Add a grey background color on mouse-over */
/* Style the active link (or home/logo) */
.topnav {
overflow: hidden;
// background-color: #333;
background-color: burlybrown;
background-color: yellow;
position: relative;
}
.topnav #myLinks {display: none;}
.topnav a {
// color: white;
// color: linen;
color: black;
// width: 250;
background: burlywood;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
display: block;
}
.topnav a.icon {
// background: black;
// background: darkslategrey;
background: burlybrown;
height: 100;
width: 200:
display: block;
position: absolute;
right: 0;
top: 0;
// url_bgimg: "/imgs/bg/background.jpg";
// background: url(url_bgimg);
}
.topnav a:hover {
// background-color: #ddd;
// background-color: red;
background-color: beige;
background-color: blanchedalmond;
background-color: antiquewhite
background-color: burlywood;
color: black;
width: 200;
width: 400;
}
.active {
// background-color: #4CAF50;
// background-color: linen;
background-color: burlywood;
background-color: yellow;
color: black;
}
</style>
<script id="script_mobile">
/* Toggle between showing and hiding the navigation menu links when the user clicks on the hamburger menu / bar icon */
function myFunction() {
var x = document.getElementById("myLinks");
if (x.style.display === "block") {
x.style.display = "none";
}
else {
x.style.display = "block";
}
}
</script>
<script id="script_allowdrop">
function allowDrop(ev) {
ev.preventDefault();
}
function drag(ev) {
ev.dataTransfer.setData("text", ev.target.id);
}
function drop(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("text");
ev.target.appendChild(document.getElementById(data));
function drop1(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("text");
ev.target.appendChild(document.getElementById(data));
function drop2(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("text");
ev.target.appendChild(document.getElementById(data));
}
</script>
<script id="script_drop">
function drop(e) {
var e_id=e.getAttribute('id');
var eid = e.attribute("id");
alert( "BUGS_01 drop e_id="+e_id );
alert( "BUGS_01 drop e.id="+e.id );
var e_id=e.getAttribute("id");
alert( "BUGS_00 drop e_id="+e_id );
alert( "BUGS_00 drop e="+e );
alert( "BUGS_01 drop e.attribute.id="+e.attribute.id );
}
</script>
<script id="script_dropw1">
function dropw1(e) {
alert( "BUGS_110w dropw1 e="+e );
alert( "BUGS_110w dropw1 e.id="+e.id );
alert( "BUGS_111w dropw1 e.attribute.id="+e.attribute.id );
}
</script>
<script id="script_dropb1">
function dropb1(e) {
alert( "BUGS_111b dropb1 e_id="+e_id );
alert( "BUGS_111b dropb1 e.id="+e.id );
alert( "BUGS_110b dropb1 e="+e );
alert( "BUGS_21 dropb1 e.attribute.id="+e.attribute.id );
}
</script>
<script id="script_startup_canvas" >
// function startup_canvas(args) {
//
// alert( "BUGS_110 startup args="+args );
// var canvas_b = document.getElementById("canvas_b");
// var ctx_b = canvas.getContext('2d');
// var canvas_w = document.getElementById("canvas_w");
// var ctx_w = canvas.getContext('2d');
// var canvas_m = document.getElementById("canvas_m");
// var ctx_m = canvas.getContext('2d');
// for(var i = 0; i < 10; i++) {
// ctx_w.fillStyle="rgba(255,0,0,0.8)";
// fillCircle(200,200,i*2);
// ctx_b.fillStyle="rgba(255,255,255,255.8)";
// fillCircle(200,200,i*2);
// ctx_m.fillStyle="rgba(255,255,0,0.8)";
// fillCircle(100,200,i*2);
// ctx_m.fillStyle="rgba(255,0,255,0.8)";
// fillCircle(200,100,i*2);
// ctx_m.fillStyle="rgba(255,0,0,255.8)";
// fillCircle(100,100,i*2);
// }
// }
</script>
<script id="script_allowdrop">
function allowDrop(ev) { ev.preventDefault(); }
function drag(ev) {ev.dataTransfer.setData("text", ev.target.id);}
</script>
<script id="script_drop">
function drop(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("text");
ev.target.appendChild(document.getElementById(data));
}
function drop0(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("text");
ev.target.appendChild(document.getElementById(data));
}
function drop1(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("text");
ev.target.appendChild(document.getElementById(data));
}
function drop2(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("text");
ev.target.appendChild(document.getElementById(data));
}
function dropw(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("text");
ev.target.appendChild(document.getElementById(data));
}
function dropb(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("text");
ev.target.appendChild(document.getElementById(data));
}
function dropw1(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("text");
ev.target.appendChild(document.getElementById(data));
}
function dropb1(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("text");
ev.target.appendChild(document.getElementById(data));
}
function dropw2(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("text");
ev.target.appendChild(document.getElementById(data));
}
function dropb2(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("text");
ev.target.appendChild(document.getElementById(data));
}
</script>
<style id="style_startup">
body { background-color: #FFFDDA; }
</style>
<script id="script_startup">
function startup(args) {
alertmsg("MSG_100 startup args="+args );
// startup_canvas(args);
}
</script>
<script id="script_alertmsg" >
alertmsg(msg) {
alert( "alert_101 msg="+msg );
document.getElementById('div_msg').innerHTML=msg;
document.getElementById('div_log').insertAdjacetHTML('afterend,msg);
// document.getElementById('div_log').insertAdjacetHTML('beforeend,msg);
// document.getElementById('div_log').insertAdjacetHTML('afterbegin,msg);
// document.getElementById('div_log').insertAdjacetHTML('beforebegin,msg);
}
</script>
<style id="style_details">
details { border: 1px solid #aaa; border-radius: 4px; padding: .5em .5em 0; }
summary { font-weight: bold; margin: -.5em -.5em 0; padding: .5em; }
details[open] { padding: .5em; }
details[open] summary { border-bottom: 1px solid #aaa; margin-bottom: .5em; }
</style>
</head>
<!-- <body bgcolor=darkslategrey> -->
<!-- <body bgcolor=wheat> -->
<!-- <body bgcolor=#FFFDDA> -->
<body onstartup="startup(""); return false;" >
<!-- Load an icon library to show a hamburger menu (bars) on small screens -->
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> -->
<!-- Top Navigation Menu -->
<div class="topnav">
<a href="#home" class="active">
<img id="img_topnav_logo" src="/imgs/btn/ok.png" height=50>
</a>
<!-- Navigation links (hidden by default) -->
<div id="myLinks">
<div id="div_kogrids_m"></div>
<a href="#news">News</a>
<a href="#contact">Contact</a>
<a href="#about">About</a>
<img src="/fb/jkwii/pages/1.jpg" onclick="window.open('/fb/jkwii');return false;" border=0 height=100>
<hr color=white>
<hr color=black>
<a href="/notes.txt">notes</a>
<a href="#about">About</a>
<div id="div_log_m"><h1>div_log_m</h1></div>
</div>
<!-- "Hamburger menu" / "Bar icon" to toggle the navigation links -->
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>
<div id="div_kogrids_w" ></div>
<div id="div_buttons_hideshow_w" ></div>
<div id="div_msg_w" ></div>
<hr color=black>
<hr color=white>
<img src="/imgs/btn/koeye_handhither.gif">
<hr color=white>
<hr color=black>
<div id="div_log_w" ></div>
<center>
<img src="/fb/med/imgs/cdc_coronavirus_disease_2019.png"
onclick="window.open('http://cdc.gov');return false;"
width=1200 border=0>
<hr color=red>
<hr color=white>
<hr color=blue>
<details id="details_w">
<summary>details_w</summary>
<h1> something small enough to escape casual notice</h1>
<pre>
global pandemic lockdown
shelter in place
gang of insane neigbors declare
- our private court est 1978
- our private driveway 300 feet offroad since 2001
- our easement to our back yard and shared barn
thier public turnaround and commons
thier private dog pony club
all thier friends support thier taking
who delegated authority to
prohibit and obstruct
our attempts to comply with
national "shelter in place/lockdown" orders
</pre>
<h1>our home - our private court - our business</h1>
<pre>
private court markers need to be
restored/returned/replaced
- sawhorse with stop and private property signs
- pair of our stolen/siezed 500 lb cement eagles
- pair of our stolen/siezed survallence cameras
people should live your own lives
please just leave us alone
defford court has its own
internal issues disputes to resolve with
the haslekassldorfers
our donutvanloaw showhorned
sisterhouse neigbors
ignore the severe and impending damage
thier unapproved mini-shed installation has caused.
- the 300 foot sinkhole under our driveway
- collapsing barn wall from erosion mud
- denial of service to our own back yard
needs to end
dogs / easement blockage /
setups and fake police calls
still working
making wonderful things happen
does a falling tree make a sound
if your not thier to hear it?
yes
"build it and they will come"
working on my party dress - nowhere to go
jkwii @hi_risk
</pre>
<img src="/fb/jtfdc/pages/1.jpg" onclick="window.open('/fb/jtfdc/'); return false;" border=0 height=100>
</details>
<img src="/imgs/btn/ko.png" onclick="window.open('http://ko2.us');return false;" >
<img src="/imgs/btn/koeye_duckduckgo.png" onclick="window.open('http://duckduckgo.com');return false;" >
<img src="/imgs/btn/koeye_dailymail.png" onclick="window.open('http://dailymail.co.uk');return false;" >
<img src="/imgs/btn/koeye_youtube.png" onclick="window.open('http://youtube.com');return false;" >
<img src="/imgs/btn/koeye_mars.png" onclick="window.open('https://mars.nasa.gov/msl/multimedia/raw-images/?order=sol+desc%2Cinstrument_sort+asc%2Csample_type_sort+asc%2C+date_taken+desc&per_page=50&page=0&mission=msl');return false;" >
<img src="/imgs/btn/ok.png" onclick="window.open('http://ko1.us');return false;" >
<hr color=red>
<hr color=white>
<hr color=blue>
<hr color="white">
<hr color="pink">
<div id="div_happyeaster" >
<h1>div_happyeaster</h1>
<hr color="white">
<hr color="pink">
<hr color=white>
<hr color=pink>
<hr color=red>
<hr color=pink>
<hr color=white>
<img src="/imgs/btn/kobubbleb_avril.png"
alt="test2_mp4 /index1_avril.mp4"
onclick="window.open('/index1_avril.mp4');return false;"
); return false;"
height=200 border=0 >
       
<img src="/imgs/btn/kobubbleb.png"
alt="test1_htm /index1_avril.mp4"
onclick="window.open('/av/show_videobox.html?avid=/index1_avril.mp4');return false;"
); return false;"
height=100 border=0 >
       
<!-- twins <img src="/imgs/gif/eggs/giphy_eggs_03.gif" height=100> -->
<img src="/imgs/gif/eggs/giphy_eggs_03.gif" height=200
alt="test1_htm /index1_avril.mp4"
onclick="window.open(
'/kb/jtfdcr/vid/jtfdc_stalkarounds/jtfdc_20200328_0920_jkwii_chapelwakers_tomazy_got2hell_lures.mp4'
); return false;"
height=200 border=0 >
       
       
<img src="/imgs/btn/kobubblew.png"
alt="test1_htm /kb/vid/jkwii/chillecothe.mp4"
onclick="window.open('/av/show_videobox_chillicothe.html?avid=/kb/vid/jkwii/jtfdcchillicothe_ohio_the_good_old_days_1938_looking_back.mp4');return false;"
); return false;"
height=100 border=0 >
       
<img src="/imgs/btn/kobubblew_avril.png"
alt="chillicothe_ohio_good_old_days_1938_looking_back"
onclick="window.open(
'/kb/vid/jkwii/jtfdcchillicothe_ohio_the_good_old_days_1938_looking_back.mp4'
); return false;"
height=200 border=0 >
<hr color=white>
<hr color=pink>
<hr color=red>
<hr color=pink>
</div>
<hr color=white>
<hr color=pink>
<img src="/fb/heart/pages/1.jpg" alt="heart" onclick="window.open('/fb/heart/');return false;"
height=100 border=0 >
     
<img src="/gm/imgs/btn/btn_chapelofthecross.png" alt="chapelofthecross" onclick="window.open('https://www.chapelofthecross.org/');return false;"
height=100 border=0 >
     
<img src="/imgs/gif/eggs/giphy_eggs_01.gif" alt="gm" onclick="window.open('/gm/gm_eggs.html');return false;"
height=100 border=0 >
     
<img src="/gm/imgs/btn/btn_latterdaysaints_stl.png" alt="latterdaysaints" onclick="window.open('https://www.facebook.com/pages/LDS-Temple-St-Louis-MO/161979377153524');return false;"
height=100 border=0 >
     
<img src="/fb/soul/pages/1.jpg" alt="heart" onclick="window.open('/fb/soul/');return false;"
height=100 border=0 >
     
<hr color="pink">
<hr color="white">
</div>
<hr color="pink">
<hr color="white">
<div id="div_jtfdcr_dot_dot_dot" >
<br>
<hr color="black">
<hr color="black">
<hr color="black">
<br>
<h1>jtfdcr_dot_dot_dot ... </h1>
<h2> ... 20200328</h2>
<hr color=black>
<hr color=yellow>
<hr color=black>
<img src="/fb/med/imgs/cdc_banner.png" height=100 onclick="window.open('http://cdc.gov');return false;" >
<hr color=black>
<hr color=yellow>
<hr color=black>
<br>
<h1>defford court report 20200326-20200330_0900</h1>
<h3>20200326_1830 offroad shiny white suv medmask</h3>
<details id="details_medmask">
<h3>offread shiny white suv medmask</h3>
<pre>
standing 300 feet offroad
in our private 3 house court
on own private sister houses shared driveway since 2001
marked provate property
speeding in a shiny white suv
as jkwii is about to flee
"hi neighbor you here to see me?"
"get out of my way"
"need to do my job cant you see"
roll up the window
pull out a medmask guard
"why are you here in my driveway?"
"you know your offroad in a private court"
"i live here" says wii
"why are you here?"
"you were nice before"
storm off offended and mad
left jwkii bewildered and sad
jkwii@hi_risk
</pre>
</details>
<!-- <img src="/kb/jtfdcr/vid/jtfdc_stalkarounds_tiny/tn_jtfdc_20200326_1830_stalkaroundacross_shnywhtsuv_medmask.png" -->
<!-- <img src="/gm/imgs/btn/btn_suvmed.png" -->
<img src="/imgs/btn/kobubble.png"
alt="/kb/jtfdcr/vid/jtfdc_stalkarounds_tiny/tn_jtfdc_20200326_1830_stalkaroundacross_shnywhtsuv_medmask.mp4"
onclick="window.open(
'/kb/jtfdcr/vid/jtfdc_stalkarounds_tiny/tn_jtfdc_20200326_1830_stalkaroundacross_shnywhtsuv_medmask.mp4'
); return false;"
height=100 border=0 >
     
<h1>20200327_1530 offroad jtf30 yellow cycle guy "f*ku f*ku f*ku"</h1>
<details id="detail_cycleguy">
<h2>detail_cycleguy</h2>
<pre>
donuts cycle donuts cycle donuts cycle
tourdedonuts cycle tourdedonuts cycle tourdedonuts cycle
boeing cycle boeing cycle boeing cycle
</pre>
</details>
<!-- <img src="/kb/jtfdcr/vid/jtfdc_stalkarounds_tiny/tn_jtfdc_20200327_1532_stalkaround_jtf30_yellowcycler_fu_fu_fu.png" -->
<!-- <img src="/gm/imgs/btn/btn_cycle.png" -->
<img src="/imgs/btn/kobubble.png"
alt="jtfdc_20200327_1532_stalkaround_jtf30_yellowcycler_fu_fu_fu"
onclick="window.open(
'/kb/jtfdcr/vid/jtfdc_stalkarounds/jtfdc_20200327_1532_stalkaround_jtf30_yellowcycler_fu_fu_fu.mp4'
); return false;"
height=100 border=0 >
<img src="/fb/donutvanlaw/pages/1.jpg"
alt="jtf32_donutvanlaw" onclick="window.open(
'/fb/donutvanlaw/'
);return false;"
height=100 border=0 >
     
<img src="/gm/imgs/btn/btn_tourdedonut_stl.png"
alt="tourdedonut_stl" onclick="window.open( 'http://www.tourdedonut.org/'
);return false;"
height=100 border=0 >
     
<img src="/gm/imgs/btn/btn_bebikeclub.png"
alt="bebikeclub" onclick="window.open(
'https://www.bebikeclub.org/'
);return false;"
height=100 border=0 >
     
<!--
btn_tourdedonut.org
http://www.tourdedonut.org/
-->
<h3>20200328_0928 chapel_of_the_crosswalkers jtf4- "hi mr_T says jkwii"
"go to hell" says mr_T back to wii"
</h3>
<details id="detail_crosswalkers">
<h2>detail_crosswalkers</h2>
<pre>
satruday 9:28
two mature woman strangers appear
wander into our private 3 house court
explore our obstructed barn/backyard easement
curious
what are you two here to see
apparently your not here for me
looking familiar they searched back through time
we all discover together thier old friend of mine
old friends from our old church
all three kids attended there
well before this corona scare
invited the ladies for a quick tour
appear they were here as mr_T lures
from over the hill
mr_T speeds into our court
"hi mr_T" but no reply
"is this man bothering you ladies"
failed new police incident schedules to report
"go to hell" mr_T only retort
curious
old time neighbors from our youth
are just the one who have forgotten the truth
jkwii@hi_risk
</pre>
</details>
<!-- <img src="/kb/jtfdcr/vid/jtfdc_stalkarounds_tiny/tn_jtfdc_20200328_0920_jkwii_chapelwakers_tomazy_got2hell_lures.png" -->
<!-- '/kb/jtfdcr/vid/jtfdc_stalkarounds_tiny/tn_jtfdc_20200328_0920_jkwii_chapelwakers_tomazy_got2hell_lures.mp4' -->
<!-- <img src="/gm/imgs/btn/btn_chapelcrosswalkers.png" -->
<img src="/imgs/btn/kobubble.png"
alt="/kb/jtfdcr/vid/jtfdc_stalkarounds_tiny/tn_jtfdc_20200328_0920_jkwii_chapelwakers_tomazy_got2hell_lures.mp4"
onclick="window.open(
'/kb/jtfdcr/vid/jtfdc_stalkarounds/jtfdc_20200328_0920_jkwii_chapelwakers_tomazy_got2hell_lures.mp4'
); return false;"
height=100 border=0 >
     
<img src="/fb/byrdpucker/pages/1.jpg"
alt="jtf39_byrdpucker" onclick="window.open(
'/fb/byrdpucker'
);return false;"
height=100 border=0 >
     
<img src="/gm/imgs/btn/btn_cardinalcontractors_stl.png"
alt="cardinalcontractors_stl" onclick="window.open(
'https://cardinalcontractorsllc.com/'
);return false;"
height=80 border=0 >
     
<img src="/gm/imgs/btn/btn_fb_cardinalcontractors_stl.png"
alt="fb_cardinalcontractors_stl" onclick="window.open(
'https://www.facebook.com/cardinalroof/'
);return false;"
height=80 border=0 >
     
<img src="/imgs/btn/kobubble.png"
alt="jtfdc_20200328_2235_stalkarounup_xmaslite_rumble_truck" onclick="window.open(
'/kb/jtfdcr/vid/jtfdc_stalkarounds/jtfdc_20200328_2235_stalkarounup_xmaslite_rumble_truck.mp4'
);return false;"
height=80 border=0 >
</div>
<hr color=red>
<hr color=white>
<hr color=blue>
<hr color=black>
<h1>- = +</h1>
<img src="/imgs/btn/koeye_alloff.png" onclick="window.open('/mobmin.html');return false;" >
<img src="/imgs/btn/koeye.png" onclick="window.open('/');return false;" >
<img src="/imgs/btn/btn_gm.png" onclick="window.open('/gm/');return false;" height=100 >
<img src="/imgs/gif/view/giphy_view19.gif" onclick="window.open('/mob_vu.html');return false;" height=100 >
<img src="/imgs/btn/koeye.png" onclick="window.open('/');return false;" >
<img src="/imgs/btn/koeye_allon.png" onclick="window.open('/mobmax.html');return false;" >
<hr color=black>
<hr color=blue>
<hr color=white>
<hr color=red>
<h1>- = +</h1>
<img src="/fb/konet/pages/1.jpg" onclick="window.open('http://konet.org');return false;" border=0 height=100 >
<img src="/fb/iperms/pages/1.jpg" onclick="window.open('http://iperms.com');return false;" border=0 height=100 >
<hr color=blue>
<hr color=white>
<hr color=red>
<br><br>
<hr color=pink>
<hr color=pink>
<hr color=pink>
<h2>- + =</h2>
<img src="/gm/pages/1.jpg" onclick="window.open('/gm/');return false;" height=100 border=0 >
<img src="/fb/operation/pages/1.jpg" onclick="window.open('/fb/operation/');return false;" height=100 border=0 >
<img src="/fb/kitiworks/pages/1.jpg" onclick="window.open('/fb/kitiworks/');return false;" height=100 border=0 >
<img src="/fb/pastryroad/pages/1.jpg" onclick="window.open('/fb/pastryroad/');return false;" height=100 border=0 >
<img src="/fb/jkwii/pages/1.jpg" onclick="window.open('/fb/jkwii/');return false;" height=100 border=0 >
<img src="/fb/jtfdc/pages/1.jpg" onclick="window.open('/fb/jtfdc/');return false;" height=100 border=0 >
<img src="/fb/kt/pages/1.jpg" onclick="window.open('/fb/kt/');return false;" target=_blank border=0 height=100>
<hr color=pink>
<hr color=pink>
<hr color=pink>
<hr color=white>
<hr color=black>
<h2>- = +</h2>
<img src="/fb/law/pages/1.jpg" onclick="window.open('/fb/law/');return false;" height=100 border=0 >
<img src="/fb/jtfdc/pages/1.jpg" onclick="window.open('/fb/jtfdc/');return false;" height=100 border=0 >
<img src="/fb/med/pages/1.jpg" onclick="window.open('/fb/med/');return false;" height=100 border=0 >
<hr color=black>
<hr color=white>
<hr color=white>
<hr color=black>
<!--
<h3>h3</h3>
<canvas id="canvas_b" onclick="window.open('/?q=b'); return false;" color=black ></canvas>
<canvas id="canvas_w" onclick="window.open('/?q=w'); return false;" color=white ></canvas>
<canvas id="canvas_m" onclick="window.open('/?q=m'); return false;" color=maize ></canvas>
-->
<hr color=white>
<hr color=black>
<hr color=white>
<hr color=black>
<hr color=black>
<hr color=white>
<hr color=red>
<hr color=blue>
<!--
<img src="/imgs/btn/koeye_handhither.gif" onclick="document.location.href='/?handhither'; return false;">
-->
<hr color=yellow>
<hr color=black>
<hr color=yellow>
<hr color=black>
<hr color=yellow>
<style id="style_videobox">
// div {
div_video {
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
width: 480px;
height: 380px;
border-radius: 10px;
background-color: #eee;
background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.1));
}
.hidden {left: -50%;}
.showing {left: 50%;}
// div video {
div_video video {
display: block;
width: 400px;
margin: 40px auto;
}
</style>
<hr color=red>
<hr color=white>
<hr color=blue>
<!--
<button>Display video</button>
<div_video id="div_videobox" class="hidden">
<video id="video_videobox">
<source src="/index1_avril.mp4" type="video/mp4">
<source src="/index1_avril.webm" type="video/webm">
<p>access_logged <a href="/index1_avril.mp4"></a>.</p>
</video>
</div>
-->
<hr color=red>
<hr color=white>
<hr color=blue>
<script>
const btn = document.querySelector('button');
const videoBox = document.querySelector('div');
const video = document.querySelector('video');
btn.onclick = function() {
videoBox.setAttribute('class','showing');
}
videoBox.onclick = function() {
videoBox.setAttribute('class','hidden');
};
video.onclick = function(e) {
e.stopPropagation();
video.play();
};
</script>
<hr color=black>
<hr color=white>
<img src="/imgs/btn/kobubble.png"
alt="leonard_cohen_slow_mp4"
onclick="window.open('/kb/vid/jkwii/jkwiileonard_cohen_slow_audio.mp4');return false;"
); return false;"
height=100 border=0 >
       
<img src="/imgs/btn/kobubble.png"
alt="test3_htm /kb/vid/jkwii/jkwiileonard_cohen_slow_audio.mp4"
onclick="window.open('/av/show_videobox_slow.html?avid=/kb/vid/jkwii/jkwiileonard_cohen_slow_audio.mp4');return false;"
); return false;"
height=50 border=0 >
<hr color=white>
<hr color=black>
<div id="div_tail">
<h2>div_tail</h2>
<a href="/notes.txt" target=_blank><img src=/imgs/gif/notes/giphy_notes10.gif height=100 border=0 alt="notes.txt"></a>
<a href="/mobmin.html" class="popover" target=_blank>
<img src="/imgs/btn/giphy_phone01.gif" width=100 height=100>
</a>
<a href="/index2big4most.html" class="popover" target=_blank>
<img src="/imgs/btn/giphy_mouse01.gif" width=100 height=100>
</a>
<a href="/mobmax.html" class="popover" target=_blank>
<img src="/imgs/btn/giphy_phone01.gif" width=100 height=100>
</a>
<a href="/find_jtfdc_mp4.txt" target=_blank>
<img src=/imgs/gif/notes/giphy_notes08.gif height=100 border=0 alt="find_jtfdc_mp4">
</a>
</div>
</div>
<hr color=red>
<hr color=red>
<hr color=white>
<hr color=blue>
<div id="div_drop" ondrop="dropw1(event)" ondragover="allowDrop(event)">
<img src="/gm/imgs/bg/bg_steel_linear.png" height=100 width=600>
</div>
<div id="div_drop0" ondrop="dropw1(event)" ondragover="allowDrop(event)">
<img src="/gm/imgs/bg/bg_frax4d01.png" height=100 width=600>
</div>
<div id="div_drop1" ondrop="dropw1(event)" ondragover="allowDrop(event)">
<img src="/gm/imgs/bg/bg_newton04a.png" height=100 width=600>
</div>
<div id="div_drop2" ondrop="dropw1(event)" ondragover="allowDrop(event)">
<img src="/gm/imgs/bg/bg_newton04b.png" height=100 width=600>
</div>
<div id="div_dropw" ondrop="dropw(event)" ondragover="allowDrop(event)">
<img src="/gm/imgs/bg/bg_newton06.png" height=100 width=600>
</div>
<div id="div_dropb" ondrop="dropb(event)" ondragover="allowDrop(event)">
<img src="/gm/imgs/bg/bg_newton06a.png" height=100 width=600>
</div>
<div id="div_dropw1" ondrop="dropw1(event)" ondragover="allowDrop(event)">
<img src="/gm/imgs/bg/bg_newton06b.png" height=100 width=600>
</div>
<div id="div_dropb1" ondrop="dropb1(event)" ondragover="allowDrop(event)">
<img src="/gm/imgs/bg/bg_newton07a.png" height=100 width=600>
</div>
<div id="div_dropw2" ondrop="dropw2(event)" ondragover="allowDrop(event)">
<img src="/gm/imgs/bg/bg_newton07b.png" height=100 width=600>
</div>
<div id="div_dropb2" ondrop="dropb2(event)" ondragover="allowDrop(event)">
<img src="/gm/imgs/bg/bg_background1.png" height=100 width=600>
</div>
<hr color=red>
<hr color=red>
<hr color=red>
<hr color=red>
<img id="img_drop" src="/gm/imgs/btn/ko.png" ondrop="dropb2(event)" ondragover="allowDrop(event)" height=50>
<img id="img_drop0" src="/gm/imgs/btn/koeye.png" ondrop="dropb2(event)" ondragover="allowDrop(event)" height=50>
<img id="img_drop1" src="/gm/imgs/btn/koeyew.png" ondrop="dropb2(event)" ondragover="allowDrop(event)" height=50>
<img id="img_drop2" src="/gm/imgs/btn/koeyeb.png" ondrop="dropb2(event)" ondragover="allowDrop(event)" height=50>
<img id="img_dropw" src="/gm/imgs/btn/kiw.png" ondrop="dropb2(event)" ondragover="allowDrop(event)" height=50>
<img id="img_dropb" src="/gm/imgs/btn/kib.png" ondrop="dropb2(event)" ondragover="allowDrop(event)" height=50>
<br>
<br>
<img id="drag12" src="/imgs/btn/kop12.png" draggable="true" ondragstart="drag(event)" height=50 >
<img id="drag13" src="/imgs/btn/kop23.png" draggable="true" ondragstart="drag(event)" height=50 >
<img id="drag14" src="/imgs/btn/kop34.png" draggable="true" ondragstart="drag(event)" height=50 >
<!-- <img id="drag15" src="/imgs/btn/kop14.png" draggable="true" ondragstart="drag(event)" height=50 > -->
<br>
<img id="img_dropw1" src="/gm/imgs/btn/kop12.png" ondrop="dropb2(event)" ondragover="allowDrop(event)" height=50>
<!-- <img id="img_dropb1" src="/gm/imgs/btn/kop23.png" ondrop="dropb2(event)" ondragover="allowDrop(event)" height=50> -->
<img id="img_dropb2" src="/gm/imgs/btn/kop14.png" ondrop="dropb2(event)" ondragover="allowDrop(event)" height=50>
<img id="img_dropw2" src="/gm/imgs/btn/kop34.png" ondrop="dropb2(event)" ondragover="allowDrop(event)" height=50>
<hr color=white>
<img id="drag1" src="/imgs/btn/ko.png" draggable="true" ondragstart="drag(event)" height=50 >
<img id="drag3" src="/imgs/btn/koeye.png" draggable="true" ondragstart="drag(event)" height=50 >
<img id="drag4" src="/imgs/btn/koeyeb.png" draggable="true" ondragstart="drag(event)" height=50 >
<img id="drag5" src="/imgs/btn/koeyew.png" draggable="true" ondragstart="drag(event)" height=50 >
<img id="drag2" src="/imgs/btn/ok.png" draggable="true" ondragstart="drag(event)" height=50 >
<br>
<br>
<img id="drag8" src="/imgs/btn/kop1.png" draggable="true" ondragstart="drag(event)" height=50 >
<img id="drag9" src="/imgs/btn/kop2.png" draggable="true" ondragstart="drag(event)" height=50 >
<img id="drag10" src="/imgs/btn/kop3.png" draggable="true" ondragstart="drag(event)" height=50 >
<img id="drag11" src="/imgs/btn/kop4.png" draggable="true" ondragstart="drag(event)" height=50 >
<br>
<img id="drag16" src="/imgs/btn/kop1234.png" draggable="true" ondragstart="drag(event)" height=50 >
<script id="script_drop">
function drop(e) {
// var e_id=e.getAttribute('id');
// var eid = e.attribute("id");
// var e_id=e.getAttribute("id");
alert( "MSG_1000 drop e="+e);
}
function drop0(e) {
alert( "MSG_1000 drop0 e="+e);
}
function drop1(e) {
alert( "MSG_1000 drop1 e="+e);
}
function drop2(e) {
alert( "MSG_1000 drop2 e="+e);
}
function dropb(e) {
alert( "MSG_1000 dropb e="+e);
}
function dropw(e) {
alert( "MSG_1000 dropw e="+e);
}
function dropb1(e) {
alert( "MSG_1000 drob1 e="+e);
}
function dropw1(e) {
alert( "MSG_1000 dropw1 e="+e);
}
function dropb2(e) {
alert( "MSG_1000 dropb2 e="+e);
}
function dropw2(e) {
alert( "MSG_1000 dropw2 e="+e);
}
</script>
<div id="div_form" hidden>
<h1>div_form</h1>
<form id="form" >
<div id="div_form_fname">
<label for="fname">First name: </label>
<input id="fname" type="text">
</div>
<div id="div_form_lname">
<label for="lname">Last name: </label>
<input id="lname" type="text">
</div>
<div id="div_form_submit">
<input id="submit" type="submit">
</div>
</form>
<p></p>
</div>
<script id="script_form">
const form = document.querySelector('form');
const fname = document.getElementById('fname');
const lname = document.getElementById('lname');
const para = document.querySelector('p');
form.onsubmit = function(e) {
if (fname.value === '' || lname.value === '') {
e.preventDefault();
para.textContent = 'both';
}
}
</script>
</center>
</body>
</html>
//
koh5_pano
Drag mouse to navigate.
Navigation
- Left/Right Mouse drag: Changes camera heading.
- Up/Sown Mouse drag: Changes camera pitch.
- Scroll wheel: Changes camera field of view.
- I-Key: Displays Info panel with canvas size, image size and FPS.
17.Aug.2010, Martin Wengenmayer