x_ite 8.4.3 → 8.5.3

package/docs/_posts/what's-new.md

@@ -3,8 +3,46 @@ title: What's New
 date: 2022-11-28
 nav: main
 categories: []
-tags: [new, releases]
+tags: [New, Releases]
 ---
+## X_ITE v8.5.2 Released
+
+*Leipzig, 28th January 2023:* Now, X_ITE has support for SVG as well as STL support. When a scene is parsed you can, instead of a number use special constants like PI or PI3_4.
+
+### New Features
+
+- Added SVG parser.
+- Added STL parser.
+- Added GLB parser.
+- Parse HTML colors and constants like PI or PI1_3.
+- Better GZip support.
+
+### Bug Fixes
+
+- Fixed wireframe shading of thick lines.
+- Fixed XML MFString parsing.
+- Fixed and optimized NRRD parser.
+- Fixed XML output of backslash in strings.
+
+## X_ITE v8.5.0 Released
+
+*Leipzig, 23rd January 2023:* With this new version it is now possible to configure antialiasing. Antialiasing can be turned on/off, multisampling and supersampling can now be configured. Additionally glTF files can now be loaded, either directly as source of the \<x3d-canvas\> element or as source of an Inline node, as well as with API methods. The glTF file is internally converted into X3D and then made available to the scene-graph. Also there is a new node ImageTextureAtlas, which makes it easy to load 3D textures.
+
+### New Features
+
+- Added antialiased attribute.
+- Added multisampling attribute.
+- Added contentScale attribute.
+- New browser options and rendering properties.
+- Animated GIF support for MovieTexture.
+- Added glTF parser.
+- Added Wavefront OBJ parser.
+- Implemented ImageTextureAtlas node.
+
+### Bug Fixes
+
+- Fixed X3DViewpointNode.viewAll behavior at initialization of world.
+
 ## X_ITE v8.4.0 Released
 
 *Leipzig, 3rd January 2023:* We right now released a new version. With this version toJSONString is implemented and available for X3DScene, SFNode, MFNode, X3DProtoDeclaration, and X3DExternProtoDeclaration.
@@ -782,7 +820,7 @@ element .on ("load", function () { console .log ("load, yeah"); });
 ### Bug Fixes
 
 - Fixed bug when parsing XML field values.
-- Fixed SFRotation handling of unnormalized values.
+- Fixed SFRotation handling of un-normalized values.
 
 ## X_ITE v4.2.5 Released
 

package/docs/_tabs/components.md

