89 lines
4.3 KiB
HTML
89 lines
4.3 KiB
HTML
<!DOCTYPE html>
|
||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-GB" xml:lang="en-GB">
|
||
<head>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||
<title>Suzanne Soy’s page</title>
|
||
<link rel="stylesheet" href="test.css">
|
||
</head>
|
||
<body>
|
||
<h1>Suzanne Soy</h1>
|
||
<h2>Procedural Designer</h2>
|
||
<p>Latest version of my <a href="https://jsmaniac.github.io/phc-thesis/phc-thesis/">Ph.D draft</a></p>
|
||
<div class="scene">
|
||
<div class="rest"></div>
|
||
<div class="three-d room hover room-test">
|
||
<div class="three-d object test" id="test">Hello world
|
||
<div class="scene">
|
||
<div class="rest"></div>
|
||
<div class="three-d room hover room-test">
|
||
<div class="three-d object test" id="test">It's turtles all the way down!
|
||
<div class="scene">
|
||
<div class="rest"></div>
|
||
<div class="three-d room hover room-test">
|
||
<div class="three-d object test">
|
||
<iframe
|
||
style="width:100%; height:90%;"
|
||
src="https://jsmaniac.github.com/table.js"></iframe>
|
||
</div>
|
||
</div>
|
||
<div class="three-d room hover room-test2">
|
||
<div class="three-d object test2">Don't use CSS to do this.</div>
|
||
</div>
|
||
<div class="three-d room">
|
||
<div class="three-d wall wall-l"></div>
|
||
<div class="three-d wall wall-r"></div>
|
||
<div class="three-d wall wall-u"></div>
|
||
<div class="three-d wall wall-d"></div>
|
||
<div class="three-d wall wall-b"></div>
|
||
<div class="three-d wall wall-f"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="three-d room hover room-test2">
|
||
<div class="three-d object test2">Nested rooms!</div>
|
||
</div>
|
||
<div class="three-d room">
|
||
<div class="three-d wall wall-l"></div>
|
||
<div class="three-d wall wall-r"></div>
|
||
<div class="three-d wall wall-u"></div>
|
||
<div class="three-d wall wall-d"></div>
|
||
<div class="three-d wall wall-b"></div>
|
||
<div class="three-d wall wall-f"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="three-d room hover room-test2">
|
||
<div class="three-d object test2">Mental palace
|
||
<div class="scene">
|
||
<div class="rest"></div>
|
||
<div class="three-d room hover room-test">
|
||
<div class="three-d object test" id="test">Oh my…</div>
|
||
</div>
|
||
<div class="three-d room hover room-test2">
|
||
<div class="three-d object test2" id="test2">It's full of <div>s</div>
|
||
</div>
|
||
<div class="three-d room">
|
||
<div class="three-d wall wall-l"></div>
|
||
<div class="three-d wall wall-r"></div>
|
||
<div class="three-d wall wall-u"></div>
|
||
<div class="three-d wall wall-d"></div>
|
||
<div class="three-d wall wall-b"></div>
|
||
<div class="three-d wall wall-f"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="three-d room">
|
||
<div class="three-d wall wall-l"></div>
|
||
<div class="three-d wall wall-r"></div>
|
||
<div class="three-d wall wall-u"></div>
|
||
<div class="three-d wall wall-d"></div>
|
||
<div class="three-d wall wall-b"></div>
|
||
<div class="three-d wall wall-f"></div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html>
|