🔧 master: work in progress [might break]

asset/css/style.css

@@ -56,6 +56,17 @@ div#lvk{
   margin-right:25px;
 }
 
+div#jin{
+  background: url(../img/madjin.png);
+  height:100px;
+  width:100px;
+  background-size:cover;
+  display:inline-block;
+  border-radius:50%;
+  float:left;
+  margin-right:25px;
+}
+
 div#fabien{
   background: url(../img/fabien.jpg);
   height:100px;
@@ -140,6 +151,19 @@ div#translators{
   width: 100%;
   border-radius:7px;
   margin:15px 0px;
+  position:absolute;
+  z-index:100;
+}
+
+div#archive_org{
+  background: url(../img/archive.org.jpg);
+  height: 200px;
+  background-repeat:no-repeat;
+  background-size: cover;
+  width: 100%;
+  margin:15px 0px;
+  position:absolute;
+  z-index:100;
 }
 
 div#xrfragment{
@@ -202,12 +226,11 @@ div#searxrlogo{
 }
 
 div#aframeverse{
+  height: 400px;
   background: url(../img/aframe-verse.gif);
-  height: 200px;
   background-repeat:no-repeat;
   background-size: cover;
-  width: 250px;
+  width: 100%;
-  border-radius:7px;
 }
 
 div#xrsh{
@@ -237,6 +260,22 @@ div#xrforge{
   width: 100%;
 }
 
+div#nexus{
+  background: url(../img/nexus.jpg);
+  height: 400px;
+  background-repeat:no-repeat;
+  background-size: cover;
+  width: 100%;
+}
+
+div#lobby{
+  background: url(../img/lobby.png);
+  height: 400px;
+  background-repeat:no-repeat;
+  background-size: cover;
+  width: 100%;
+}
+
 div#biggu_s_gate{
   background: url(../img/biggu_s_gate.jpg);
   height: 400px;
@@ -261,17 +300,6 @@ div#januswebbrowser{
   width: 100%;
 }
 
-div#translators{
-  position:absolute;
-  background: url(../img/translators.svg);
-  height: 400px;
-  background-repeat:no-repeat;
-  background-size: contain;
-  width: 100%;
-  opacity:0.5;
-  z-index:100;
-}
-
 div#euvalues{
   background: url(../img/EUvalues.webp);
   height: 400px;
@@ -408,23 +436,33 @@ label {
 }
 input[type="radio"][id="openlearning"]:checked ~ .protocol,
 input[type="radio"][id="openlearning"]:checked ~ .xrdiscovery,
-input[type="radio"][id="openlearning"]:checked ~ .browser,
+input[type="radio"][id="openlearning"]:checked ~ .xrbrowser,
-input[type="radio"][id="openlearning"]:checked ~ .webtranslator,
+input[type="radio"][id="openlearning"]:checked ~ .xrtranslator,
+input[type="radio"][id="openlearning"]:checked ~ .worldpreservation,
 input[type="radio"][id="protocol"]:checked ~ .openlearning, 
 input[type="radio"][id="protocol"]:checked ~ .xrdiscovery, 
-input[type="radio"][id="protocol"]:checked ~ .browser,
+input[type="radio"][id="protocol"]:checked ~ .xrbrowser,
-input[type="radio"][id="protocol"]:checked ~ .webtranslator,
+input[type="radio"][id="protocol"]:checked ~ .xrtranslator,
+input[type="radio"][id="protocol"]:checked ~ .worldpreservation,
+input[type="radio"][id="worldpreservation"]:checked ~ .openlearning, 
+input[type="radio"][id="worldpreservation"]:checked ~ .xrdiscovery, 
+input[type="radio"][id="worldpreservation"]:checked ~ .xrbrowser,
+input[type="radio"][id="worldpreservation"]:checked ~ .xrtranslator,
+input[type="radio"][id="worldpreservation"]:checked ~ .protocol, 
 input[type="radio"][id="xrdiscovery"]:checked ~ .openlearning, 
 input[type="radio"][id="xrdiscovery"]:checked ~ .protocol, 
