master
Tancre 5 years ago
parent 5e0e03708e
commit 6b0c609791

File diff suppressed because one or more lines are too long

@ -10,22 +10,35 @@
<link rel="stylesheet" type="text/css" href="./styles/svg_2.css">
<style type="text/css">
svg {
transform: scale(3,3);
transform: scale(3,3) translateY(330px);
left: 1270px;
position:absolute;
position: absolute;
float: right;
/* transform: scale(3,3);
left: 1270px;
position:absolute;
float: right;*/
}
#sea {position: relative; width: 100%, height:100vh;}
.places{
position: absolute;
text-align: center;
}
#sprite1{
transform: scale(0.5);
left: 1045px;
top: 417px;
margin-top: 40px;
}
</style>
</head>
<body>
<div class="sprite right"></div>
<div id="sea" class="draggable">
<div id="sea" class="draggable">
<div id="sprite1" class="sprite right"></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
<a href="./01/death.html" onclick="ppp(this, 'death', '600', '430','300','570')" target="death">death</a>
@ -96,7 +109,7 @@
<div id="p25" class="ptxt dragble"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">Homeostasis</a></div>
<svg width="1000" height="1000" viewBox="-400 -453 1000 1000">
<svg width="1000" height="1000" viewBox="-400 -120 1000 1000">
<path class="coast" d="M14.485,412.00699999999995L32.919999999999995,418.30899999999997L46.18,402.505L64.926,406.509L82.85900000000001,409.03499999999997L95.79899999999999,408.73299999999995L106.239,411.95L116.341,401.69899999999996L139.876,412.43399999999997L154.98999999999998,405.285L168.38400000000001,395.148L176.87699999999998,378.683L186.298,380.992L185.98299999999998,368.19199999999995L203.29,362.029L213.195,341.07599999999996L206.706,325.98L216.349,308.33099999999996L228.862,303.993L237.022,300.154L239.04199999999997,295.162L245.782,286.835L244.84,273.626L238.676,256.47700000000003L238.084,235.542L229.905,223.408L211.02499999999998,229.921L193.29399999999998,225.28099999999998L179.22199999999998,221.403L161.79399999999998,228.96999999999997L156.055,244.28699999999998L132.823,249.76299999999998L116.713,267.645L108.142,277.72799999999995L101.14099999999999,288.073L108.624,306.171L119.047,317.324L113.006,330.02L113.078,339.54499999999996L109.83999999999999,354.16900000000004L97.82,369.25399999999996L81.704,376.54499999999996L68.01499999999999,372.76599999999996L72.035,359.08599999999996L60.993,351.281L52.88699999999999,347.50899999999996L47.55,344.36499999999995L45.864999999999995,337.41499999999996L36.93,330.798L29.595,324.43699999999995L30.455999999999996,314.332L41.768,307.606L42.939,290.226L57.315,288.09299999999996L65.37899999999999,283.662L53.141,269.855L54.211999999999996,247.381L63.248,233.983L76.583,224.05899999999997L87.006,202.41799999999998L101.756,182.954L101.764,159.189L97.506,137.75199999999998L77.649,124.57499999999999L78.564,114.49199999999999L95.991,106.46799999999999L108.63099999999999,97.844L120.505,84.759L129.238,67.441L132.08,44.101L137.331,22.444L148.40399999999997,5.078L144.007,-21.680999999999997L152.528,-29.869999999999997L160.498,-42.914L168.436,-63.19L181.69,-68.12L186.684,-84.328L191.189,-96.815L185.086,-107.89999999999999L184.893,-119.19399999999999L180.35099999999997,-135.429L171.117,-148.953L157.319,-160.439L132.53099999999998,-157.473L105.16,-166.278L95.021,-159.65699999999998L77.853,-167.00799999999998L80.608,-180.95L85.52799999999999,-197.428L98.073,-203.57699999999997L108.433,-214.50799999999998L105.379,-226.661L104.37199999999999,-232.99599999999998L96.14399999999999,-238.84699999999998L84.39099999999999,-244.51799999999997L70.35,-262.86199999999997L80.24,-290.274L68.47399999999999,-305.643L57.942,-319.659L47.787,-337.96999999999997L41.332,-347.252L34.789,-348.887L18.754,-345.31600000000003L6.279,-331.84L-6.601999999999999,-317.11899999999997L-30.233999999999998,-306.82899999999995L-32.33,-290.445L-45.307,-283.606L-53.858,-263.121L-67.38,-249.412L-77.364,-241.45999999999998L-79.827,-226.505L-71.381,-211.825L-92.041,-201.76L-115.953,-205.874L-127.34799999999998,-198.743L-139.885,-197.657L-147.82799999999997,-199.39399999999998L-151.918,-211.54199999999997L-163.91699999999997,-216.40499999999997L-158.683,-231.652L-175.795,-231.702L-176.35099999999997,-251.95000000000002L-196.748,-254.81599999999997L-216.90099999999998,-247.23399999999998L-235.022,-239.401L-244.257,-230.63799999999998L-251.15300000000002,-226.429L-255.04399999999998,-214.503L-250.674,-196.577L-235.207,-174.243L-223.736,-148.067L-210.918,-131.966L-215.297,-113.37499999999999L-211.42799999999997,-104.547L-213.023,-90.61099999999999L-219.92399999999998,-79.5L-224.399,-64.179L-218.411,-48.071999999999996L-225.87699999999998,-31.24L-224.84199999999998,-15.703999999999999L-204.35999999999999,-2.4979999999999998L-189.185,20.168L-173.507,34.98L-156.623,37.287L-143.278,52.031L-136.986,68.21L-135.368,96.41L-121.099,118.17499999999998L-102.435,128.81799999999998L-117.99799999999999,151.48999999999998L-92.871,156.162L-80.40799999999999,155.911L-71.99,163.12699999999998L-61.653,167.62099999999998L-44.119,158.664L-20.943,172.046L-14.133,192.844L-1.8529999999999998,204.63299999999998L1.3989999999999998,219.723L-10.421,233.559L-11.483,248.998L-3.489,258.395L2.568,279.592L12.008,299.33L9.06,319.393L18.459,334.23199999999997L8.764,350.317L-5.145,350.48199999999997L-13.316999999999998,362.474L-9.691999999999998,379.37L4.061,393.511L14.485,412.00699999999995"></path>
<path class="river" d="
M-45.64652641652284,-271.7205168361087L-47.412163783480985,-272.45754222663146">
@ -161,7 +174,7 @@
// keyBinding_3();
$( function() {
$( ".draggable" ).draggable( { containment: [-1000,-800,0,0] });
$( ".draggable" ).draggable({ containment: [-2000,-2000,2000,0] });
$( ".draggable" ).css('cursor','grab');
});

