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.

59 lines
2.6 KiB
HTML

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title> @@@ilinx </title>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://d3js.org/d3.v5.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<style type="text/css">
body{
background-color: black;
color: white;
}
</style>
</head>
<div id="space-time" class="draggable">
<img id="spiral" class="rotating" src="./img/spiral_w.png">
<div id="ilinx">
<h1 class="ilinx draggable">i</h1>
<h1 class="ilinx draggable">l</h1>
<h1 class="ilinx draggable">i</h1>
<h1 class="ilinx draggable">n</h1>
<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="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 Knaa—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="hyperborea" title="Neither by ship nor on foot would you find
the marvellous road to the assembly of the Hyperboreans.
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>
<p id="thule" title="By a route obscure and lonely,
Haunted by ill angels only,
Where an Eidolon, named Night,
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>
</div>
<svg id="map"></svg>
</div>
<script type="text/javascript" src="./scripts/drag.js"></script>
<script type="text/javascript" src="./scripts/terrain.js"></script>
</body>
</html>