@@ -0,0 +1,383 @@
+---
+title: Components
+order: 1
+icon: fas fa-th-large
+---
+This index lists the components and nodes in alphabetical order for quick access to the X3D documentation.
+
+<!-- COMPONENTS BEGIN -->
+
+## CADGeometry
+
+- [CADAssembly](cadgeometry/cadassembly)
+- [CADFace](cadgeometry/cadface)
+- [CADLayer](cadgeometry/cadlayer)
+- [CADPart](cadgeometry/cadpart)
+- [IndexedQuadSet](cadgeometry/indexedquadset)
+- [QuadSet](cadgeometry/quadset)
+
+## Core
+
+- [MetadataBoolean](core/metadataboolean)
+- [MetadataDouble](core/metadatadouble)
+- [MetadataFloat](core/metadatafloat)
+- [MetadataInteger](core/metadatainteger)
+- [MetadataSet](core/metadataset)
+- [MetadataString](core/metadatastring)
+- [WorldInfo](core/worldinfo)
+
+## CubeMapTexturing
+
+- [ComposedCubeMapTexture](cubemaptexturing/composedcubemaptexture)
+- [GeneratedCubeMapTexture](cubemaptexturing/generatedcubemaptexture)
+- [ImageCubeMapTexture](cubemaptexturing/imagecubemaptexture)
+
+## DIS
+
+- [DISEntityManager](dis/disentitymanager)
+- [DISEntityTypeMapping](dis/disentitytypemapping)
+- [EspduTransform](dis/espdutransform)
+- [ReceiverPdu](dis/receiverpdu)
+- [SignalPdu](dis/signalpdu)
+- [TransmitterPdu](dis/transmitterpdu)
+
+## EnvironmentalEffects
+
+- [Background](environmentaleffects/background)
+- [Fog](environmentaleffects/fog)
+- [FogCoordinate](environmentaleffects/fogcoordinate)
+- [LocalFog](environmentaleffects/localfog)
+- [TextureBackground](environmentaleffects/texturebackground)
+
+## EnvironmentalSensor
+
+- [ProximitySensor](environmentalsensor/proximitysensor)
+- [TransformSensor](environmentalsensor/transformsensor)
+- [VisibilitySensor](environmentalsensor/visibilitysensor)
+
+## EventUtilities
+
+- [BooleanFilter](eventutilities/booleanfilter)
+- [BooleanSequencer](eventutilities/booleansequencer)
+- [BooleanToggle](eventutilities/booleantoggle)
+- [BooleanTrigger](eventutilities/booleantrigger)
+- [IntegerSequencer](eventutilities/integersequencer)
+- [IntegerTrigger](eventutilities/integertrigger)
+- [TimeTrigger](eventutilities/timetrigger)
+
+## Followers
+
+- [ColorChaser](followers/colorchaser)
+- [ColorDamper](followers/colordamper)
+- [CoordinateChaser](followers/coordinatechaser)
+- [CoordinateDamper](followers/coordinatedamper)
+- [OrientationChaser](followers/orientationchaser)
+- [OrientationDamper](followers/orientationdamper)
+- [PositionChaser](followers/positionchaser)
+- [PositionChaser2D](followers/positionchaser2d)
+- [PositionDamper](followers/positiondamper)
+- [PositionDamper2D](followers/positiondamper2d)
+- [ScalarChaser](followers/scalarchaser)
+- [ScalarDamper](followers/scalardamper)
+- [TexCoordChaser2D](followers/texcoordchaser2d)
+- [TexCoordDamper2D](followers/texcoorddamper2d)
+
+## Geometry2D
+
+- [Arc2D](geometry2d/arc2d)
+- [ArcClose2D](geometry2d/arcclose2d)
+- [Circle2D](geometry2d/circle2d)
+- [Disk2D](geometry2d/disk2d)
+- [Polyline2D](geometry2d/polyline2d)
+- [Polypoint2D](geometry2d/polypoint2d)
+- [Rectangle2D](geometry2d/rectangle2d)
+- [TriangleSet2D](geometry2d/triangleset2d)
+
+## Geometry3D
+
+- [Box](geometry3d/box)
+- [Cone](geometry3d/cone)
+- [Cylinder](geometry3d/cylinder)
+- [ElevationGrid](geometry3d/elevationgrid)
+- [Extrusion](geometry3d/extrusion)
+- [IndexedFaceSet](geometry3d/indexedfaceset)
+- [Sphere](geometry3d/sphere)
+
+## Geospatial
+
+- [GeoCoordinate](geospatial/geocoordinate)
+- [GeoElevationGrid](geospatial/geoelevationgrid)
+- [GeoLOD](geospatial/geolod)
+- [GeoLocation](geospatial/geolocation)
+- [GeoMetadata](geospatial/geometadata)
+- [GeoOrigin](geospatial/geoorigin)
+- [GeoPositionInterpolator](geospatial/geopositioninterpolator)
+- [GeoProximitySensor](geospatial/geoproximitysensor)
+- [GeoTouchSensor](geospatial/geotouchsensor)
+- [GeoTransform](geospatial/geotransform)
+- [GeoViewpoint](geospatial/geoviewpoint)
+
+## Grouping
+
+- [Group](grouping/group)
+- [StaticGroup](grouping/staticgroup)
+- [Switch](grouping/switch)
+- [Transform](grouping/transform)
+
+## HAnim
+
+- [HAnimDisplacer](hanim/hanimdisplacer)
+- [HAnimHumanoid](hanim/hanimhumanoid)
+- [HAnimJoint](hanim/hanimjoint)
+- [HAnimMotion](hanim/hanimmotion)
+- [HAnimSegment](hanim/hanimsegment)
+- [HAnimSite](hanim/hanimsite)
+
+## Interpolation
+
+- [ColorInterpolator](interpolation/colorinterpolator)
+- [CoordinateInterpolator](interpolation/coordinateinterpolator)
+- [CoordinateInterpolator2D](interpolation/coordinateinterpolator2d)
+- [EaseInEaseOut](interpolation/easeineaseout)
+- [NormalInterpolator](interpolation/normalinterpolator)
+- [OrientationInterpolator](interpolation/orientationinterpolator)
+- [PositionInterpolator](interpolation/positioninterpolator)
+- [PositionInterpolator2D](interpolation/positioninterpolator2d)
+- [ScalarInterpolator](interpolation/scalarinterpolator)
+- [SplinePositionInterpolator](interpolation/splinepositioninterpolator)
+- [SplinePositionInterpolator2D](interpolation/splinepositioninterpolator2d)
+- [SplineScalarInterpolator](interpolation/splinescalarinterpolator)
+- [SquadOrientationInterpolator](interpolation/squadorientationinterpolator)
+
+## KeyDeviceSensor
+
+- [KeySensor](keydevicesensor/keysensor)
+- [StringSensor](keydevicesensor/stringsensor)
+
+## Layering
+
+- [Layer](layering/layer)
+- [LayerSet](layering/layerset)
+- [Viewport](layering/viewport)
+
+## Layout
+
+- [Layout](layout/layout)
+- [LayoutGroup](layout/layoutgroup)
+- [LayoutLayer](layout/layoutlayer)
+- [ScreenFontStyle](layout/screenfontstyle)
+- [ScreenGroup](layout/screengroup)
+
+## Lighting
+
+- [DirectionalLight](lighting/directionallight)
+- [EnvironmentLight](lighting/environmentlight)
+- [PointLight](lighting/pointlight)
+- [SpotLight](lighting/spotlight)
+
+## NURBS
+
+- [Contour2D](nurbs/contour2d)
+- [ContourPolyline2D](nurbs/contourpolyline2d)
+- [CoordinateDouble](nurbs/coordinatedouble)
+- [NurbsCurve](nurbs/nurbscurve)
+- [NurbsCurve2D](nurbs/nurbscurve2d)
+- [NurbsOrientationInterpolator](nurbs/nurbsorientationinterpolator)
+- [NurbsPatchSurface](nurbs/nurbspatchsurface)
+- [NurbsPositionInterpolator](nurbs/nurbspositioninterpolator)
+- [NurbsSet](nurbs/nurbsset)
+- [NurbsSurfaceInterpolator](nurbs/nurbssurfaceinterpolator)
+- [NurbsSweptSurface](nurbs/nurbssweptsurface)
+- [NurbsSwungSurface](nurbs/nurbsswungsurface)
+- [NurbsTextureCoordinate](nurbs/nurbstexturecoordinate)
+- [NurbsTrimmedSurface](nurbs/nurbstrimmedsurface)
+
+## Navigation
+
+- [Billboard](navigation/billboard)
+- [Collision](navigation/collision)
+- [LOD](navigation/lod)
+- [NavigationInfo](navigation/navigationinfo)
+- [OrthoViewpoint](navigation/orthoviewpoint)
+- [Viewpoint](navigation/viewpoint)
+- [ViewpointGroup](navigation/viewpointgroup)
+
+## Networking
+
+- [Anchor](networking/anchor)
+- [Inline](networking/inline)
+- [LoadSensor](networking/loadsensor)
+
+## ParticleSystems
+
+- [BoundedPhysicsModel](particlesystems/boundedphysicsmodel)
+- [ConeEmitter](particlesystems/coneemitter)
+- [ExplosionEmitter](particlesystems/explosionemitter)
+- [ForcePhysicsModel](particlesystems/forcephysicsmodel)
+- [ParticleSystem](particlesystems/particlesystem)
+- [PointEmitter](particlesystems/pointemitter)
+- [PolylineEmitter](particlesystems/polylineemitter)
+- [SurfaceEmitter](particlesystems/surfaceemitter)
+- [VolumeEmitter](particlesystems/volumeemitter)
+- [WindPhysicsModel](particlesystems/windphysicsmodel)
+
+## Picking
+
+- [LinePickSensor](picking/linepicksensor)
+- [PickableGroup](picking/pickablegroup)
+- [PointPickSensor](picking/pointpicksensor)
+- [PrimitivePickSensor](picking/primitivepicksensor)
+- [VolumePickSensor](picking/volumepicksensor)
+
+## PointingDeviceSensor
+
+- [CylinderSensor](pointingdevicesensor/cylindersensor)
+- [PlaneSensor](pointingdevicesensor/planesensor)
+- [SphereSensor](pointingdevicesensor/spheresensor)
+- [TouchSensor](pointingdevicesensor/touchsensor)
+
+## Rendering
+
+- [ClipPlane](rendering/clipplane)
+- [Color](rendering/color)
+- [ColorRGBA](rendering/colorrgba)
+- [Coordinate](rendering/coordinate)
+- [IndexedLineSet](rendering/indexedlineset)
+- [IndexedTriangleFanSet](rendering/indexedtrianglefanset)
+- [IndexedTriangleSet](rendering/indexedtriangleset)
+- [IndexedTriangleStripSet](rendering/indexedtrianglestripset)
+- [LineSet](rendering/lineset)
+- [Normal](rendering/normal)
+- [PointSet](rendering/pointset)
+- [TriangleFanSet](rendering/trianglefanset)
+- [TriangleSet](rendering/triangleset)
+- [TriangleStripSet](rendering/trianglestripset)
+
+## RigidBodyPhysics
+
+- [BallJoint](rigidbodyphysics/balljoint)
+- [CollidableOffset](rigidbodyphysics/collidableoffset)
+- [CollidableShape](rigidbodyphysics/collidableshape)
+- [CollisionCollection](rigidbodyphysics/collisioncollection)
+- [CollisionSensor](rigidbodyphysics/collisionsensor)
+- [CollisionSpace](rigidbodyphysics/collisionspace)
+- [Contact](rigidbodyphysics/contact)
+- [DoubleAxisHingeJoint](rigidbodyphysics/doubleaxishingejoint)
+- [MotorJoint](rigidbodyphysics/motorjoint)
+- [RigidBody](rigidbodyphysics/rigidbody)
+- [RigidBodyCollection](rigidbodyphysics/rigidbodycollection)
+- [SingleAxisHingeJoint](rigidbodyphysics/singleaxishingejoint)
+- [SliderJoint](rigidbodyphysics/sliderjoint)
+- [UniversalJoint](rigidbodyphysics/universaljoint)
+
+## Scripting
+
+- [Script](scripting/script)
+
+## Shaders
+
+- [ComposedShader](shaders/composedshader)
+- [FloatVertexAttribute](shaders/floatvertexattribute)
+- [Matrix3VertexAttribute](shaders/matrix3vertexattribute)
+- [Matrix4VertexAttribute](shaders/matrix4vertexattribute)
+- [PackagedShader](shaders/packagedshader)
+- [ProgramShader](shaders/programshader)
+- [ShaderPart](shaders/shaderpart)
+- [ShaderProgram](shaders/shaderprogram)
+
+## Shape
+
+- [AcousticProperties](shape/acousticproperties)
+- [Appearance](shape/appearance)
+- [FillProperties](shape/fillproperties)
+- [LineProperties](shape/lineproperties)
+- [Material](shape/material)
+- [PhysicalMaterial](shape/physicalmaterial)
+- [PointProperties](shape/pointproperties)
+- [Shape](shape/shape)
+- [TwoSidedMaterial](shape/twosidedmaterial)
+- [UnlitMaterial](shape/unlitmaterial)
+
+## Sound
+
+- [Analyser](sound/analyser)
+- [AudioClip](sound/audioclip)
+- [AudioDestination](sound/audiodestination)
+- [BiquadFilter](sound/biquadfilter)
+- [BufferAudioSource](sound/bufferaudiosource)
+- [ChannelMerger](sound/channelmerger)
+- [ChannelSelector](sound/channelselector)
+- [ChannelSplitter](sound/channelsplitter)
+- [Convolver](sound/convolver)
+- [Delay](sound/delay)
+- [DynamicsCompressor](sound/dynamicscompressor)
+- [Gain](sound/gain)
+- [ListenerPointSource](sound/listenerpointsource)
+- [MicrophoneSource](sound/microphonesource)
+- [OscillatorSource](sound/oscillatorsource)
+- [PeriodicWave](sound/periodicwave)
+- [Sound](sound/sound)
+- [SpatialSound](sound/spatialsound)
+- [StreamAudioDestination](sound/streamaudiodestination)
+- [StreamAudioSource](sound/streamaudiosource)
+- [WaveShaper](sound/waveshaper)
+
+## Text
+
+- [FontStyle](text/fontstyle)
+- [Text](text/text)
+
+## TextureProjector
+
+- [TextureProjector](textureprojector/textureprojector)
+- [TextureProjectorParallel](textureprojector/textureprojectorparallel)
+
+## Texturing
+
+- [ImageTexture](texturing/imagetexture)
+- [MovieTexture](texturing/movietexture)
+- [MultiTexture](texturing/multitexture)
+- [MultiTextureCoordinate](texturing/multitexturecoordinate)
+- [MultiTextureTransform](texturing/multitexturetransform)
+- [PixelTexture](texturing/pixeltexture)
+- [TextureCoordinate](texturing/texturecoordinate)
+- [TextureCoordinateGenerator](texturing/texturecoordinategenerator)
+- [TextureProperties](texturing/textureproperties)
+- [TextureTransform](texturing/texturetransform)
+
+## Texturing3D
+
+- [ComposedTexture3D](texturing3d/composedtexture3d)
+- [ImageTexture3D](texturing3d/imagetexture3d)
+- [ImageTextureAtlas](texturing3d/imagetextureatlas)
+- [PixelTexture3D](texturing3d/pixeltexture3d)
+- [TextureCoordinate3D](texturing3d/texturecoordinate3d)
+- [TextureCoordinate4D](texturing3d/texturecoordinate4d)
+- [TextureTransform3D](texturing3d/texturetransform3d)
+- [TextureTransformMatrix3D](texturing3d/texturetransformmatrix3d)
+
+## Time
+
+- [TimeSensor](time/timesensor)
+
+## VolumeRendering
+
+- [BlendedVolumeStyle](volumerendering/blendedvolumestyle)
+- [BoundaryEnhancementVolumeStyle](volumerendering/boundaryenhancementvolumestyle)
+- [CartoonVolumeStyle](volumerendering/cartoonvolumestyle)
+- [ComposedVolumeStyle](volumerendering/composedvolumestyle)
+- [EdgeEnhancementVolumeStyle](volumerendering/edgeenhancementvolumestyle)
+- [IsoSurfaceVolumeData](volumerendering/isosurfacevolumedata)
+- [OpacityMapVolumeStyle](volumerendering/opacitymapvolumestyle)
+- [ProjectionVolumeStyle](volumerendering/projectionvolumestyle)
+- [SegmentedVolumeData](volumerendering/segmentedvolumedata)
+- [ShadedVolumeStyle](volumerendering/shadedvolumestyle)
+- [SilhouetteEnhancementVolumeStyle](volumerendering/silhouetteenhancementvolumestyle)
+- [ToneMappedVolumeStyle](volumerendering/tonemappedvolumestyle)
+- [VolumeData](volumerendering/volumedata)
+
+## X_ITE
+
+- [BlendMode](x-ite/blendmode)
+
+<!-- COMPONENTS END -->