-input[type="radio"][id="xrdiscovery"]:checked ~ .browser,
+input[type="radio"][id="xrdiscovery"]:checked ~ .xrbrowser,
-input[type="radio"][id="xrdiscovery"]:checked ~ .webtranslator,
+input[type="radio"][id="xrdiscovery"]:checked ~ .xrtranslator,
-input[type="radio"][id="webtranslator"]:checked ~ .openlearning, 
+input[type="radio"][id="xrdiscovery"]:checked ~ .worldpreservation,
-input[type="radio"][id="webtranslator"]:checked ~ .protocol, 
+input[type="radio"][id="xrtranslator"]:checked ~ .openlearning, 
-input[type="radio"][id="webtranslator"]:checked ~ .browser,
+input[type="radio"][id="xrtranslator"]:checked ~ .protocol, 
-input[type="radio"][id="webtranslator"]:checked ~ .xrdiscovery,
+input[type="radio"][id="xrtranslator"]:checked ~ .xrbrowser,
+input[type="radio"][id="xrtranslator"]:checked ~ .xrdiscovery,
+input[type="radio"][id="xrtranslator"]:checked ~ .worldpreservation,
 input[type="radio"][id="browser"]:checked ~ .protocol,
 input[type="radio"][id="browser"]:checked ~ .xrdiscovery,
