You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

208 lines
11 KiB
HTML

<!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>
<audio autoplay="true" loop="true">
<source src="../media/sounds/Long/Homeostat/Hom_2.wav" type="audio/wav">
</audio>
<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 rooms = ['../main_l3.html','./room_1.html','../main_l3.html'];
function randomInt2(){ return Math.ceil(Math.random() * 3) - 1;}
$('.m').each(function(){
$(this).attr("href", rooms[randomInt2()] );
});
</script>
</body></html>