From 04684567dfbf6e9179e9dc8d834c0414fd9ed366 Mon Sep 17 00:00:00 2001
From: Joe Pea <joe@trusktr.io>
Date: Fri, 5 Jan 2024 16:59:52 -0800
Subject: [PATCH] add an SVG favicon, format SVG and GLTF code

---
 .../skateboard/scene.gltf                     | 1515 +++++++----------
 images/logo-and-word.svg                      |   38 +-
 images/logo-icon.svg                          |   14 +
 index.html                                    |    1 +
 4 files changed, 636 insertions(+), 932 deletions(-)
 create mode 100644 images/logo-icon.svg

diff --git a/examples/skateboard-configurator/skateboard/scene.gltf b/examples/skateboard-configurator/skateboard/scene.gltf
index 25107ea..d87237a 100644
--- a/examples/skateboard-configurator/skateboard/scene.gltf
+++ b/examples/skateboard-configurator/skateboard/scene.gltf
@@ -1,933 +1,586 @@
 {
-  "accessors": [
-    {
-      "bufferView": 2,
-      "componentType": 5126,
-      "count": 4080,
-      "max": [
-        0.23254267871379852,
-        0.09067835658788681,
-        -0.05639875680208206
-      ],
-      "min": [
-        -0.23254267871379852,
-        -0.09067834168672562,
-        -0.07556533813476563
-      ],
-      "type": "VEC3"
-    },
-    {
-      "bufferView": 2,
-      "byteOffset": 48960,
-      "componentType": 5126,
-      "count": 4080,
-      "max": [
-        1.0,
-        0.9999996423721313,
-        1.0
-      ],
-      "min": [
-        -1.0,
-        -0.9999996423721313,
-        -1.0
-      ],
-      "type": "VEC3"
-    },
-    {
-      "bufferView": 1,
-      "componentType": 5126,
-      "count": 4080,
-      "max": [
-        0.9174589514732361,
-        0.9163540601730347
-      ],
-      "min": [
-        0.5886355042457581,
-        0.3027418255805969
-      ],
-      "type": "VEC2"
-    },
-    {
-      "bufferView": 0,
-      "componentType": 5125,
-      "count": 11520,
-      "type": "SCALAR"
-    },
-    {
-      "bufferView": 2,
-      "byteOffset": 97920,
-      "componentType": 5126,
-      "count": 1897,
-      "max": [
-        0.3966410458087921,
-        0.09464754164218903,
-        0.019136473536491394
-      ],
-      "min": [
-        -0.3966410458087921,
-        -0.09532731771469116,
-        -0.020890993997454643
-      ],
-      "type": "VEC3"
-    },
-    {
-      "bufferView": 2,
-      "byteOffset": 120684,
-      "componentType": 5126,
-      "count": 1897,
-      "max": [
-        0.9409165382385254,
-        1.0,
-        0.9999945759773254
-      ],
-      "min": [
-        -0.9409165978431702,
-        -1.0,
-        -1.0
-      ],
-      "type": "VEC3"
-    },
-    {
-      "bufferView": 1,
-      "byteOffset": 32640,
-      "componentType": 5126,
-      "count": 1897,
-      "max": [
-        0.7421628832817078,
-        0.9980125427246094
-      ],
-      "min": [
-        0.001987934112548828,
-        0.001987457275390625
-      ],
-      "type": "VEC2"
-    },
-    {
-      "bufferView": 0,
-      "byteOffset": 46080,
-      "componentType": 5125,
-      "count": 6144,
-      "type": "SCALAR"
-    },
-    {
-      "bufferView": 2,
-      "byteOffset": 143448,
-      "componentType": 5126,
-      "count": 2432,
-      "max": [
-        0.24075008928775787,
-        0.02494140714406967,
-        -0.023805726319551468
-      ],
-      "min": [
-        -0.24075008928775787,
-        -0.024941403418779373,
-        -0.02812311425805092
-      ],
-      "type": "VEC3"
-    },
-    {
-      "bufferView": 2,
-      "byteOffset": 172632,
-      "componentType": 5126,
-      "count": 2432,
-      "max": [
-        0.9999967217445374,
-        1.0,
-        0.998721182346344
-      ],
-      "min": [
-        -0.9999967217445374,
-        -1.0,
-        -0.9192008376121521
-      ],
-      "type": "VEC3"
-    },
-    {
-      "bufferView": 1,
-      "byteOffset": 47816,
-      "componentType": 5126,
-      "count": 2432,
-      "max": [
-        0.9274933338165283,
-        0.9728248119354248
-      ],
-      "min": [
-        0.5191392302513123,
-        0.5259087085723877
-      ],
-      "type": "VEC2"
-    },
-    {
-      "bufferView": 0,
-      "byteOffset": 70656,
-      "componentType": 5125,
-      "count": 6912,
-      "type": "SCALAR"
-    },
-    {
-      "bufferView": 2,
-      "byteOffset": 201816,
-      "componentType": 5126,
-      "count": 13204,
-      "max": [
-        0.2413228303194046,
-        0.02482079528272152,
-        -0.009632393717765808
-      ],
-      "min": [
-        -0.2413228303194046,
-        -0.02482079155743122,
-        -0.030083317309617996
-      ],
-      "type": "VEC3"
-    },
-    {
-      "bufferView": 2,
-      "byteOffset": 360264,
-      "componentType": 5126,
-      "count": 13204,
-      "max": [
-        0.9999596476554871,
-        0.9999734163284302,
-        1.0
-      ],
-      "min": [
-        -0.9999594688415527,
-        -0.9999713897705078,
-        -1.0
-      ],
-      "type": "VEC3"
-    },
-    {
-      "bufferView": 1,
-      "byteOffset": 67272,
-      "componentType": 5126,
-      "count": 13204,
-      "max": [
-        0.88321453332901,
-        0.9743219614028931
-      ],
-      "min": [
-        0.5004642605781555,
-        0.41944649815559387
-      ],
-      "type": "VEC2"
-    },
-    {
-      "bufferView": 0,
-      "byteOffset": 98304,
-      "componentType": 5125,
-      "count": 38256,
-      "type": "SCALAR"
-    },
-    {
-      "bufferView": 2,
-      "byteOffset": 518712,
-      "componentType": 5126,
-      "count": 8618,
-      "max": [
-        0.2509281039237976,
-        0.09813949465751648,
-        -0.019134733825922012
-      ],
-      "min": [
-        -0.2509281039237976,
-        -0.09813949465751648,
-        -0.07505320012569427
-      ],
-      "type": "VEC3"
-    },
-    {
-      "bufferView": 2,
-      "byteOffset": 622128,
-      "componentType": 5126,
-      "count": 8618,
-      "max": [
-        1.0,
-        1.0,
-        1.0
-      ],
-      "min": [
-        -1.0,
-        -1.0,
-        -1.0
-      ],
-      "type": "VEC3"
-    },
-    {
-      "bufferView": 1,
-      "byteOffset": 172904,
-      "componentType": 5126,
-      "count": 8618,
-      "max": [
-        0.9499513506889343,
-        0.9808475375175476
-      ],
-      "min": [
-        0.5066260695457458,
-        0.017303405329585075
-      ],
-      "type": "VEC2"
-    },
-    {
-      "bufferView": 0,
-      "byteOffset": 251328,
-      "componentType": 5125,
-      "count": 27084,
-      "type": "SCALAR"
-    },
-    {
-      "bufferView": 2,
-      "byteOffset": 725544,
-      "componentType": 5126,
-      "count": 756,
-      "max": [
-        0.22757354378700256,
-        0.09090440720319748,
-        -0.06136792525649071
-      ],
-      "min": [
-        -0.22757354378700256,
-        -0.09090437740087509,
-        -0.07059617340564728
-      ],
-      "type": "VEC3"
-    },
-    {
-      "bufferView": 2,
-      "byteOffset": 734616,
-      "componentType": 5126,
-      "count": 756,
-      "max": [
-        1.0,
-        0.999707818031311,
-        1.0
-      ],
-      "min": [
-        -1.0,
-        -0.999707818031311,
-        -1.0
-      ],
-      "type": "VEC3"
-    },
-    {
-      "bufferView": 1,
-      "byteOffset": 241848,
-      "componentType": 5126,
-      "count": 756,
-      "max": [
-        0.9232290387153625,
-        0.7395299673080444
-      ],
-      "min": [
-        0.6531530022621155,
-        0.4659355878829956
-      ],
-      "type": "VEC2"
-    },
-    {
-      "bufferView": 0,
-      "byteOffset": 359664,
-      "componentType": 5125,
-      "count": 1728,
-      "type": "SCALAR"
-    },
-    {
-      "bufferView": 2,
-      "byteOffset": 743688,
-      "componentType": 5126,
-      "count": 1232,
-      "max": [
-        0.22886312007904053,
-        0.09657102823257446,
-        -0.05917017161846161
-      ],
-      "min": [
-        -0.22886312007904053,
-        -0.09657099843025208,
-        -0.07279395312070847
-      ],
-      "type": "VEC3"
-    },
-    {
-      "bufferView": 2,
-      "byteOffset": 758472,
-      "componentType": 5126,
-      "count": 1232,
-      "max": [
-        0.9999975562095642,
-        0.9999977946281433,
-        1.0
-      ],
-      "min": [
-        -0.9999974966049194,
-        -0.9999977946281433,
-        -0.9997832179069519
-      ],
-      "type": "VEC3"
-    },
-    {
-      "bufferView": 1,
-      "byteOffset": 247896,
-      "componentType": 5126,
-      "count": 1232,
-      "max": [
-        0.8430740237236023,
-        0.978263258934021
-      ],
-      "min": [
-        0.5451183319091797,
-        0.3027418851852417
-      ],
-      "type": "VEC2"
-    },
-    {
-      "bufferView": 0,
-      "byteOffset": 366576,
-      "componentType": 5125,
-      "count": 3456,
-      "type": "SCALAR"
-    },
-    {
-      "bufferView": 2,
-      "byteOffset": 773256,
-      "componentType": 5126,
-      "count": 1472,
-      "max": [
-        0.24594897031784058,
-        0.09379973262548447,
-        -0.042992498725652695
-      ],
-      "min": [
-        -0.24594897031784058,
-        -0.09379971027374268,
-        -0.08897159993648529
-      ],
-      "type": "VEC3"
-    },
-    {
-      "bufferView": 2,
-      "byteOffset": 790920,
-      "componentType": 5126,
-      "count": 1472,
-      "max": [
-        0.9463985562324524,
-        0.9590121507644653,
-        0.9463995695114136
-      ],
-      "min": [
-        -0.9463986158370972,
-        -0.959011435508728,
-        -0.9464003443717957
-      ],
-      "type": "VEC3"
-    },
-    {
-      "bufferView": 1,
-      "byteOffset": 257752,
-      "componentType": 5126,
-      "count": 1472,
-      "max": [
-        0.7309659123420715,
-        0.728729248046875
-      ],
-      "min": [
-        0.5163693428039551,
-        0.2571752667427063
-      ],
-      "type": "VEC2"
-    },
-    {
-      "bufferView": 0,
-      "byteOffset": 380400,
-      "componentType": 5125,
-      "count": 6720,
-      "type": "SCALAR"
-    }
-  ],
-  "asset": {
-    "extras": {
-      "author": "Roksi203 (https://sketchfab.com/Roksi203)",
-      "license": "CC-BY-4.0 (http://creativecommons.org/licenses/by/4.0/)",
-      "source": "https://sketchfab.com/3d-models/skateboard-1802f3970ea4443593006df4007f78d0",
-      "title": "Skateboard"
-    },
-    "generator": "Sketchfab-14.41.0",
-    "version": "2.0"
-  },
-  "bufferViews": [
-    {
-      "buffer": 0,
-      "byteLength": 407280,
-      "name": "floatBufferViews",
-      "target": 34963
-    },
-    {
-      "buffer": 0,
-      "byteLength": 269528,
-      "byteOffset": 407280,
-      "byteStride": 8,
-      "name": "floatBufferViews",
-      "target": 34962
-    },
-    {
-      "buffer": 0,
-      "byteLength": 808584,
-      "byteOffset": 676808,
-      "byteStride": 12,
-      "name": "floatBufferViews",
-      "target": 34962
-    }
-  ],
-  "buffers": [
-    {
-      "byteLength": 1485392,
-      "uri": "scene.bin"
-    }
-  ],
-  "materials": [
-    {
-      "doubleSided": true,
-      "name": "basic",
-      "pbrMetallicRoughness": {
-        "metallicFactor": 0.0,
-        "roughnessFactor": 0.7885257473118872
-      }
-    },
-    {
-      "doubleSided": true,
-      "name": "basic.002",
-      "pbrMetallicRoughness": {
-        "metallicFactor": 0.0,
-        "roughnessFactor": 0.7885257473118872
-      }
-    },
-    {
-      "doubleSided": true,
-      "name": "basic.003",
-      "pbrMetallicRoughness": {
-        "metallicFactor": 0.0,
-        "roughnessFactor": 0.7885257473118872
-      }
-    }
-  ],
-  "meshes": [
-    {
-      "name": "bearings_basic_0",
-      "primitives": [
-        {
-          "attributes": {
-            "NORMAL": 1,
-            "POSITION": 0,
-            "TEXCOORD_0": 2
-          },
-          "indices": 3,
-          "material": 0,
-          "mode": 4
-        }
-      ]
-    },
-    {
-      "name": "deck_basic.002_0",
-      "primitives": [
-        {
-          "attributes": {
-            "NORMAL": 5,
-            "POSITION": 4,
-            "TEXCOORD_0": 6
-          },
-          "indices": 7,
-          "material": 1,
-          "mode": 4
-        }
-      ]
-    },
-    {
-      "name": "truck_nuts_basic_0",
-      "primitives": [
-        {
-          "attributes": {
-            "NORMAL": 9,
-            "POSITION": 8,
-            "TEXCOORD_0": 10
-          },
-          "indices": 11,
-          "material": 0,
-          "mode": 4
-        }
-      ]
-    },
-    {
-      "name": "truck_screws_basic_0",
-      "primitives": [
-        {
-          "attributes": {
-            "NORMAL": 13,
-            "POSITION": 12,
-            "TEXCOORD_0": 14
-          },
-          "indices": 15,
-          "material": 0,
-          "mode": 4
-        }
-      ]
-    },
-    {
-      "name": "trucks_basic_0",
-      "primitives": [
-        {
-          "attributes": {
-            "NORMAL": 17,
-            "POSITION": 16,
-            "TEXCOORD_0": 18
-          },
-          "indices": 19,
-          "material": 0,
-          "mode": 4
-        }
-      ]
-    },
-    {
-      "name": "washers_basic.003_0",
-      "primitives": [
-        {
-          "attributes": {
-            "NORMAL": 21,
-            "POSITION": 20,
-            "TEXCOORD_0": 22
-          },
-          "indices": 23,
-          "material": 2,
-          "mode": 4
-        }
-      ]
-    },
-    {
-      "name": "wheel_bolts_basic_0",
-      "primitives": [
-        {
-          "attributes": {
-            "NORMAL": 25,
-            "POSITION": 24,
-            "TEXCOORD_0": 26
-          },
-          "indices": 27,
-          "material": 0,
-          "mode": 4
-        }
-      ]
-    },
-    {
-      "name": "wheels_basic_0",
-      "primitives": [
-        {
-          "attributes": {
-            "NORMAL": 29,
-            "POSITION": 28,
-            "TEXCOORD_0": 30
-          },
-          "indices": 31,
-          "material": 0,
-          "mode": 4
-        }
-      ]
-    }
-  ],
-  "nodes": [
-    {
-      "children": [
-        1
-      ],
-      "matrix": [
-        1.0,
-        0.0,
-        0.0,
-        0.0,
-        0.0,
-        2.220446049250313e-16,
-        -1.0,
-        0.0,
-        0.0,
-        1.0,
-        2.220446049250313e-16,
-        0.0,
-        0.0,
-        0.0,
-        0.0,
-        1.0
-      ],
-      "name": "Sketchfab_model"
-    },
-    {
-      "children": [
-        2
-      ],
-      "matrix": [
-        0.009999999776482582,
-        0.0,
-        0.0,
-        0.0,
-        0.0,
-        0.0,
-        0.009999999776482582,
-        0.0,
-        0.0,
-        -0.009999999776482582,
-        0.0,
-        0.0,
-        0.0,
-        0.0,
-        0.0,
-        1.0
-      ],
-      "name": "5a35f67d815a4092ad3d7083355884aa.fbx"
-    },
-    {
-      "children": [
-        3,
-        5,
-        7,
-        9,
-        11,
-        13,
-        15,
-        17
-      ],
-      "name": "RootNode"
-    },
-    {
-      "children": [
-        4
-      ],
-      "matrix": [
-        100.0,
-        0.0,
-        0.0,
-        0.0,
-        0.0,
-        -1.629206793918314e-05,
-        -99.99999999999868,
-        0.0,
-        0.0,
-        99.99999999999868,
-        -1.629206793918314e-05,
-        0.0,
-        0.0,
-        0.0,
-        0.0,
-        1.0
-      ],
-      "name": "bearings"
-    },
-    {
-      "mesh": 0,
-      "name": "bearings_basic_0"
-    },
-    {
-      "children": [
-        6
-      ],
-      "matrix": [
-        100.0,
-        0.0,
-        0.0,
-        0.0,
-        0.0,
-        -1.629206793918314e-05,
-        -99.99999999999868,
-        0.0,
-        0.0,
-        99.99999999999868,
-        -1.629206793918314e-05,
-        0.0,
-        0.0,
-        0.0,
-        0.0,
-        1.0
-      ],
-      "name": "deck"
-    },
-    {
-      "mesh": 1,
-      "name": "deck_basic.002_0"
-    },
-    {
-      "children": [
-        8
-      ],
-      "matrix": [
-        100.0,
-        0.0,
-        0.0,
-        0.0,
-        0.0,
-        -1.629206793918314e-05,
-        -99.99999999999868,
-        0.0,
-        0.0,
-        99.99999999999868,
-        -1.629206793918314e-05,
-        0.0,
-        0.0,
-        0.0,
-        0.0,
-        1.0
-      ],
-      "name": "truck_nuts"
-    },
-    {
-      "mesh": 2,
-      "name": "truck_nuts_basic_0"
-    },
-    {
-      "children": [
-        10
-      ],
-      "matrix": [
-        100.0,
-        0.0,
-        0.0,
-        0.0,
-        0.0,
-        -1.629206793918314e-05,
-        -99.99999999999868,
-        0.0,
-        0.0,
-        99.99999999999868,
-        -1.629206793918314e-05,
-        0.0,
-        0.0,
-        0.0,
-        0.0,
-        1.0
-      ],
-      "name": "truck_screws"
-    },
-    {
-      "mesh": 3,
-      "name": "truck_screws_basic_0"
-    },
-    {
-      "children": [
-        12
-      ],
-      "matrix": [
-        100.0,
-        0.0,
-        0.0,
-        0.0,
-        0.0,
-        -1.629206793918314e-05,
-        -99.99999999999868,
-        0.0,
-        0.0,
-        99.99999999999868,
-        -1.629206793918314e-05,
-        0.0,
-        0.0,
-        0.0,
-        0.0,
-        1.0
-      ],
-      "name": "trucks"
-    },
-    {
-      "mesh": 4,
-      "name": "trucks_basic_0"
-    },
-    {
-      "children": [
-        14
-      ],
-      "matrix": [
-        100.0,
-        0.0,
-        0.0,
-        0.0,
-        0.0,
-        -1.629206793918314e-05,
-        -99.99999999999868,
-        0.0,
-        0.0,
-        99.99999999999868,
-        -1.629206793918314e-05,
-        0.0,
-        0.0,
-        0.0,
-        0.0,
-        1.0
-      ],
-      "name": "washers"
-    },
-    {
-      "mesh": 5,
-      "name": "washers_basic.003_0"
-    },
-    {
-      "children": [
-        16
-      ],
-      "matrix": [
-        100.0,
-        0.0,
-        0.0,
-        0.0,
-        0.0,
-        -1.629206793918314e-05,
-        -99.99999999999868,
-        0.0,
-        0.0,
-        99.99999999999868,
-        -1.629206793918314e-05,
-        0.0,
-        0.0,
-        0.0,
-        0.0,
-        1.0
-      ],
-      "name": "wheel_bolts"
-    },
-    {
-      "mesh": 6,
-      "name": "wheel_bolts_basic_0"
-    },
-    {
-      "children": [
-        18
-      ],
-      "matrix": [
-        100.0,
-        0.0,
-        0.0,
-        0.0,
-        0.0,
-        -1.629206793918314e-05,
-        -99.99999999999868,
-        0.0,
-        0.0,
-        99.99999999999868,
-        -1.629206793918314e-05,
-        0.0,
-        0.0,
-        0.0,
-        0.0,
-        1.0
-      ],
-      "name": "wheels"
-    },
-    {
-      "mesh": 7,
-      "name": "wheels_basic_0"
-    }
-  ],
-  "scene": 0,
-  "scenes": [
-    {
-      "name": "Sketchfab_Scene",
-      "nodes": [
-        0
-      ]
-    }
-  ]
+	"accessors": [
+		{
+			"bufferView": 2,
+			"componentType": 5126,
+			"count": 4080,
+			"max": [0.23254267871379852, 0.09067835658788681, -0.05639875680208206],
+			"min": [-0.23254267871379852, -0.09067834168672562, -0.07556533813476563],
+			"type": "VEC3"
+		},
+		{
+			"bufferView": 2,
+			"byteOffset": 48960,
+			"componentType": 5126,
+			"count": 4080,
+			"max": [1.0, 0.9999996423721313, 1.0],
+			"min": [-1.0, -0.9999996423721313, -1.0],
+			"type": "VEC3"
+		},
+		{
+			"bufferView": 1,
+			"componentType": 5126,
+			"count": 4080,
+			"max": [0.9174589514732361, 0.9163540601730347],
+			"min": [0.5886355042457581, 0.3027418255805969],
+			"type": "VEC2"
+		},
+		{
+			"bufferView": 0,
+			"componentType": 5125,
+			"count": 11520,
+			"type": "SCALAR"
+		},
+		{
+			"bufferView": 2,
+			"byteOffset": 97920,
+			"componentType": 5126,
+			"count": 1897,
+			"max": [0.3966410458087921, 0.09464754164218903, 0.019136473536491394],
+			"min": [-0.3966410458087921, -0.09532731771469116, -0.020890993997454643],
+			"type": "VEC3"
+		},
+		{
+			"bufferView": 2,
+			"byteOffset": 120684,
+			"componentType": 5126,
+			"count": 1897,
+			"max": [0.9409165382385254, 1.0, 0.9999945759773254],
+			"min": [-0.9409165978431702, -1.0, -1.0],
+			"type": "VEC3"
+		},
+		{
+			"bufferView": 1,
+			"byteOffset": 32640,
+			"componentType": 5126,
+			"count": 1897,
+			"max": [0.7421628832817078, 0.9980125427246094],
+			"min": [0.001987934112548828, 0.001987457275390625],
+			"type": "VEC2"
+		},
+		{
+			"bufferView": 0,
+			"byteOffset": 46080,
+			"componentType": 5125,
+			"count": 6144,
+			"type": "SCALAR"
+		},
+		{
+			"bufferView": 2,
+			"byteOffset": 143448,
+			"componentType": 5126,
+			"count": 2432,
+			"max": [0.24075008928775787, 0.02494140714406967, -0.023805726319551468],
+			"min": [-0.24075008928775787, -0.024941403418779373, -0.02812311425805092],
+			"type": "VEC3"
+		},
+		{
+			"bufferView": 2,
+			"byteOffset": 172632,
+			"componentType": 5126,
+			"count": 2432,
+			"max": [0.9999967217445374, 1.0, 0.998721182346344],
+			"min": [-0.9999967217445374, -1.0, -0.9192008376121521],
+			"type": "VEC3"
+		},
+		{
+			"bufferView": 1,
+			"byteOffset": 47816,
+			"componentType": 5126,
+			"count": 2432,
+			"max": [0.9274933338165283, 0.9728248119354248],
+			"min": [0.5191392302513123, 0.5259087085723877],
+			"type": "VEC2"
+		},
+		{
+			"bufferView": 0,
+			"byteOffset": 70656,
+			"componentType": 5125,
+			"count": 6912,
+			"type": "SCALAR"
+		},
+		{
+			"bufferView": 2,
+			"byteOffset": 201816,
+			"componentType": 5126,
+			"count": 13204,
+			"max": [0.2413228303194046, 0.02482079528272152, -0.009632393717765808],
+			"min": [-0.2413228303194046, -0.02482079155743122, -0.030083317309617996],
+			"type": "VEC3"
+		},
+		{
+			"bufferView": 2,
+			"byteOffset": 360264,
+			"componentType": 5126,
+			"count": 13204,
+			"max": [0.9999596476554871, 0.9999734163284302, 1.0],
+			"min": [-0.9999594688415527, -0.9999713897705078, -1.0],
+			"type": "VEC3"
+		},
+		{
+			"bufferView": 1,
+			"byteOffset": 67272,
+			"componentType": 5126,
+			"count": 13204,
+			"max": [0.88321453332901, 0.9743219614028931],
+			"min": [0.5004642605781555, 0.41944649815559387],
+			"type": "VEC2"
+		},
+		{
+			"bufferView": 0,
+			"byteOffset": 98304,
+			"componentType": 5125,
+			"count": 38256,
+			"type": "SCALAR"
+		},
+		{
+			"bufferView": 2,
+			"byteOffset": 518712,
+			"componentType": 5126,
+			"count": 8618,
+			"max": [0.2509281039237976, 0.09813949465751648, -0.019134733825922012],
+			"min": [-0.2509281039237976, -0.09813949465751648, -0.07505320012569427],
+			"type": "VEC3"
+		},
+		{
+			"bufferView": 2,
+			"byteOffset": 622128,
+			"componentType": 5126,
+			"count": 8618,
+			"max": [1.0, 1.0, 1.0],
+			"min": [-1.0, -1.0, -1.0],
+			"type": "VEC3"
+		},
+		{
+			"bufferView": 1,
+			"byteOffset": 172904,
+			"componentType": 5126,
+			"count": 8618,
+			"max": [0.9499513506889343, 0.9808475375175476],
+			"min": [0.5066260695457458, 0.017303405329585075],
+			"type": "VEC2"
+		},
+		{
+			"bufferView": 0,
+			"byteOffset": 251328,
+			"componentType": 5125,
+			"count": 27084,
+			"type": "SCALAR"
+		},
+		{
+			"bufferView": 2,
+			"byteOffset": 725544,
+			"componentType": 5126,
+			"count": 756,
+			"max": [0.22757354378700256, 0.09090440720319748, -0.06136792525649071],
+			"min": [-0.22757354378700256, -0.09090437740087509, -0.07059617340564728],
+			"type": "VEC3"
+		},
+		{
+			"bufferView": 2,
+			"byteOffset": 734616,
+			"componentType": 5126,
+			"count": 756,
+			"max": [1.0, 0.999707818031311, 1.0],
+			"min": [-1.0, -0.999707818031311, -1.0],
+			"type": "VEC3"
+		},
+		{
+			"bufferView": 1,
+			"byteOffset": 241848,
+			"componentType": 5126,
+			"count": 756,
+			"max": [0.9232290387153625, 0.7395299673080444],
+			"min": [0.6531530022621155, 0.4659355878829956],
+			"type": "VEC2"
+		},
+		{
+			"bufferView": 0,
+			"byteOffset": 359664,
+			"componentType": 5125,
+			"count": 1728,
+			"type": "SCALAR"
+		},
+		{
+			"bufferView": 2,
+			"byteOffset": 743688,
+			"componentType": 5126,
+			"count": 1232,
+			"max": [0.22886312007904053, 0.09657102823257446, -0.05917017161846161],
+			"min": [-0.22886312007904053, -0.09657099843025208, -0.07279395312070847],
+			"type": "VEC3"
+		},
+		{
+			"bufferView": 2,
+			"byteOffset": 758472,
+			"componentType": 5126,
+			"count": 1232,
+			"max": [0.9999975562095642, 0.9999977946281433, 1.0],
+			"min": [-0.9999974966049194, -0.9999977946281433, -0.9997832179069519],
+			"type": "VEC3"
+		},
+		{
+			"bufferView": 1,
+			"byteOffset": 247896,
+			"componentType": 5126,
+			"count": 1232,
+			"max": [0.8430740237236023, 0.978263258934021],
+			"min": [0.5451183319091797, 0.3027418851852417],
+			"type": "VEC2"
+		},
+		{
+			"bufferView": 0,
+			"byteOffset": 366576,
+			"componentType": 5125,
+			"count": 3456,
+			"type": "SCALAR"
+		},
+		{
+			"bufferView": 2,
+			"byteOffset": 773256,
+			"componentType": 5126,
+			"count": 1472,
+			"max": [0.24594897031784058, 0.09379973262548447, -0.042992498725652695],
+			"min": [-0.24594897031784058, -0.09379971027374268, -0.08897159993648529],
+			"type": "VEC3"
+		},
+		{
+			"bufferView": 2,
+			"byteOffset": 790920,
+			"componentType": 5126,
+			"count": 1472,
+			"max": [0.9463985562324524, 0.9590121507644653, 0.9463995695114136],
+			"min": [-0.9463986158370972, -0.959011435508728, -0.9464003443717957],
+			"type": "VEC3"
+		},
+		{
+			"bufferView": 1,
+			"byteOffset": 257752,
+			"componentType": 5126,
+			"count": 1472,
+			"max": [0.7309659123420715, 0.728729248046875],
+			"min": [0.5163693428039551, 0.2571752667427063],
+			"type": "VEC2"
+		},
+		{
+			"bufferView": 0,
+			"byteOffset": 380400,
+			"componentType": 5125,
+			"count": 6720,
+			"type": "SCALAR"
+		}
+	],
+	"asset": {
+		"extras": {
+			"author": "Roksi203 (https://sketchfab.com/Roksi203)",
+			"license": "CC-BY-4.0 (http://creativecommons.org/licenses/by/4.0/)",
+			"source": "https://sketchfab.com/3d-models/skateboard-1802f3970ea4443593006df4007f78d0",
+			"title": "Skateboard"
+		},
+		"generator": "Sketchfab-14.41.0",
+		"version": "2.0"
+	},
+	"bufferViews": [
+		{
+			"buffer": 0,
+			"byteLength": 407280,
+			"name": "floatBufferViews",
+			"target": 34963
+		},
+		{
+			"buffer": 0,
+			"byteLength": 269528,
+			"byteOffset": 407280,
+			"byteStride": 8,
+			"name": "floatBufferViews",
+			"target": 34962
+		},
+		{
+			"buffer": 0,
+			"byteLength": 808584,
+			"byteOffset": 676808,
+			"byteStride": 12,
+			"name": "floatBufferViews",
+			"target": 34962
+		}
+	],
+	"buffers": [
+		{
+			"byteLength": 1485392,
+			"uri": "scene.bin"
+		}
+	],
+	"materials": [
+		{
+			"doubleSided": true,
+			"name": "basic",
+			"pbrMetallicRoughness": {
+				"metallicFactor": 0.0,
+				"roughnessFactor": 0.7885257473118872
+			}
+		},
+		{
+			"doubleSided": true,
+			"name": "basic.002",
+			"pbrMetallicRoughness": {
+				"metallicFactor": 0.0,
+				"roughnessFactor": 0.7885257473118872
+			}
+		},
+		{
+			"doubleSided": true,
+			"name": "basic.003",
+			"pbrMetallicRoughness": {
+				"metallicFactor": 0.0,
+				"roughnessFactor": 0.7885257473118872
+			}
+		}
+	],
+	"meshes": [
+		{
+			"name": "bearings_basic_0",
+			"primitives": [
+				{
+					"attributes": {
+						"NORMAL": 1,
+						"POSITION": 0,
+						"TEXCOORD_0": 2
+					},
+					"indices": 3,
+					"material": 0,
+					"mode": 4
+				}
+			]
+		},
+		{
+			"name": "deck_basic.002_0",
+			"primitives": [
+				{
+					"attributes": {
+						"NORMAL": 5,
+						"POSITION": 4,
+						"TEXCOORD_0": 6
+					},
+					"indices": 7,
+					"material": 1,
+					"mode": 4
+				}
+			]
+		},
+		{
+			"name": "truck_nuts_basic_0",
+			"primitives": [
+				{
+					"attributes": {
+						"NORMAL": 9,
+						"POSITION": 8,
+						"TEXCOORD_0": 10
+					},
+					"indices": 11,
+					"material": 0,
+					"mode": 4
+				}
+			]
+		},
+		{
+			"name": "truck_screws_basic_0",
+			"primitives": [
+				{
+					"attributes": {
+						"NORMAL": 13,
+						"POSITION": 12,
+						"TEXCOORD_0": 14
+					},
+					"indices": 15,
+					"material": 0,
+					"mode": 4
+				}
+			]
+		},
+		{
+			"name": "trucks_basic_0",
+			"primitives": [
+				{
+					"attributes": {
+						"NORMAL": 17,
+						"POSITION": 16,
+						"TEXCOORD_0": 18
+					},
+					"indices": 19,
+					"material": 0,
+					"mode": 4
+				}
+			]
+		},
+		{
+			"name": "washers_basic.003_0",
+			"primitives": [
+				{
+					"attributes": {
+						"NORMAL": 21,
+						"POSITION": 20,
+						"TEXCOORD_0": 22
+					},
+					"indices": 23,
+					"material": 2,
+					"mode": 4
+				}
+			]
+		},
+		{
+			"name": "wheel_bolts_basic_0",
+			"primitives": [
+				{
+					"attributes": {
+						"NORMAL": 25,
+						"POSITION": 24,
+						"TEXCOORD_0": 26
+					},
+					"indices": 27,
+					"material": 0,
+					"mode": 4
+				}
+			]
+		},
+		{
+			"name": "wheels_basic_0",
+			"primitives": [
+				{
+					"attributes": {
+						"NORMAL": 29,
+						"POSITION": 28,
+						"TEXCOORD_0": 30
+					},
+					"indices": 31,
+					"material": 0,
+					"mode": 4
+				}
+			]
+		}
+	],
+	"nodes": [
+		{
+			"children": [1],
+			"matrix": [
+				1.0, 0.0, 0.0, 0.0, 0.0, 2.220446049250313e-16, -1.0, 0.0, 0.0, 1.0, 2.220446049250313e-16, 0.0, 0.0, 0.0, 0.0,
+				1.0
+			],
+			"name": "Sketchfab_model"
+		},
+		{
+			"children": [2],
+			"matrix": [
+				0.009999999776482582, 0.0, 0.0, 0.0, 0.0, 0.0, 0.009999999776482582, 0.0, 0.0, -0.009999999776482582, 0.0, 0.0,
+				0.0, 0.0, 0.0, 1.0
+			],
+			"name": "5a35f67d815a4092ad3d7083355884aa.fbx"
+		},
+		{
+			"children": [3, 5, 7, 9, 11, 13, 15, 17],
+			"name": "RootNode"
+		},
+		{
+			"children": [4],
+			"matrix": [
+				100.0, 0.0, 0.0, 0.0, 0.0, -1.629206793918314e-5, -99.99999999999868, 0.0, 0.0, 99.99999999999868,
+				-1.629206793918314e-5, 0.0, 0.0, 0.0, 0.0, 1.0
+			],
+			"name": "bearings"
+		},
+		{
+			"mesh": 0,
+			"name": "bearings_basic_0"
+		},
+		{
+			"children": [6],
+			"matrix": [
+				100.0, 0.0, 0.0, 0.0, 0.0, -1.629206793918314e-5, -99.99999999999868, 0.0, 0.0, 99.99999999999868,
+				-1.629206793918314e-5, 0.0, 0.0, 0.0, 0.0, 1.0
+			],
+			"name": "deck"
+		},
+		{
+			"mesh": 1,
+			"name": "deck_basic.002_0"
+		},
+		{
+			"children": [8],
+			"matrix": [
+				100.0, 0.0, 0.0, 0.0, 0.0, -1.629206793918314e-5, -99.99999999999868, 0.0, 0.0, 99.99999999999868,
+				-1.629206793918314e-5, 0.0, 0.0, 0.0, 0.0, 1.0
+			],
+			"name": "truck_nuts"
+		},
+		{
+			"mesh": 2,
+			"name": "truck_nuts_basic_0"
+		},
+		{
+			"children": [10],
+			"matrix": [
+				100.0, 0.0, 0.0, 0.0, 0.0, -1.629206793918314e-5, -99.99999999999868, 0.0, 0.0, 99.99999999999868,
+				-1.629206793918314e-5, 0.0, 0.0, 0.0, 0.0, 1.0
+			],
+			"name": "truck_screws"
+		},
+		{
+			"mesh": 3,
+			"name": "truck_screws_basic_0"
+		},
+		{
+			"children": [12],
+			"matrix": [
+				100.0, 0.0, 0.0, 0.0, 0.0, -1.629206793918314e-5, -99.99999999999868, 0.0, 0.0, 99.99999999999868,
+				-1.629206793918314e-5, 0.0, 0.0, 0.0, 0.0, 1.0
+			],
+			"name": "trucks"
+		},
+		{
+			"mesh": 4,
+			"name": "trucks_basic_0"
+		},
+		{
+			"children": [14],
+			"matrix": [
+				100.0, 0.0, 0.0, 0.0, 0.0, -1.629206793918314e-5, -99.99999999999868, 0.0, 0.0, 99.99999999999868,
+				-1.629206793918314e-5, 0.0, 0.0, 0.0, 0.0, 1.0
+			],
+			"name": "washers"
+		},
+		{
+			"mesh": 5,
+			"name": "washers_basic.003_0"
+		},
+		{
+			"children": [16],
+			"matrix": [
+				100.0, 0.0, 0.0, 0.0, 0.0, -1.629206793918314e-5, -99.99999999999868, 0.0, 0.0, 99.99999999999868,
+				-1.629206793918314e-5, 0.0, 0.0, 0.0, 0.0, 1.0
+			],
+			"name": "wheel_bolts"
+		},
+		{
+			"mesh": 6,
+			"name": "wheel_bolts_basic_0"
+		},
+		{
+			"children": [18],
+			"matrix": [
+				100.0, 0.0, 0.0, 0.0, 0.0, -1.629206793918314e-5, -99.99999999999868, 0.0, 0.0, 99.99999999999868,
+				-1.629206793918314e-5, 0.0, 0.0, 0.0, 0.0, 1.0
+			],
+			"name": "wheels"
+		},
+		{
+			"mesh": 7,
+			"name": "wheels_basic_0"
+		}
+	],
+	"scene": 0,
+	"scenes": [
+		{
+			"name": "Sketchfab_Scene",
+			"nodes": [0]
+		}
+	]
 }
