home
parent
9719eb49bc
commit
f9b86396a5
@ -0,0 +1,93 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Home</title>
|
||||||
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
||||||
|
<style type="text/css">
|
||||||
|
|
||||||
|
body {font-family: mono;
|
||||||
|
position: relative;
|
||||||
|
background-image: url('./img/28.jpg');
|
||||||
|
background-position: -11px -97px;
|
||||||
|
background-size: 1991px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {background-color: white;
|
||||||
|
width: 215px;
|
||||||
|
padding: 6px;}
|
||||||
|
|
||||||
|
#n1 {width: 296px;
|
||||||
|
height: 895px;
|
||||||
|
position: absolute;
|
||||||
|
left: 66px;
|
||||||
|
top: 125px;
|
||||||
|
background-position: -178px 0px;}
|
||||||
|
|
||||||
|
#n2 {width: 291px;
|
||||||
|
height: 741px;
|
||||||
|
position: absolute;
|
||||||
|
left: 378px;
|
||||||
|
top: 270.3px;
|
||||||
|
background-size: 350px 515px;;}
|
||||||
|
|
||||||
|
#n3 {width: 276px;
|
||||||
|
height: 779px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1112px;
|
||||||
|
top: -9px;
|
||||||
|
background-size: 500px auto;}
|
||||||
|
|
||||||
|
#n4 {width: 566px;
|
||||||
|
height: 409px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1373px;
|
||||||
|
top: 483px;
|
||||||
|
background-size: 500px auto;}
|
||||||
|
|
||||||
|
#n5 {width: 276px;
|
||||||
|
height: 200px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1382px;
|
||||||
|
top: -9px;
|
||||||
|
background-size: 500px auto;}
|
||||||
|
|
||||||
|
a#n1:hover {
|
||||||
|
background-image: url(./img/17.jpg);
|
||||||
|
}
|
||||||
|
a#n2:hover {
|
||||||
|
background-image: url(./img/21.jpg);
|
||||||
|
}
|
||||||
|
a#n3:hover {
|
||||||
|
background-image: url(./img/22.jpg);
|
||||||
|
}
|
||||||
|
a#n4:hover {
|
||||||
|
background-image: url(./img/28.jpg);
|
||||||
|
}
|
||||||
|
a#n5:hover {
|
||||||
|
background-image: url(./img/26.jpg);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<a class="h" id="n1"href="basement.html"></a>
|
||||||
|
<a class="h" id="n2"href="basement.html"></a>
|
||||||
|
<a class="h" id="n3"href="basement.html"></a>
|
||||||
|
<a class="h" id="n4"href="room_4.html"></a>
|
||||||
|
<a class="h" id="n5"href="basement.html"></a>
|
||||||
|
<script type="text/javascript">
|
||||||
|
setPageM();
|
||||||
|
setvideo();
|
||||||
|
|
||||||
|
var room = ["kitchen.html", "bathroom.html","short_corridor.html"];
|
||||||
|
|
||||||
|
function randomInt2(){ return Math.ceil(Math.random() * 3); }
|
||||||
|
|
||||||
|
$('a').each(function(){
|
||||||
|
$(this).attr("href", room[randomInt2()] );
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,33 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Home</title>
|
||||||
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
||||||
|
<script type="text/javascript" src="./setPage.js"></script>
|
||||||
|
<style type="text/css">
|
||||||
|
body {font-family: mono;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
iframe{width: 490px;
|
||||||
|
height: 340px;}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<a href=""><img id="img1" style="width: 640px;" src="" ></a>
|
||||||
|
<iframe id="vid" src=""></iframe>
|
||||||
|
<script type="text/javascript">
|
||||||
|
setPageM();
|
||||||
|
setvideo();
|
||||||
|
|
||||||
|
var room = ["kitchen.html", "bathroom.html","short_corridor.html"];
|
||||||
|
|
||||||
|
function randomInt2(){ return Math.ceil(Math.random() * 3); }
|
||||||
|
|
||||||
|
$('a').each(function(){
|
||||||
|
$(this).attr("href", room[randomInt2()] );
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,66 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Home</title>
|
||||||
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
||||||
|
<style type="text/css">
|
||||||
|
|
||||||
|
body {font-family: mono;
|
||||||
|
position: relative;
|
||||||
|
background-image: url('./img/29.jpg');
|
||||||
|
background-position: 950px -30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {background-color: white;
|
||||||
|
width: 215px;
|
||||||
|
padding: 6px;}
|
||||||
|
|
||||||
|
#n1 {width: 684px;
|
||||||
|
height: 260px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1141px;
|
||||||
|
top: -9px;}
|
||||||
|
|
||||||
|
#n2 {width: 270px;
|
||||||
|
height: 534px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1580px;
|
||||||
|
top: 431px;}
|
||||||
|
|
||||||
|
#n3 {width: 278px;
|
||||||
|
height: 206px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1268px;
|
||||||
|
top: 798px;
|
||||||
|
background-position: -380px 825px;}
|
||||||
|
|
||||||
|
#n4 {width: 528px;
|
||||||
|
height: 407px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1019px;
|
||||||
|
top: 398px;}
|
||||||
|
|
||||||
|
a#n1:hover {
|
||||||
|
background-image: url(./img/35.jpg);
|
||||||
|
}
|
||||||
|
a#n2:hover {
|
||||||
|
background-image: url(./img/17.jpg);
|
||||||
|
}
|
||||||
|
a#n3:hover {
|
||||||
|
background-image: url(./img/30.jpg);
|
||||||
|
}
|
||||||
|
a#n4:hover {
|
||||||
|
background-image: url(./img/24.jpg);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<a class="h" href="rooftop.html" id="n1"></a>
|
||||||
|
<a class="h" href="rooftop.html" id="n2"></a>
|
||||||
|
<a class="h" href="rooftop.html" id="n3"></a>
|
||||||
|
<a class="h" href="rooftop.html" id="n4"></a>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,100 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Home</title>
|
||||||
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
||||||
|
<style type="text/css">
|
||||||
|
|
||||||
|
body {font-family: mono;
|
||||||
|
position: relative;
|
||||||
|
background-image: url('./img/32.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {background-color: white;
|
||||||
|
width: 215px;
|
||||||
|
padding: 6px;}
|
||||||
|
|
||||||
|
#n1 {width: 305px;
|
||||||
|
height: 488px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1164px;
|
||||||
|
top: 607px;}
|
||||||
|
|
||||||
|
#n2 {width: 317px;
|
||||||
|
height: 437px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1523px;
|
||||||
|
top: 630px;}
|
||||||
|
|
||||||
|
#n3 {width: 126px;
|
||||||
|
height: 126px;
|
||||||
|
position: absolute;
|
||||||
|
left: 218px;
|
||||||
|
top: 690px;
|
||||||
|
background-size: 126px 126px;}
|
||||||
|
|
||||||
|
#n4 {width: 137px;
|
||||||
|
height: 130px;
|
||||||
|
position: absolute;
|
||||||
|
left: 555px;
|
||||||
|
top: 590px;
|
||||||
|
background-size: 137px 130px;}
|
||||||
|
|
||||||
|
#n5 {width: 141px;
|
||||||
|
height: 119px;
|
||||||
|
position: absolute;
|
||||||
|
left: 559px;
|
||||||
|
top: 771px;
|
||||||
|
background-size: 141px 119px;}
|
||||||
|
|
||||||
|
#n6 {width: 135px;
|
||||||
|
height: 117px;
|
||||||
|
position: absolute;
|
||||||
|
left: 217px;
|
||||||
|
top: 918px;
|
||||||
|
background-size: 135px 117px;}
|
||||||
|
|
||||||
|
#n7 {width: 144px;
|
||||||
|
height: 122px;
|
||||||
|
position: absolute;
|
||||||
|
left: 560px;
|
||||||
|
top: 937px;
|
||||||
|
background-size: 144px 122px;}
|
||||||
|
|
||||||
|
a#n1:hover {
|
||||||
|
background-image: url(./img/1.jpg);
|
||||||
|
background-size: 305px 488px;
|
||||||
|
}
|
||||||
|
a#n2:hover {
|
||||||
|
background-image: url(./img/2.jpg);
|
||||||
|
background-size: 305px 426px;
|
||||||
|
}
|
||||||
|
a#n3:hover {
|
||||||
|
background-image: url(./img/3.jpg);
|
||||||
|
}
|
||||||
|
a#n4:hover {
|
||||||
|
background-image: url(./img/4.jpg);
|
||||||
|
}
|
||||||
|
a#n5:hover {
|
||||||
|
background-image: url(./img/5.jpg);
|
||||||
|
}
|
||||||
|
a#n6:hover {
|
||||||
|
background-image: url(./img/6.jpg);
|
||||||
|
}
|
||||||
|
a#n7:hover {
|
||||||
|
background-image: url(./img/7.jpg);
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<a class="h" href="basement.html" id="n1"></a>
|
||||||
|
<a class="h" href="basement.html" id="n2"></a>
|
||||||
|
<a class="h" href="doorway.html" id="n3"></a>
|
||||||
|
<a class="h" href="basement.html" id="n4"></a>
|
||||||
|
<a class="h" href="basement.html" id="n5"></a>
|
||||||
|
<a class="h" href="room_2.html" id="n6"></a>
|
||||||
|
<a class="h" href="basement.html" id="n7"></a>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,200 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html class="gr__"><head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>mmmmmm</title>
|
||||||
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
||||||
|
<style type="text/css">
|
||||||
|
|
||||||
|
body {font-family: mono;
|
||||||
|
position: relative;
|
||||||
|
background-image: url('./img/8.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
|
.m {
|
||||||
|
position: absolute;
|
||||||
|
width: 53px;
|
||||||
|
height: 53px;
|
||||||
|
display: block;
|
||||||
|
background-position: 0px 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m:hover{
|
||||||
|
background-image: url('./img/15.jpg');
|
||||||
|
background-position: -121px 840px;
|
||||||
|
background-size: 310px 500px;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body data-gr-c-s-loaded="true" style="cursor: auto;">
|
||||||
|
<a class="m" href="" style="left: 2023px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: -2px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2182px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2184px; top: 541px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2184px; top: 424px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2186px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1433px; top: 895px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2185px; top: 152px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1878px; top: 72px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2185px; top: 698px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2185px; top: 974px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2185px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 305px; top: 619px;"></a>
|
||||||
|
<a class="m" href="" style="left: 981px; top: 625px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1797px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1736px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1572px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1510px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1347px; top: 972px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1285px; top: 974px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1120px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1060px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 895px; top: 974px;"></a>
|
||||||
|
<a class="m" href="" style="left: 835px; top: 975px;"></a>
|
||||||
|
<a class="m" href="" style="left: 670px; top: 975px;"></a>
|
||||||
|
<a class="m" href="" style="left: 607px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 447px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 383px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 220px; top: 974px;"></a>
|
||||||
|
<a class="m" href="" style="left: 158px; top: 974px;"></a>
|
||||||
|
<a class="m" href="" style="left: -4px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2020px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1958px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1796px; top: 817px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1735px; top: 817px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1569px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1509px; top: 817px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1346px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1284px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1121px; top: 817px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1060px; top: 817px;"></a>
|
||||||
|
<a class="m" href="" style="left: 897px; top: 817px;"></a>
|
||||||
|
<a class="m" href="" style="left: 834px; top: 818px;"></a>
|
||||||
|
<a class="m" href="" style="left: 673px; top: 815px;"></a>
|
||||||
|
<a class="m" href="" style="left: 608px; top: 818px;"></a>
|
||||||
|
<a class="m" href="" style="left: 445px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 383px; top: 817px;"></a>
|
||||||
|
<a class="m" href="" style="left: 221px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 158px; top: 815px;"></a>
|
||||||
|
<a class="m" href="" style="left: -4px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2021px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1958px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1796px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1734px; top: 699px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1569px; top: 698px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1509px; top: 699px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1346px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1283px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1121px; top: 699px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1060px; top: 699px;"></a>
|
||||||
|
<a class="m" href="" style="left: 897px; top: 699px;"></a>
|
||||||
|
<a class="m" href="" style="left: 834px; top: 698px;"></a>
|
||||||
|
<a class="m" href="" style="left: 673px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 608px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 444px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 385px; top: 698px;"></a>
|
||||||
|
<a class="m" href="" style="left: 221px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 159px; top: 699px;"></a>
|
||||||
|
<a class="m" href="" style="left: -5px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2021px; top: 542px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1958px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1795px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1733px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1570px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1510px; top: 541px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1347px; top: 540px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1284px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1119px; top: 542px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1060px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 896px; top: 544px;"></a>
|
||||||
|
<a class="m" href="" style="left: 834px; top: 544px;"></a>
|
||||||
|
<a class="m" href="" style="left: 671px; top: 542px;"></a>
|
||||||
|
<a class="m" href="" style="left: 608px; top: 542px;"></a>
|
||||||
|
<a class="m" href="" style="left: 445px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 383px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 220px; top: 542px;"></a>
|
||||||
|
<a class="m" href="" style="left: 161px; top: 541px;"></a>
|
||||||
|
<a class="m" href="" style="left: -4px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2021px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1959px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1796px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1734px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1571px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1510px; top: 424px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1347px; top: 427px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1285px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1121px; top: 427px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1060px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 895px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 834px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 669px; top: 423px;"></a>
|
||||||
|
<a class="m" href="" style="left: 608px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 447px; top: 424px;"></a>
|
||||||
|
<a class="m" href="" style="left: 384px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 221px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 161px; top: 424px;"></a>
|
||||||
|
<a class="m" href="" style="left: -4px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2022px; top: 269px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1960px; top: 269px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1796px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1734px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1572px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1511px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1347px; top: 269px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1283px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1122px; top: 266px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1060px; top: 266px;"></a>
|
||||||
|
<a class="m" href="" style="left: 898px; top: 267px;"></a>
|
||||||
|
<a class="m" href="" style="left: 835px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 672px; top: 267px;"></a>
|
||||||
|
<a class="m" href="" style="left: 608px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 446px; top: 270px;"></a>
|
||||||
|
<a class="m" href="" style="left: 383px; top: 269px;"></a>
|
||||||
|
<a class="m" href="" style="left: 221px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 158px; top: 269px;"></a>
|
||||||
|
<a class="m" href="" style="left: -3px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2021px; top: 152px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1961px; top: 152px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1795px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1734px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1572px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1511px; top: 152px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1347px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1286px; top: 152px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1121px; top: 152px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1061px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 896px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 833px; top: 150px;"></a>
|
||||||
|
<a class="m" href="" style="left: 670px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 608px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 445px; top: 150px;"></a>
|
||||||
|
<a class="m" href="" style="left: 384px; top: 150px;"></a>
|
||||||
|
<a class="m" href="" style="left: 221px; top: 150px;"></a>
|
||||||
|
<a class="m" href="" style="left: 161px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: -3px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2020px; top: -5px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1960px; top: -5px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1797px; top: -5px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1734px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1571px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1509px; top: -5px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1347px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1283px; top: -5px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1120px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1060px; top: -5px;"></a>
|
||||||
|
<a class="m" href="" style="left: 897px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 834px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 671px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 610px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 447px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 385px; top: -5px;"></a>
|
||||||
|
<a class="m" href="" style="left: 222px; top: -7px;"></a>
|
||||||
|
<a class="m" href="" style="left: 159px; top: -7px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1960px; top: 975px;"></a>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
$('.m:even').attr("href", "attic.html" );
|
||||||
|
$('.m:odd').attr("href", "bedroom.html" );
|
||||||
|
</script>
|
||||||
|
</body></html>
|
||||||
@ -0,0 +1,24 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Home</title>
|
||||||
|
<style type="text/css">
|
||||||
|
body {
|
||||||
|
font-family: mono;
|
||||||
|
background-color: black;
|
||||||
|
color: white;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
iframe {border: none;}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>Homeostat</h1>
|
||||||
|
<iframe src="./room_1.html" width="600px" height="400px"></iframe>
|
||||||
|
<iframe src="./room_2.html" width="600px" height="400px"></iframe><br>
|
||||||
|
<iframe src="./room_4.html" width="600px" height="400px"></iframe>
|
||||||
|
<iframe src="./room_3.html" width="600px" height="400px"></iframe>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
Before Width: | Height: | Size: 137 KiB After Width: | Height: | Size: 137 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
|
Before Width: | Height: | Size: 171 KiB After Width: | Height: | Size: 171 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 109 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 69 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 112 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 78 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 169 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 125 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 232 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 120 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 107 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 622 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 589 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 74 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 502 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 522 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 576 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 545 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
|
Before Width: | Height: | Size: 407 KiB After Width: | Height: | Size: 407 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 507 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 149 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
@ -0,0 +1,10 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title></title>
|
||||||
|
<meta http-equiv="refresh" content="url=./doorway.html">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,58 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Home</title>
|
||||||
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
||||||
|
<style type="text/css">
|
||||||
|
|
||||||
|
body {font-family: mono;
|
||||||
|
position: relative;
|
||||||
|
background-image: url('./img/34.jpg');
|
||||||
|
background-position: 950px -30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {background-color: white;
|
||||||
|
width: 215px;
|
||||||
|
padding: 6px;}
|
||||||
|
|
||||||
|
#n1 {width: 228px;
|
||||||
|
height: 653px;
|
||||||
|
position: absolute;
|
||||||
|
left: 986px;
|
||||||
|
top: 55px;
|
||||||
|
background-position: -178px 0px;}
|
||||||
|
|
||||||
|
#n2 {width: 292px;
|
||||||
|
height: 781px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1481px;
|
||||||
|
top: 49px;
|
||||||
|
background-size: 350px 515px;}
|
||||||
|
|
||||||
|
#n3 {width: 228px;
|
||||||
|
height: 489px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1212px;
|
||||||
|
top: 55px;
|
||||||
|
background-size: 500px auto;}
|
||||||
|
|
||||||
|
a#n1:hover {
|
||||||
|
background-image: url(./img/19.JPG);
|
||||||
|
}
|
||||||
|
a#n2:hover {
|
||||||
|
background-image: url(./img/26.jpg);
|
||||||
|
}
|
||||||
|
a#n3:hover {
|
||||||
|
background-image: url(./img/5.jpg);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<a class="h" id="n1"href="rooftop.html"></a>
|
||||||
|
<a class="h" id="n2"href="rooftop.html"></a>
|
||||||
|
<a class="h" id="n3"href="rooftop.html"></a>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,177 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html class="gr__"><head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
||||||
|
<title>Hommmmme</title>
|
||||||
|
<style type="text/css">
|
||||||
|
|
||||||
|
body {font-family: mono;
|
||||||
|
position: relative;
|
||||||
|
background-image: url('./img/7.jpg');
|
||||||
|
background-size: 1912px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m {
|
||||||
|
position: absolute;
|
||||||
|
width: 75px;
|
||||||
|
height: 75px;
|
||||||
|
display: block;
|
||||||
|
background-size: 75px 75px;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<a class="m" href="" style="left: 2023px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 40px; top: 32px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2182px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2184px; top: 541px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2184px; top: 424px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2186px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1412px; top: 942px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2185px; top: 152px;"></a>
|
||||||
|
<a class="m" href="" style="left: 152px; top: 32px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2185px; top: 698px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2185px; top: 974px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2185px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 276px; top: 374px;"></a>
|
||||||
|
<a class="m" href="" style="left: 893px; top: 647px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1804px; top: 954px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1666px; top: 952px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1547px; top: 537px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1531px; top: 945px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1415px; top: 815px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1295px; top: 937px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1168px; top: 932px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1030px; top: 928px;"></a>
|
||||||
|
<a class="m" href="" style="left: 896px; top: 925px;"></a>
|
||||||
|
<a class="m" href="" style="left: 775px; top: 920px;"></a>
|
||||||
|
<a class="m" href="" style="left: 654px; top: 918px;"></a>
|
||||||
|
<a class="m" href="" style="left: 540px; top: 917px;"></a>
|
||||||
|
<a class="m" href="" style="left: 421px; top: 915px;"></a>
|
||||||
|
<a class="m" href="" style="left: 307px; top: 909px;"></a>
|
||||||
|
<a class="m" href="" style="left: 192px; top: 908px;"></a>
|
||||||
|
<a class="m" href="" style="left: 58px; top: 909px;"></a>
|
||||||
|
<a class="m" href="" style="left: 52px; top: 784px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2020px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1958px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1810px; top: 817px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1668px; top: 819px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1540px; top: 814px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1544px; top: 678px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1296px; top: 805px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1424px; top: 533px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1171px; top: 805px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1040px; top: 801px;"></a>
|
||||||
|
<a class="m" href="" style="left: 900px; top: 793px;"></a>
|
||||||
|
<a class="m" href="" style="left: 774px; top: 790px;"></a>
|
||||||
|
<a class="m" href="" style="left: 650px; top: 784px;"></a>
|
||||||
|
<a class="m" href="" style="left: 533px; top: 781px;"></a>
|
||||||
|
<a class="m" href="" style="left: 418px; top: 784px;"></a>
|
||||||
|
<a class="m" href="" style="left: 406px; top: 643px;"></a>
|
||||||
|
<a class="m" href="" style="left: 287px; top: 644px;"></a>
|
||||||
|
<a class="m" href="" style="left: 188px; top: 780px;"></a>
|
||||||
|
<a class="m" href="" style="left: 47px; top: 642px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2021px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1958px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1803px; top: 688px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1811px; top: 552px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1680px; top: 544px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1698px; top: 42px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1422px; top: 670px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1297px; top: 664px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1178px; top: 658px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1040px; top: 655px;"></a>
|
||||||
|
<a class="m" href="" style="left: 770px; top: 647px;"></a>
|
||||||
|
<a class="m" href="" style="left: 648px; top: 514px;"></a>
|
||||||
|
<a class="m" href="" style="left: 656px; top: 644px;"></a>
|
||||||
|
<a class="m" href="" style="left: 527px; top: 646px;"></a>
|
||||||
|
<a class="m" href="" style="left: 152px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 158px; top: 251px;"></a>
|
||||||
|
<a class="m" href="" style="left: 175px; top: 642px;"></a>
|
||||||
|
<a class="m" href="" style="left: 298px; top: 781px;"></a>
|
||||||
|
<a class="m" href="" style="left: 46px; top: 506px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2021px; top: 542px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1958px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1820px; top: 416px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1823px; top: 289px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1687px; top: 408px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1694px; top: 176px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1294px; top: 38px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1167px; top: 38px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1043px; top: 518px;"></a>
|
||||||
|
<a class="m" href="" style="left: 897px; top: 518px;"></a>
|
||||||
|
<a class="m" href="" style="left: 524px; top: 512px;"></a>
|
||||||
|
<a class="m" href="" style="left: 397px; top: 510px;"></a>
|
||||||
|
<a class="m" href="" style="left: 764px; top: 34px;"></a>
|
||||||
|
<a class="m" href="" style="left: 647px; top: 36px;"></a>
|
||||||
|
<a class="m" href="" style="left: 282px; top: 507px;"></a>
|
||||||
|
<a class="m" href="" style="left: 159px; top: 376px;"></a>
|
||||||
|
<a class="m" href="" style="left: 168px; top: 505px;"></a>
|
||||||
|
<a class="m" href="" style="left: 266px; top: 33px;"></a>
|
||||||
|
<a class="m" href="" style="left: 43px; top: 258px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2021px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1959px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1828px; top: 47px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1825px; top: 179px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1674px; top: 683px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1692px; top: 284px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1558px; top: 40px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1427px; top: 40px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1177px; top: 527px;"></a>
|
||||||
|
<a class="m" href="" style="left: 769px; top: 511px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1034px; top: 36px;"></a>
|
||||||
|
<a class="m" href="" style="left: 891px; top: 34px;"></a>
|
||||||
|
<a class="m" href="" style="left: 270px; top: 141px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1299px; top: 532px;"></a>
|
||||||
|
<a class="m" href="" style="left: 521px; top: 35px;"></a>
|
||||||
|
<a class="m" href="" style="left: 387px; top: 37px;"></a>
|
||||||
|
<a class="m" href="" style="left: 44px; top: 380px;"></a>
|
||||||
|
<a class="m" href="" style="left: 48px; top: 143px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1553px; top: 406px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1427px; top: 395px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1557px; top: 276px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1560px; top: 172px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1424px; top: 271px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1428px; top: 168px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1294px; top: 392px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1295px; top: 267px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1296px; top: 159px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1172px; top: 387px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1171px; top: 265px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1173px; top: 155px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1041px; top: 382px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1041px; top: 259px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1043px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 896px; top: 379px;"></a>
|
||||||
|
<a class="m" href="" style="left: 896px; top: 251px;"></a>
|
||||||
|
<a class="m" href="" style="left: 893px; top: 149px;"></a>
|
||||||
|
<a class="m" href="" style="left: 768px; top: 378px;"></a>
|
||||||
|
<a class="m" href="" style="left: 768px; top: 253px;"></a>
|
||||||
|
<a class="m" href="" style="left: 768px; top: 146px;"></a>
|
||||||
|
<a class="m" href="" style="left: 645px; top: 375px;"></a>
|
||||||
|
<a class="m" href="" style="left: 645px; top: 252px;"></a>
|
||||||
|
<a class="m" href="" style="left: 519px; top: 378px;"></a>
|
||||||
|
<a class="m" href="" style="left: 395px; top: 375px;"></a>
|
||||||
|
<a class="m" href="" style="left: 516px; top: 255px;"></a>
|
||||||
|
<a class="m" href="" style="left: 647px; top: 146px;"></a>
|
||||||
|
<a class="m" href="" style="left: 389px; top: 253px;"></a>
|
||||||
|
<a class="m" href="" style="left: 269px; top: 254px;"></a>
|
||||||
|
<a class="m" href="" style="left: 521px; top: 141px;"></a>
|
||||||
|
<a class="m" href="" style="left: 389px; top: 141px;"></a>
|
||||||
|
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
$('.m:even').attr("href", "kitchen.html" );
|
||||||
|
$('.m:odd').attr("href", "bathroom.html" );
|
||||||
|
|
||||||
|
function randomInt(){return Math.ceil(Math.random() * 35);}
|
||||||
|
|
||||||
|
$('.m').hover(function(e) {
|
||||||
|
var r = randomInt()
|
||||||
|
$(this).css("background-image",e.type === "mouseenter"?"url(./img/" + randomInt() + ".jpg":"none")
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</script>
|
||||||
|
</body></html>
|
||||||
@ -0,0 +1,205 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html class="gr__"><head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>mmmmmm</title>
|
||||||
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
||||||
|
<style type="text/css">
|
||||||
|
|
||||||
|
body {font-family: mono;
|
||||||
|
position: relative;
|
||||||
|
background-image: url('./img/8.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
|
.m {
|
||||||
|
position: absolute;
|
||||||
|
width: 53px;
|
||||||
|
height: 53px;
|
||||||
|
display: block;
|
||||||
|
background-position: 0px 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m:hover{
|
||||||
|
background-image: url('./img/15.jpg');
|
||||||
|
background-position: -121px 840px;
|
||||||
|
background-size: 310px 500px;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body data-gr-c-s-loaded="true" style="cursor: auto;">
|
||||||
|
<a class="m" href="" style="left: 2023px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: -2px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2182px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2184px; top: 541px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2184px; top: 424px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2186px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1433px; top: 895px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2185px; top: 152px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1878px; top: 72px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2185px; top: 698px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2185px; top: 974px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2185px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 305px; top: 619px;"></a>
|
||||||
|
<a class="m" href="" style="left: 981px; top: 625px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1797px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1736px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1572px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1510px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1347px; top: 972px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1285px; top: 974px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1120px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1060px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 895px; top: 974px;"></a>
|
||||||
|
<a class="m" href="" style="left: 835px; top: 975px;"></a>
|
||||||
|
<a class="m" href="" style="left: 670px; top: 975px;"></a>
|
||||||
|
<a class="m" href="" style="left: 607px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 447px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 383px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 220px; top: 974px;"></a>
|
||||||
|
<a class="m" href="" style="left: 158px; top: 974px;"></a>
|
||||||
|
<a class="m" href="" style="left: -4px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2020px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1958px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1796px; top: 817px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1735px; top: 817px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1569px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1509px; top: 817px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1346px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1284px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1121px; top: 817px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1060px; top: 817px;"></a>
|
||||||
|
<a class="m" href="" style="left: 897px; top: 817px;"></a>
|
||||||
|
<a class="m" href="" style="left: 834px; top: 818px;"></a>
|
||||||
|
<a class="m" href="" style="left: 673px; top: 815px;"></a>
|
||||||
|
<a class="m" href="" style="left: 608px; top: 818px;"></a>
|
||||||
|
<a class="m" href="" style="left: 445px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 383px; top: 817px;"></a>
|
||||||
|
<a class="m" href="" style="left: 221px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 158px; top: 815px;"></a>
|
||||||
|
<a class="m" href="" style="left: -4px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2021px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1958px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1796px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1734px; top: 699px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1569px; top: 698px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1509px; top: 699px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1346px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1283px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1121px; top: 699px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1060px; top: 699px;"></a>
|
||||||
|
<a class="m" href="" style="left: 897px; top: 699px;"></a>
|
||||||
|
<a class="m" href="" style="left: 834px; top: 698px;"></a>
|
||||||
|
<a class="m" href="" style="left: 673px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 608px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 444px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 385px; top: 698px;"></a>
|
||||||
|
<a class="m" href="" style="left: 221px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 159px; top: 699px;"></a>
|
||||||
|
<a class="m" href="" style="left: -5px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2021px; top: 542px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1958px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1795px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1733px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1570px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1510px; top: 541px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1347px; top: 540px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1284px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1119px; top: 542px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1060px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 896px; top: 544px;"></a>
|
||||||
|
<a class="m" href="" style="left: 834px; top: 544px;"></a>
|
||||||
|
<a class="m" href="" style="left: 671px; top: 542px;"></a>
|
||||||
|
<a class="m" href="" style="left: 608px; top: 542px;"></a>
|
||||||
|
<a class="m" href="" style="left: 445px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 383px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 220px; top: 542px;"></a>
|
||||||
|
<a class="m" href="" style="left: 161px; top: 541px;"></a>
|
||||||
|
<a class="m" href="" style="left: -4px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2021px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1959px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1796px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1734px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1571px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1510px; top: 424px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1347px; top: 427px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1285px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1121px; top: 427px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1060px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 895px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 834px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 669px; top: 423px;"></a>
|
||||||
|
<a class="m" href="" style="left: 608px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 447px; top: 424px;"></a>
|
||||||
|
<a class="m" href="" style="left: 384px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 221px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 161px; top: 424px;"></a>
|
||||||
|
<a class="m" href="" style="left: -4px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2022px; top: 269px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1960px; top: 269px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1796px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1734px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1572px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1511px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1347px; top: 269px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1283px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1122px; top: 266px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1060px; top: 266px;"></a>
|
||||||
|
<a class="m" href="" style="left: 898px; top: 267px;"></a>
|
||||||
|
<a class="m" href="" style="left: 835px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 672px; top: 267px;"></a>
|
||||||
|
<a class="m" href="" style="left: 608px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 446px; top: 270px;"></a>
|
||||||
|
<a class="m" href="" style="left: 383px; top: 269px;"></a>
|
||||||
|
<a class="m" href="" style="left: 221px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 158px; top: 269px;"></a>
|
||||||
|
<a class="m" href="" style="left: -3px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2021px; top: 152px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1961px; top: 152px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1795px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1734px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1572px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1511px; top: 152px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1347px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1286px; top: 152px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1121px; top: 152px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1061px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 896px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 833px; top: 150px;"></a>
|
||||||
|
<a class="m" href="" style="left: 670px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 608px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 445px; top: 150px;"></a>
|
||||||
|
<a class="m" href="" style="left: 384px; top: 150px;"></a>
|
||||||
|
<a class="m" href="" style="left: 221px; top: 150px;"></a>
|
||||||
|
<a class="m" href="" style="left: 161px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: -3px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2020px; top: -5px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1960px; top: -5px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1797px; top: -5px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1734px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1571px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1509px; top: -5px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1347px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1283px; top: -5px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1120px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1060px; top: -5px;"></a>
|
||||||
|
<a class="m" href="" style="left: 897px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 834px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 671px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 610px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 447px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 385px; top: -5px;"></a>
|
||||||
|
<a class="m" href="" style="left: 222px; top: -7px;"></a>
|
||||||
|
<a class="m" href="" style="left: 159px; top: -7px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1960px; top: 975px;"></a>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
var room = ["doorway.html", "room_1.html","room_2.html","room_3.html","room_4.html"];
|
||||||
|
|
||||||
|
function randomInt2(){ return Math.ceil(Math.random() * 5);}
|
||||||
|
|
||||||
|
$('.m').each(function(){
|
||||||
|
$(this).attr("href", room[randomInt2()] );
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body></html>
|
||||||
@ -0,0 +1,31 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Home</title>
|
||||||
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
||||||
|
<script type="text/javascript" src="./setPage.js"></script>
|
||||||
|
<style type="text/css">
|
||||||
|
body {font-family: mono;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
iframe{width: 490px;
|
||||||
|
height: 340px;}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<a href=""><img id="img1" style="width: 640px;" src="" ></a>
|
||||||
|
<script type="text/javascript">
|
||||||
|
setPageT();
|
||||||
|
|
||||||
|
var room = ["attic.html", "bedroom.html","long_corridor.html"];
|
||||||
|
|
||||||
|
function randomInt2(){ return Math.ceil(Math.random() * 3);}
|
||||||
|
|
||||||
|
$('a').each(function(){
|
||||||
|
$(this).attr("href", room[randomInt2()] );
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,114 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Homeostat 1</title>
|
||||||
|
<meta http-equiv="refresh" content="5; url=./room_2.html">
|
||||||
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
||||||
|
<style type="text/css">
|
||||||
|
|
||||||
|
body {font-family: mono;
|
||||||
|
position: relative;
|
||||||
|
background-image: url('./img/32.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {background-color: white;
|
||||||
|
width: 215px;
|
||||||
|
padding: 6px;}
|
||||||
|
|
||||||
|
#n1 {width: 305px;
|
||||||
|
height: 488px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1164px;
|
||||||
|
top: 607px;}
|
||||||
|
|
||||||
|
#n2 {width: 317px;
|
||||||
|
height: 437px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1523px;
|
||||||
|
top: 630px;}
|
||||||
|
|
||||||
|
#n3 {width: 126px;
|
||||||
|
height: 126px;
|
||||||
|
position: absolute;
|
||||||
|
left: 218px;
|
||||||
|
top: 690px;
|
||||||
|
background-size: 126px 126px;}
|
||||||
|
|
||||||
|
#n4 {width: 137px;
|
||||||
|
height: 130px;
|
||||||
|
position: absolute;
|
||||||
|
left: 555px;
|
||||||
|
top: 590px;
|
||||||
|
background-size: 137px 130px;}
|
||||||
|
|
||||||
|
#n5 {width: 141px;
|
||||||
|
height: 119px;
|
||||||
|
position: absolute;
|
||||||
|
left: 559px;
|
||||||
|
top: 771px;
|
||||||
|
background-size: 141px 119px;}
|
||||||
|
|
||||||
|
#n6 {width: 135px;
|
||||||
|
height: 117px;
|
||||||
|
position: absolute;
|
||||||
|
left: 217px;
|
||||||
|
top: 918px;
|
||||||
|
background-size: 135px 117px;}
|
||||||
|
|
||||||
|
#n7 {width: 144px;
|
||||||
|
height: 122px;
|
||||||
|
position: absolute;
|
||||||
|
left: 560px;
|
||||||
|
top: 937px;
|
||||||
|
background-size: 144px 122px;}
|
||||||
|
|
||||||
|
a#n1:hover {
|
||||||
|
background-image: url(./img/15.jpg);
|
||||||
|
background-size: 305px 488px;
|
||||||
|
}
|
||||||
|
a#n2:hover {
|
||||||
|
background-image: url(./img/18.jpg);
|
||||||
|
background-size: 305px 426px;
|
||||||
|
}
|
||||||
|
a#n3:hover {
|
||||||
|
background-image: url(./img/9.jpg);
|
||||||
|
}
|
||||||
|
a#n4:hover {
|
||||||
|
background-image: url(./img/2.jpg);
|
||||||
|
}
|
||||||
|
a#n5:hover {
|
||||||
|
background-image: url(./img/3.jpg);
|
||||||
|
}
|
||||||
|
a#n6:hover {
|
||||||
|
background-image: url(./img/4.jpg);
|
||||||
|
}
|
||||||
|
a#n7:hover {
|
||||||
|
background-image: url(./img/5.jpg);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1><a href="./room_1.html" target="blank">Homeostat 1</a></h1>
|
||||||
|
<img id="img1" style="width: 640px;" src="./img/1.jpg" >
|
||||||
|
<a class="h" href="" id="n1"></a>
|
||||||
|
<a class="h" href="" id="n2"></a>
|
||||||
|
<a class="h" href="" id="n3"></a>
|
||||||
|
<a class="h" href="" id="n4"></a>
|
||||||
|
<a class="h" href="" id="n5"></a>
|
||||||
|
<a class="h" href="" id="n6"></a>
|
||||||
|
<a class="h" href="" id="n7"></a>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
var room = ["living_room.html", "dining_room.html"];
|
||||||
|
|
||||||
|
function randomInt(){ return Math.ceil(Math.random() * 2)-1; }
|
||||||
|
|
||||||
|
$('.h').each(function(){
|
||||||
|
$(this).attr("href", room[randomInt()] );
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,69 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Homeostat 2</title>
|
||||||
|
<meta http-equiv="refresh" content="5; url=./room_3.html">
|
||||||
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
||||||
|
<style type="text/css">
|
||||||
|
|
||||||
|
body {font-family: mono;
|
||||||
|
position: relative;
|
||||||
|
background-image: url('./img/6.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {background-color: white;
|
||||||
|
width: 215px;
|
||||||
|
padding: 6px;}
|
||||||
|
|
||||||
|
#n1 {width: 172px;
|
||||||
|
height: 114px;
|
||||||
|
position: absolute;
|
||||||
|
left: 369px;
|
||||||
|
top: 596px;
|
||||||
|
background-position: 344px 145px;}
|
||||||
|
|
||||||
|
#n2 {width: 172px;
|
||||||
|
height: 116px;
|
||||||
|
position: absolute;
|
||||||
|
left: 679px;
|
||||||
|
top: 594px;
|
||||||
|
background-position: 504px 730px;}
|
||||||
|
|
||||||
|
#n3 {width: 306px;
|
||||||
|
height: 106px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1288px;
|
||||||
|
top: 310px;
|
||||||
|
background-position: -40px 74px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a#n1:hover {
|
||||||
|
background-image: url(./img/25.jpg);
|
||||||
|
}
|
||||||
|
a#n2:hover {
|
||||||
|
background-image: url(./img/15.jpg);
|
||||||
|
}
|
||||||
|
a#n3:hover {
|
||||||
|
background-image: url(./img/9.jpg);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1><a href="./room_2.html" target="blank">Homeostat 2</a></h1>
|
||||||
|
<img id="img1" src="./img/4.jpg" >
|
||||||
|
<a class="h" id="n1"href=""></a>
|
||||||
|
<a class="h" id="n2"href=""></a>
|
||||||
|
<a class="h" id="n3"href=""></a>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
var room = ["living_room.html", "dining_room.html"];
|
||||||
|
|
||||||
|
function randomInt(){ return Math.ceil(Math.random() * 2)-1; }
|
||||||
|
|
||||||
|
$('.h').each(function(){
|
||||||
|
$(this).attr("href", room[randomInt()] );
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,79 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Homeostat 3</title>
|
||||||
|
<meta http-equiv="refresh" content="5; url=./room_4.html">
|
||||||
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
||||||
|
<style type="text/css">
|
||||||
|
|
||||||
|
body {font-family: mono;
|
||||||
|
position: relative;
|
||||||
|
background-image: url('./img/29.jpg');
|
||||||
|
background-position: 950px -30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {background-color: white;
|
||||||
|
width: 215px;
|
||||||
|
padding: 6px;}
|
||||||
|
|
||||||
|
#n1 {width: 684px;
|
||||||
|
height: 260px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1141px;
|
||||||
|
top: -17px;}
|
||||||
|
|
||||||
|
#n2 {width: 270px;
|
||||||
|
height: 534px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1580px;
|
||||||
|
top: 424.6px;}
|
||||||
|
|
||||||
|
#n3 {width: 278px;
|
||||||
|
height: 206px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1268px;
|
||||||
|
top: 793px;
|
||||||
|
background-position: -380px 825px;}
|
||||||
|
|
||||||
|
#n4 {width: 528px;
|
||||||
|
height: 407px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1019px;
|
||||||
|
top: 393px;}
|
||||||
|
|
||||||
|
a#n1:hover {
|
||||||
|
background-image: url(./img/35.jpg);
|
||||||
|
}
|
||||||
|
a#n2:hover {
|
||||||
|
background-image: url(./img/17.jpg);
|
||||||
|
}
|
||||||
|
a#n3:hover {
|
||||||
|
background-image: url(./img/30.jpg);
|
||||||
|
}
|
||||||
|
a#n4:hover {
|
||||||
|
background-image: url(./img/24.jpg);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1><a href="./room_3.html" target="blank">Homeostat 3</a></h1>
|
||||||
|
<img id="img1" style="width: 640px;" src="./img/12.jpg" >
|
||||||
|
<a class="h" href="" id="n1"></a>
|
||||||
|
<a class="h" href="" id="n2"></a>
|
||||||
|
<a class="h" href="" id="n3"></a>
|
||||||
|
<a class="h" href="" id="n4"></a>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
var room = ["living_room.html", "dining_room.html"];
|
||||||
|
|
||||||
|
function randomInt(){ return Math.ceil(Math.random() * 2)-1; }
|
||||||
|
|
||||||
|
$('.h').each(function(){
|
||||||
|
$(this).attr("href", room[randomInt()] );
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,71 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Homeostat 4</title>
|
||||||
|
<meta http-equiv="refresh" content="5; url=./room_1.html">
|
||||||
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
||||||
|
<style type="text/css">
|
||||||
|
|
||||||
|
body {font-family: mono;
|
||||||
|
position: relative;
|
||||||
|
background-image: url('./img/34.jpg');
|
||||||
|
background-position: 950px -30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {background-color: white;
|
||||||
|
width: 215px;
|
||||||
|
padding: 6px;}
|
||||||
|
|
||||||
|
#n1 {width: 228px;
|
||||||
|
height: 653px;
|
||||||
|
position: absolute;
|
||||||
|
left: 986px;
|
||||||
|
top: 43px;
|
||||||
|
background-position: -178px 0px;}
|
||||||
|
|
||||||
|
#n2 {width: 292px;
|
||||||
|
height: 781px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1481px;
|
||||||
|
top: 36px;
|
||||||
|
background-size: 350px 515px;}
|
||||||
|
|
||||||
|
#n3 {width: 228px;
|
||||||
|
height: 489px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1212px;
|
||||||
|
top: 43px;
|
||||||
|
background-size: 500px auto;}
|
||||||
|
|
||||||
|
a#n1:hover {
|
||||||
|
background-image: url(./img/19.JPG);
|
||||||
|
}
|
||||||
|
a#n2:hover {
|
||||||
|
background-image: url(./img/26.jpg);
|
||||||
|
}
|
||||||
|
a#n3:hover {
|
||||||
|
background-image: url(./img/5.jpg);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1><a href="./room_4.html" target="blank">Homeostat 4</a></h1>
|
||||||
|
<img id="img1" src="./img/10.jpg">
|
||||||
|
<a class="h" id="n1"href=""></a>
|
||||||
|
<a class="h" id="n2"href=""></a>
|
||||||
|
<a class="h" id="n3"href=""></a>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
var room = ["living_room.html", "dining_room.html"];
|
||||||
|
|
||||||
|
function randomInt(){ return Math.ceil(Math.random() * 2)-1; }
|
||||||
|
|
||||||
|
$('.h').each(function(){
|
||||||
|
$(this).attr("href", room[randomInt()] );
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,32 @@
|
|||||||
|
var tech = ["./img/2.jpg","./img/3.jpg","./img/4.jpg","./img/5.jpg","./img/6.jpg","./img/7.jpg","./img/8.jpg","./img/9.jpg","./img/10.jpg","./img/11.jpg","./img/12.jpg","./img/13.jpg","./img/35.jpg"];
|
||||||
|
var memo = ["./img/1.jpg","./img/15.jpg","./img/16.jpg","./img/17.jpg","./img/18.jpg","./img/19.JPG","./img/20.jpg","./img/21.jpg","./img/22.jpg","./img/24.jpg","./img/25.jpg","./img/26.jpg", "./img/31.jpg"];
|
||||||
|
|
||||||
|
|
||||||
|
function randomInt(){
|
||||||
|
return Math.ceil(Math.random() * 13);
|
||||||
|
}
|
||||||
|
|
||||||
|
function setPageM() {
|
||||||
|
var num1 = randomInt();
|
||||||
|
var num2 = randomInt();
|
||||||
|
document.body.background = memo[randomInt()];
|
||||||
|
document.body.style.backgroundRepeat = "repeat";
|
||||||
|
document.getElementById("img1").src = memo[randomInt()];
|
||||||
|
}
|
||||||
|
|
||||||
|
function setPageT() {
|
||||||
|
var num1 = randomInt();
|
||||||
|
var num2 = randomInt();
|
||||||
|
document.body.background = tech[randomInt()];
|
||||||
|
document.body.style.backgroundRepeat = "repeat";
|
||||||
|
document.getElementById("img1").src = tech[randomInt()];
|
||||||
|
}
|
||||||
|
|
||||||
|
let videoSrc = ['https://www.youtube.com/embed/7e9Q7HnvaM8','https://www.youtube.com/embed/sNQp1rJE26s'];
|
||||||
|
|
||||||
|
function setvideo() {
|
||||||
|
var num = Math.floor(Math.random() * 2);
|
||||||
|
document.getElementById("vid").src = videoSrc[num];
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
@ -0,0 +1,183 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html class="gr__"><head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
||||||
|
<title>mmmmm</title>
|
||||||
|
<style type="text/css">
|
||||||
|
|
||||||
|
body {font-family: mono;
|
||||||
|
position: relative;
|
||||||
|
background-image: url('./img/7.jpg');
|
||||||
|
background-size: 1912px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m {
|
||||||
|
position: absolute;
|
||||||
|
width: 75px;
|
||||||
|
height: 75px;
|
||||||
|
display: block;
|
||||||
|
background-size: 75px 75px;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body data-gr-c-s-loaded="true" style="cursor: auto;">
|
||||||
|
<a class="m" href="" style="left: 2023px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 40px; top: 32px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2182px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2184px; top: 541px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2184px; top: 424px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2186px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1412px; top: 942px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2185px; top: 152px;"></a>
|
||||||
|
<a class="m" href="" style="left: 152px; top: 32px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2185px; top: 698px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2185px; top: 974px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2185px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 276px; top: 374px; background-image: none;"></a>
|
||||||
|
<a class="m" href="" style="left: 893px; top: 647px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1804px; top: 954px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1666px; top: 952px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1547px; top: 537px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1531px; top: 945px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1415px; top: 815px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1295px; top: 937px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1168px; top: 932px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1030px; top: 928px;"></a>
|
||||||
|
<a class="m" href="" style="left: 896px; top: 925px;"></a>
|
||||||
|
<a class="m" href="" style="left: 775px; top: 920px;"></a>
|
||||||
|
<a class="m" href="" style="left: 654px; top: 918px;"></a>
|
||||||
|
<a class="m" href="" style="left: 540px; top: 917px;"></a>
|
||||||
|
<a class="m" href="" style="left: 421px; top: 915px;"></a>
|
||||||
|
<a class="m" href="" style="left: 307px; top: 909px;"></a>
|
||||||
|
<a class="m" href="" style="left: 192px; top: 908px;"></a>
|
||||||
|
<a class="m" href="" style="left: 58px; top: 909px;"></a>
|
||||||
|
<a class="m" href="" style="left: 52px; top: 784px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2020px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1958px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1810px; top: 817px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1668px; top: 819px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1540px; top: 814px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1544px; top: 678px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1296px; top: 805px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1424px; top: 533px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1171px; top: 805px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1040px; top: 801px;"></a>
|
||||||
|
<a class="m" href="" style="left: 900px; top: 793px;"></a>
|
||||||
|
<a class="m" href="" style="left: 774px; top: 790px;"></a>
|
||||||
|
<a class="m" href="" style="left: 650px; top: 784px;"></a>
|
||||||
|
<a class="m" href="" style="left: 533px; top: 781px;"></a>
|
||||||
|
<a class="m" href="" style="left: 418px; top: 784px;"></a>
|
||||||
|
<a class="m" href="" style="left: 406px; top: 643px;"></a>
|
||||||
|
<a class="m" href="" style="left: 287px; top: 644px;"></a>
|
||||||
|
<a class="m" href="" style="left: 188px; top: 780px;"></a>
|
||||||
|
<a class="m" href="" style="left: 47px; top: 642px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2021px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1958px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1803px; top: 688px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1811px; top: 552px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1680px; top: 544px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1698px; top: 42px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1422px; top: 670px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1297px; top: 664px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1178px; top: 658px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1040px; top: 655px;"></a>
|
||||||
|
<a class="m" href="" style="left: 770px; top: 647px;"></a>
|
||||||
|
<a class="m" href="" style="left: 648px; top: 514px;"></a>
|
||||||
|
<a class="m" href="" style="left: 656px; top: 644px;"></a>
|
||||||
|
<a class="m" href="" style="left: 527px; top: 646px;"></a>
|
||||||
|
<a class="m" href="" style="left: 152px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 158px; top: 251px;"></a>
|
||||||
|
<a class="m" href="" style="left: 175px; top: 642px;"></a>
|
||||||
|
<a class="m" href="" style="left: 298px; top: 781px;"></a>
|
||||||
|
<a class="m" href="" style="left: 46px; top: 506px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2021px; top: 542px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1958px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1820px; top: 416px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1823px; top: 289px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1687px; top: 408px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1694px; top: 176px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1294px; top: 38px; background-image: none;"></a>
|
||||||
|
<a class="m" href="" style="left: 1167px; top: 38px; background-image: none;"></a>
|
||||||
|
<a class="m" href="" style="left: 1043px; top: 518px;"></a>
|
||||||
|
<a class="m" href="" style="left: 897px; top: 518px;"></a>
|
||||||
|
<a class="m" href="" style="left: 524px; top: 512px;"></a>
|
||||||
|
<a class="m" href="" style="left: 397px; top: 510px;"></a>
|
||||||
|
<a class="m" href="" style="left: 764px; top: 34px;"></a>
|
||||||
|
<a class="m" href="" style="left: 647px; top: 36px;"></a>
|
||||||
|
<a class="m" href="" style="left: 282px; top: 507px; background-image: none;"></a>
|
||||||
|
<a class="m" href="" style="left: 159px; top: 376px; background-image: none;"></a>
|
||||||
|
<a class="m" href="" style="left: 168px; top: 505px; background-image: none;"></a>
|
||||||
|
<a class="m" href="" style="left: 266px; top: 33px;"></a>
|
||||||
|
<a class="m" href="" style="left: 43px; top: 258px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2021px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1959px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1828px; top: 47px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1825px; top: 179px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1674px; top: 683px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1692px; top: 284px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1558px; top: 40px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1427px; top: 40px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1177px; top: 527px;"></a>
|
||||||
|
<a class="m" href="" style="left: 769px; top: 511px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1034px; top: 36px;"></a>
|
||||||
|
<a class="m" href="" style="left: 891px; top: 34px;"></a>
|
||||||
|
<a class="m" href="" style="left: 270px; top: 141px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1299px; top: 532px;"></a>
|
||||||
|
<a class="m" href="" style="left: 521px; top: 35px;"></a>
|
||||||
|
<a class="m" href="" style="left: 387px; top: 37px;"></a>
|
||||||
|
<a class="m" href="" style="left: 44px; top: 380px;"></a>
|
||||||
|
<a class="m" href="" style="left: 48px; top: 143px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1553px; top: 406px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1427px; top: 395px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1557px; top: 276px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1560px; top: 172px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1424px; top: 271px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1428px; top: 168px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1294px; top: 392px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1295px; top: 267px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1296px; top: 159px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1172px; top: 387px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1171px; top: 265px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1173px; top: 155px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1041px; top: 382px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1041px; top: 259px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1043px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 896px; top: 379px;"></a>
|
||||||
|
<a class="m" href="" style="left: 896px; top: 251px;"></a>
|
||||||
|
<a class="m" href="" style="left: 893px; top: 149px;"></a>
|
||||||
|
<a class="m" href="" style="left: 768px; top: 378px;"></a>
|
||||||
|
<a class="m" href="" style="left: 768px; top: 253px;"></a>
|
||||||
|
<a class="m" href="" style="left: 768px; top: 146px;"></a>
|
||||||
|
<a class="m" href="" style="left: 645px; top: 375px;"></a>
|
||||||
|
<a class="m" href="" style="left: 645px; top: 252px; background-image: none;"></a>
|
||||||
|
<a class="m" href="" style="left: 519px; top: 378px;"></a>
|
||||||
|
<a class="m" href="" style="left: 395px; top: 375px; background-image: none;"></a>
|
||||||
|
<a class="m" href="" style="left: 516px; top: 255px; background-image: none;"></a>
|
||||||
|
<a class="m" href="" style="left: 647px; top: 146px; background-image: none;"></a>
|
||||||
|
<a class="m" href="" style="left: 389px; top: 253px;"></a>
|
||||||
|
<a class="m" href="" style="left: 269px; top: 254px;"></a>
|
||||||
|
<a class="m" href="" style="left: 521px; top: 141px; background-image: none;"></a>
|
||||||
|
<a class="m" href="" style="left: 389px; top: 141px; background-image: none;"></a>
|
||||||
|
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
var room = ["doorway.html", "room_1.html","room_2.html","room_3.html","room_4.html"];
|
||||||
|
|
||||||
|
function randomInt2(){ return Math.ceil(Math.random() * 5);}
|
||||||
|
|
||||||
|
$('.m').each(function(){
|
||||||
|
$(this).attr("href", room[randomInt2()] );
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
function randomInt3(){return Math.ceil(Math.random() * 35);}
|
||||||
|
|
||||||
|
$('.m').hover(function(e) {
|
||||||
|
var r = randomInt3()
|
||||||
|
$(this).css("background-image",e.type === "mouseenter"?"url(./img/" + randomInt3() + ".jpg":"none")
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</script>
|
||||||
|
</body></html>
|
||||||
@ -0,0 +1,93 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Home</title>
|
||||||
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
||||||
|
<style type="text/css">
|
||||||
|
|
||||||
|
body {font-family: mono;
|
||||||
|
position: relative;
|
||||||
|
background-image: url('./img/28.jpg');
|
||||||
|
background-position: -11px -97px;
|
||||||
|
background-size: 1991px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {background-color: white;
|
||||||
|
width: 215px;
|
||||||
|
padding: 6px;}
|
||||||
|
|
||||||
|
#n1 {width: 296px;
|
||||||
|
height: 895px;
|
||||||
|
position: absolute;
|
||||||
|
left: 66px;
|
||||||
|
top: 125px;
|
||||||
|
background-position: -178px 0px;}
|
||||||
|
|
||||||
|
#n2 {width: 291px;
|
||||||
|
height: 741px;
|
||||||
|
position: absolute;
|
||||||
|
left: 378px;
|
||||||
|
top: 270.3px;
|
||||||
|
background-size: 350px 515px;;}
|
||||||
|
|
||||||
|
#n3 {width: 276px;
|
||||||
|
height: 779px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1112px;
|
||||||
|
top: -9px;
|
||||||
|
background-size: 500px auto;}
|
||||||
|
|
||||||
|
#n4 {width: 566px;
|
||||||
|
height: 409px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1373px;
|
||||||
|
top: 483px;
|
||||||
|
background-size: 500px auto;}
|
||||||
|
|
||||||
|
#n5 {width: 276px;
|
||||||
|
height: 200px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1382px;
|
||||||
|
top: -9px;
|
||||||
|
background-size: 500px auto;}
|
||||||
|
|
||||||
|
a#n1:hover {
|
||||||
|
background-image: url(./img/17.jpg);
|
||||||
|
}
|
||||||
|
a#n2:hover {
|
||||||
|
background-image: url(./img/21.jpg);
|
||||||
|
}
|
||||||
|
a#n3:hover {
|
||||||
|
background-image: url(./img/22.jpg);
|
||||||
|
}
|
||||||
|
a#n4:hover {
|
||||||
|
background-image: url(./img/28.jpg);
|
||||||
|
}
|
||||||
|
a#n5:hover {
|
||||||
|
background-image: url(./img/26.jpg);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<a class="h" id="n1"href="basement.html"></a>
|
||||||
|
<a class="h" id="n2"href="basement.html"></a>
|
||||||
|
<a class="h" id="n3"href="basement.html"></a>
|
||||||
|
<a class="h" id="n4"href="room_4.html"></a>
|
||||||
|
<a class="h" id="n5"href="basement.html"></a>
|
||||||
|
<script type="text/javascript">
|
||||||
|
setPageM();
|
||||||
|
setvideo();
|
||||||
|
|
||||||
|
var room = ["kitchen.html", "bathroom.html","short_corridor.html"];
|
||||||
|
|
||||||
|
function randomInt2(){ return Math.ceil(Math.random() * 3); }
|
||||||
|
|
||||||
|
$('a').each(function(){
|
||||||
|
$(this).attr("href", room[randomInt2()] );
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,33 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Home</title>
|
||||||
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
||||||
|
<script type="text/javascript" src="./setPage.js"></script>
|
||||||
|
<style type="text/css">
|
||||||
|
body {font-family: mono;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
iframe{width: 490px;
|
||||||
|
height: 340px;}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<a href=""><img id="img1" style="width: 640px;" src="" ></a>
|
||||||
|
<iframe id="vid" src=""></iframe>
|
||||||
|
<script type="text/javascript">
|
||||||
|
setPageM();
|
||||||
|
setvideo();
|
||||||
|
|
||||||
|
var room = ["kitchen.html", "bathroom.html","short_corridor.html"];
|
||||||
|
|
||||||
|
function randomInt2(){ return Math.ceil(Math.random() * 3); }
|
||||||
|
|
||||||
|
$('a').each(function(){
|
||||||
|
$(this).attr("href", room[randomInt2()] );
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,66 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Home</title>
|
||||||
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
||||||
|
<style type="text/css">
|
||||||
|
|
||||||
|
body {font-family: mono;
|
||||||
|
position: relative;
|
||||||
|
background-image: url('./img/29.jpg');
|
||||||
|
background-position: 950px -30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {background-color: white;
|
||||||
|
width: 215px;
|
||||||
|
padding: 6px;}
|
||||||
|
|
||||||
|
#n1 {width: 684px;
|
||||||
|
height: 260px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1141px;
|
||||||
|
top: -9px;}
|
||||||
|
|
||||||
|
#n2 {width: 270px;
|
||||||
|
height: 534px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1580px;
|
||||||
|
top: 431px;}
|
||||||
|
|
||||||
|
#n3 {width: 278px;
|
||||||
|
height: 206px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1268px;
|
||||||
|
top: 798px;
|
||||||
|
background-position: -380px 825px;}
|
||||||
|
|
||||||
|
#n4 {width: 528px;
|
||||||
|
height: 407px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1019px;
|
||||||
|
top: 398px;}
|
||||||
|
|
||||||
|
a#n1:hover {
|
||||||
|
background-image: url(./img/35.jpg);
|
||||||
|
}
|
||||||
|
a#n2:hover {
|
||||||
|
background-image: url(./img/17.jpg);
|
||||||
|
}
|
||||||
|
a#n3:hover {
|
||||||
|
background-image: url(./img/30.jpg);
|
||||||
|
}
|
||||||
|
a#n4:hover {
|
||||||
|
background-image: url(./img/24.jpg);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<a class="h" href="rooftop.html" id="n1"></a>
|
||||||
|
<a class="h" href="rooftop.html" id="n2"></a>
|
||||||
|
<a class="h" href="rooftop.html" id="n3"></a>
|
||||||
|
<a class="h" href="rooftop.html" id="n4"></a>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,100 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Home</title>
|
||||||
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
||||||
|
<style type="text/css">
|
||||||
|
|
||||||
|
body {font-family: mono;
|
||||||
|
position: relative;
|
||||||
|
background-image: url('./img/32.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {background-color: white;
|
||||||
|
width: 215px;
|
||||||
|
padding: 6px;}
|
||||||
|
|
||||||
|
#n1 {width: 305px;
|
||||||
|
height: 488px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1164px;
|
||||||
|
top: 607px;}
|
||||||
|
|
||||||
|
#n2 {width: 317px;
|
||||||
|
height: 437px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1523px;
|
||||||
|
top: 630px;}
|
||||||
|
|
||||||
|
#n3 {width: 126px;
|
||||||
|
height: 126px;
|
||||||
|
position: absolute;
|
||||||
|
left: 218px;
|
||||||
|
top: 690px;
|
||||||
|
background-size: 126px 126px;}
|
||||||
|
|
||||||
|
#n4 {width: 137px;
|
||||||
|
height: 130px;
|
||||||
|
position: absolute;
|
||||||
|
left: 555px;
|
||||||
|
top: 590px;
|
||||||
|
background-size: 137px 130px;}
|
||||||
|
|
||||||
|
#n5 {width: 141px;
|
||||||
|
height: 119px;
|
||||||
|
position: absolute;
|
||||||
|
left: 559px;
|
||||||
|
top: 771px;
|
||||||
|
background-size: 141px 119px;}
|
||||||
|
|
||||||
|
#n6 {width: 135px;
|
||||||
|
height: 117px;
|
||||||
|
position: absolute;
|
||||||
|
left: 217px;
|
||||||
|
top: 918px;
|
||||||
|
background-size: 135px 117px;}
|
||||||
|
|
||||||
|
#n7 {width: 144px;
|
||||||
|
height: 122px;
|
||||||
|
position: absolute;
|
||||||
|
left: 560px;
|
||||||
|
top: 937px;
|
||||||
|
background-size: 144px 122px;}
|
||||||
|
|
||||||
|
a#n1:hover {
|
||||||
|
background-image: url(./img/1.jpg);
|
||||||
|
background-size: 305px 488px;
|
||||||
|
}
|
||||||
|
a#n2:hover {
|
||||||
|
background-image: url(./img/2.jpg);
|
||||||
|
background-size: 305px 426px;
|
||||||
|
}
|
||||||
|
a#n3:hover {
|
||||||
|
background-image: url(./img/3.jpg);
|
||||||
|
}
|
||||||
|
a#n4:hover {
|
||||||
|
background-image: url(./img/4.jpg);
|
||||||
|
}
|
||||||
|
a#n5:hover {
|
||||||
|
background-image: url(./img/5.jpg);
|
||||||
|
}
|
||||||
|
a#n6:hover {
|
||||||
|
background-image: url(./img/6.jpg);
|
||||||
|
}
|
||||||
|
a#n7:hover {
|
||||||
|
background-image: url(./img/7.jpg);
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<a class="h" href="basement.html" id="n1"></a>
|
||||||
|
<a class="h" href="basement.html" id="n2"></a>
|
||||||
|
<a class="h" href="doorway.html" id="n3"></a>
|
||||||
|
<a class="h" href="basement.html" id="n4"></a>
|
||||||
|
<a class="h" href="basement.html" id="n5"></a>
|
||||||
|
<a class="h" href="room_2.html" id="n6"></a>
|
||||||
|
<a class="h" href="basement.html" id="n7"></a>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,200 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html class="gr__"><head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>mmmmmm</title>
|
||||||
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
||||||
|
<style type="text/css">
|
||||||
|
|
||||||
|
body {font-family: mono;
|
||||||
|
position: relative;
|
||||||
|
background-image: url('./img/8.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
|
.m {
|
||||||
|
position: absolute;
|
||||||
|
width: 53px;
|
||||||
|
height: 53px;
|
||||||
|
display: block;
|
||||||
|
background-position: 0px 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m:hover{
|
||||||
|
background-image: url('./img/15.jpg');
|
||||||
|
background-position: -121px 840px;
|
||||||
|
background-size: 310px 500px;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body data-gr-c-s-loaded="true" style="cursor: auto;">
|
||||||
|
<a class="m" href="" style="left: 2023px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: -2px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2182px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2184px; top: 541px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2184px; top: 424px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2186px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1433px; top: 895px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2185px; top: 152px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1878px; top: 72px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2185px; top: 698px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2185px; top: 974px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2185px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 305px; top: 619px;"></a>
|
||||||
|
<a class="m" href="" style="left: 981px; top: 625px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1797px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1736px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1572px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1510px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1347px; top: 972px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1285px; top: 974px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1120px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1060px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 895px; top: 974px;"></a>
|
||||||
|
<a class="m" href="" style="left: 835px; top: 975px;"></a>
|
||||||
|
<a class="m" href="" style="left: 670px; top: 975px;"></a>
|
||||||
|
<a class="m" href="" style="left: 607px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 447px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 383px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 220px; top: 974px;"></a>
|
||||||
|
<a class="m" href="" style="left: 158px; top: 974px;"></a>
|
||||||
|
<a class="m" href="" style="left: -4px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2020px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1958px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1796px; top: 817px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1735px; top: 817px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1569px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1509px; top: 817px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1346px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1284px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1121px; top: 817px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1060px; top: 817px;"></a>
|
||||||
|
<a class="m" href="" style="left: 897px; top: 817px;"></a>
|
||||||
|
<a class="m" href="" style="left: 834px; top: 818px;"></a>
|
||||||
|
<a class="m" href="" style="left: 673px; top: 815px;"></a>
|
||||||
|
<a class="m" href="" style="left: 608px; top: 818px;"></a>
|
||||||
|
<a class="m" href="" style="left: 445px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 383px; top: 817px;"></a>
|
||||||
|
<a class="m" href="" style="left: 221px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 158px; top: 815px;"></a>
|
||||||
|
<a class="m" href="" style="left: -4px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2021px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1958px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1796px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1734px; top: 699px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1569px; top: 698px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1509px; top: 699px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1346px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1283px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1121px; top: 699px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1060px; top: 699px;"></a>
|
||||||
|
<a class="m" href="" style="left: 897px; top: 699px;"></a>
|
||||||
|
<a class="m" href="" style="left: 834px; top: 698px;"></a>
|
||||||
|
<a class="m" href="" style="left: 673px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 608px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 444px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 385px; top: 698px;"></a>
|
||||||
|
<a class="m" href="" style="left: 221px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 159px; top: 699px;"></a>
|
||||||
|
<a class="m" href="" style="left: -5px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2021px; top: 542px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1958px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1795px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1733px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1570px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1510px; top: 541px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1347px; top: 540px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1284px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1119px; top: 542px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1060px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 896px; top: 544px;"></a>
|
||||||
|
<a class="m" href="" style="left: 834px; top: 544px;"></a>
|
||||||
|
<a class="m" href="" style="left: 671px; top: 542px;"></a>
|
||||||
|
<a class="m" href="" style="left: 608px; top: 542px;"></a>
|
||||||
|
<a class="m" href="" style="left: 445px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 383px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 220px; top: 542px;"></a>
|
||||||
|
<a class="m" href="" style="left: 161px; top: 541px;"></a>
|
||||||
|
<a class="m" href="" style="left: -4px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2021px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1959px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1796px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1734px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1571px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1510px; top: 424px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1347px; top: 427px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1285px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1121px; top: 427px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1060px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 895px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 834px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 669px; top: 423px;"></a>
|
||||||
|
<a class="m" href="" style="left: 608px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 447px; top: 424px;"></a>
|
||||||
|
<a class="m" href="" style="left: 384px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 221px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 161px; top: 424px;"></a>
|
||||||
|
<a class="m" href="" style="left: -4px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2022px; top: 269px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1960px; top: 269px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1796px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1734px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1572px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1511px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1347px; top: 269px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1283px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1122px; top: 266px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1060px; top: 266px;"></a>
|
||||||
|
<a class="m" href="" style="left: 898px; top: 267px;"></a>
|
||||||
|
<a class="m" href="" style="left: 835px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 672px; top: 267px;"></a>
|
||||||
|
<a class="m" href="" style="left: 608px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 446px; top: 270px;"></a>
|
||||||
|
<a class="m" href="" style="left: 383px; top: 269px;"></a>
|
||||||
|
<a class="m" href="" style="left: 221px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 158px; top: 269px;"></a>
|
||||||
|
<a class="m" href="" style="left: -3px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2021px; top: 152px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1961px; top: 152px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1795px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1734px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1572px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1511px; top: 152px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1347px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1286px; top: 152px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1121px; top: 152px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1061px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 896px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 833px; top: 150px;"></a>
|
||||||
|
<a class="m" href="" style="left: 670px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 608px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 445px; top: 150px;"></a>
|
||||||
|
<a class="m" href="" style="left: 384px; top: 150px;"></a>
|
||||||
|
<a class="m" href="" style="left: 221px; top: 150px;"></a>
|
||||||
|
<a class="m" href="" style="left: 161px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: -3px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2020px; top: -5px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1960px; top: -5px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1797px; top: -5px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1734px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1571px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1509px; top: -5px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1347px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1283px; top: -5px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1120px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1060px; top: -5px;"></a>
|
||||||
|
<a class="m" href="" style="left: 897px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 834px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 671px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 610px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 447px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 385px; top: -5px;"></a>
|
||||||
|
<a class="m" href="" style="left: 222px; top: -7px;"></a>
|
||||||
|
<a class="m" href="" style="left: 159px; top: -7px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1960px; top: 975px;"></a>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
$('.m:even').attr("href", "attic.html" );
|
||||||
|
$('.m:odd').attr("href", "bedroom.html" );
|
||||||
|
</script>
|
||||||
|
</body></html>
|
||||||
@ -0,0 +1,24 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Home</title>
|
||||||
|
<style type="text/css">
|
||||||
|
body {
|
||||||
|
font-family: mono;
|
||||||
|
background-color: black;
|
||||||
|
color: white;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
iframe {border: none;}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>Homeostat</h1>
|
||||||
|
<iframe src="./room_1.html" width="600px" height="400px"></iframe>
|
||||||
|
<iframe src="./room_2.html" width="600px" height="400px"></iframe><br>
|
||||||
|
<iframe src="./room_4.html" width="600px" height="400px"></iframe>
|
||||||
|
<iframe src="./room_3.html" width="600px" height="400px"></iframe>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -1,19 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<title>Homeostat</title>
|
|
||||||
<style type="text/css">
|
|
||||||
body {background-color: black;
|
|
||||||
color: white;}
|
|
||||||
iframe {border: 2px dotted blue;}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body id="main">
|
|
||||||
<h1>Homeostat</h1>
|
|
||||||
<iframe src="./homeostat_1.html" width="600px" height="400px"></iframe>
|
|
||||||
<iframe src="./homeostat_2.html" width="600px" height="400px"></iframe><br>
|
|
||||||
<iframe src="./homeostat_4.html" width="600px" height="400px"></iframe>
|
|
||||||
<iframe src="./homeostat_3.html" width="600px" height="400px"></iframe>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,20 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<title>Homeostat 1</title>
|
|
||||||
<meta http-equiv="refresh" content="5; url=./homeostat_2.html">
|
|
||||||
<link rel="stylesheet" type="text/css" href="./style.css">
|
|
||||||
<script type="text/javascript" src="./setPage.js"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1><a href="./homeostat_2.html" target="blank">Homeostat 1</a></h1>
|
|
||||||
<img id="img1" src="" >
|
|
||||||
<iframe id="vid" width="420" height="315" src=""> </iframe>
|
|
||||||
|
|
||||||
<script type="text/javascript">
|
|
||||||
setPage();
|
|
||||||
setvideo();
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,20 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<title>Homeostat 2</title>
|
|
||||||
<meta http-equiv="refresh" content="5; url=./homeostat_3.html">
|
|
||||||
<link rel="stylesheet" type="text/css" href="./style.css">
|
|
||||||
<script type="text/javascript" src="./setPage.js"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1><a href="./homeostat_2.html" target="blank">Homeostat 2</a></h1>
|
|
||||||
<img id="img1" src="" >
|
|
||||||
<iframe id="vid" width="420" height="315" src=""> </iframe>
|
|
||||||
|
|
||||||
<script type="text/javascript">
|
|
||||||
setPage();
|
|
||||||
setvideo();
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,20 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<title>Homeostat 3</title>
|
|
||||||
<meta http-equiv="refresh" content="5; url=./homeostat_4.html">
|
|
||||||
<link rel="stylesheet" type="text/css" href="./style.css">
|
|
||||||
<script type="text/javascript" src="./setPage.js"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1><a href="./homeostat_2.html" target="blank">Homeostat 3</a></h1>
|
|
||||||
<img id="img1" src="" >
|
|
||||||
<iframe id="vid" width="420" height="315" src=""> </iframe>
|
|
||||||
|
|
||||||
<script type="text/javascript">
|
|
||||||
setPage();
|
|
||||||
setvideo();
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,20 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<title>Homeostat 4</title>
|
|
||||||
<meta http-equiv="refresh" content="5; url=./homeostat_1.html">
|
|
||||||
<link rel="stylesheet" type="text/css" href="./style.css">
|
|
||||||
<script type="text/javascript" src="./setPage.js"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1><a href="./homeostat_2.html" target="blank">Homeostat 4</a></h1>
|
|
||||||
<img id="img1" src="" >
|
|
||||||
<iframe id="vid" width="420" height="315" src=""> </iframe>
|
|
||||||
|
|
||||||
<script type="text/javascript">
|
|
||||||
setPage();
|
|
||||||
setvideo();
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 49 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 MiB |
@ -0,0 +1,10 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title></title>
|
||||||
|
<meta http-equiv="refresh" content="url=./doorway.html">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,58 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Home</title>
|
||||||
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
||||||
|
<style type="text/css">
|
||||||
|
|
||||||
|
body {font-family: mono;
|
||||||
|
position: relative;
|
||||||
|
background-image: url('./img/34.jpg');
|
||||||
|
background-position: 950px -30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {background-color: white;
|
||||||
|
width: 215px;
|
||||||
|
padding: 6px;}
|
||||||
|
|
||||||
|
#n1 {width: 228px;
|
||||||
|
height: 653px;
|
||||||
|
position: absolute;
|
||||||
|
left: 986px;
|
||||||
|
top: 55px;
|
||||||
|
background-position: -178px 0px;}
|
||||||
|
|
||||||
|
#n2 {width: 292px;
|
||||||
|
height: 781px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1481px;
|
||||||
|
top: 49px;
|
||||||
|
background-size: 350px 515px;}
|
||||||
|
|
||||||
|
#n3 {width: 228px;
|
||||||
|
height: 489px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1212px;
|
||||||
|
top: 55px;
|
||||||
|
background-size: 500px auto;}
|
||||||
|
|
||||||
|
a#n1:hover {
|
||||||
|
background-image: url(./img/19.JPG);
|
||||||
|
}
|
||||||
|
a#n2:hover {
|
||||||
|
background-image: url(./img/26.jpg);
|
||||||
|
}
|
||||||
|
a#n3:hover {
|
||||||
|
background-image: url(./img/5.jpg);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<a class="h" id="n1"href="rooftop.html"></a>
|
||||||
|
<a class="h" id="n2"href="rooftop.html"></a>
|
||||||
|
<a class="h" id="n3"href="rooftop.html"></a>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,177 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html class="gr__"><head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
||||||
|
<title>Hommmmme</title>
|
||||||
|
<style type="text/css">
|
||||||
|
|
||||||
|
body {font-family: mono;
|
||||||
|
position: relative;
|
||||||
|
background-image: url('./img/7.jpg');
|
||||||
|
background-size: 1912px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m {
|
||||||
|
position: absolute;
|
||||||
|
width: 75px;
|
||||||
|
height: 75px;
|
||||||
|
display: block;
|
||||||
|
background-size: 75px 75px;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<a class="m" href="" style="left: 2023px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 40px; top: 32px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2182px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2184px; top: 541px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2184px; top: 424px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2186px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1412px; top: 942px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2185px; top: 152px;"></a>
|
||||||
|
<a class="m" href="" style="left: 152px; top: 32px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2185px; top: 698px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2185px; top: 974px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2185px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 276px; top: 374px;"></a>
|
||||||
|
<a class="m" href="" style="left: 893px; top: 647px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1804px; top: 954px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1666px; top: 952px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1547px; top: 537px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1531px; top: 945px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1415px; top: 815px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1295px; top: 937px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1168px; top: 932px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1030px; top: 928px;"></a>
|
||||||
|
<a class="m" href="" style="left: 896px; top: 925px;"></a>
|
||||||
|
<a class="m" href="" style="left: 775px; top: 920px;"></a>
|
||||||
|
<a class="m" href="" style="left: 654px; top: 918px;"></a>
|
||||||
|
<a class="m" href="" style="left: 540px; top: 917px;"></a>
|
||||||
|
<a class="m" href="" style="left: 421px; top: 915px;"></a>
|
||||||
|
<a class="m" href="" style="left: 307px; top: 909px;"></a>
|
||||||
|
<a class="m" href="" style="left: 192px; top: 908px;"></a>
|
||||||
|
<a class="m" href="" style="left: 58px; top: 909px;"></a>
|
||||||
|
<a class="m" href="" style="left: 52px; top: 784px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2020px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1958px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1810px; top: 817px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1668px; top: 819px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1540px; top: 814px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1544px; top: 678px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1296px; top: 805px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1424px; top: 533px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1171px; top: 805px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1040px; top: 801px;"></a>
|
||||||
|
<a class="m" href="" style="left: 900px; top: 793px;"></a>
|
||||||
|
<a class="m" href="" style="left: 774px; top: 790px;"></a>
|
||||||
|
<a class="m" href="" style="left: 650px; top: 784px;"></a>
|
||||||
|
<a class="m" href="" style="left: 533px; top: 781px;"></a>
|
||||||
|
<a class="m" href="" style="left: 418px; top: 784px;"></a>
|
||||||
|
<a class="m" href="" style="left: 406px; top: 643px;"></a>
|
||||||
|
<a class="m" href="" style="left: 287px; top: 644px;"></a>
|
||||||
|
<a class="m" href="" style="left: 188px; top: 780px;"></a>
|
||||||
|
<a class="m" href="" style="left: 47px; top: 642px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2021px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1958px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1803px; top: 688px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1811px; top: 552px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1680px; top: 544px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1698px; top: 42px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1422px; top: 670px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1297px; top: 664px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1178px; top: 658px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1040px; top: 655px;"></a>
|
||||||
|
<a class="m" href="" style="left: 770px; top: 647px;"></a>
|
||||||
|
<a class="m" href="" style="left: 648px; top: 514px;"></a>
|
||||||
|
<a class="m" href="" style="left: 656px; top: 644px;"></a>
|
||||||
|
<a class="m" href="" style="left: 527px; top: 646px;"></a>
|
||||||
|
<a class="m" href="" style="left: 152px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 158px; top: 251px;"></a>
|
||||||
|
<a class="m" href="" style="left: 175px; top: 642px;"></a>
|
||||||
|
<a class="m" href="" style="left: 298px; top: 781px;"></a>
|
||||||
|
<a class="m" href="" style="left: 46px; top: 506px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2021px; top: 542px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1958px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1820px; top: 416px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1823px; top: 289px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1687px; top: 408px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1694px; top: 176px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1294px; top: 38px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1167px; top: 38px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1043px; top: 518px;"></a>
|
||||||
|
<a class="m" href="" style="left: 897px; top: 518px;"></a>
|
||||||
|
<a class="m" href="" style="left: 524px; top: 512px;"></a>
|
||||||
|
<a class="m" href="" style="left: 397px; top: 510px;"></a>
|
||||||
|
<a class="m" href="" style="left: 764px; top: 34px;"></a>
|
||||||
|
<a class="m" href="" style="left: 647px; top: 36px;"></a>
|
||||||
|
<a class="m" href="" style="left: 282px; top: 507px;"></a>
|
||||||
|
<a class="m" href="" style="left: 159px; top: 376px;"></a>
|
||||||
|
<a class="m" href="" style="left: 168px; top: 505px;"></a>
|
||||||
|
<a class="m" href="" style="left: 266px; top: 33px;"></a>
|
||||||
|
<a class="m" href="" style="left: 43px; top: 258px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2021px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1959px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1828px; top: 47px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1825px; top: 179px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1674px; top: 683px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1692px; top: 284px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1558px; top: 40px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1427px; top: 40px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1177px; top: 527px;"></a>
|
||||||
|
<a class="m" href="" style="left: 769px; top: 511px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1034px; top: 36px;"></a>
|
||||||
|
<a class="m" href="" style="left: 891px; top: 34px;"></a>
|
||||||
|
<a class="m" href="" style="left: 270px; top: 141px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1299px; top: 532px;"></a>
|
||||||
|
<a class="m" href="" style="left: 521px; top: 35px;"></a>
|
||||||
|
<a class="m" href="" style="left: 387px; top: 37px;"></a>
|
||||||
|
<a class="m" href="" style="left: 44px; top: 380px;"></a>
|
||||||
|
<a class="m" href="" style="left: 48px; top: 143px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1553px; top: 406px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1427px; top: 395px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1557px; top: 276px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1560px; top: 172px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1424px; top: 271px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1428px; top: 168px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1294px; top: 392px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1295px; top: 267px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1296px; top: 159px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1172px; top: 387px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1171px; top: 265px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1173px; top: 155px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1041px; top: 382px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1041px; top: 259px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1043px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 896px; top: 379px;"></a>
|
||||||
|
<a class="m" href="" style="left: 896px; top: 251px;"></a>
|
||||||
|
<a class="m" href="" style="left: 893px; top: 149px;"></a>
|
||||||
|
<a class="m" href="" style="left: 768px; top: 378px;"></a>
|
||||||
|
<a class="m" href="" style="left: 768px; top: 253px;"></a>
|
||||||
|
<a class="m" href="" style="left: 768px; top: 146px;"></a>
|
||||||
|
<a class="m" href="" style="left: 645px; top: 375px;"></a>
|
||||||
|
<a class="m" href="" style="left: 645px; top: 252px;"></a>
|
||||||
|
<a class="m" href="" style="left: 519px; top: 378px;"></a>
|
||||||
|
<a class="m" href="" style="left: 395px; top: 375px;"></a>
|
||||||
|
<a class="m" href="" style="left: 516px; top: 255px;"></a>
|
||||||
|
<a class="m" href="" style="left: 647px; top: 146px;"></a>
|
||||||
|
<a class="m" href="" style="left: 389px; top: 253px;"></a>
|
||||||
|
<a class="m" href="" style="left: 269px; top: 254px;"></a>
|
||||||
|
<a class="m" href="" style="left: 521px; top: 141px;"></a>
|
||||||
|
<a class="m" href="" style="left: 389px; top: 141px;"></a>
|
||||||
|
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
$('.m:even').attr("href", "kitchen.html" );
|
||||||
|
$('.m:odd').attr("href", "bathroom.html" );
|
||||||
|
|
||||||
|
function randomInt(){return Math.ceil(Math.random() * 35);}
|
||||||
|
|
||||||
|
$('.m').hover(function(e) {
|
||||||
|
var r = randomInt()
|
||||||
|
$(this).css("background-image",e.type === "mouseenter"?"url(./img/" + randomInt() + ".jpg":"none")
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</script>
|
||||||
|
</body></html>
|
||||||
@ -0,0 +1,205 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html class="gr__"><head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>mmmmmm</title>
|
||||||
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
||||||
|
<style type="text/css">
|
||||||
|
|
||||||
|
body {font-family: mono;
|
||||||
|
position: relative;
|
||||||
|
background-image: url('./img/8.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
|
.m {
|
||||||
|
position: absolute;
|
||||||
|
width: 53px;
|
||||||
|
height: 53px;
|
||||||
|
display: block;
|
||||||
|
background-position: 0px 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m:hover{
|
||||||
|
background-image: url('./img/15.jpg');
|
||||||
|
background-position: -121px 840px;
|
||||||
|
background-size: 310px 500px;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body data-gr-c-s-loaded="true" style="cursor: auto;">
|
||||||
|
<a class="m" href="" style="left: 2023px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: -2px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2182px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2184px; top: 541px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2184px; top: 424px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2186px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1433px; top: 895px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2185px; top: 152px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1878px; top: 72px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2185px; top: 698px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2185px; top: 974px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2185px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 305px; top: 619px;"></a>
|
||||||
|
<a class="m" href="" style="left: 981px; top: 625px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1797px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1736px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1572px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1510px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1347px; top: 972px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1285px; top: 974px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1120px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1060px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 895px; top: 974px;"></a>
|
||||||
|
<a class="m" href="" style="left: 835px; top: 975px;"></a>
|
||||||
|
<a class="m" href="" style="left: 670px; top: 975px;"></a>
|
||||||
|
<a class="m" href="" style="left: 607px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 447px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 383px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 220px; top: 974px;"></a>
|
||||||
|
<a class="m" href="" style="left: 158px; top: 974px;"></a>
|
||||||
|
<a class="m" href="" style="left: -4px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2020px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1958px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1796px; top: 817px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1735px; top: 817px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1569px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1509px; top: 817px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1346px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1284px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1121px; top: 817px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1060px; top: 817px;"></a>
|
||||||
|
<a class="m" href="" style="left: 897px; top: 817px;"></a>
|
||||||
|
<a class="m" href="" style="left: 834px; top: 818px;"></a>
|
||||||
|
<a class="m" href="" style="left: 673px; top: 815px;"></a>
|
||||||
|
<a class="m" href="" style="left: 608px; top: 818px;"></a>
|
||||||
|
<a class="m" href="" style="left: 445px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 383px; top: 817px;"></a>
|
||||||
|
<a class="m" href="" style="left: 221px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 158px; top: 815px;"></a>
|
||||||
|
<a class="m" href="" style="left: -4px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2021px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1958px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1796px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1734px; top: 699px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1569px; top: 698px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1509px; top: 699px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1346px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1283px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1121px; top: 699px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1060px; top: 699px;"></a>
|
||||||
|
<a class="m" href="" style="left: 897px; top: 699px;"></a>
|
||||||
|
<a class="m" href="" style="left: 834px; top: 698px;"></a>
|
||||||
|
<a class="m" href="" style="left: 673px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 608px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 444px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 385px; top: 698px;"></a>
|
||||||
|
<a class="m" href="" style="left: 221px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 159px; top: 699px;"></a>
|
||||||
|
<a class="m" href="" style="left: -5px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2021px; top: 542px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1958px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1795px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1733px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1570px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1510px; top: 541px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1347px; top: 540px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1284px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1119px; top: 542px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1060px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 896px; top: 544px;"></a>
|
||||||
|
<a class="m" href="" style="left: 834px; top: 544px;"></a>
|
||||||
|
<a class="m" href="" style="left: 671px; top: 542px;"></a>
|
||||||
|
<a class="m" href="" style="left: 608px; top: 542px;"></a>
|
||||||
|
<a class="m" href="" style="left: 445px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 383px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 220px; top: 542px;"></a>
|
||||||
|
<a class="m" href="" style="left: 161px; top: 541px;"></a>
|
||||||
|
<a class="m" href="" style="left: -4px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2021px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1959px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1796px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1734px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1571px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1510px; top: 424px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1347px; top: 427px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1285px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1121px; top: 427px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1060px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 895px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 834px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 669px; top: 423px;"></a>
|
||||||
|
<a class="m" href="" style="left: 608px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 447px; top: 424px;"></a>
|
||||||
|
<a class="m" href="" style="left: 384px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 221px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 161px; top: 424px;"></a>
|
||||||
|
<a class="m" href="" style="left: -4px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2022px; top: 269px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1960px; top: 269px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1796px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1734px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1572px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1511px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1347px; top: 269px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1283px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1122px; top: 266px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1060px; top: 266px;"></a>
|
||||||
|
<a class="m" href="" style="left: 898px; top: 267px;"></a>
|
||||||
|
<a class="m" href="" style="left: 835px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 672px; top: 267px;"></a>
|
||||||
|
<a class="m" href="" style="left: 608px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 446px; top: 270px;"></a>
|
||||||
|
<a class="m" href="" style="left: 383px; top: 269px;"></a>
|
||||||
|
<a class="m" href="" style="left: 221px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 158px; top: 269px;"></a>
|
||||||
|
<a class="m" href="" style="left: -3px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2021px; top: 152px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1961px; top: 152px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1795px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1734px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1572px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1511px; top: 152px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1347px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1286px; top: 152px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1121px; top: 152px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1061px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 896px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 833px; top: 150px;"></a>
|
||||||
|
<a class="m" href="" style="left: 670px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 608px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 445px; top: 150px;"></a>
|
||||||
|
<a class="m" href="" style="left: 384px; top: 150px;"></a>
|
||||||
|
<a class="m" href="" style="left: 221px; top: 150px;"></a>
|
||||||
|
<a class="m" href="" style="left: 161px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: -3px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2020px; top: -5px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1960px; top: -5px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1797px; top: -5px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1734px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1571px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1509px; top: -5px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1347px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1283px; top: -5px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1120px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1060px; top: -5px;"></a>
|
||||||
|
<a class="m" href="" style="left: 897px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 834px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 671px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 610px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 447px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 385px; top: -5px;"></a>
|
||||||
|
<a class="m" href="" style="left: 222px; top: -7px;"></a>
|
||||||
|
<a class="m" href="" style="left: 159px; top: -7px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1960px; top: 975px;"></a>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
var room = ["doorway.html", "room_1.html","room_2.html","room_3.html","room_4.html"];
|
||||||
|
|
||||||
|
function randomInt2(){ return Math.ceil(Math.random() * 5);}
|
||||||
|
|
||||||
|
$('.m').each(function(){
|
||||||
|
$(this).attr("href", room[randomInt2()] );
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body></html>
|
||||||
@ -0,0 +1,31 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Home</title>
|
||||||
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
||||||
|
<script type="text/javascript" src="./setPage.js"></script>
|
||||||
|
<style type="text/css">
|
||||||
|
body {font-family: mono;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
iframe{width: 490px;
|
||||||
|
height: 340px;}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<a href=""><img id="img1" style="width: 640px;" src="" ></a>
|
||||||
|
<script type="text/javascript">
|
||||||
|
setPageT();
|
||||||
|
|
||||||
|
var room = ["attic.html", "bedroom.html","long_corridor.html"];
|
||||||
|
|
||||||
|
function randomInt2(){ return Math.ceil(Math.random() * 3);}
|
||||||
|
|
||||||
|
$('a').each(function(){
|
||||||
|
$(this).attr("href", room[randomInt2()] );
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,114 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Homeostat 1</title>
|
||||||
|
<meta http-equiv="refresh" content="5; url=./room_2.html">
|
||||||
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
||||||
|
<style type="text/css">
|
||||||
|
|
||||||
|
body {font-family: mono;
|
||||||
|
position: relative;
|
||||||
|
background-image: url('./img/32.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {background-color: white;
|
||||||
|
width: 215px;
|
||||||
|
padding: 6px;}
|
||||||
|
|
||||||
|
#n1 {width: 305px;
|
||||||
|
height: 488px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1164px;
|
||||||
|
top: 607px;}
|
||||||
|
|
||||||
|
#n2 {width: 317px;
|
||||||
|
height: 437px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1523px;
|
||||||
|
top: 630px;}
|
||||||
|
|
||||||
|
#n3 {width: 126px;
|
||||||
|
height: 126px;
|
||||||
|
position: absolute;
|
||||||
|
left: 218px;
|
||||||
|
top: 690px;
|
||||||
|
background-size: 126px 126px;}
|
||||||
|
|
||||||
|
#n4 {width: 137px;
|
||||||
|
height: 130px;
|
||||||
|
position: absolute;
|
||||||
|
left: 555px;
|
||||||
|
top: 590px;
|
||||||
|
background-size: 137px 130px;}
|
||||||
|
|
||||||
|
#n5 {width: 141px;
|
||||||
|
height: 119px;
|
||||||
|
position: absolute;
|
||||||
|
left: 559px;
|
||||||
|
top: 771px;
|
||||||
|
background-size: 141px 119px;}
|
||||||
|
|
||||||
|
#n6 {width: 135px;
|
||||||
|
height: 117px;
|
||||||
|
position: absolute;
|
||||||
|
left: 217px;
|
||||||
|
top: 918px;
|
||||||
|
background-size: 135px 117px;}
|
||||||
|
|
||||||
|
#n7 {width: 144px;
|
||||||
|
height: 122px;
|
||||||
|
position: absolute;
|
||||||
|
left: 560px;
|
||||||
|
top: 937px;
|
||||||
|
background-size: 144px 122px;}
|
||||||
|
|
||||||
|
a#n1:hover {
|
||||||
|
background-image: url(./img/15.jpg);
|
||||||
|
background-size: 305px 488px;
|
||||||
|
}
|
||||||
|
a#n2:hover {
|
||||||
|
background-image: url(./img/18.jpg);
|
||||||
|
background-size: 305px 426px;
|
||||||
|
}
|
||||||
|
a#n3:hover {
|
||||||
|
background-image: url(./img/9.jpg);
|
||||||
|
}
|
||||||
|
a#n4:hover {
|
||||||
|
background-image: url(./img/2.jpg);
|
||||||
|
}
|
||||||
|
a#n5:hover {
|
||||||
|
background-image: url(./img/3.jpg);
|
||||||
|
}
|
||||||
|
a#n6:hover {
|
||||||
|
background-image: url(./img/4.jpg);
|
||||||
|
}
|
||||||
|
a#n7:hover {
|
||||||
|
background-image: url(./img/5.jpg);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1><a href="./room_1.html" target="blank">Homeostat 1</a></h1>
|
||||||
|
<img id="img1" style="width: 640px;" src="./img/1.jpg" >
|
||||||
|
<a class="h" href="" id="n1"></a>
|
||||||
|
<a class="h" href="" id="n2"></a>
|
||||||
|
<a class="h" href="" id="n3"></a>
|
||||||
|
<a class="h" href="" id="n4"></a>
|
||||||
|
<a class="h" href="" id="n5"></a>
|
||||||
|
<a class="h" href="" id="n6"></a>
|
||||||
|
<a class="h" href="" id="n7"></a>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
var room = ["living_room.html", "dining_room.html"];
|
||||||
|
|
||||||
|
function randomInt(){ return Math.ceil(Math.random() * 2)-1; }
|
||||||
|
|
||||||
|
$('.h').each(function(){
|
||||||
|
$(this).attr("href", room[randomInt()] );
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,69 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Homeostat 2</title>
|
||||||
|
<meta http-equiv="refresh" content="5; url=./room_3.html">
|
||||||
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
||||||
|
<style type="text/css">
|
||||||
|
|
||||||
|
body {font-family: mono;
|
||||||
|
position: relative;
|
||||||
|
background-image: url('./img/6.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {background-color: white;
|
||||||
|
width: 215px;
|
||||||
|
padding: 6px;}
|
||||||
|
|
||||||
|
#n1 {width: 172px;
|
||||||
|
height: 114px;
|
||||||
|
position: absolute;
|
||||||
|
left: 369px;
|
||||||
|
top: 596px;
|
||||||
|
background-position: 344px 145px;}
|
||||||
|
|
||||||
|
#n2 {width: 172px;
|
||||||
|
height: 116px;
|
||||||
|
position: absolute;
|
||||||
|
left: 679px;
|
||||||
|
top: 594px;
|
||||||
|
background-position: 504px 730px;}
|
||||||
|
|
||||||
|
#n3 {width: 306px;
|
||||||
|
height: 106px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1288px;
|
||||||
|
top: 310px;
|
||||||
|
background-position: -40px 74px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a#n1:hover {
|
||||||
|
background-image: url(./img/25.jpg);
|
||||||
|
}
|
||||||
|
a#n2:hover {
|
||||||
|
background-image: url(./img/15.jpg);
|
||||||
|
}
|
||||||
|
a#n3:hover {
|
||||||
|
background-image: url(./img/9.jpg);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1><a href="./room_2.html" target="blank">Homeostat 2</a></h1>
|
||||||
|
<img id="img1" src="./img/4.jpg" >
|
||||||
|
<a class="h" id="n1"href=""></a>
|
||||||
|
<a class="h" id="n2"href=""></a>
|
||||||
|
<a class="h" id="n3"href=""></a>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
var room = ["living_room.html", "dining_room.html"];
|
||||||
|
|
||||||
|
function randomInt(){ return Math.ceil(Math.random() * 2)-1; }
|
||||||
|
|
||||||
|
$('.h').each(function(){
|
||||||
|
$(this).attr("href", room[randomInt()] );
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,79 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Homeostat 3</title>
|
||||||
|
<meta http-equiv="refresh" content="5; url=./room_4.html">
|
||||||
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
||||||
|
<style type="text/css">
|
||||||
|
|
||||||
|
body {font-family: mono;
|
||||||
|
position: relative;
|
||||||
|
background-image: url('./img/29.jpg');
|
||||||
|
background-position: 950px -30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {background-color: white;
|
||||||
|
width: 215px;
|
||||||
|
padding: 6px;}
|
||||||
|
|
||||||
|
#n1 {width: 684px;
|
||||||
|
height: 260px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1141px;
|
||||||
|
top: -17px;}
|
||||||
|
|
||||||
|
#n2 {width: 270px;
|
||||||
|
height: 534px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1580px;
|
||||||
|
top: 424.6px;}
|
||||||
|
|
||||||
|
#n3 {width: 278px;
|
||||||
|
height: 206px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1268px;
|
||||||
|
top: 793px;
|
||||||
|
background-position: -380px 825px;}
|
||||||
|
|
||||||
|
#n4 {width: 528px;
|
||||||
|
height: 407px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1019px;
|
||||||
|
top: 393px;}
|
||||||
|
|
||||||
|
a#n1:hover {
|
||||||
|
background-image: url(./img/35.jpg);
|
||||||
|
}
|
||||||
|
a#n2:hover {
|
||||||
|
background-image: url(./img/17.jpg);
|
||||||
|
}
|
||||||
|
a#n3:hover {
|
||||||
|
background-image: url(./img/30.jpg);
|
||||||
|
}
|
||||||
|
a#n4:hover {
|
||||||
|
background-image: url(./img/24.jpg);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1><a href="./room_3.html" target="blank">Homeostat 3</a></h1>
|
||||||
|
<img id="img1" style="width: 640px;" src="./img/12.jpg" >
|
||||||
|
<a class="h" href="" id="n1"></a>
|
||||||
|
<a class="h" href="" id="n2"></a>
|
||||||
|
<a class="h" href="" id="n3"></a>
|
||||||
|
<a class="h" href="" id="n4"></a>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
var room = ["living_room.html", "dining_room.html"];
|
||||||
|
|
||||||
|
function randomInt(){ return Math.ceil(Math.random() * 2)-1; }
|
||||||
|
|
||||||
|
$('.h').each(function(){
|
||||||
|
$(this).attr("href", room[randomInt()] );
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,71 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Homeostat 4</title>
|
||||||
|
<meta http-equiv="refresh" content="5; url=./room_1.html">
|
||||||
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
||||||
|
<style type="text/css">
|
||||||
|
|
||||||
|
body {font-family: mono;
|
||||||
|
position: relative;
|
||||||
|
background-image: url('./img/34.jpg');
|
||||||
|
background-position: 950px -30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {background-color: white;
|
||||||
|
width: 215px;
|
||||||
|
padding: 6px;}
|
||||||
|
|
||||||
|
#n1 {width: 228px;
|
||||||
|
height: 653px;
|
||||||
|
position: absolute;
|
||||||
|
left: 986px;
|
||||||
|
top: 43px;
|
||||||
|
background-position: -178px 0px;}
|
||||||
|
|
||||||
|
#n2 {width: 292px;
|
||||||
|
height: 781px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1481px;
|
||||||
|
top: 36px;
|
||||||
|
background-size: 350px 515px;}
|
||||||
|
|
||||||
|
#n3 {width: 228px;
|
||||||
|
height: 489px;
|
||||||
|
position: absolute;
|
||||||
|
left: 1212px;
|
||||||
|
top: 43px;
|
||||||
|
background-size: 500px auto;}
|
||||||
|
|
||||||
|
a#n1:hover {
|
||||||
|
background-image: url(./img/19.JPG);
|
||||||
|
}
|
||||||
|
a#n2:hover {
|
||||||
|
background-image: url(./img/26.jpg);
|
||||||
|
}
|
||||||
|
a#n3:hover {
|
||||||
|
background-image: url(./img/5.jpg);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1><a href="./room_4.html" target="blank">Homeostat 4</a></h1>
|
||||||
|
<img id="img1" src="./img/10.jpg">
|
||||||
|
<a class="h" id="n1"href=""></a>
|
||||||
|
<a class="h" id="n2"href=""></a>
|
||||||
|
<a class="h" id="n3"href=""></a>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
var room = ["living_room.html", "dining_room.html"];
|
||||||
|
|
||||||
|
function randomInt(){ return Math.ceil(Math.random() * 2)-1; }
|
||||||
|
|
||||||
|
$('.h').each(function(){
|
||||||
|
$(this).attr("href", room[randomInt()] );
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,183 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html class="gr__"><head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
||||||
|
<title>mmmmm</title>
|
||||||
|
<style type="text/css">
|
||||||
|
|
||||||
|
body {font-family: mono;
|
||||||
|
position: relative;
|
||||||
|
background-image: url('./img/7.jpg');
|
||||||
|
background-size: 1912px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m {
|
||||||
|
position: absolute;
|
||||||
|
width: 75px;
|
||||||
|
height: 75px;
|
||||||
|
display: block;
|
||||||
|
background-size: 75px 75px;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body data-gr-c-s-loaded="true" style="cursor: auto;">
|
||||||
|
<a class="m" href="" style="left: 2023px; top: 973px;"></a>
|
||||||
|
<a class="m" href="" style="left: 40px; top: 32px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2182px; top: -6px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2184px; top: 541px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2184px; top: 424px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2186px; top: 268px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1412px; top: 942px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2185px; top: 152px;"></a>
|
||||||
|
<a class="m" href="" style="left: 152px; top: 32px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2185px; top: 698px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2185px; top: 974px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2185px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 276px; top: 374px; background-image: none;"></a>
|
||||||
|
<a class="m" href="" style="left: 893px; top: 647px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1804px; top: 954px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1666px; top: 952px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1547px; top: 537px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1531px; top: 945px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1415px; top: 815px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1295px; top: 937px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1168px; top: 932px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1030px; top: 928px;"></a>
|
||||||
|
<a class="m" href="" style="left: 896px; top: 925px;"></a>
|
||||||
|
<a class="m" href="" style="left: 775px; top: 920px;"></a>
|
||||||
|
<a class="m" href="" style="left: 654px; top: 918px;"></a>
|
||||||
|
<a class="m" href="" style="left: 540px; top: 917px;"></a>
|
||||||
|
<a class="m" href="" style="left: 421px; top: 915px;"></a>
|
||||||
|
<a class="m" href="" style="left: 307px; top: 909px;"></a>
|
||||||
|
<a class="m" href="" style="left: 192px; top: 908px;"></a>
|
||||||
|
<a class="m" href="" style="left: 58px; top: 909px;"></a>
|
||||||
|
<a class="m" href="" style="left: 52px; top: 784px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2020px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1958px; top: 816px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1810px; top: 817px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1668px; top: 819px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1540px; top: 814px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1544px; top: 678px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1296px; top: 805px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1424px; top: 533px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1171px; top: 805px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1040px; top: 801px;"></a>
|
||||||
|
<a class="m" href="" style="left: 900px; top: 793px;"></a>
|
||||||
|
<a class="m" href="" style="left: 774px; top: 790px;"></a>
|
||||||
|
<a class="m" href="" style="left: 650px; top: 784px;"></a>
|
||||||
|
<a class="m" href="" style="left: 533px; top: 781px;"></a>
|
||||||
|
<a class="m" href="" style="left: 418px; top: 784px;"></a>
|
||||||
|
<a class="m" href="" style="left: 406px; top: 643px;"></a>
|
||||||
|
<a class="m" href="" style="left: 287px; top: 644px;"></a>
|
||||||
|
<a class="m" href="" style="left: 188px; top: 780px;"></a>
|
||||||
|
<a class="m" href="" style="left: 47px; top: 642px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2021px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1958px; top: 700px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1803px; top: 688px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1811px; top: 552px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1680px; top: 544px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1698px; top: 42px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1422px; top: 670px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1297px; top: 664px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1178px; top: 658px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1040px; top: 655px;"></a>
|
||||||
|
<a class="m" href="" style="left: 770px; top: 647px;"></a>
|
||||||
|
<a class="m" href="" style="left: 648px; top: 514px;"></a>
|
||||||
|
<a class="m" href="" style="left: 656px; top: 644px;"></a>
|
||||||
|
<a class="m" href="" style="left: 527px; top: 646px;"></a>
|
||||||
|
<a class="m" href="" style="left: 152px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 158px; top: 251px;"></a>
|
||||||
|
<a class="m" href="" style="left: 175px; top: 642px;"></a>
|
||||||
|
<a class="m" href="" style="left: 298px; top: 781px;"></a>
|
||||||
|
<a class="m" href="" style="left: 46px; top: 506px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2021px; top: 542px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1958px; top: 543px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1820px; top: 416px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1823px; top: 289px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1687px; top: 408px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1694px; top: 176px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1294px; top: 38px; background-image: none;"></a>
|
||||||
|
<a class="m" href="" style="left: 1167px; top: 38px; background-image: none;"></a>
|
||||||
|
<a class="m" href="" style="left: 1043px; top: 518px;"></a>
|
||||||
|
<a class="m" href="" style="left: 897px; top: 518px;"></a>
|
||||||
|
<a class="m" href="" style="left: 524px; top: 512px;"></a>
|
||||||
|
<a class="m" href="" style="left: 397px; top: 510px;"></a>
|
||||||
|
<a class="m" href="" style="left: 764px; top: 34px;"></a>
|
||||||
|
<a class="m" href="" style="left: 647px; top: 36px;"></a>
|
||||||
|
<a class="m" href="" style="left: 282px; top: 507px; background-image: none;"></a>
|
||||||
|
<a class="m" href="" style="left: 159px; top: 376px; background-image: none;"></a>
|
||||||
|
<a class="m" href="" style="left: 168px; top: 505px; background-image: none;"></a>
|
||||||
|
<a class="m" href="" style="left: 266px; top: 33px;"></a>
|
||||||
|
<a class="m" href="" style="left: 43px; top: 258px;"></a>
|
||||||
|
<a class="m" href="" style="left: 2021px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1959px; top: 425px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1828px; top: 47px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1825px; top: 179px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1674px; top: 683px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1692px; top: 284px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1558px; top: 40px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1427px; top: 40px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1177px; top: 527px;"></a>
|
||||||
|
<a class="m" href="" style="left: 769px; top: 511px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1034px; top: 36px;"></a>
|
||||||
|
<a class="m" href="" style="left: 891px; top: 34px;"></a>
|
||||||
|
<a class="m" href="" style="left: 270px; top: 141px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1299px; top: 532px;"></a>
|
||||||
|
<a class="m" href="" style="left: 521px; top: 35px;"></a>
|
||||||
|
<a class="m" href="" style="left: 387px; top: 37px;"></a>
|
||||||
|
<a class="m" href="" style="left: 44px; top: 380px;"></a>
|
||||||
|
<a class="m" href="" style="left: 48px; top: 143px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1553px; top: 406px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1427px; top: 395px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1557px; top: 276px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1560px; top: 172px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1424px; top: 271px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1428px; top: 168px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1294px; top: 392px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1295px; top: 267px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1296px; top: 159px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1172px; top: 387px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1171px; top: 265px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1173px; top: 155px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1041px; top: 382px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1041px; top: 259px;"></a>
|
||||||
|
<a class="m" href="" style="left: 1043px; top: 151px;"></a>
|
||||||
|
<a class="m" href="" style="left: 896px; top: 379px;"></a>
|
||||||
|
<a class="m" href="" style="left: 896px; top: 251px;"></a>
|
||||||
|
<a class="m" href="" style="left: 893px; top: 149px;"></a>
|
||||||
|
<a class="m" href="" style="left: 768px; top: 378px;"></a>
|
||||||
|
<a class="m" href="" style="left: 768px; top: 253px;"></a>
|
||||||
|
<a class="m" href="" style="left: 768px; top: 146px;"></a>
|
||||||
|
<a class="m" href="" style="left: 645px; top: 375px;"></a>
|
||||||
|
<a class="m" href="" style="left: 645px; top: 252px; background-image: none;"></a>
|
||||||
|
<a class="m" href="" style="left: 519px; top: 378px;"></a>
|
||||||
|
<a class="m" href="" style="left: 395px; top: 375px; background-image: none;"></a>
|
||||||
|
<a class="m" href="" style="left: 516px; top: 255px; background-image: none;"></a>
|
||||||
|
<a class="m" href="" style="left: 647px; top: 146px; background-image: none;"></a>
|
||||||
|
<a class="m" href="" style="left: 389px; top: 253px;"></a>
|
||||||
|
<a class="m" href="" style="left: 269px; top: 254px;"></a>
|
||||||
|
<a class="m" href="" style="left: 521px; top: 141px; background-image: none;"></a>
|
||||||
|
<a class="m" href="" style="left: 389px; top: 141px; background-image: none;"></a>
|
||||||
|
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
var room = ["doorway.html", "room_1.html","room_2.html","room_3.html","room_4.html"];
|
||||||
|
|
||||||
|
function randomInt2(){ return Math.ceil(Math.random() * 5);}
|
||||||
|
|
||||||
|
$('.m').each(function(){
|
||||||
|
$(this).attr("href", room[randomInt2()] );
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
function randomInt3(){return Math.ceil(Math.random() * 35);}
|
||||||
|
|
||||||
|
$('.m').hover(function(e) {
|
||||||
|
var r = randomInt3()
|
||||||
|
$(this).css("background-image",e.type === "mouseenter"?"url(./img/" + randomInt3() + ".jpg":"none")
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</script>
|
||||||
|
</body></html>
|
||||||
@ -1,5 +0,0 @@
|
|||||||
h1 {
|
|
||||||
background-color: white;
|
|
||||||
width: 175px;
|
|
||||||
padding: 5px;
|
|
||||||
}
|
|
||||||
Loading…
Reference in New Issue