diff --git a/src/examples/clickables/artifact.js b/src/examples/clickables/artifact.js index 4ee2e99..701d4fe 100644 --- a/src/examples/clickables/artifact.js +++ b/src/examples/clickables/artifact.js @@ -8,7 +8,7 @@ export default { /* * will load src/artifact.glb */ - file: 'examples/clickables/clickables', + file: '/examples/clickables/clickables.glb', /* * type diff --git a/src/examples/clickables/index.html b/src/examples/clickables/index.html index 138c9ca..17c846e 100644 --- a/src/examples/clickables/index.html +++ b/src/examples/clickables/index.html @@ -1 +1 @@ -Artificial Museum

Your device supports augmented reality applications, but this browser does not.

Please download the Mozilla Webxr Viewer for a better experience in the Artificial Museum.Install Webxr Viewer

Currently, only Blink based browsers support augmented reality. This includes Brave Browser, Google Chrome, Samsung Browser and others.

Your version of chrome is too old and does not support augmented reality.

To get access to ar, please update your browser. Update Chrome.Update Brave.

Please use a different browser for the artificial museum, this browser is missing some critical features and will not provide an optimal experience.

If you insist on continuing, just press this button:

x
Loading artifacts for the first time might take a while.
The artifact is loading, your connection seems to be slow.

Webgl not supported.

Your device does not support webgl.

Finished loading.

:)

Clickable Cubes

This example showcases clickable cubes that change their color on touch

Preview
Exit

searching for floor

swipe to reposition

\ No newline at end of file +Artificial Museum

Your device supports augmented reality applications, but this browser does not.

Please download the Mozilla Webxr Viewer for a better experience in the Artificial Museum.Install Webxr Viewer

Currently, only Blink based browsers support augmented reality. This includes Brave Browser, Google Chrome, Samsung Browser and others.

Your version of chrome is too old and does not support augmented reality.

To get access to ar, please update your browser. Update Chrome.Update Brave.

Please use a different browser for the artificial museum, this browser is missing some critical features and will not provide an optimal experience.

If you insist on continuing, just press this button:

x
Loading artifacts for the first time might take a while.
The artifact is loading, your connection seems to be slow.

Webgl not supported.

Your device does not support webgl.

Finished loading.

:)

Clickable Cubes

This example showcases clickable cubes that change their color on touch

Preview
Exit

searching for floor

swipe to reposition

\ No newline at end of file diff --git a/src/examples/clipping/artifact.js b/src/examples/clipping/artifact.js index 0f0e4bc..9f3ded9 100644 --- a/src/examples/clipping/artifact.js +++ b/src/examples/clipping/artifact.js @@ -8,7 +8,7 @@ export default { /* * will load src/artifact.glb */ - file: 'examples/clipping/clipping', + file: '/examples/clipping/clipping.glb', /* * type diff --git a/src/examples/clipping/index.html b/src/examples/clipping/index.html index 0ff366d..f60620d 100644 --- a/src/examples/clipping/index.html +++ b/src/examples/clipping/index.html @@ -1 +1 @@ -Artificial Museum

Your device supports augmented reality applications, but this browser does not.

Please download the Mozilla Webxr Viewer for a better experience in the Artificial Museum.Install Webxr Viewer

Currently, only Blink based browsers support augmented reality. This includes Brave Browser, Google Chrome, Samsung Browser and others.

Your version of chrome is too old and does not support augmented reality.

To get access to ar, please update your browser. Update Chrome.Update Brave.

Please use a different browser for the artificial museum, this browser is missing some critical features and will not provide an optimal experience.

If you insist on continuing, just press this button:

x
Loading artifacts for the first time might take a while.
The artifact is loading, your connection seems to be slow.

Webgl not supported.

Your device does not support webgl.

Finished loading.

:)

Clipping

Simple example demonstrating the clip setting of the artifact.js file.

Preview
Exit

searching for floor

swipe to reposition

\ No newline at end of file +Artificial Museum

Your device supports augmented reality applications, but this browser does not.

Please download the Mozilla Webxr Viewer for a better experience in the Artificial Museum.Install Webxr Viewer

Currently, only Blink based browsers support augmented reality. This includes Brave Browser, Google Chrome, Samsung Browser and others.

Your version of chrome is too old and does not support augmented reality.

To get access to ar, please update your browser. Update Chrome.Update Brave.

Please use a different browser for the artificial museum, this browser is missing some critical features and will not provide an optimal experience.

If you insist on continuing, just press this button:

x
Loading artifacts for the first time might take a while.
The artifact is loading, your connection seems to be slow.

Webgl not supported.

Your device does not support webgl.

Finished loading.

:)

Clipping

Simple example demonstrating the clip setting of the artifact.js file.

Preview
Exit

searching for floor

swipe to reposition

\ No newline at end of file diff --git a/src/examples/custommaterial/artifact.js b/src/examples/custommaterial/artifact.js index d36c4fe..ea0b4d3 100644 --- a/src/examples/custommaterial/artifact.js +++ b/src/examples/custommaterial/artifact.js @@ -15,7 +15,7 @@ export default { /* * will load ./artifact.glb */ - file: 'examples/custommaterial/artifact', + file: '/examples/custommaterial/artifact.glb', /* * sky diff --git a/src/examples/custommaterial/index.html b/src/examples/custommaterial/index.html index 7079e46..d523bf4 100644 --- a/src/examples/custommaterial/index.html +++ b/src/examples/custommaterial/index.html @@ -1 +1 @@ -Artificial Museum

Your device supports augmented reality applications, but this browser does not.

Please download the Mozilla Webxr Viewer for a better experience in the Artificial Museum.Install Webxr Viewer

Currently, only Blink based browsers support augmented reality. This includes Brave Browser, Google Chrome, Samsung Browser and others.

Your version of chrome is too old and does not support augmented reality.

To get access to ar, please update your browser. Update Chrome.Update Brave.

Please use a different browser for the artificial museum, this browser is missing some critical features and will not provide an optimal experience.

If you insist on continuing, just press this button:

x
Loading artifacts for the first time might take a while.
The artifact is loading, your connection seems to be slow.

Webgl not supported.

Your device does not support webgl.

Finished loading.

:)

Custom Material

This example shows how to use a custom fragment and vertex shader on a 3d Object imported via gltf

Preview
Exit

searching for floor

swipe to reposition

\ No newline at end of file +Artificial Museum

Your device supports augmented reality applications, but this browser does not.

Please download the Mozilla Webxr Viewer for a better experience in the Artificial Museum.Install Webxr Viewer

Currently, only Blink based browsers support augmented reality. This includes Brave Browser, Google Chrome, Samsung Browser and others.

Your version of chrome is too old and does not support augmented reality.

To get access to ar, please update your browser. Update Chrome.Update Brave.

Please use a different browser for the artificial museum, this browser is missing some critical features and will not provide an optimal experience.

If you insist on continuing, just press this button:

x
Loading artifacts for the first time might take a while.
The artifact is loading, your connection seems to be slow.

Webgl not supported.

Your device does not support webgl.

Finished loading.

:)

Custom Material

This example shows how to use a custom fragment and vertex shader on a 3d Object imported via gltf

Preview
Exit

searching for floor

swipe to reposition

\ No newline at end of file diff --git a/src/examples/documented/artifact.js b/src/examples/documented/artifact.js index 8b1f732..04d7268 100644 --- a/src/examples/documented/artifact.js +++ b/src/examples/documented/artifact.js @@ -11,7 +11,15 @@ export default { /* * will load src/artifact.glb */ - file: 'artifact', + file: '/examples/documented/artifact.glb', + + /* + * sky + * + * will load src/skybox.jpg as skybox image. + * the leading slash is important + */ + sky: '/skybox', /* * type @@ -126,14 +134,6 @@ export default { */ // clipSide: 'back', - /* - * sky - * - * will load src/skybox.jpg as skybox image. - * the leading slash is important - */ - sky: '/skybox', - /* * audio * diff --git a/src/examples/documented/index.html b/src/examples/documented/index.html index 53bfb59..2665ce8 100644 --- a/src/examples/documented/index.html +++ b/src/examples/documented/index.html @@ -1 +1 @@ -Artificial Museum

Your device supports augmented reality applications, but this browser does not.

Please download the Mozilla Webxr Viewer for a better experience in the Artificial Museum.Install Webxr Viewer

Currently, only Blink based browsers support augmented reality. This includes Brave Browser, Google Chrome, Samsung Browser and others.

Your version of chrome is too old and does not support augmented reality.

To get access to ar, please update your browser. Update Chrome.Update Brave.

Please use a different browser for the artificial museum, this browser is missing some critical features and will not provide an optimal experience.

If you insist on continuing, just press this button:

x
Loading artifacts for the first time might take a while.
The artifact is loading, your connection seems to be slow.

Webgl not supported.

Your device does not support webgl.

Finished loading.

:)

Documented Artifact

This example includes documentation for all CustomScene hooks as well as an artifact.js file with most of the settings.

If you want to get an overview over the possible features, start here.

Preview
Exit

searching for floor

swipe to reposition

\ No newline at end of file +Artificial Museum

Your device supports augmented reality applications, but this browser does not.

Please download the Mozilla Webxr Viewer for a better experience in the Artificial Museum.Install Webxr Viewer

Currently, only Blink based browsers support augmented reality. This includes Brave Browser, Google Chrome, Samsung Browser and others.

Your version of chrome is too old and does not support augmented reality.

To get access to ar, please update your browser. Update Chrome.Update Brave.

Please use a different browser for the artificial museum, this browser is missing some critical features and will not provide an optimal experience.

If you insist on continuing, just press this button:

x
Loading artifacts for the first time might take a while.
The artifact is loading, your connection seems to be slow.

Webgl not supported.

Your device does not support webgl.

Finished loading.

:)

Documented Artifact

This example includes documentation for all CustomScene hooks as well as an artifact.js file with most of the settings.

If you want to get an overview over the possible features, start here.

Preview
Exit

searching for floor

swipe to reposition

\ No newline at end of file diff --git a/src/examples/lookatcamera/artifact.js b/src/examples/lookatcamera/artifact.js index 066798f..919446e 100644 --- a/src/examples/lookatcamera/artifact.js +++ b/src/examples/lookatcamera/artifact.js @@ -8,7 +8,7 @@ export default { /* * will load src/artifact.glb */ - file: 'examples/lookatcamera/artifact', + file: '/examples/lookatcamera/artifact.glb', /* * type diff --git a/src/examples/lookatcamera/index.html b/src/examples/lookatcamera/index.html index 1d69c5a..5a1b11e 100644 --- a/src/examples/lookatcamera/index.html +++ b/src/examples/lookatcamera/index.html @@ -1 +1 @@ -Artificial Museum

Your device supports augmented reality applications, but this browser does not.

Please download the Mozilla Webxr Viewer for a better experience in the Artificial Museum.Install Webxr Viewer

Currently, only Blink based browsers support augmented reality. This includes Brave Browser, Google Chrome, Samsung Browser and others.

Your version of chrome is too old and does not support augmented reality.

To get access to ar, please update your browser. Update Chrome.Update Brave.

Please use a different browser for the artificial museum, this browser is missing some critical features and will not provide an optimal experience.

If you insist on continuing, just press this button:

x
Loading artifacts for the first time might take a while.
The artifact is loading, your connection seems to be slow.

Webgl not supported.

Your device does not support webgl.

Finished loading.

:)

Look at camera

Objects and bones can be made to look at the camera.

Preview
Exit

searching for floor

swipe to reposition

\ No newline at end of file +Artificial Museum

Your device supports augmented reality applications, but this browser does not.

Please download the Mozilla Webxr Viewer for a better experience in the Artificial Museum.Install Webxr Viewer

Currently, only Blink based browsers support augmented reality. This includes Brave Browser, Google Chrome, Samsung Browser and others.

Your version of chrome is too old and does not support augmented reality.

To get access to ar, please update your browser. Update Chrome.Update Brave.

Please use a different browser for the artificial museum, this browser is missing some critical features and will not provide an optimal experience.

If you insist on continuing, just press this button:

x
Loading artifacts for the first time might take a while.
The artifact is loading, your connection seems to be slow.

Webgl not supported.

Your device does not support webgl.

Finished loading.

:)

Look at camera

Objects and bones can be made to look at the camera.

Preview
Exit

searching for floor

swipe to reposition

\ No newline at end of file diff --git a/src/examples/ply/artifact.js b/src/examples/ply/artifact.js index 66b52e7..c2022ed 100644 --- a/src/examples/ply/artifact.js +++ b/src/examples/ply/artifact.js @@ -10,7 +10,9 @@ export default { /* * will load src/examples/ply/artifact.ply */ - file: '/examples/ply/artifact', + ply: { + file: '/examples/ply/artifact.ply', + }, /* * type diff --git a/src/examples/ply/index.html b/src/examples/ply/index.html index f2ff4b9..f7b04c7 100644 --- a/src/examples/ply/index.html +++ b/src/examples/ply/index.html @@ -1 +1 @@ -Artificial Museum

Your device supports augmented reality applications, but this browser does not.

Please download the Mozilla Webxr Viewer for a better experience in the Artificial Museum.Install Webxr Viewer

Currently, only Blink based browsers support augmented reality. This includes Brave Browser, Google Chrome, Samsung Browser and others.

Your version of chrome is too old and does not support augmented reality.

To get access to ar, please update your browser. Update Chrome.Update Brave.

Please use a different browser for the artificial museum, this browser is missing some critical features and will not provide an optimal experience.

If you insist on continuing, just press this button:

x
Loading artifacts for the first time might take a while.
The artifact is loading, your connection seems to be slow.

Webgl not supported.

Your device does not support webgl.

Finished loading.

:)

Ply

This example loads a ply file and uses the vertex colors of the object as material.

Preview
Exit

searching for floor

swipe to reposition

\ No newline at end of file +Artificial Museum

Your device supports augmented reality applications, but this browser does not.

Please download the Mozilla Webxr Viewer for a better experience in the Artificial Museum.Install Webxr Viewer

Currently, only Blink based browsers support augmented reality. This includes Brave Browser, Google Chrome, Samsung Browser and others.

Your version of chrome is too old and does not support augmented reality.

To get access to ar, please update your browser. Update Chrome.Update Brave.

Please use a different browser for the artificial museum, this browser is missing some critical features and will not provide an optimal experience.

If you insist on continuing, just press this button:

x
Loading artifacts for the first time might take a while.
The artifact is loading, your connection seems to be slow.

Webgl not supported.

Your device does not support webgl.

Finished loading.

:)

Ply

This example loads a ply file and uses the vertex colors of the object as material.

Preview
Exit

searching for floor

swipe to reposition

\ No newline at end of file diff --git a/src/examples/plyanimation/artifact.js b/src/examples/plyanimation/artifact.js index 8026e28..c6eacf7 100644 --- a/src/examples/plyanimation/artifact.js +++ b/src/examples/plyanimation/artifact.js @@ -8,15 +8,15 @@ export default { /* * will load src/examples/ply/artifact.ply */ - // file: '/examples/ply/artifact', ply: { + // file: '/examples/ply/artifact.ply', files: [ - // '/examples/plyanimation/lens01', - // '/examples/plyanimation/lens02', - '/examples/plyanimation/a', - '/examples/plyanimation/b', - '/examples/plyanimation/c', + // '/examples/plyanimation/lens01.ply', + // '/examples/plyanimation/lens02.ply', + '/examples/plyanimation/a.ply', + '/examples/plyanimation/b.ply', + '/examples/plyanimation/c.ply', ], speed: 0.3, animated: true, diff --git a/src/examples/plyanimation/index.html b/src/examples/plyanimation/index.html index 550c430..63b6523 100644 --- a/src/examples/plyanimation/index.html +++ b/src/examples/plyanimation/index.html @@ -1 +1 @@ -Artificial Museum

Your device supports augmented reality applications, but this browser does not.

Please download the Mozilla Webxr Viewer for a better experience in the Artificial Museum.Install Webxr Viewer

Currently, only Blink based browsers support augmented reality. This includes Brave Browser, Google Chrome, Samsung Browser and others.

Your version of chrome is too old and does not support augmented reality.

To get access to ar, please update your browser. Update Chrome.Update Brave.

Please use a different browser for the artificial museum, this browser is missing some critical features and will not provide an optimal experience.

If you insist on continuing, just press this button:

x
Loading artifacts for the first time might take a while.
The artifact is loading, your connection seems to be slow.

Webgl not supported.

Your device does not support webgl.

Finished loading.

:)

