diff --git a/asset/css/style.css b/asset/css/style.css index 66033e7..a246376 100644 --- a/asset/css/style.css +++ b/asset/css/style.css @@ -1,5 +1,6 @@ :root { --pico-line-height: 2; + --pico-primary-background: #77F !important; } .container{ @@ -66,6 +67,10 @@ div#fabien{ margin-right:25px; } +button, +.btn{ + box-shadow: 0px 0px 15px #77F7; +} .btn{ -webkit-appearance: button; --pico-background-color: var(--pico-primary-background); @@ -145,7 +150,7 @@ div#xrfragment{ width: 100%; } -div#xrsh{ +div#xrshthumb{ background: url(../img/xrsh-thumb.jpg); height: 400px; background-repeat:no-repeat; @@ -178,13 +183,39 @@ div#xrflogo{ width: 120px; border-radius:7px; } - -div#searxrlogo{ - background: url(../img/searxr.jpg); +div#hanlogo{ + background: url(../img/han.jpg); height: 46px; background-repeat:no-repeat; background-size: cover; - width: 200px; + width: 88px; + border-radius:7px; +} + +div#searxrlogo{ + background: url(../img/searxr.jpg); + height: 23px; + background-repeat:no-repeat; + background-size: cover; + width: 100px; + border-radius:7px; +} + +div#aframeverse{ + background: url(../img/aframe-verse.gif); + height: 200px; + background-repeat:no-repeat; + background-size: cover; + width: 250px; + border-radius:7px; +} + +div#xrsh{ + background: url(../img/xrsh.webp); + height: 200px; + background-repeat:no-repeat; + background-size: cover; + width: 250px; border-radius:7px; } @@ -254,6 +285,7 @@ div#euvalues{ .spectrum{ margin-top:10px; box-shadow: 0px 0px 5px #F0F; + margin-bottom:50px; } .spectrum > div, @@ -316,7 +348,7 @@ u span{ display:inline-block; margin-right:5px; width:23px; - height:38px; + height:32px; position: absolute; animation:fade 1000ms infinite; -webkit-animation:fade 1000ms infinite; @@ -413,6 +445,13 @@ input[type="radio"][id="browser"]:checked ~ .openlearning { border-radius:7px; position:relative; } +@media screen and (max-width: 660px) { + .tile{ + width:100%; + margin-bottom:30px; + } +} + .tile .description{ color:#888; @@ -560,7 +599,7 @@ input[type="radio"][id="browser"]:checked ~ .openlearning { /* ================ The Timeline ================ */ .timeline { - font-size:17px; + font-size:15px; position: relative; width: 660px; margin: 0 auto; @@ -629,6 +668,7 @@ input[type="radio"][id="browser"]:checked ~ .openlearning { } .flag { + color:#666; position: relative; display: inline; background: rgb(248,248,248); @@ -663,7 +703,7 @@ input[type="radio"][id="browser"]:checked ~ .openlearning { margin-top: -10px; background: #fff; border-radius: 10px; - border: 4px solid rgb(255,80,80); + border: 4px solid #77F; z-index: 10; } @@ -725,8 +765,8 @@ input[type="radio"][id="browser"]:checked ~ .openlearning { .desc { margin: 1em 0.75em 0 0; - - font-size: 0.77777em; + color:#888; + font-size: 1em; font-style: italic; line-height: 1.5em; } @@ -815,11 +855,11 @@ input[type="radio"][id="browser"]:checked ~ .openlearning { position: relative; margin: 1em 0 0 0; padding: 1em; - background: rgb(245,245,245); + background: var(--pico-background-color); -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.20); -moz-box-shadow: 0 0 1px rgba(0,0,0,0.20); - box-shadow: 0 0 1px rgba(0,0,0,0.20); - + box-shadow: 0 0 5px #8887; + border-radius: 7px; z-index: 15; } @@ -842,3 +882,9 @@ input[type="radio"][id="browser"]:checked ~ .openlearning { } } +@media screen and (max-width: 660px) { + + .timeline li{ + margin: 57px 0px !important; + } +} diff --git a/asset/img/aframe-verse.gif b/asset/img/aframe-verse.gif new file mode 100644 index 0000000..5fdfc61 Binary files /dev/null and b/asset/img/aframe-verse.gif differ diff --git a/asset/img/han.jpg b/asset/img/han.jpg new file mode 100644 index 0000000..20ccaba Binary files /dev/null and b/asset/img/han.jpg differ diff --git a/asset/img/xrh-full.svg b/asset/img/xrh-full.svg index a963b76..82ecb1a 100644 --- a/asset/img/xrh-full.svg +++ b/asset/img/xrh-full.svg @@ -2,16 +2,58 @@ federation diff --git a/asset/img/xrhypermedia.jpg b/asset/img/xrhypermedia.jpg new file mode 100644 index 0000000..d3defeb Binary files /dev/null and b/asset/img/xrhypermedia.jpg differ diff --git a/asset/img/xrsh.webp b/asset/img/xrsh.webp new file mode 100644 index 0000000..9b00b37 Binary files /dev/null and b/asset/img/xrsh.webp differ diff --git a/index.html b/index.html index 034ab3b..3e77426 100644 --- a/index.html +++ b/index.html @@ -17,12 +17,7 @@
-
-
-
-
- digital commons for XR hypermedia 🥽

The XR Federation

@@ -30,7 +25,7 @@
-
+

Digital commons for XR hypermedia 🥽

We connect, and help fund open XR ecosystems 🥦
We support public AR/VR/MR @@ -71,27 +66,30 @@
- , American DFI- and P2P-values, narrowed down to XR experiences.
- XR Federation similarly promotes pluralism, altruism and opensource. + , American DFI-values, narrowed down to OpenSource hyperlinked XR experiences.

- "XR hypermedia drives XR cost-efficiency beyond VR games: it enables spatial education and innovation for all of us." + "XR hypermedia is cost-efficient for big and small communities: it enables spatial education and innovation by hyperlinking XR experiences." - ~ +
Leon van Kammen / Founder, Strategy Director / @lvk@mastodon.online
- +

+
+
+
+
+

Projects:  

-
@@ -156,7 +154,7 @@
-
+
XRSH is a Linux Shell for WebXR, which makes the Linux ecosystem of cli-tools available in WebXR. @@ -164,6 +162,12 @@
+
+ +
+
+
+
@@ -175,59 +179,170 @@
  • - JML invented + JanusXR / JML syntax 2013
    -
    URL-decentralized virtual worlds (JanusVR) by James McCrae (incl. URL portalsystem). Rebrands in 2020 to (opensource) JanusXR with focus on janusweb +
    URL-linked virtual worlds (JanusVR) by James McCrae (incl. URL portalsystem). Rebrands in 2020 to (opensource) JanusXR with focus on janusweb. First convincing VR-headset-compatible user-operated spatial web, used by more than thousands of users. -
    +

    • +
  • +
    +
    + SearXR Funded + 2020 +
    +
    + NLnet #NGI #EU funds SearXR an opensource selfhostable meta-searchengine for public URL-based virtual worlds.
    +
    +
    +
    +
    • +
  • -
    +
    Facebook rebrand 2021
    -
    8 years after JanusXR, Facebook attempts proprietary centralized 'metaverse' (rebrands to 'Meta')
    +
    8 years after JanusXR, Facebook attempts similar 'metaverse', but proprietary and centralized (rebrands to 'Meta')
    • -
  • -
    -
    - SearXR Funded - 2020 -
    -
    NLnet #NGI #EU funds SearXR an opensource selfhostable meta-searchengine for public URL-based virtual worlds.
    - -
    -
    -
  • +
    + aframe-verse + 2020 +
    +
    XR Hypermedia Experiment which traverses crossdomain AFRAME XR experiences seamlessly. The learnings became the fundament for the XR (URI) Fragments.
    +
    +
    +
    +
    • + +
  • +
    XR Fragments Funded 2021
    -
    NLnet #NGI #EU funds XR URI Fragments by Leon van Kammen. Standardisation of spatial anchors in URI's. Supported by janusweb and adopted by startups like Alkebulan. +
    NLnet #NGI #EU funds XR URI Fragments by Leon van Kammen. Standardisation of spatial anchors in URI's. It got adopted by startups like Alkebulan, and was coincedentally (already) implemented by janusweb (independent simultanious innovation 💡).
    • +
  • +
    +
    + XRSH funded + 2021 +
    +
    First ever in-WebXR Terminal running an actual Linux ISO. This researchproject basically brings the opensource linux ecosystem to otherwise closed proprietary headsets. Aerospace engineers have reported to be using it.
    +
    +
    +
    + +
    • + +
  • +
    +
    + HAN University collab + 2024 +
    +
    + HAN University uses XR (URL) Fragments while researching VR accessibility. One of the results of this collaboration is the addition of 2-button navigation to the XR Fragments spec. +
    + +
    +
    +
    • + +
  • +
    +
    + XRForge funding + 2025 +
    +
    + XRForge was created to .... +
    +
    +
    +
    +
    • +

    Funding FAQ

    - Q: Do you fund things made with Unity/Unreal?
    - A: Proprietary things are hard to fund (public money public code). The opensource Godot is going to be your best bet. + Q: Are we talking VC-money?
    + A: Think microgrants / no-cure-no-pay funding of digital commons, think cosmolocalism. + +
    + + Q: Do you fund things (my game) made with Unity/Unreal?
    + A: Indirectly funding/promoting proprietary engines with public money is a tough (public money public code).
    + +
    + + Q: Which Open XR engines are preferred?
    + A: Fully opensource ones like: + + + + ♥️ = janusweb has the highest XR hypermedsupportvector, see translators, polyglot and addressibility + +
    + Contact us in case you've got questions +
    + +
    + + Q: Regarding hyperlinking, is linking to a webpage enough?
    + A: Most games or WebXR-sites which utilize links, fall in the category: + +
    + + "I don't want customers to leave my premise" + +
    + + A much better way is 3D-first surfing: by interlinking 3D files immersively via (XR Fragment) URLs or JanusWeb.
    See the difference below:

    + + +
    + Rule of thumb: if the XR content can be selfhosted by users separately from the XR viewer, you're on the right track. +
    + +
    + + Q: Crypto?
    + A: Not really, because of price volatility and regulatory/AML compliance hurdles. Privacy mechanisms like TALER can be discussed though. +
    + +
    + +
    +
    +
    +
    Jump to: