homeostat sounds
parent
5537715169
commit
628bc2663f
@ -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(copy).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="_parent">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(copy).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="_parent">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(copy).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="_parent">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(copy).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="_parent">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>
|
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading…
Reference in New Issue