package/docs/_tabs/imprint.md

@@ -2,7 +2,7 @@
 # the default layout is 'page'
 title: Imprint
 icon: fas fa-info-circle
-order: 6
+order: 7
 ---
 ## Contact
 

package/docs/_tabs/laboratory.md

@@ -2,13 +2,45 @@
 # the default layout is 'page'
 title: Laboratory
 icon: fas fa-flask-vial
-order: 4
+order: 5
 ---
-* [X3D Visual Blend Mode Editor](/x_ite/laboratory/x3d-visual-blend-mode-editor)
-* [3D L-System Generator](/x_ite/laboratory/3d-l-system-generator)
-* [Online DICOM and NRRD File Viewer](/x_ite/laboratory/online-dicom-and-nrrd-file-viewer)
-* [Real time Earth Quake Information](/x_ite/laboratory/real-time-earth-quake-information)
+<style>
+table.examples td {
+  width: 33.33333%;
+}
+</style>
+
+<table class="examples">
+  <tr>
+    <td>
+      <a href="x3d-visual-blend-mode-editor"><img src="/assets/img/laboratory/blend-mode.png" alt="Visual Blend Mode Editor"/></a>
+    </td>
+    <td>
+      <a href="3d-l-system-generator"><img src="/assets/img/laboratory/l-system.png" alt="3D L-System Generator"/></a>
+    </td>
+    <td>
+      <a href="online-dicom-and-nrrd-file-viewer"><img src="/assets/img/laboratory/dicom-nrrd.png" alt="DICOM and NRRD File Viewer"/></a>
+    </td>
+  </tr>
+  <tr>
+    <td>Visual Blend Mode Editor</td>
+    <td>3D L-System Generator</td>
+    <td>DICOM and NRRD File Viewer</td>
+  </tr>
+  <tr>
+    <td>
+      <a href="real-time-earth-quake-information"><img src="/assets/img/laboratory/earthquake.png" alt="Real time Earth Quake Information"/></a>
+    </td>
+    <td>
+      <a href="gltf-sample-viewer"><img src="/assets/img/laboratory/gltf.png" alt="glTF Sample Viewer"/></a>
+    </td>
+  </tr>
+  <tr>
+    <td>Real time Earth Quake Information</td>
+    <td>glTF Sample Viewer</td>
+  </tr>
+</table>
 
 ## D3-X3D
 