diff --git a/images/logo-and-word.svg b/images/logo-and-word.svg
index 500af3d..ecd2922 100644
--- a/images/logo-and-word.svg
+++ b/images/logo-and-word.svg
@@ -1 +1,37 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 876 259"><defs><style>.cls-1{fill:#0043fa;}.cls-2{fill:url(#linear-gradient);}</style><linearGradient id="linear-gradient" x1="4.44" y1="252.79" x2="237.04" y2="23.74" gradientUnits="userSpaceOnUse"><stop offset="0.18" stop-color="#eb4294"/><stop offset="0.25" stop-color="#e44297"/><stop offset="0.34" stop-color="#d2429f"/><stop offset="0.45" stop-color="#b342ac"/><stop offset="0.57" stop-color="#8842bf"/><stop offset="0.7" stop-color="#5243d6"/><stop offset="0.84" stop-color="#1043f3"/><stop offset="0.87" stop-color="#0043fa"/><stop offset="1" stop-color="#0043fa"/></linearGradient></defs><title>LUME horizontal logo</title><path class="cls-1" d="M367.76,118.62h24.83v52.87h37.87v22.92h-62.7Zm130,41.79V118.62h25.77v41.47c0,8.54,6.07,13,12.89,13s12.9-4.37,12.9-12.45v-42h25.77v41.25c0,24.27-16.26,36.06-38.89,36.06S497.72,184.14,497.72,160.41Zm149.52-41.79h26.42L692,145.26l18.35-26.64h26.41v75.79H712l0-37.51L692.38,184h-.76L672,156.89v37.52H647.24Zm163.58,0h64.64v20.79H835.64v7.68h35v18.3h-35v8.23H876v20.79H810.82Z"/><path class="cls-2" d="M64.63.63,0,65.28V259.1H193.9l64.57-64.58V.63Zm86.19,215.16H43.12V87h43v85.67h64.66Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 876 259">
+	<defs>
+		<style>
+			.cls-1 {
+				fill: #0043fa;
+			}
+
+			.cls-2 {
+				fill: url(#linear-gradient);
+			}
+		</style>
+		<linearGradient id="linear-gradient" x1="4.44" y1="252.79" x2="237.04" y2="23.74"
+			gradientUnits="userSpaceOnUse">
+			<stop offset="0.18" stop-color="#eb4294" />
+			<stop offset="0.25" stop-color="#e44297" />
+			<stop offset="0.34" stop-color="#d2429f" />
+			<stop offset="0.45" stop-color="#b342ac" />
+			<stop offset="0.57" stop-color="#8842bf" />
+			<stop offset="0.7" stop-color="#5243d6" />
+			<stop offset="0.84" stop-color="#1043f3" />
+			<stop offset="0.87" stop-color="#0043fa" />
+			<stop offset="1" stop-color="#0043fa" />
+		</linearGradient>
+	</defs>
+	<title>LUME horizontal logo</title>
+	<path class="cls-1"
+		d="M367.76,118.62h24.83v52.87h37.87v22.92h-62.7Zm130,41.79V118.62h25.77v41.47c0,8.54,6.07,13,12.89,13s12.9-4.37,12.9-12.45v-42h25.77v41.25c0,24.27-16.26,36.06-38.89,36.06S497.72,184.14,497.72,160.41Zm149.52-41.79h26.42L692,145.26l18.35-26.64h26.41v75.79H712l0-37.51L692.38,184h-.76L672,156.89v37.52H647.24Zm163.58,0h64.64v20.79H835.64v7.68h35v18.3h-35v8.23H876v20.79H810.82Z" />
+
+	<path class="cls-2" d="M64.63.63,0,65.28V259.1H193.9l64.57-64.58V.63Zm86.19,215.16H43.12V87h43v85.67h64.66Z" />
+
+	<!-- <style>
+		#logo-path {
+			fill: url(#linear-gradient);
+		}
+	</style>
+	<use id="logo-path" href="./logo.svg#logo-path" /> -->
+</svg>
\ No newline at end of file
diff --git a/images/logo-icon.svg b/images/logo-icon.svg
new file mode 100644
index 0000000..82b9ac0
--- /dev/null
+++ b/images/logo-icon.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" style="background: #0043fa;"
+	xviewBox="0 0 1500 1500" viewBox="-250 -250 2000 2000">
+	<defs>
+		<style>
+			.cls-1 {
+				fill: #fff;
+			}
+		</style>
+	</defs>
+	<title>logo icon</title>
+	<path id="logo-path" class="cls-1"
+		d="M375,.32-.06,375.4V1500H1125l374.64-374.75V.32ZM875,1248.69H250.14v-747H499.87V998.74H875Z"
+		transform="translate(0.06 -0.32)" />
+</svg>
\ No newline at end of file
diff --git a/index.html b/index.html
index 02700dd..c375ba3 100644
--- a/index.html
+++ b/index.html
@@ -3,6 +3,7 @@
 	<head>
 		<title>LUME - 3D HTML elements</title>
 
+		<link rel="icon" href="./images/logo-icon.svg" />
 		<meta name="theme-color" content="#0043fa" />
 
 		<!-- Start Single Page Apps for GitHub Pages -->