renamed index

main/index.html

@@ -26,9 +26,9 @@
 				<h1 class="ilinx draggable">x</h1>
 			</div>
 			<div id="islands">
-				<p id="lemuria" title="The ghost continent of Lemuria was the probable cradle of the human race, the original home of man, the ‘true Eden,’ all traces of which had been submerged by its disappearance. Now bypassed by conventional rationality as a scientific fiction or an accidental myth, Lemuria sinks into the distant future, stranding the red island with its marooned lemur people. "><a href="#" class="island" > lemuria </a> </p>
+				<p id="lemuria" title="The ghost continent of Lemuria was the probable cradle of the human race, the original home of man, the ‘true Eden,’ all traces of which had been submerged by its disappearance. Now bypassed by conventional rationality as a scientific fiction or an accidental myth, Lemuria sinks into the distant future, stranding the red island with its marooned lemur people. " class="draggable"><a href="#" class="island" > lemuria </a> </p>
 
-				<p id="mu" title="And so the ages rolled on, and King succeeded King, and High-Priest succeeded High-Priest, and nations rose and decayed, and lands rose above the sea and returned into the sea. And with many millennia decay fell upon K’naa—till at last on a hideous day of storm and thunder, terrific rumbling, and mountain-high waves, all the land of Mu sank into the sea forever."><a href="#" class="island" > mu </a> </p>
+				<p id="mu" title="And so the ages rolled on, and King succeeded King, and High-Priest succeeded High-Priest, and nations rose and decayed, and lands rose above the sea and returned into the sea. And with many millennia decay fell upon K’naa—till at last on a hideous day of storm and thunder, terrific rumbling, and mountain-high waves, all the land of Mu sank into the sea forever." class="draggable"><a href="#" class="island" > mu </a> </p>
 
 				<p id="hyperborea" title="Neither by ship nor on foot would you find
 the marvellous road to the assembly of the Hyperboreans.
@@ -36,7 +36,7 @@ Ever the Muse is absent
 from their ways: lyres clash and flutes cry
 and everywhere maiden choruses whirling.
 Neither disease nor bitter old age is mixed
-in their sacred blood; far from labor and battle they live."><a href="#" class="island" > hyperborea </a> </p>
+in their sacred blood; far from labor and battle they live." class="draggable"><a href="#" class="island" > hyperborea </a> </p>
 
 				<p id="thule" title="By a route obscure and lonely,
 Haunted by ill angels only,
@@ -45,11 +45,10 @@ On a black throne reigns upright.
 I have reached these lands but newly
 From an ultimate dim Thule –
 From a wild weird clime, that lieth, sublime,
-Out of Space – out of Time. "><a href="#" class="island" > thule </a> </p>
+Out of Space – out of Time. " class="draggable"><a href="#" class="island" > thule </a> </p>
 
 			</div>
 
-			<svg id="map"></svg>
 		</div>
 
 		<script type="text/javascript" src="./scripts/drag.js"></script>

main/style.css

@@ -1,4 +1,4 @@
-body{	font-family: "Lucida Console", Monaco, monospace; }
+body{	font-family: "Lucida Console", Monaco, monospace; text-align: center;}
 
 p {	font-size: 20px; }
 
@@ -6,17 +6,18 @@ a{  text-decoration: none; }
 
 #space-time{
   position: relative;
-  width: 1000px;
-  height: 600px;
+  width: 600px;
+  height: 500px;
   margin-left: auto;
   margin-right: auto;
+  margin-top: 160px;
 }
 
 #ilinx{
 position: absolute;
-width: 300px;
-left: 446px;
-top: 461px;
+width: 106px;
+left: 250px;
+top: 420px;
 }
 
 .ilinx { 
@@ -31,8 +32,8 @@ top: 461px;
   position: absolute;
   margin-top: -150px;
   margin-left: -150px;
-  top: 300px;
-  left: 500px;
+  top: 250px;
+  left: 300px;
   }
 
 .rotating {
@@ -59,29 +60,29 @@ a.island:visited{color: white;}
 
 #lemuria {
   position: absolute;
-  left: 267px;
-  top:300px;
+  left: 68px;
+  top:269px;
 
 }
 
 #mu {
   position: absolute;
-  left: 378px;
-  top:131px;
+  left: 189px;
+  top:76px;
 
 }
 
 #hyperborea {
   position: absolute;
-  left: 626px;
-  top:174px;
+  left: 444px;
+  top: 151px;
 
 }
 
 #thule{
   position: absolute;
-  left: 630px;
-  top:360px;
+  left: 421px;
+  top:322px;
 }