From 11a70095d9cf85e1b53f2188da6d1adf95cb62e7 Mon Sep 17 00:00:00 2001
From: Fabien Benetou <fabien-services@benetou.fr>
Date: Fri, 30 Sep 2022 22:48:12 +0200
Subject: [PATCH] fixed web-url

---
 index.html | 20 +++++++++-----------
 1 file changed, 9 insertions(+), 11 deletions(-)
diff --git a/index.html b/index.html
index 2b85d59..36a7cca 100644
--- a/index.html
+++ b/index.html
@@ -41,26 +41,21 @@
   </head>
   <body>
 
-<div style='position:fixed;z-index:-1; top: 0%; left: 0%; border-bottom: 70px solid transparent; border-left: 70px solid #eee; '>
-	<a href="https://git.benetou.fr/utopiah/text-code-xr-engine/issues/">
-		<img style='position:fixed;left:10px;' title='code repository' src='https://git.benetou.fr/assets/img/logo.svg/'>
-	</a>
+<div>
+	<div id="observablehq-numberOfPages-835aa7e9"></div>
+	<div id="observablehq-result_as_html-ab4c1560"></div>
 </div>
-<div style="display:none" id="observablehq-numberOfPages-835aa7e9"></div>
-<div style="display:none;position:fixed;z-index:0" id="page"></div>
-<div id="#observablehq-result_as_html-ab4c1560"></div>
-<div id="#observablehq-result_as_html-ab4c1560"></div>
 
 <script type="module">
 // just text
 import {Runtime, Inspector} from "https://cdn.jsdelivr.net/npm/@observablehq/runtime@4/dist/runtime.js";
 import define from "https://api.observablehq.com/@utopiah/from-pim-to-2d-to-3d-to-xr-explorations@2010.js?v=3";
+import define2 from "https://api.observablehq.com/d/f219f0c440c6d5a2.js?v=3";
 new Runtime().module(define, name => {
   if (name === "numberOfPages") return new Inspector(document.querySelector("#observablehq-numberOfPages-835aa7e9"));
 });
 
 // HTML with interactable input
-import define2 from "https://api.observablehq.com/d/f219f0c440c6d5a2.js?v=3";
 new Runtime().module(define2, name => {
   if (name === "viewof offsetExample") return new Inspector(document.querySelector("#observablehq-viewof-offsetExample-ab4c1560"));
   if (name === "result_as_html") return new Inspector(document.querySelector("#observablehq-result_as_html-ab4c1560"));
@@ -69,7 +64,6 @@ new Runtime().module(define2, name => {
 setTimeout( _ => 
   document.querySelector("#gui3d").setAttribute("html", "html:#observablehq-key;cursor:#cursor;" )
 , 2000)
-
 </script>
 
 <script>
@@ -105,7 +99,11 @@ AFRAME.registerComponent('web-url', {
 	let generatorName = this.attrName
 	if (src && src != "") target = src
 	fetch(target).then( res => res.text() ).then( r => {
-	  document.querySelector("#page").innerHTML = r; 
+	  pageEl = document.createElement("div")
+	  pageEl.id = "page"
+	  pageEl.innerHTML = r
+	  pageEl.style = "visibility:hidden;"
+	  document.body.appendChild(pageEl)
 	  el.setAttribute("html", "html:#page;cursor:#cursor;" )
 	  el.className += generatorName
 	  //backdrop