-D3-X3D combines the power of [D3.js](http://www.d3js.org/){:target="_blank"} with X3D and can be found on [GitHub](https://github.com/jamesleesaunders/d3-x3d#d3-x3d){:target="_blank"}.
+[D3-X3D](https://github.com/jamesleesaunders/d3-x3d#d3-x3d){:target="_blank"} is an external JavaScript library that combines the power of **D3.js** with X3D and can be found on GitHub.

package/docs/_tabs/playground.html

@@ -1,7 +1,7 @@
 ---
 title: Playground
 layout: wide
-order: 3
+order: 4
 icon: fas fa-rocket
 ---
 <style>
@@ -15,12 +15,12 @@ icon: fas fa-rocket
 
 /* Table */
 
-.row {
+.viewer-row {
   display: flex;
   height: calc(100vh - 180px);
 }
 
-.column {
+.viewer-column {
   flex: 50%;
   width: 50%;
   height: 100%;
@@ -28,55 +28,11 @@ icon: fas fa-rocket
 
 /* Editor */
 
-html {
-   --editor-background: rgba(0,0,0,0.2);
-   --editor-gutter: rgba(255,255,255,0.05);
-   --editor-active-line: #202d40;
-   --editor-selected-word: #274f79;
-   --xml-tag: var(--text-color);
-   --xml-tag-name: #5a9cd8;
-   --xml-attribute-name: #9fdcfe;
-   --xml-attribute-equals: #d4d4d4;
-   --xml-attribute-value: #cd9177;
-   --json-parenthesis: #fdd601;
-   --json-identifier: #9fdcfe;
-   --json-variable: #9fdcfe;
-   --json-numeric: #b7cea5;
-   --json-string: #cd9177;
-   --json-boolean: #5a9cd8;
-   --json-punctuation: #d4d4d4;
-   --system-red: rgb(255, 69, 58);
-   --system-yellow: rgb(255, 214, 10);
-   --system-blue: rgb(10, 132, 255);
-}
-
-html[data-mode=light] {
-   --editor-background: rgba(0,0,0,0.01);
-   --editor-gutter: #f3f3f3;
-   --editor-active-line: #d7e5f8;
-   --editor-selected-word: #aed6ff;
-   --xml-tag: var(--text-color);
-   --xml-tag-name: #7e0000;
-   --xml-attribute-name: #e20200;
-   --xml-attribute-equals: #000000;
-   --xml-attribute-value: #1000ff;
-   --json-parenthesis: #369327;
-   --json-identifier: #1251a6;
-   --json-variable: #1251a6;
-   --json-numeric: #1e8657;
-   --json-string: #a01515;
-   --json-boolean: #1000ff;
-   --json-punctuation: #000000;
-   --system-red: rgb(255, 59, 48);
-   --system-yellow: rgb(255, 204, 0);
-   --system-blue: rgb(0, 122, 255);
-}
-
 #editor, .console {
    outline: none;
    border: none;
    padding: 0.5rem;
-   background: var(--editor-background);
+   background: var(--playground-editor-background);
    width: 100%;
    height: 100%;
    resize: none;
@@ -98,71 +54,71 @@ html[data-mode=light] {
 }
 
 .ace_gutter {
-   background: var(--editor-gutter) !important;
+   background: var(--playground-editor-gutter) !important;
 }
 
 .ace_gutter-active-line,
 .ace_active-line {
-   background: var(--editor-active-line) !important;
+   background: var(--playground-editor-active-line) !important;
 }
 
 .ace_selected-word,
 .ace_selection {
    border: none !important;
-   background: var(--editor-selected-word) !important;
+   background: var(--playground-editor-selected-word) !important;
 }
 
 /* XML */
 
 .ace_tag-open, .ace_tag-close, .ace_end-tag-open {
-   color: var(--xml-tag) !important;
+   color: var(--playground-xml-tag) !important;
 }
 
 .ace_tag-name {
-   color: var(--xml-tag-name) !important;
+   color: var(--playground-xml-tag-name) !important;
 }
 
 .ace_attribute-name {
-   color: var(--xml-attribute-name) !important;
+   color: var(--playground-xml-attribute-name) !important;
 }
 
 .ace_attribute-equals {
-   color: var(--xml-attribute-equals) !important;
+   color: var(--playground-xml-attribute-equals) !important;
 }
 
 .ace_attribute-value {
-   color: var(--xml-attribute-value) !important;
+   color: var(--playground-xml-attribute-value) !important;
 }
 
 /* JSON */
 
 .ace_paren {
-   color: var(--json-parenthesis) !important;
+   color: var(--playground-json-parenthesis) !important;
 }
 
 .ace_identifier {
-   color: var(--json-identifier) !important;
+   color: var(--playground-json-identifier) !important;
 }
 
 .ace_variable {
-   color: var(--json-variable) !important;
+   color: var(--playground-json-variable) !important;
 }
 
 .ace_numeric,
 .ace_keyword.ace_operator {
-   color: var(--json-numeric) !important;
+   color: var(--playground-json-numeric) !important;
 }
 
 .ace_string {
-   color: var(--json-string) !important;
+   color: var(--playground-json-string) !important;
 }
 
 .ace_boolean {
-   color: var(--json-boolean) !important;
+   color: var(--playground-json-boolean) !important;
 }
 
 .ace_punctuation.ace_operator {
-   color: var(--json-punctuation) !important;
+   color: var(--playground-json-punctuation) !important;
 }
 
 /* Console */
@@ -290,10 +246,10 @@ $(function ()
 })();
 </script>
 
-<div class="row">
-   <div class="column">
+<div class="viewer-row">
+   <div class="viewer-column">
       <x3d-canvas splashScreen="false"></x3d-canvas>
       <div class="console"></div>
    </div>
-   <div class="column"><div id="editor"></div></div>
+   <div class="viewer-column"><div id="editor"></div></div>
 </div>

package/docs/_tabs/reference.md

@@ -1,6 +1,7 @@
 ---
 # the default layout is 'page'
-order: 1
+title: Scripting Reference
+order: 2
 redirect: /x_ite/reference/script-node-authoring-interface
 layout: redirect-page
 icon: fas fa-flag

package/docs/_tabs/tags.md

@@ -1,5 +1,5 @@
 ---
 layout: tags
 icon: fas fa-tag
-order: 5
+order: 6
 ---