master
Tancre 5 years ago
parent 3702fcc40d
commit 5e0e03708e

@ -20,12 +20,21 @@
position: absolute; position: absolute;
text-align: center; text-align: center;
} }
#Ktemple{
position: absolute;
transform: scale(0.6);
top: -917px;
left: 1050px;
z-index: 1;
}
</style> </style>
</head> </head>
<body> <body>
<div class="draggable">
<div id="sea" class="draggable"> <div id="sea">
<div class="sprite right"></div> <div class="sprite right"></div>
<img id="Ktemple" src="./media/imgs/temple.png">
<!-- <div class="sprite-d right-d"></div> --> <!-- <div class="sprite-d right-d"></div> -->
<div id="t1" class="txt">My knowledge of the thing began in the winter of 1986-7 with the <div id="t1" class="txt">My knowledge of the thing began in the winter of 1986-7 with the
<a href="./01/death.html" onclick="ppp(this, 'death', '600', '430','300','570')" target="death">death</a> <a href="./01/death.html" onclick="ppp(this, 'death', '600', '430','300','570')" target="death">death</a>
@ -51,7 +60,7 @@
<div id="t10" class="txt">After a more detailed observation of the encraved stone, Linda's face contracted in an even more gloomy and thoughtful expression mumbling apparently disconnected words. Later she explained to me that in Stillwell account on Mu's folklore there is a story concerning a certain 'Tchattuk' stealing something from Katak and that probably Fassrol belived the stone was what Nma tribes called what-is-lost. Linda continued explaining how in N'ma animism the function of their cerimonies based on dream sorcery are ment to re-enact Tchattuk's stealing, with the belief that the splitting of the cosmical order of time produced a multi-temporal matrix , or templex, permitting the Old Ones to flow in different directions and not collapse in a single POINT called by them, Teotwawki. </div> <div id="t10" class="txt">After a more detailed observation of the encraved stone, Linda's face contracted in an even more gloomy and thoughtful expression mumbling apparently disconnected words. Later she explained to me that in Stillwell account on Mu's folklore there is a story concerning a certain 'Tchattuk' stealing something from Katak and that probably Fassrol belived the stone was what Nma tribes called what-is-lost. Linda continued explaining how in N'ma animism the function of their cerimonies based on dream sorcery are ment to re-enact Tchattuk's stealing, with the belief that the splitting of the cosmical order of time produced a multi-temporal matrix , or templex, permitting the Old Ones to flow in different directions and not collapse in a single POINT called by them, Teotwawki. </div>
<!-- <div id="t13" class="txt">My meeting with professor Trent opened my eyes, indeed the object I came across in my uncles belonging was supposed to be the key of some sort of ancient belief whose secret he never managed to reveal. I'm still wondering on which extent all this story is true, however I can't forget how all the knowledge Trent passed me started to infect my consciousness leading all my being to think that for no reason I should have let this story evaporate and that in some sort of wired way I was already ment to follow my uncle's paths to the Katak temple.</div> --> <div id="t13" class="txt">My meeting with professor Trent opened my eyes, indeed the object I came across in my uncles belonging was supposed to be the key of some sort of ancient belief whose secret he never managed to reveal. I'm still wondering on which extent all this story is true, however I can't forget how all the knowledge Trent passed me started to infect my consciousness leading all my being to think that for no reason I should have let this story evaporate and that in some sort of wired way I was already ment to follow my uncle's paths to the Katak temple.</div>
<div id="lmr" > <div id="lmr" >
<div id="p1" class="ptxt"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">port:80</a></div> <div id="p1" class="ptxt"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">port:80</a></div>
@ -151,6 +160,7 @@
<text class="region" x="-257.5527808956305" y="210.45022946399706" style="text-anchor: middle;">Urkirilmulm</text> --> <text class="region" x="-257.5527808956305" y="210.45022946399706" style="text-anchor: middle;">Urkirilmulm</text> -->
</svg> </svg>
</div> </div>
</div>
</div> </div>
<script type="text/javascript" src="./scripts/black_sea.js"></script> <script type="text/javascript" src="./scripts/black_sea.js"></script>
<script type="text/javascript" src="./scripts/popup.js"></script> <script type="text/javascript" src="./scripts/popup.js"></script>
@ -176,6 +186,16 @@
}).on("mouseup mouseleave",function(){ }).on("mouseup mouseleave",function(){
$('.draggable').css('cursor', 'grab'); $('.draggable').css('cursor', 'grab');
}); });
function zoom(event) {
event.preventDefault();
scale += event.deltaY * -0.01;
scale = Math.min(Math.max(.125, scale), 4);
el.style.transform = `scale(${scale})`;
}
let scale = 1;
const el = document.querySelector('body');
el.onwheel = zoom;
</script> </script>
</body> </body>

Binary file not shown.

After

Width:  |  Height:  |  Size: 94 KiB

@ -115,8 +115,8 @@ function keyBinding_2(){
function keyBinding_4(){ function keyBinding_4(){
function flipl(){ $('.sprite').css('transform', 'scale(-0.8, 0.8)'); } function flipl(){ $('.sprite').css('transform', 'scale(-0.6, 0.6)'); }
function flipr(){ $('.sprite').css('transform', 'scale(0.8, 0.8)'); } function flipr(){ $('.sprite').css('transform', 'scale(0.6, 0.6)'); }
$(document).keydown( $(document).keydown(
function(e){ function(e){

@ -61,13 +61,13 @@ a:visited {color: blue;}
} }
.sprite { .sprite {
transform: scale(0.8); transform: scale(-0.6, 0.6);
position: absolute; position: absolute;
left: 1045px; left: 1870px;
top: 417px; top: 790px;
width: 102px; width: 102px;
height: 148px; height: 148px;
margin-top: 40px; margin-top: -1000px;
z-index: 101; z-index: 101;
} }
@ -155,8 +155,8 @@ a:visited {color: blue;}
to { background-position-y: -340px; } to { background-position-y: -340px; }
} }
#sea {transform: scale(0.3) translateY(1100px); #sea {transform: scale(0.85) translateY(1070px);
position: relative; width: 100%, height:100vh;} position: relative; left: -240px; top: 910;}
.txt {color: white; .txt {color: white;
position: absolute; position: absolute;
@ -227,6 +227,11 @@ left: 2162px;
width: 800px; width: 800px;
top: 120px; top: 120px;
} }
#t13{
left: 200px;
width: 1200px;
top: -1000px;
}

Loading…
Cancel
Save