Ply Animation

This example loads 3 ply files and then translates between them.

Preview
Exit

searching for floor

swipe to reposition

\ No newline at end of file +Artificial Museum

Your device supports augmented reality applications, but this browser does not.

Please download the Mozilla Webxr Viewer for a better experience in the Artificial Museum.Install Webxr Viewer

Currently, only Blink based browsers support augmented reality. This includes Brave Browser, Google Chrome, Samsung Browser and others.

Your version of chrome is too old and does not support augmented reality.

To get access to ar, please update your browser. Update Chrome.Update Brave.

Please use a different browser for the artificial museum, this browser is missing some critical features and will not provide an optimal experience.

If you insist on continuing, just press this button:

x
Loading artifacts for the first time might take a while.
The artifact is loading, your connection seems to be slow.

Webgl not supported.

Your device does not support webgl.

Finished loading.

:)

Ply Animation

This example loads 3 ply files and then translates between them.

Preview
Exit

searching for floor

swipe to reposition

\ No newline at end of file diff --git a/src/examples/portal/artifact.js b/src/examples/portal/artifact.js index 682b305..9c6ada5 100644 --- a/src/examples/portal/artifact.js +++ b/src/examples/portal/artifact.js @@ -41,5 +41,5 @@ export default { /* * will load examples/portal/artifact.glb */ - file: 'examples/portal/artifact', + file: '/examples/portal/artifact.glb', } diff --git a/src/examples/portal/index.html b/src/examples/portal/index.html index 17ef625..e640c6a 100644 --- a/src/examples/portal/index.html +++ b/src/examples/portal/index.html @@ -1 +1 @@ -Artificial Museum

Your device supports augmented reality applications, but this browser does not.

Please download the Mozilla Webxr Viewer for a better experience in the Artificial Museum.Install Webxr Viewer

Currently, only Blink based browsers support augmented reality. This includes Brave Browser, Google Chrome, Samsung Browser and others.

Your version of chrome is too old and does not support augmented reality.

To get access to ar, please update your browser. Update Chrome.Update Brave.

Please use a different browser for the artificial museum, this browser is missing some critical features and will not provide an optimal experience.

If you insist on continuing, just press this button:

x
Loading artifacts for the first time might take a while.
The artifact is loading, your connection seems to be slow.

Webgl not supported.

Your device does not support webgl.

Finished loading.

:)

Portal

A portal that you can enter through to experience another world.

Preview
Exit

searching for floor

swipe to reposition

\ No newline at end of file +Artificial Museum

Your device supports augmented reality applications, but this browser does not.

Please download the Mozilla Webxr Viewer for a better experience in the Artificial Museum.Install Webxr Viewer

