suzanne.soy/SuzanneSoy.github.io
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Temporary hack to place the main content above when the 3D stuff is not targetted

Browse Source
This commit is contained in:
Suzanne Soy 2021-07-31 12:52:41 +01:00
parent da5f45e5fc
commit 9ecc32efba
2 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
index.html
View File

@ -9,9 +9,11 @@
</head> </head>
<body> <body>
<h1>Suzanne Soy</h1> <h1>Suzanne Soy</h1>
<h2>Procedural Designer</h2> <div id="temp-other-content" style="position: relative; z-index: 1;">
<p>Latest version of my <a href="phc-thesis/">Ph.D draft</a></p> <h2>Procedural Designer</h2>
<p><a href="git-tutorial/">GIT tutorial</a></p> <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 class="css3d" style="display: none;">
<div id="detector"></div> <div id="detector"></div>
<div tabindex="0" id="a"> <div tabindex="0" id="a">
@ -28,7 +30,7 @@
B<a href="#a">goto a</a><a href="#b">goto b</a> B<a href="#a">goto a</a><a href="#b">goto b</a>
</div> </div>
</div> </div>
<div class="view3d" style="display: one"> <div class="view3d">
<div class="scene" id="main"> <div class="scene" id="main">
<a class="go" href="#main">→ Enter ←</a> <a class="go" href="#main">→ Enter ←</a>
<div class="rest"></div> <div class="rest"></div>

6
test.css
View File

@ -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 { position: relative; padding:0; }
html, body { height: 100%; } html, body { height: 100%; }
.view3d { width: 100%; height:100%; top: 0; left: 0; margin: 0; padding:0; /*overflow: hidden;*/ position: fixed; } .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; opacity: 0;
transition: opacity 1s linear 1s; transition: opacity 1s linear 1s;
pointer-events: none; pointer-events: none;
} }