diff --git a/aframe.html b/aframe.html
new file mode 100644
index 0000000..5e70064
--- /dev/null
+++ b/aframe.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<style type="text/css">
+
+				body{ 
+					background: #555; 
+				  height: 100%;
+				  margin: 0;
+				  overflow: hidden;
+				  padding: 0;
+				  width: 100%;
+				}
+
+				img#btn_play:hover {
+					opacity: 1.0;
+				}
+				img#btn_play {
+					position: fixed;
+					top: 50%;
+					left: 50%;
+			                width:30%;
+				        max-width:400px;
+					transform: translate(-50%,-50%);
+					cursor: pointer;
+					opacity: 0.6;
+					transition: 0.3s;
+					z-index: 999;
+				}
+
+		</style>
+	</head>
+	<body>
+
+	  <img id="btn_play" src="lib/assets/play.svg"/>
+
+	  <a-scene>
+	  	<a-entity id="scene" animation-mixer_disabled gltf-model></a-entity>
+
+      <a-entity id="player" movement-controls touch-controls="axis:y" wasd-controls="fly:true" look-controls="magicWindowTrackingEnabled:true">
+        <a-entity camera="fov:90" position="0 1.6 0" id="camera"></a-entity>
+        <a-entity id="left-hand" hand-tracking-grab-controls="hand:left;modelColor:#cccccc" raycaster="objects:.ray" blink-controls="cameraRig:#player; teleportOrigin: #camera; collisionEntities: .floor"></a-entity>
+        <a-entity id="right-hand" hand-tracking-grab-controls="hand:right;modelColor:#cccccc" laser-controls="hand: right" raycaster="objects:.ray" blink-controls="cameraRig:#player; teleportOrigin: #camera; collisionEntities: .floor"></a-entity>
+      </a-entity>
+
+	  </a-scene>
+
+    <script type="module" src="lib/xrforge/index.js"></script>
+
+	</body>
+</html>
diff --git a/package.json b/package.json
index fdd0e7f..acd455d 100644
--- a/package.json
+++ b/package.json
@@ -3,8 +3,10 @@
   "version": "1.0.0",
   "main": "index.js",
   "scripts": {
-    "build": "echo -e \"hint: pass bun args via: BARG='--minify' npm run build'\n\n\" && rm dist/xrforge/*.js || true && BARG=$BARG npm run build-xrforge",
-    "build-xrforge": "mkdir -p dist/xrforge && bun build ${BARG} --outdir=dist/xrforge xrforge.html && monolith dist/xrforge/xrforge.html --output dist/xrforge.html && sed -i 's|data:module|data:text/javascript;|g' dist/xrforge.html # https://github.com/Y2Z/monolith/issues/474 "
+    "build": "echo -e \"hint: pass bun args via: BARG='--minify' npm run build'\n\n\" && rm dist/xrforge/*.js || true && BARG=$BARG npm run build-xrforge; BARG=$BARG npm run build-aframe",
+    "build-xrforge": "test -d node_modules/janusweb/build || { cd node_modules/janusweb && ln -s ../. node_modules && utils/init.sh 2>&1 | grep -Ev '^npm ' && npm run build; }; bun build ${BARG} --outdir=dist/xrforge -e janusweb.css -e janusweb.js -e manifest.json xrforge.html && cp -r node_modules/janusweb/build/1.5.56/{media,*.js,*.json,*.css} dist/xrforge/. && monolith dist/xrforge/xrforge.html --output dist/xrforge.html",
+    "build-aframe": "mkdir -p dist/aframe && bun build ${BARG} --outdir=dist/aframe aframe.html && monolith dist/aframe/aframe.html --output dist/aframe.html && sed -i 's|data:module|data:text/javascript;|g' dist/aframe.html # https://github.com/Y2Z/monolith/issues/474 ",
+    "postinstall":""
   },
   "author": "Leon van Kammen",
   "license": "",
@@ -13,6 +15,7 @@
     "@needle-tools/three-animation-pointer": "^1.0.7",
     "@zip.js/zip.js": "^2.8.8",
     "aframe": "^1.7.1",
+    "janusweb": "^1.5.56",
     "remotestoragejs": "^2.0.0-beta.8",
     "trystero": "^0.22.0",
     "webdav": "^5.8.0",
diff --git a/xrforge.html b/xrforge.html
index 5e70064..30b1155 100644
--- a/xrforge.html
+++ b/xrforge.html
@@ -1,51 +1,41 @@
 <!DOCTYPE html>
 <html>
-	<head>
-		<style type="text/css">
+  <head>
+    <title>JanusWeb</title>
+    
+    <link rel="stylesheet" type="text/css" href="janusweb.css" media="all" />
+    <link rel="manifest" href="manifest.json">
 
-				body{ 
-					background: #555; 
-				  height: 100%;
-				  margin: 0;
-				  overflow: hidden;
-				  padding: 0;
-				  width: 100%;
-				}
 
-				img#btn_play:hover {
-					opacity: 1.0;
-				}
-				img#btn_play {
-					position: fixed;
-					top: 50%;
-					left: 50%;
-			                width:30%;
-				        max-width:400px;
-					transform: translate(-50%,-50%);
-					cursor: pointer;
-					opacity: 0.6;
-					transition: 0.3s;
-					z-index: 999;
-				}
+    <meta charset="utf-8">
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, maximum-scale=1.0, width=device-width" />
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="theme-color" content="#2f363b">
 
-		</style>
-	</head>
-	<body>
 
-	  <img id="btn_play" src="lib/assets/play.svg"/>
 
-	  <a-scene>
-	  	<a-entity id="scene" animation-mixer_disabled gltf-model></a-entity>
+    <meta http-equiv="origin-trial" data-feature="WebVR" data-expires="2017-06-12" content="Avy/Fo2QM5trR+WVHnaVz0t3LVltGxx3yvpSYSCC2oklwuDEYUEK6YdnxYv4p687MJGB61q//htZUvSIZPg93goAAABOeyJvcmlnaW4iOiJodHRwczovL3dlYi5qYW51c3ZyLmNvbTo0NDMiLCJmZWF0dXJlIjoiV2ViVlIiLCJleHBpcnkiOjE0OTczMTIwMDB9">
 
-      <a-entity id="player" movement-controls touch-controls="axis:y" wasd-controls="fly:true" look-controls="magicWindowTrackingEnabled:true">
-        <a-entity camera="fov:90" position="0 1.6 0" id="camera"></a-entity>
-        <a-entity id="left-hand" hand-tracking-grab-controls="hand:left;modelColor:#cccccc" raycaster="objects:.ray" blink-controls="cameraRig:#player; teleportOrigin: #camera; collisionEntities: .floor"></a-entity>
-        <a-entity id="right-hand" hand-tracking-grab-controls="hand:right;modelColor:#cccccc" laser-controls="hand: right" raycaster="objects:.ray" blink-controls="cameraRig:#player; teleportOrigin: #camera; collisionEntities: .floor"></a-entity>
-      </a-entity>
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:site" content="@bai0" />
+    <meta name="twitter:title" content="JanusWeb" />
+    <meta name="twitter:description" content="The World Within The Web" />
+    <meta name="twitter:image" content="https://janusxr.org/backgrounds/wallpapers/generic.png" />
+    <meta name="twitter:image:alt" content="JanusWeb" />
+   
+    <meta property="og:app_id"             content="1197654320349894" />
+    <meta property="og:url"                content="https://web.janusxr.org/" />
+    <meta property="og:type"               content="website" />
+    <meta property="og:title"              content="JanusWeb" />
+    <meta property="og:description"        content="The World Within The Web" />
+    <meta property="og:image"              content="https://janusxr.com/backgrounds/wallpapers/generic.png" />
 
-	  </a-scene>
 
-    <script type="module" src="lib/xrforge/index.js"></script>
-
-	</body>
+    <script src="janusweb.js"></script>
+  </head>
+  <body>
+    <janus-viewer src="https://www.janusxr.org/"></janus-viewer>
+  </body>
 </html>
+
+