Currently, only Blink based browsers support augmented reality. This includes Brave Browser, Google Chrome, Samsung Browser and others.

Your version of chrome is too old and does not support augmented reality.

To get access to ar, please update your browser. Update Chrome.Update Brave.

Please use a different browser for the artificial museum, this browser is missing some critical features and will not provide an optimal experience.

If you insist on continuing, just press this button:

x
Loading artifacts for the first time might take a while.
The artifact is loading, your connection seems to be slow.

Webgl not supported.

Your device does not support webgl.

Finished loading.

:)

Portal

A portal that you can enter through to experience another world.

Preview
Exit

searching for floor

swipe to reposition

\ No newline at end of file diff --git a/src/examples/videotarget/index.html b/src/examples/videotarget/index.html index b1ba9ba..30e5225 100644 --- a/src/examples/videotarget/index.html +++ b/src/examples/videotarget/index.html @@ -1 +1 @@ -Artificial Museum

Your device supports augmented reality applications, but this browser does not.

Please download the Mozilla Webxr Viewer for a better experience in the Artificial Museum.Install Webxr Viewer

Currently, only Blink based browsers support augmented reality. This includes Brave Browser, Google Chrome, Samsung Browser and others.

Your version of chrome is too old and does not support augmented reality.

To get access to ar, please update your browser. Update Chrome.Update Brave.

Please use a different browser for the artificial museum, this browser is missing some critical features and will not provide an optimal experience.

If you insist on continuing, just press this button:

x
Loading artifacts for the first time might take a while.
The artifact is loading, your connection seems to be slow.

Webgl not supported.

Your device does not support webgl.

Finished loading.

:)

Videotarget

This example shows how to use a videotarget texture in the artifact.js file.

It also demonstrates instancing of cubes and setting their uvs to map the video.

Please note that the uvs of the backside are broken and would need quite some math wizardry to get right.

Preview
Exit

searching for floor

swipe to reposition

\ No newline at end of file +Artificial Museum

Your device supports augmented reality applications, but this browser does not.

Please download the Mozilla Webxr Viewer for a better experience in the Artificial Museum.Install Webxr Viewer

Currently, only Blink based browsers support augmented reality. This includes Brave Browser, Google Chrome, Samsung Browser and others.

Your version of chrome is too old and does not support augmented reality.

To get access to ar, please update your browser. Update Chrome.Update Brave.

Please use a different browser for the artificial museum, this browser is missing some critical features and will not provide an optimal experience.

If you insist on continuing, just press this button:

x
Loading artifacts for the first time might take a while.
The artifact is loading, your connection seems to be slow.

Webgl not supported.

Your device does not support webgl.

Finished loading.

:)

Videotarget

This example shows how to use a videotarget texture in the artifact.js file.

It also demonstrates instancing of cubes and setting their uvs to map the video.

Please note that the uvs of the backside are broken and would need quite some math wizardry to get right.

Preview
Exit

searching for floor

swipe to reposition

\ No newline at end of file diff --git a/src/index.html b/src/index.html index 08e4d77..133d8fe 100644 --- a/src/index.html +++ b/src/index.html @@ -1 +1 @@ -Artificial Museum

Your device supports augmented reality applications, but this browser does not.

Please download the Mozilla Webxr Viewer for a better experience in the Artificial Museum.Install Webxr Viewer

Currently, only Blink based browsers support augmented reality. This includes Brave Browser, Google Chrome, Samsung Browser and others.

Your version of chrome is too old and does not support augmented reality.

To get access to ar, please update your browser. Update Chrome.Update Brave.

Please use a different browser for the artificial museum, this browser is missing some critical features and will not provide an optimal experience.

If you insist on continuing, just press this button:

x
Loading artifacts for the first time might take a while.
The artifact is loading, your connection seems to be slow.

Webgl not supported.

Your device does not support webgl.

Finished loading.

:)

Welcome to the Artificial Museum Sandbox

This page loads your artifact in it's current state.
To change anything about it, look into the src directory.
Exit

searching for floor

swipe to reposition

Want to see more?

examples
\ No newline at end of file +Artificial Museum

Your device supports augmented reality applications, but this browser does not.

Please download the Mozilla Webxr Viewer for a better experience in the Artificial Museum.Install Webxr Viewer

Currently, only Blink based browsers support augmented reality. This includes Brave Browser, Google Chrome, Samsung Browser and others.

Your version of chrome is too old and does not support augmented reality.

To get access to ar, please update your browser. Update Chrome.Update Brave.

Please use a different browser for the artificial museum, this browser is missing some critical features and will not provide an optimal experience.

If you insist on continuing, just press this button:

x
Loading artifacts for the first time might take a while.
The artifact is loading, your connection seems to be slow.

Webgl not supported.

Your device does not support webgl.

Finished loading.

:)

Welcome to the

[Artificial Museum]

This page loads your artifact in it's current state.
To change anything about it, look into the src directory.
Exit

searching for floor

swipe to reposition

Want to see more?