-input[type="radio"][id="browser"]:checked ~ .webtranslator,
+input[type="radio"][id="browser"]:checked ~ .xrtranslator,
+input[type="radio"][id="browser"]:checked ~ .worldpreservation,
 input[type="radio"][id="browser"]:checked ~ .openlearning {
   width:0;
   height:0;

index.html

@@ -39,10 +39,10 @@
           <span>like appstores, rent-seeking, blockchain-minting etc</span>
         </u>
         <br>
-        We encourage <b>spatialisation</b> of existing
+        We encourage <b>XR translator-development</b> for viewing existing
         <u tabindex="0">ecosystems
           <span>like the 2D web, or file-collections</span>
-        </u> using open 
+        </u> <b>spatially</b> using open 
         <u tabindex="0">protocols 🔌
           <span>: <a href="https://en.wikipedia.org/wiki/RSS" target="_blank">RSS</a>, HTML, <a href="https://janusxr.org/docs/build/introtojml/index.html" target="_blank">JML</a>, Fediverse's <a href="https://activitypub.rocks/" target="_blank">ActivityPub</a> and <a href="https://xrfragment.org">URI's using XR Fragments</a> e.g.</span>
         </u>
@@ -66,13 +66,13 @@
             <div id="euvalues"></div>
           </span>
         </u>
-        , American <a href="https://www.state.gov/wp-content/uploads/2022/04/Declaration-for-the-Future-for-the-Internet.pdf" target="_blank">DFI</a>-values, narrowed down to <b>OpenSource hyperlinked</b> XR experiences.<br>
+        , American <a href="https://www.state.gov/wp-content/uploads/2022/04/Declaration-for-the-Future-for-the-Internet.pdf" target="_blank">DFI</a>-values, narrowed down to <b>OpenSource</b> XR experiences via <b>link traversal</b>.<br>
       </div>
       <br>
         <blockquote>
           <div id="lvk"></div>
           <cite>
-            "XR hypermedia enables cost-efficient spatial education and innovation by hyperlinking XR experiences."
+            "XR hypermedia enables cost-efficient spatial education and innovation by hyperlinking XR experiences."<br> 
           </cite>
           
           <br><b>Leon van Kammen</b> / Founder, Strategy Director / <a href="https://mastodon.online/@lvk" target="_blank">@lvk@mastodon.online</a>
@@ -89,19 +89,21 @@
       </div>
 
       <div id="cards">
-        <h3 id="projects">Projects:&nbsp;&nbsp;</h3>
+        <h3 id="projects">XR Digital Commons:&nbsp;&nbsp;</h3>
+        <input type="radio" id="reset" name="color"/>
+        <label for="reset"><kbd>#all</kbd></label>
         <input type="radio" id="protocol" name="color" />
         <label for="protocol"><kbd>#protocol</kbd></label>
         <input type="radio" id="openlearning" name="color"/>
         <label for="openlearning"><kbd>#openlearning</kbd></label>
         <input type="radio" id="browser" name="color"/>
-        <label for="browser"><kbd>#browser</kbd></label>
+        <label for="browser"><kbd>#xrbrowser</kbd></label>
         <input type="radio" id="xrdiscovery" name="color"/>
         <label for="xrdiscovery"><kbd>#xrdiscovery</kbd></label>
-        <input type="radio" id="webtranslator" name="color"/>
+        <input type="radio" id="xrtranslator" name="color"/>
-        <label for="webtranslator"><kbd>#webtranslator</kbd></label>
+        <label for="xrtranslator"><kbd>#xrtranslator</kbd></label>
-        <input type="radio" id="reset" name="color"/>
+        <input type="radio" id="worldpreservation" name="color"/>
-        <label for="reset"><kbd>#all</kbd></label>
+        <label for="worldpreservation"><kbd>#worldpreservation</kbd></label>
         <br/>
         <br/>
         
@@ -113,6 +115,22 @@
           </a>
         </div>
 
+        <div class="tile worldpreservation">
+          <div id="nexus" class="thumb"></div>
+          <a class="description" href="https://github.com/TheNexusCity/TheNexus" target="_blank">
+            The Nexus is an open source, community-driven, CC0 city for open virtual worlds.<br>
+            #3Dmodels #CreativeCommons
+          </a>
+        </div>
+        
+        <div class="tile worldpreservation">
+          <div id="lobby" class="thumb"></div>
+          <a class="description" href="https://github.com/madjin/webxr-lobby" target="_blank">
+            Opensource Lobby models as 'startingpage' for virtual worlds.<br>
+            A lobby is an entry-space with doors to other spaces.<br>
+          </a>
+        </div>
+
         <div class="tile protocol">
           <div id="xrfragment" class="thumb"></div>
           <a class="description" href="https://xrfragment.org" target="_blank">
@@ -122,7 +140,7 @@
           </a>
         </div>
 
-        <div class="tile browser">
+        <div class="tile xrbrowser">
           <div id="januswebbrowser" class="thumb"></div>
           <a class="description" href="https://coderofsalvation.github.io/janus-guide/" target="_blank">
               <b>JanusWeb</b> is the XR browser for the browser.<br>
@@ -138,11 +156,19 @@
           </a>
         </div>
 
-        <div class="tile webtranslator">
+        <div class="tile xrtranslator">
           <div id="translators" class="thumb"></div>
-          <div id="janusweb" class="thumb hue-1"></div>
+          <div id="janusweb" class="thumb hue-1" style="background-position: 50% 77px"></div>
-          <a class="description" href="https://coderofsalvation.github.io/janus-guide/" target="_blank">
+          <a class="description" href="https://coderofsalvation.github.io/janus-guide/#/wiki/translators" target="_blank">
-              <b>JanusWeb's</b> translators spatialize the web, embedding webstandards like (RSS/HTML) and popular fediverse platforms (peertube/mastodon e.g.).<br>
+            JanusWeb's <b>XR translators</b> spatialize the web, embedding webstandards like (RSS/HTML) and popular fediverse platforms (peertube/mastodon e.g.).<br>
+          </a>
+        </div>
+
+        <div class="tile worldpreservation">
+          <div id="archive_org" class="thumb"></div>
+          <div id="janusweb" class="thumb hue-2" style="background-position: 50% 77px"></div>
+          <a class="description" href="https://github.com/jbaicoianu/janusweb">
+            The XRForge project is currently implementating ways to prevent link / virtualworld <b>rot</b> by integrating backups to <b>archive.org</b>.
           </a>
         </div>
 
@@ -153,17 +179,17 @@
           </a>
         </div>
 
-        <div class="tile webtranslator">
+        <div class="tile xrtranslator">
           <div id="xrshthumb" class="thumb"></div>
           <a class="description" href="https://xrsh.isvery.ninja" target="_blank">
             <b>XRSH</b> is a Linux Shell for <b>WebXR</b>, which makes the Linux ecosystem of cli-tools available in <b>WebXR</b>.
           </a>
         </div>
         
-        <div class="tile browser">
+        <div class="tile xrbrowser">
           <div id="aframeverse" class="thumb"></div>
-          <a class="description" href="https://xrsh.isvery.ninja" target="_blank">
+          <a class="description" href="https://github.com/coderofsalvation/aframe-verse" target="_blank">
-            <div class="desc"><a href="https://github.com/coderofsalvation/aframe-verse" target="_blank">AFRAME-verse</a> is XR Hypermedia network-experiment which traverses crossdomain AFRAME XR experiences seamlessly. The learnings became the fundament for the XR (URI) Fragments.<br>
+             AFRAME-verse was a XR Hypermedia network-experiment which traverses crossdomain AFRAME XR experiences seamlessly. The learnings became the fundament for the XR (URI) Fragments.<br>
             </div>
           </a>
         </div>
@@ -269,7 +295,7 @@
               <span class="time-wrapper"><span class="time">2025</span></span>
             </div>
             <div class="desc">
-              <a href="https://xrforge.isvery.nl">XRForge</a> was created to ....
+              <a href="https://xrforge.isvery.nl">XRForge</a> streamlines the design, collaboration, deployment, hosting, and integration of portable XR experiences - and thus further simplify embedding, cross-platform support and hosting, as well as add vendor specific support.
               <br>
               <div id="xrforge" style="display:inline-block;width:250px;height:200px;border-radius:7px"></div>
             </div>
@@ -278,7 +304,37 @@
         
       </ul>
 
-      <h3>Funding FAQ</h3>
+      <div class="spectrum">
+        <div></div>
+        <div></div>
+      </div>
+
+      <center>
+        <h3>Supporter of Open XR Hypermedia stacks</h3>
+        <div style="max-width:945px;">
+          <a href="https://coderofsalvation.github.io/janus-guide/" target="_blank">
+            <img src="asset/img/janusxr-xrf.png"/>
+          </a>
+          <br>
+
+          <blockquote style="max-width:945px;">
+            <div id="jin"></div>
+            <cite>
+              "(Even after 12 years) I still think Janus had the most right ideas"
+            </cite>
+            
+            <br><b>Jin</b> / FOSS VR/AR digital artist and advocate 
+          </blockquote>
+          <br>
+        </div>
+      </center>
+
+      <div class="spectrum">
+        <div></div>
+        <div></div>
+      </div>
+
+      <h3 id="faq">Funding FAQ</h3>
       
       <b>Q: Are we talking VC-money?</b><br>
       <b>A:</b> Think microgrants / no-cure-no-pay funding of digital commons, think <a href="https://en.wikipedia.org/wiki/Cosmopolitan_localism" target="_blank">cosmolocalism</a>.
@@ -308,7 +364,7 @@
         <li><a href="https://monado.dev/" target="_blank">Monado (OpenXR)</a></li>
       </ul>
 
-      ♥️  = janusweb has the highestlocal-first XR hyperedia-factor, see <a href="https://coderofsalvation.github.io/janus-guide/#/wiki/translators" target="_blank">translators</a>, <a href="https://coderofsalvation.github.io/janus-guide/#/wiki/polyglot-files" target="_blank">polyglot</a> and <a href="https://coderofsalvation.github.io/janus-guide/#/wiki/addressibility" target="_blank">addressibility</a> and runs on desktop/phone/headset all-at-once.
+      ♥️  = janusweb has the highest local-first XR hypermedia-support, see <a href="https://coderofsalvation.github.io/janus-guide/#/wiki/translators" target="_blank">translators</a>, <a href="https://coderofsalvation.github.io/janus-guide/#/wiki/polyglot-files" target="_blank">polyglot</a> and <a href="https://coderofsalvation.github.io/janus-guide/#/wiki/addressibility" target="_blank">addressibility</a> and runs on desktop/phone/headset all-at-once.
 
       <blockquote>
         Contact us in case you've got questions
@@ -334,8 +390,15 @@
 
       <hr/>
 
+      <b>Q: How important is security?</b><br>
+      <b>A:</b> It depends, The value of a digital common lies in its liquidity. If you wrap public-domain content in restrictive security layers (like heavy DRM or complex access controls), you destroy the "common" aspect. Since the content is meant to be seen and shared, there is no "secret" to protect. Attempts to ensure it isn't maliciously altered are saluted.
+
+      <hr/>
+
+
       <b>Q: Crypto?</b><br>
-      <b>A:</b> Not really, because of price volatility and regulatory/AML compliance hurdles. Privacy mechanisms like <a href="https://www.taler.net/en/index.html" target="_blank">TALER</a> can be discussed though. 
+      <b>A:</b> Not really, regarding <b>payments</b> the issues currently are: price volatility and regulatory/AML compliance hurdles. Privacy mechanisms like <a href="https://www.taler.net/en/index.html" target="_blank">TALER</a> can be discussed though. <br>
+      <b>Minting virtual parcels via crypto-transactions</b>: unfortunately this does not qualify as 'local-first', and (un)intentionally enables rentseeking and first-mover-advantage.
 
       <br>
       
@@ -350,6 +413,8 @@
         <small>Jump to:</small>
         <a href="#projects"><kbd>#projects</kbd></a>
         <a href="#timeline"><kbd>#timeline</kbd></a>
+        <a href="#faq"><kbd>#getfunding</kbd></a>
+        <a href="#faq"><kbd>#faq</kbd></a>
       </div>
 
     </main>