katak
parent
6b0c609791
commit
acc7a688d3
@ -0,0 +1,18 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>l1</title>
|
||||
<script type="text/javascript" src="../scripts/popup.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="../styles/terminal.css">
|
||||
<style type="text/css">
|
||||
#home:hover { font-weight: bold; color: red; font-size: 18px; width: 500px; }
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div>17th July 1883 <br><br>
|
||||
I know now that I will never leave this place. The jungle is rotting me into nothingness. Mysupplies are exhausted. Clouds of mosquitoes torment me and I am plagued by the pounding,crushing, smothering heat.<br><br>
|
||||
<i>C. Curtis</i>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,18 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>l2</title>
|
||||
<script type="text/javascript" src="../scripts/popup.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="../styles/terminal.css">
|
||||
<style type="text/css">
|
||||
#home:hover { font-weight: bold; color: red; font-size: 18px; width: 500px; }
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div>28th July 1883 <br><br>
|
||||
I have broken from everything, in any case participated in something abominable ... behind thetattered masks of man and God.Christian civilization is no better than the prancing of savages ...How could human fellowship exist after this?<br><br>
|
||||
<i>C. Curtis</i>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,18 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>l5</title>
|
||||
<script type="text/javascript" src="../scripts/popup.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="../styles/terminal.css">
|
||||
<style type="text/css">
|
||||
#home:hover { font-weight: bold; color: red; font-size: 18px; width: 500px; }
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div>27th August 1883 <br><br> The fever has melted away the walls between waking and sleep. Consciousness has become aloathsome fog. I sense that the incessant rumbling of volcanic activity is connected with thevisions that plague me constantly now ... it felt as if I were carried down my spine ... Thingsancient beyond imagination ... beyond the ultimate gate of ruin and insanity ... oceans ofsubterranean fire ...
|
||||
</i><br><br>
|
||||
<i>C. Curtis</i>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 272 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 68 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 MiB |
@ -1,396 +0,0 @@
|
||||
body{
|
||||
font-family: "Lucida Console", Monaco, monospace;
|
||||
overflow: hidden;
|
||||
background-color: black !important;
|
||||
background: radial-gradient(15px 5px at 25% 0, transparent 0%, transparent 80%, rgba(255, 255, 255, 0.08) 80%, rgba(255, 255, 255, 0.08) 99%, transparent 99%, transparent 100%),
|
||||
radial-gradient(15px 5px at 75% 100%, transparent 0%, transparent 80%, rgba(255, 255, 255, 0.08) 80%, rgba(255, 255, 255, 0.08) 99%, transparent 99%, transparent 100%),
|
||||
radial-gradient(10px 3px at 25% 0, transparent 0%, transparent 70%, rgba(255, 255, 255, 0.07) 70%, rgba(255, 255, 255, 0.07) 99%, transparent 99%, transparent 100%),
|
||||
radial-gradient(10px 3px at 75% 100%, transparent 0%, transparent 70%, rgba(255, 255, 255, 0.07) 70%, rgba(255, 255, 255, 0.07) 99%, transparent 99%, transparent 100%),
|
||||
radial-gradient(30px 8px at 25% 0, transparent 0%, transparent 55%, rgba(255, 255, 255, 0.04) 55%, rgba(255, 255, 255, 0.04) 99%, transparent 99%, transparent 100%),
|
||||
radial-gradient(30px 8px at 75% 100%, transparent 0%, transparent 55%, rgba(255, 255, 255, 0.04) 55%, rgba(255, 255, 255, 0.04) 99%, transparent 99%, transparent 100%), #c4cbc3;
|
||||
background-size: 60px 40px, 60px 40px, 40px 24px, 40px 24px, 120px 64px, 120px 64px;
|
||||
/*background-position: 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%;*/
|
||||
-webkit-animation: wave 5s linear infinite;
|
||||
animation: wave 5s linear infinite;
|
||||
}
|
||||
|
||||
a {color: blue;}
|
||||
a:hover {color: red; text-decoration: none;}
|
||||
a:visited {color: blue;}
|
||||
|
||||
@-webkit-keyframes wave {
|
||||
0% {
|
||||
background-position: 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%;
|
||||
}
|
||||
20% {
|
||||
background-position: 51% 48%, 51% 48%, 53% 52%, 53% 52%, 48% 47%, 48% 47%;
|
||||
}
|
||||
40% {
|
||||
background-position: 49% 51%, 49% 51%, 48% 51%, 48% 51%, 54% 50%, 54% 50%;
|
||||
}
|
||||
60% {
|
||||
background-position: 53% 54%, 53% 54%, 46% 54%, 46% 54%, 53% 46%, 53% 46%;
|
||||
}
|
||||
80% {
|
||||
background-position: 51% 52%, 51% 52%, 49% 49%, 49% 49%, 49% 48%, 49% 48%;
|
||||
}
|
||||
0% {
|
||||
background-position: 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes wave {
|
||||
0% {
|
||||
background-position: 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%;
|
||||
}
|
||||
20% {
|
||||
background-position: 51% 48%, 51% 48%, 53% 52%, 53% 52%, 48% 47%, 48% 47%;
|
||||
}
|
||||
40% {
|
||||
background-position: 49% 51%, 49% 51%, 48% 51%, 48% 51%, 54% 50%, 54% 50%;
|
||||
}
|
||||
60% {
|
||||
background-position: 53% 54%, 53% 54%, 46% 54%, 46% 54%, 53% 46%, 53% 46%;
|
||||
}
|
||||
80% {
|
||||
background-position: 51% 52%, 51% 52%, 49% 49%, 49% 49%, 49% 48%, 49% 48%;
|
||||
}
|
||||
0% {
|
||||
background-position: 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.sprite {
|
||||
transform: scale(-0.6, 0.6);
|
||||
position: absolute;
|
||||
left: 1870px;
|
||||
top: 790px;
|
||||
width: 102px;
|
||||
height: 148px;
|
||||
margin-top: -1000px;
|
||||
z-index: 101;
|
||||
}
|
||||
|
||||
.sprite-d {
|
||||
transform: scale(1.5);
|
||||
position: absolute;
|
||||
left: 1045px;
|
||||
top: 417px;
|
||||
width: 53px;
|
||||
height: 33px;
|
||||
margin-top: 40px;
|
||||
z-index: 101;
|
||||
|
||||
}
|
||||
|
||||
.right {
|
||||
background-image: url(../media/imgs/standing-right.png);
|
||||
}
|
||||
|
||||
.walk-right {
|
||||
background-image: url(../media/imgs/walk-right.png);
|
||||
-webkit-animation: walk .7s steps(6) infinite;
|
||||
-moz-animation: walk .7s steps(6) infinite;
|
||||
-ms-animation: walk .7s steps(6) infinite;
|
||||
-o-animation: walk .7s steps(6) infinite;
|
||||
animation: walk .7s steps(6) infinite;
|
||||
}
|
||||
|
||||
|
||||
@-webkit-keyframes walk {
|
||||
from { background-position: 0px; }
|
||||
to { background-position: -612px; }
|
||||
}
|
||||
@-moz-keyframes walk {
|
||||
from { background-position: 0px; }
|
||||
to { background-position: -612px; }
|
||||
}
|
||||
@-ms-keyframes walk {
|
||||
from { background-position: 0px; }
|
||||
to { background-position: -612px; }
|
||||
}
|
||||
@-o-keyframes walk {
|
||||
from { background-position: 0px; }
|
||||
to { background-position: -612px; }
|
||||
}
|
||||
|
||||
@-keyframes walk {
|
||||
from { background-position: 0px; }
|
||||
to { background-position: -612px; }
|
||||
}
|
||||
|
||||
.right-d {
|
||||
background-image: url(../img/dw.png) !important;
|
||||
}
|
||||
|
||||
.walk-right-d {
|
||||
background-image: url(../img/dw.png) !important;
|
||||
-webkit-animation: walkd .9s steps(10) infinite !important;
|
||||
-moz-animation: walkd .9s steps(10) infinite !important;
|
||||
-ms-animation: walkd .9s steps(10) infinite !important;
|
||||
-o-animation: walkd .9s steps(10) infinite !important;
|
||||
animation: walkd .9s steps(10) infinite !important;
|
||||
}
|
||||
|
||||
|
||||
@-webkit-keyframes walkd {
|
||||
from { background-position-y: 0px; }
|
||||
to { background-position-y: -340px; }
|
||||
}
|
||||
@-moz-keyframes walkd {
|
||||
from { background-position-y: 0px; }
|
||||
to { background-position-y: -340px; }
|
||||
}
|
||||
@-ms-keyframes walkd {
|
||||
from { background-position-y: 0px; }
|
||||
to { background-position-y: -340px; }
|
||||
}
|
||||
@-o-keyframes walkd {
|
||||
from { background-position-y: 0px; }
|
||||
to { background-position-y: -340px; }
|
||||
}
|
||||
|
||||
@-keyframes walkd {
|
||||
from { background-position-y: 0px; }
|
||||
to { background-position-y: -340px; }
|
||||
}
|
||||
|
||||
#sea {transform: scale(0.85) translateY(1070px);
|
||||
position: relative; left: -240px; top: 910;}
|
||||
|
||||
.txt {color: white;
|
||||
position: absolute;
|
||||
color: #00db00;
|
||||
z-index: 101;
|
||||
}
|
||||
|
||||
.ptxt {color: white;
|
||||
position: absolute;
|
||||
z-index: 101;
|
||||
font-size: 17px;
|
||||
background: yellow;
|
||||
text-align: center;
|
||||
padding: 3px;}
|
||||
|
||||
#t1{ top: 287px;
|
||||
left: 70px;
|
||||
width: 690px;
|
||||
}
|
||||
#t2{ /*display: none;*/
|
||||
width: 320px;
|
||||
left: 700px;
|
||||
top: 580px;
|
||||
}
|
||||
#t3{
|
||||
left: 100px;
|
||||
width: 240px;
|
||||
top: 820px;
|
||||
}
|
||||
#t4{
|
||||
left: 1130px;
|
||||
width: 290px;
|
||||
top: 950px;
|
||||
}
|
||||
#t5{
|
||||
left: 70px;
|
||||
width: 766px;
|
||||
top: 1400px;
|
||||
}
|
||||
#t6{
|
||||
left: 950px;
|
||||
width: 1500px;
|
||||
top: 1670px;
|
||||
}
|
||||
#t7{
|
||||
left: 2550px;
|
||||
width: 446px;
|
||||
top: 1420px;
|
||||
}
|
||||
}
|
||||
#t8{
|
||||
left: 2272px;
|
||||
width: 334px;
|
||||
top: 961px;
|
||||
}
|
||||
#t8{
|
||||
left: 2322px;
|
||||
width: 254px;
|
||||
top: 970px;
|
||||
}
|
||||
#t9{
|
||||
left: 1910px;
|
||||
width: 1030px;
|
||||
top: 750px;
|
||||
}
|
||||
#t10{
|
||||
left: 2162px;
|
||||
width: 800px;
|
||||
top: 120px;
|
||||
}
|
||||
#t13{
|
||||
left: 200px;
|
||||
width: 1200px;
|
||||
top: -1000px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#p1{ left: 1009px;
|
||||
top: 453px;
|
||||
width: 80px;
|
||||
}
|
||||
#p2{ left: 230px;
|
||||
top: 100px;
|
||||
width: 80px;
|
||||
}
|
||||
#p3{ left: 340px;
|
||||
top: 50px;
|
||||
width: 140px;
|
||||
}
|
||||
#p4{ left: 400px;
|
||||
top: 140px;
|
||||
width: 130px;
|
||||
}
|
||||
#p5{ left: 420px;
|
||||
top: 410px;
|
||||
width: 180px;
|
||||
}
|
||||
#p6{ left: 280px;
|
||||
top: 480px;
|
||||
width: 140px;
|
||||
}
|
||||
#p7{ left: 400px;
|
||||
top: 620px;
|
||||
width: 120px;
|
||||
}
|
||||
#p8{ left: 530px;
|
||||
top: 540px;
|
||||
width: 120px;
|
||||
}
|
||||
#p9{ left: 440px;
|
||||
top: 750px;
|
||||
width: 120px;
|
||||
}
|
||||
#p10{ left: 1070px;
|
||||
top: 260px;
|
||||
width: 180px;
|
||||
}
|
||||
#p11{ left: 971px;
|
||||
top: 85px;
|
||||
width: 110px;
|
||||
}
|
||||
#p12{ left: 1457px;
|
||||
top: 226px;
|
||||
}
|
||||
#p13{ left: 1276px;
|
||||
top: 90px;
|
||||
}
|
||||
#p14{ left: 1570px;
|
||||
top: 183px;
|
||||
}
|
||||
#p15{ left: 1537px;
|
||||
top: 370px;
|
||||
}
|
||||
#p16{ left: 370px;
|
||||
top: 943px;
|
||||
}
|
||||
#p17{ left: 534px;
|
||||
top: 1207px;
|
||||
}
|
||||
#p18{ left: 390px;
|
||||
top: 1096px;
|
||||
}
|
||||
#p19{ left: 859px;
|
||||
top: 862px;
|
||||
}
|
||||
#p20{ left: 882px;
|
||||
top: 1002px;
|
||||
}
|
||||
#p21{ left: 663px;
|
||||
top: 919px;
|
||||
}
|
||||
#p22{ left: 558px;
|
||||
top: 1037px;
|
||||
}
|
||||
#p23{ left: 734px;
|
||||
top: 1123px;
|
||||
}
|
||||
#p24{ left: 1239px;
|
||||
top: 502px;
|
||||
}
|
||||
#p25{ left: 290px;
|
||||
top: 689px;
|
||||
}
|
||||
/*
|
||||
#p26{ left: 370px;
|
||||
top: 943px;
|
||||
}
|
||||
#p27{ left: 534px;
|
||||
top: 1207px;
|
||||
}
|
||||
#p28{ left: 390px;
|
||||
top: 1096px;
|
||||
}
|
||||
#p29{ left: 859px;
|
||||
top: 862px;
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
.pulse{ transform: scale(1.7);
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
position: absolute;
|
||||
z-index: 1;}
|
||||
|
||||
.pulsate {
|
||||
position: absolute;
|
||||
animation: pulsate 2s ease-out;
|
||||
animation-iteration-count: infinite;
|
||||
opacity: 0.0;
|
||||
|
||||
/* you dont need the stuff below, but its what I used to create the loading circle */
|
||||
border: 2px solid red;
|
||||
border-radius: 30px;
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
display: inline-block;
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#pulse1{animation-delay: 0.0s;}
|
||||
#pulse2{animation-delay: 0.66s;}
|
||||
#pulse3{animation-delay: 1.33s;}
|
||||
|
||||
@-webkit-keyframes pulsate {
|
||||
0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
|
||||
50% {opacity: 1.0;}
|
||||
100% {-webkit-transform: scale(3, 3); opacity: 0.0;}
|
||||
}
|
||||
|
||||
#proj1{
|
||||
left: 456px;
|
||||
top: 591px;
|
||||
}
|
||||
#proj2{
|
||||
left: 584px;
|
||||
top: 1006px;
|
||||
}
|
||||
#proj3{
|
||||
left: 928px;
|
||||
top: 974px;
|
||||
}
|
||||
|
||||
|
||||
#ifr1{
|
||||
width: 100%;
|
||||
height: 700px
|
||||
}
|
||||
Loading…
Reference in New Issue