examples
\ No newline at end of file diff --git a/src/main.css b/src/main.css index 198fab1..485f4ae 100644 --- a/src/main.css +++ b/src/main.css @@ -1,3 +1,3 @@ -html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6,article,aside,details,figcaption,footer,header,hgroup,menu,nav,section{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}img,svg,embed,iframe,object,video{height:auto;max-width:100%}audio{max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}b{font-weight:600;font-size:1.01em}i{font-style:italic}@font-face{font-family:'notosans';font-style:normal;font-weight:400;src:local('Noto Sans'),local('NotoSans'),url('https://static.artificialmuseum.com/font/notosans-400-normal.woff2') format('woff2')}@font-face{font-family:'notosans';font-style:normal;font-weight:700;src:local('Noto Sans Black'),local('NotoSans-Black'),url('https://static.artificialmuseum.com/font/notosans-700-normal.woff2') format('woff2')}@font-face{font-family:'notosans';font-style:italic;font-weight:400;src:local('Noto Sans Italic'),local('NotoSans-Italic'),url('https://static.artificialmuseum.com/font/notosans-400-italic.woff2') format('woff2')}*{box-sizing:border-box;scrollbar-color:#0c0c0c #fafafa;scrollbar-width:thin}.visible{display:inherit !important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#fafafa}::-webkit-scrollbar-thumb{background-color:#0c0c0c;border-radius:20px}body{background-color:#fafafa;color:#0c0c0c;font-family:notosans,ubuntu,"Segoe UI",roboto,"Lucida Grande","Helvetica Neue",helvetica,arial,sans-serif -;font-size:15px;line-height:1.2;margin:0;min-height:100vh;overflow-x:hidden;overflow-y:scroll;overscroll-behavior:none;padding:0 15px;position:absolute;width:100%}h1{font-size:1.5em}h2{font-size:2em}h3{font-size:1.2em}h4{font-size:1.1em}h1,h2,h3,h4,h5{margin:1em 0 0.5em}p{margin:0 0 1em}a{color:#000}a.no-style{text-decoration:none}nav{line-height:1em}nav ul{color:#333;display:inline-block;list-style:none;margin:0;padding:0}nav ul .active,nav ul a.active{-webkit-text-decoration:underline 2px;text-decoration:underline 2px}nav li{cursor:pointer;float:left;margin:0 1em 0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}nav li:last-child{margin:0}.nav.menu.toggle.list{text-decoration:none}.nav.menu.toggle.list span:last-child{color:#666}.nav.menu.toggle.list.exit span:first-child{color:#666}.nav.menu.toggle.list.exit span:last-child{color:#0c0c0c}canvas{display:block;left:0;position:fixed;top:0}header.main,footer.main{background-color:#fafafa;display:inline-block;margin:0;width:100%}header.main nav a,header.main nav span,footer.main nav a,footer.main nav span{font-size:14px}header.main nav.right,footer.main nav.right{float:right}header.main nav.left,footer.main nav.left{float:left}header.main a,footer.main a{text-decoration:none}.nav{cursor:pointer}#show-artifact{color:white;background-color:black;margin:1em 0}header.main{font-size:18px;padding:7px 0 3px;top:0}header.main nav{font-size:16px}header.main .logo{display:inline-block}header.main .logo span{cursor:pointer;float:left;line-height:1;margin:-1px 3px 0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}header.main .logo span.logo{font-size:18px;font-weight:900}header.main .logo svg{cursor:pointer;float:left;height:17px}header.main .logo ul{background:#fafafa;height:0;overflow:hidden;padding:0 0.5em;position:absolute;top:1.5em}header.main .logo ul li{margin:0.8em 0.5em 0.5em 0}header.main .logo:hover ul,header.main .logo:active ul,header.main .logo.visible ul{height:auto}footer.main{bottom:0;padding:10px 15px}footer.main nav li{font-size:0.9em}.friendListItem img{margin:0 1em 1em 0}.exitScreenButton{height:26px;position:fixed;right:15px;top:60px;width:26px}.arrow{display:block;position:absolute;right:0;top:25px;width:15px}.arrow.up{display:none}.screen-visible .screen.visible{display:block}.screen-visible .screen.visible .detail.visible .arrow.up{display:block}.screen-visible .screen.visible .detail.visible .arrow.down{display:none}.screen-visible .screen.visible .sub{margin:15px 0 0;overflow-y:scroll;width:100%}.screen-visible .screen.visible.list,.screen-visible .screen.visible.help{border-top:1px solid #e0e0e0}.screen-visible .screen.visible.list nav,.screen-visible .screen.visible.help nav{display:inline-block;margin:15px 0;width:100%}.screen-visible .screen.visible.list nav ul,.screen-visible .screen.visible.help nav ul{display:inline-block;float:right}#map-container{height:calc(100% - 40px);outline:none;position:fixed;top:30px;width:calc(100vw - 30px)}.content{display:inline-block;position:relative;top:60px;width:100%}.VideoEmbed{height:0;overflow:hidden;padding-bottom:calc(56.25% - 1px);position:relative}.VideoEmbed iframe{height:100%;left:0;position:absolute;top:0;width:100%}.Partners img{max-height:62px;width:auto}button,.button{background:#000000;border:0 none;cursor:pointer;padding:2px;color:#fafafa;font-family:notosans,ubuntu,"Segoe UI",roboto,"Lucida Grande","Helvetica Neue",helvetica,arial,sans-serif -;letter-spacing:1px;outline:none;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}button.styled,.button.styled{background:#0c0c0c;border-radius:2em;box-shadow:5px 0 10px #e0e0e0 -5px 0 10px #fff;display:block;font-size:1em;margin:0 auto;padding:0.8em}button.styled.margin,.button.styled.margin{margin:1em auto 0}button.inline,.button.inline{display:inline-block}button.inverse,.button.inverse{background:#fafafa;box-shadow:none;color:#0c0c0c}button:disabled{background:#555;color:#0c0c0c;cursor:not-allowed}.phase-1-link{text-align:center}.backToTop{height:auto;margin:4em auto 1em;width:26px}.rotate{animation:rotation 5s;animation-iteration-count:infinite;animation-timing-function:linear;transform-origin:50% 50%}@keyframes rotation{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}#Locator{bottom:0;color:#fafafa;display:none;font-size:1.5em;left:auto;padding:5px;position:fixed;right:0;top:auto;z-index:5000}#Locator div,#Locator a{color:#fafafa;float:left}#LocatorButton{background-color:#0c0c0c;border-bottom-left-radius:0.5em;border-top-left-radius:0.5em;border-top-right-radius:0.5em;float:left;font-size:1.2em;padding:0.3em 0.3em 0}#LocatorInactive,#LocatorCloseToCity,#LocatorActive,#LocatorTimeout{background-color:#0c0c0c;display:none;margin:0;position:relative;padding:0 0.5em 0.1em 0.2em;top:0.54em}.warning{background-color:rgba(0,0,0,0.8);color:#fafafa;display:none;left:15px;position:fixed;text-align:center;top:36px;width:calc(100vw - 30px);z-index:2001}.warning .container{margin:0 auto;max-width:400px;padding:15px}.warning .container button{margin:1em auto}.warning svg{width:50px;height:50px}.warning .w{display:none}.warning .cancel-button{cursor:pointer;position:absolute;right:15px;top:15px}#timeout-warning-webgl-disabled{display:none}#timeout-warning-info,#timeout-warning-confirm,#timeout-warning-header,#timeout-warning-header-done{display:none}.popup{background-color:rgba(0,0,0,0.8);color:#fafafa;display:none;left:15px;position:fixed;text-align:center;width:calc(100vw - 30px);top:36px;z-index:4000}.popup .container{margin:0 auto;max-width:400px;padding:15px}.popup .cancel-button{cursor:pointer;position:absolute;right:15px;top:15px}body.three-running{overflow:hidden}#three-container{display:none}#three-canvas{background-color:#000;outline:none;z-index:10000}#hud{color:#fafafa;display:none;position:relative;top:0;left:0;text-align:center}#hud #hud-menu{display:none}#hud #hud-menu-sub{display:none}#hud #hud-menu-record-video{display:none}#hud .w{background-color:rgba(0,0,0,0.4);height:auto;left:50vw;max-width:90vw;opacity:0;padding:20px 70px;position:fixed;top:50vh;transform:translate(-50%,-50%);transition:opacity 500ms,visibility 500ms;visibility:hidden}#hud .w.visible{opacity:1;transition:opacity 500ms,visibility 500ms;visibility:visible}#hud-exit-button{border:0 none;background:transparent;cursor:pointer;left:auto;margin:0;padding:0;position:fixed;right:10px;top:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:40px}#hud-exit-button:focus{background:transparent}#three-video{width:0;height:0;left:0;top:0;position:absolute;overflow:hidden}#toggle-animation-button{width:66px;height:48px;position:fixed;left:1em;bottom:1em;display:none}#toggle-animation-button .visible{display:block}#toggle-animation-button svg{position:absolute;max-height:100%;max-width:100%}#toggle-animation-button .pause{display:none}#toggle-animation-button.play .play{display:none}#toggle-animation-button.play .pause{display:block}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg,.leaflet-tile-pane{z-index:200}.leaflet-pane,.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-zoom-box{z-index:800}.leaflet-control{z-index:800}.screen{z-index:999}.leaflet-top,.leaflet-bottom,header.main,footer.main{z-index:1000}#onboardings{z-index:3000}#hud,#hud .w,#hud-exit-button{z-index:11000}@media screen and (min-width:400px){.screen[data-name="about"].visible .team li{max-width:47%;float:left;margin:0 2.99% 0 0}.screen[data-name="about"].visible .team li:nth-child(2n){margin:0 0 0 2.99%}.screen[data-name="about"].visible .manifest.questions span{display:block}}@media screen and(maxHeight:500px) and(orientation:landscape){#map-container{font-size:0.8em}}@media screen and (min-width:500px){body{font-size:14px}.screen.list .location .artifact picture,.screen.list .artist .artifact picture{width:50%;float:right}.screen.list .location .artifact .info,.screen.list .artist .artifact .info{width:45%}.screen[data-name="help"].visible .sub{font-size:inherit}.screen[data-name="about"].visible .team{margin:0 0 5em}.screen[data-name="about"].visible .mission .manifest{width:80%}.screen[data-name="about"].visible .support img{width:auto;height:70px}}@media screen and (min-width:800px){body{font-size:16px}.screen-visible:not(.about) #map-container{width:calc(100vw - 520px)}.screen-visible:not(.about) #timeout-warning,.screen-visible:not(.about) #toofar-warning,.screen-visible:not(.about) .popup{width:calc(100vw - 515px)}.screen.visible{left:auto;right:0;width:500px}.screen[data-name="list"] .detail .button.close{display:none}.screen[data-name="about"].visible{font-size:20px}.screen[data-name="about"].visible .content{margin:120px auto 0;padding:0 50px}.screen[data-name="about"].visible .artist-list{font-size:1.5em}.screen[data-name="about"].visible .mission > div,.screen[data-name="about"].visible .mission .challenge{margin:120px 0 0}.screen[data-name="about"].visible .mission .solution{display:inline-block}.screen[data-name="about"].visible .mission .solution .explained{width:55%;float:left;margin:0}.screen[data-name="about"].visible .mission .solution picture{float:right;width:35%;margin:0}.screen[data-name="about"].visible .mission .solution picture img{margin:0}.screen[data-name="about"].visible .mission .manifest{margin:0 auto;max-width:1200px;width:70%}.screen[data-name="about"].visible .mission .manifest.questions{margin:1em auto}.screen[data-name="about"].visible .mission .challenge picture{max-width:40%;float:left;height:auto}.screen[data-name="about"].visible .mission .challenge picture img{width:100%;height:auto}.screen[data-name="about"].visible .mission .challenge .postulate{float:right;max-width:55%;margin:0}.screen[data-name="about"].visible .team li{width:31%}.screen[data-name="about"].visible footer{background:linear-gradient(#fafafa 0,#0c0c0c 420px);padding:70px 0 50px;font-size:18px}.screen[data-name="about"].visible footer svg.logo{right:50px}}@media screen and (min-width:1200px){.screen.visible{width:600px}.screen-visible:not(.about) #map-container{width:calc(100vw - 620px)}.screen-visible:not(.about) #timeout-warning,.screen-visible:not(.about) .popup{width:calc(100vw - 615px)}.screen[data-name="about"].visible{font-size:30px}.screen[data-name="about"].visible .cities ul li{font-size:2em}.screen[data-name="about"].visible .mission .manifest{font-size:2em}.screen[data-name="about"].visible .mission .solution .explained,.screen[data-name="about"].visible .mission .challenge .postulate{width:50%}.screen[data-name="about"].visible .mission .solution picture,.screen[data-name="about"].visible .mission .challenge picture{width:45%}.screen[data-name="about"].visible .featured-artist .artists{font-size:1.5em}.screen[data-name="about"].visible .featured-artist .artists .artifact-name{font-size:1.2em}.screen[data-name="about"].visible footer{background:linear-gradient(#fafafa 0,#0c0c0c 470px)}}@media screen and (min-width:1600px){.screen.visible{width:700px}.screen-visible:not(.about) #map-container{width:calc(100vw - 720px)}.screen-visible:not(.about) #timeout-warning,.screen-visible:not(.about) .popup{width:calc(100vw - 720px)}} \ No newline at end of file +html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6,article,aside,details,figcaption,footer,header,hgroup,menu,nav,section{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}img,svg,embed,iframe,object,video{height:auto;max-width:100%}audio{max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}b{font-weight:600;font-size:1.01em}i{font-style:italic}@font-face{font-family:'notosans';font-style:normal;font-weight:400;src:local('Noto Sans'),local('NotoSans'),url('https://static.artificialmuseum.com/font/notosans-400-normal.woff2') format('woff2')}@font-face{font-family:'notosans';font-style:normal;font-weight:700;src:local('Noto Sans Black'),local('NotoSans-Black'),url('https://static.artificialmuseum.com/font/notosans-700-normal.woff2') format('woff2')}@font-face{font-family:'notosans';font-style:italic;font-weight:400;src:local('Noto Sans Italic'),local('NotoSans-Italic'),url('https://static.artificialmuseum.com/font/notosans-400-italic.woff2') format('woff2')}*{box-sizing:border-box;scrollbar-color:#fafafa #0c0c0c;scrollbar-width:thin}.visible{display:inherit !important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0c0c0c}::-webkit-scrollbar-thumb{background-color:#fafafa;border-radius:20px}body{background-color:#0c0c0c;color:#fafafa;font-family:notosans,ubuntu,"Segoe UI",roboto,"Lucida Grande","Helvetica Neue",helvetica,arial,sans-serif +;font-size:15px;line-height:1.2;margin:0;min-height:100vh;overflow-x:hidden;overflow-y:scroll;overscroll-behavior:none;padding:0 15px;position:absolute;width:100%}h1{font-size:1.5em}h2{font-size:2em}h3{font-size:1.2em}h4{font-size:1.1em}h1,h2,h3,h4,h5{margin:1em 0 0.5em}p{margin:0 0 1em}a{color:#000}a.no-style{text-decoration:none}nav{line-height:1em}nav ul{color:#333;display:inline-block;list-style:none;margin:0;padding:0}nav ul .active,nav ul a.active{-webkit-text-decoration:underline 2px;text-decoration:underline 2px}nav li{cursor:pointer;float:left;margin:0 1em 0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}nav li:last-child{margin:0}.nav.menu.toggle.list{text-decoration:none}.nav.menu.toggle.list span:last-child{color:#666}.nav.menu.toggle.list.exit span:first-child{color:#666}.nav.menu.toggle.list.exit span:last-child{color:#0c0c0c}canvas{display:block;left:0;position:fixed;top:0}header.main,footer.main{background-color:#0c0c0c;display:inline-block;margin:0;width:100%}header.main nav a,header.main nav span,footer.main nav a,footer.main nav span{font-size:14px}header.main nav.right,footer.main nav.right{float:right}header.main nav.left,footer.main nav.left{float:left}header.main a,footer.main a{text-decoration:none}.nav{cursor:pointer}#show-artifact{color:white;background-color:black;margin:1em 0}header.main{font-size:18px;padding:7px 0 3px;top:0}header.main nav{font-size:16px}header.main .logo{display:inline-block}header.main .logo span{cursor:pointer;float:left;line-height:1;margin:-1px 3px 0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}header.main .logo span.logo{font-size:18px;font-weight:900}header.main .logo svg{cursor:pointer;float:left;height:17px}header.main .logo ul{background:#0c0c0c;height:0;overflow:hidden;padding:0 0.5em;position:absolute;top:1.5em}header.main .logo ul li{margin:0.8em 0.5em 0.5em 0}header.main .logo:hover ul,header.main .logo:active ul,header.main .logo.visible ul{height:auto}footer.main{bottom:0;padding:10px 15px}footer.main nav li{font-size:0.9em}.friendListItem img{margin:0 1em 1em 0}.exitScreenButton{height:26px;position:fixed;right:15px;top:60px;width:26px}.arrow{display:block;position:absolute;right:0;top:25px;width:15px}.arrow.up{display:none}.screen-visible .screen.visible{display:block}.screen-visible .screen.visible .detail.visible .arrow.up{display:block}.screen-visible .screen.visible .detail.visible .arrow.down{display:none}.screen-visible .screen.visible .sub{margin:15px 0 0;overflow-y:scroll;width:100%}.screen-visible .screen.visible.list,.screen-visible .screen.visible.help{border-top:1px solid #e0e0e0}.screen-visible .screen.visible.list nav,.screen-visible .screen.visible.help nav{display:inline-block;margin:15px 0;width:100%}.screen-visible .screen.visible.list nav ul,.screen-visible .screen.visible.help nav ul{display:inline-block;float:right}#map-container{height:calc(100% - 40px);outline:none;position:fixed;top:30px;width:calc(100vw - 30px)}.content{display:inline-block;position:relative;top:60px;width:100%}.VideoEmbed{height:0;overflow:hidden;padding-bottom:calc(56.25% - 1px);position:relative}.VideoEmbed iframe{height:100%;left:0;position:absolute;top:0;width:100%}.Partners img{max-height:62px;width:auto}button,.button{background:#fafafa;border:0 none;cursor:pointer;padding:2px;color:#0c0c0c;font-family:notosans,ubuntu,"Segoe UI",roboto,"Lucida Grande","Helvetica Neue",helvetica,arial,sans-serif +;letter-spacing:1px;outline:none;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}button.styled,.button.styled{background:#fafafa;border-radius:2em;box-shadow:5px 0 10px #eaeaea -5px 0 10px #0c0c0c;display:block;font-size:1em;margin:0 auto;padding:0.8em}button.styled.margin,.button.styled.margin{margin:1em auto 0}button.inline,.button.inline{display:inline-block}button.inverse,.button.inverse{background:#0c0c0c;box-shadow:none;color:#fafafa}button:disabled{background:#555;color:#0c0c0c;cursor:not-allowed}.phase-1-link{text-align:center}.backToTop{height:auto;margin:4em auto 1em;width:26px}.rotate{animation:rotation 5s;animation-iteration-count:infinite;animation-timing-function:linear;transform-origin:50% 50%}@keyframes rotation{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}#Locator{bottom:0;color:#0c0c0c;display:none;font-size:1.5em;left:auto;padding:5px;position:fixed;right:0;top:auto;z-index:5000}#Locator div,#Locator a{color:#0c0c0c;float:left}#LocatorButton{background-color:#fafafa;border-bottom-left-radius:0.5em;border-top-left-radius:0.5em;border-top-right-radius:0.5em;float:left;font-size:1.2em;padding:0.3em 0.3em 0}#LocatorInactive,#LocatorCloseToCity,#LocatorActive,#LocatorTimeout{background-color:#fafafa;display:none;margin:0;position:relative;padding:0 0.5em 0.1em 0.2em;top:0.54em}.warning{background-color:rgba(0,0,0,0.8);color:#0c0c0c;display:none;left:15px;position:fixed;text-align:center;top:36px;width:calc(100vw - 30px);z-index:2001}.warning .container{margin:0 auto;max-width:400px;padding:15px}.warning .container button{margin:1em auto}.warning svg{width:50px;height:50px}.warning .w{display:none}.warning .cancel-button{cursor:pointer;position:absolute;right:15px;top:15px}#timeout-warning-webgl-disabled{display:none}#timeout-warning-info,#timeout-warning-confirm,#timeout-warning-header,#timeout-warning-header-done{display:none}.popup{background-color:rgba(0,0,0,0.8);color:#0c0c0c;display:none;left:15px;position:fixed;text-align:center;width:calc(100vw - 30px);top:36px;z-index:4000}.popup .container{margin:0 auto;max-width:400px;padding:15px}.popup .cancel-button{cursor:pointer;position:absolute;right:15px;top:15px}body.three-running{overflow:hidden}#three-container{display:none}#three-canvas{background-color:#000;outline:none;z-index:10000}#hud{color:#0c0c0c;display:none;position:relative;top:0;left:0;text-align:center}#hud #hud-menu{display:none}#hud #hud-menu-sub{display:none}#hud #hud-menu-record-video{display:none}#hud .w{background-color:rgba(0,0,0,0.4);height:auto;left:50vw;max-width:90vw;opacity:0;padding:20px 70px;position:fixed;top:50vh;transform:translate(-50%,-50%);transition:opacity 500ms,visibility 500ms;visibility:hidden}#hud .w.visible{opacity:1;transition:opacity 500ms,visibility 500ms;visibility:visible}#hud-exit-button{border:0 none;background:transparent;cursor:pointer;left:auto;margin:0;padding:0;position:fixed;right:10px;top:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:40px}#hud-exit-button:focus{background:transparent}#three-video{width:0;height:0;left:0;top:0;position:absolute;overflow:hidden}#toggle-animation-button{width:66px;height:48px;position:fixed;left:1em;bottom:1em;display:none}#toggle-animation-button .visible{display:block}#toggle-animation-button svg{position:absolute;max-height:100%;max-width:100%}#toggle-animation-button .pause{display:none}#toggle-animation-button.play .play{display:none}#toggle-animation-button.play .pause{display:block}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg,.leaflet-tile-pane{z-index:200}.leaflet-pane,.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-zoom-box{z-index:800}.leaflet-control{z-index:800}.screen{z-index:999}.leaflet-top,.leaflet-bottom,header.main,footer.main{z-index:1000}#onboardings{z-index:3000}#hud,#hud .w,#hud-exit-button{z-index:11000}@media screen and (min-width:400px){.screen[data-name="about"].visible .team li{max-width:47%;float:left;margin:0 2.99% 0 0}.screen[data-name="about"].visible .team li:nth-child(2n){margin:0 0 0 2.99%}.screen[data-name="about"].visible .manifest.questions span{display:block}}@media screen and(maxHeight:500px) and(orientation:landscape){#map-container{font-size:0.8em}}@media screen and (min-width:500px){body{font-size:14px}.screen.list .location .artifact picture,.screen.list .artist .artifact picture{width:50%;float:right}.screen.list .location .artifact .info,.screen.list .artist .artifact .info{width:45%}.screen[data-name="help"].visible .sub{font-size:inherit}.screen[data-name="about"].visible .team{margin:0 0 5em}.screen[data-name="about"].visible .mission .manifest{width:80%}.screen[data-name="about"].visible .support img{width:auto;height:70px}}@media screen and (min-width:800px){body{font-size:16px}.screen-visible:not(.about) #map-container{width:calc(100vw - 520px)}.screen-visible:not(.about) #timeout-warning,.screen-visible:not(.about) #toofar-warning,.screen-visible:not(.about) .popup{width:calc(100vw - 515px)}.screen.visible{left:auto;right:0;width:500px}.screen[data-name="list"] .detail .button.close{display:none}.screen[data-name="about"].visible{font-size:20px}.screen[data-name="about"].visible .content{margin:120px auto 0;padding:0 50px}.screen[data-name="about"].visible .artist-list{font-size:1.5em}.screen[data-name="about"].visible .mission > div,.screen[data-name="about"].visible .mission .challenge{margin:120px 0 0}.screen[data-name="about"].visible .mission .solution{display:inline-block}.screen[data-name="about"].visible .mission .solution .explained{width:55%;float:left;margin:0}.screen[data-name="about"].visible .mission .solution picture{float:right;width:35%;margin:0}.screen[data-name="about"].visible .mission .solution picture img{margin:0}.screen[data-name="about"].visible .mission .manifest{margin:0 auto;max-width:1200px;width:70%}.screen[data-name="about"].visible .mission .manifest.questions{margin:1em auto}.screen[data-name="about"].visible .mission .challenge picture{max-width:40%;float:left;height:auto}.screen[data-name="about"].visible .mission .challenge picture img{width:100%;height:auto}.screen[data-name="about"].visible .mission .challenge .postulate{float:right;max-width:55%;margin:0}.screen[data-name="about"].visible .team li{width:31%}.screen[data-name="about"].visible footer{background:linear-gradient(#0c0c0c 0,#fafafa 420px);padding:70px 0 50px;font-size:18px}.screen[data-name="about"].visible footer svg.logo{right:50px}}@media screen and (min-width:1200px){.screen.visible{width:600px}.screen-visible:not(.about) #map-container{width:calc(100vw - 620px)}.screen-visible:not(.about) #timeout-warning,.screen-visible:not(.about) .popup{width:calc(100vw - 615px)}.screen[data-name="about"].visible{font-size:30px}.screen[data-name="about"].visible .cities ul li{font-size:2em}.screen[data-name="about"].visible .mission .manifest{font-size:2em}.screen[data-name="about"].visible .mission .solution .explained,.screen[data-name="about"].visible .mission .challenge .postulate{width:50%}.screen[data-name="about"].visible .mission .solution picture,.screen[data-name="about"].visible .mission .challenge picture{width:45%}.screen[data-name="about"].visible .featured-artist .artists{font-size:1.5em}.screen[data-name="about"].visible .featured-artist .artists .artifact-name{font-size:1.2em}.screen[data-name="about"].visible footer{background:linear-gradient(#0c0c0c 0,#fafafa 470px)}}@media screen and (min-width:1600px){.screen.visible{width:700px}.screen-visible:not(.about) #map-container{width:calc(100vw - 720px)}.screen-visible:not(.about) #timeout-warning,.screen-visible:not(.about) .popup{width:calc(100vw - 720px)}} \ No newline at end of file diff --git a/src/main.js b/src/main.js index e6d3dae..12aebd7 100644 --- a/src/main.js +++ b/src/main.js @@ -19,9 +19,13 @@ if (!isLocal && isHttp) { const main = async () => { const { sandbox - } = await import('https://engine.artificialmuseum.com/sandbox.js'); + } = await import('http://localhost:8006/sandbox.js'); await sandbox({ - file: 'artifact.js' + file: 'artifact.js', + urls: { + GLB_URL: 'http://localhost:8000', + ENGINE_URL: 'http://localhost:8006' + } }); }; main();