@ -1,6 +1,6 @@
body{
font-family: "Lucida Console", Monaco, monospace;
/* overflow: hidden;*/
overflow: hidden;
background-color: black !important;
background: radial-gradient(15px 5px at 25% 0, transparent 0%, transparent 80%, rgba(255, 255, 255, 0.06) 80%, rgba(255, 255, 255, 0.06) 99%, transparent 99%, transparent 100%),
radial-gradient(15px 5px at 75% 100%, transparent 0%, transparent 80%, rgba(255, 255, 255, 0.06) 80%, rgba(255, 255, 255, 0.06) 99%, transparent 99%, transparent 100%),
@ -61,13 +61,9 @@ a:visited {color: blue;}
}
.sprite {
transform: scale(0.5);
position: absolute;
left: 1045px;
top: 417px;
width: 102px;
height: 148px;
margin-top: 40px;
z-index: 101;
}
@ -155,8 +151,6 @@ a:visited {color: blue;}
to { background-position-y: -340px; }
}
#sea {position: relative; width: 100%, height:100vh;}
.txt {color: white;
position: absolute;
color: #00db00;
@ -226,6 +220,11 @@ left: 2162px;
width: 800px;
top: 120px;
}
#t13{
left: 430px;
width: 1200px;
top: -1000px;
}

Loading…
Cancel
Save