commit 9ecc32efba693853c767d420e2e249f7805f73a9
parent da5f45e5fc2901419e1c0eeefef90a777cf74782
Author: Suzanne Soy <jsmaniac.github@suzanne.soy>
Date: Sat, 31 Jul 2021 12:52:41 +0100
Temporary hack to place the main content above when the 3D stuff is not targetted
Diffstat:
2 files changed, 11 insertions(+), 6 deletions(-)
diff --git a/index.html b/index.html
@@ -9,9 +9,11 @@
</head>
<body>
<h1>Suzanne Soy</h1>
- <h2>Procedural Designer</h2>
- <p>Latest version of my <a href="phc-thesis/">Ph.D draft</a></p>
- <p><a href="git-tutorial/">GIT tutorial</a></p>
+ <div id="temp-other-content" style="position: relative; z-index: 1;">
+ <h2>Procedural Designer</h2>
+ <p>Latest version of my <a href="phc-thesis/">Ph.D draft</a></p>
+ <p><a href="git-tutorial/">GIT tutorial</a></p>
+ </div>
<div class="css3d" style="display: none;">
<div id="detector"></div>
<div tabindex="0" id="a">
@@ -28,7 +30,7 @@
B<a href="#a">goto a</a><a href="#b">goto b</a>
</div>
</div>
- <div class="view3d" style="display: one">
+ <div class="view3d">
<div class="scene" id="main">
<a class="go" href="#main">→ Enter ←</a>
<div class="rest"></div>
diff --git a/test.css b/test.css
@@ -1,3 +1,7 @@
+/* Temporary hack to place the main content above when the 3D stuff is not targetted */
+.view3d { z-index: 0; }
+.view3d.target-within { z-index: 2; }
+
html { position: relative; padding:0; }
html, body { height: 100%; }
.view3d { width: 100%; height:100%; top: 0; left: 0; margin: 0; padding:0; /*overflow: hidden;*/ position: fixed; }
@@ -265,4 +269,4 @@ padding + direction: wrong dir for text
opacity: 0;
transition: opacity 1s linear 1s;
pointer-events: none;
-}
-\ No newline at end of file
+}
