diff --git a/README.md b/README.md
index 109c743..ae6cec4 100644
--- a/README.md
+++ b/README.md
@@ -1,12 +1,17 @@
 # td2-visualizer
 
-Narzędzie do przeglądania scenerii Train Driver 2 w przeglądarce.
-Przed załadowaniem pliku scenerii, najpierw przekonwertuj go do lżejszego formatu używając skryptu `tools/scp.py`.
+Narzędzie do przeglądania plików scenerii symulatora Train Driver 2 (.SC) w przeglądarce. Umożliwia szybkie podejrzenie układu torowego dowolnej scenerii, jej szlaków zewnętrzych, semaforów, wskaźników, spawnów, numerów rozjazdów i wiele więcej
 
-A tool for viewing Train Driver 2 scenery files in the browser.
-Before loading a scenery file, make sure to first convert it to lightweight format using `tools/scp.py` script.
+A tool for viewing Train Driver 2 simulator scenery files (.SC) in the browser. It allows for quick lookup of the track layout of any scenery, its external routes, signals, signs, spawns, switch numbers, and much more
 
-WIP
+#
+
+## Online demo
+
+Wersja online może nie zawsze być aktualna<br>
+The online version may not always be up to date
+
+https://maseuko.pl/soft/td2-visualizer-2/
 
 ## Author
 
diff --git a/public/index.html b/public/index.html
index 384b516..51c769d 100644
--- a/public/index.html
+++ b/public/index.html
@@ -5,13 +5,7 @@
     <link rel="icon" href="%PUBLIC_URL%/favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
-    <title>Visualizer2</title>
-    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
-      integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
-      crossorigin=""/>
-    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
-      integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="
-      crossorigin=""></script>
+    <title>TD2 Visualizer</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
diff --git a/src/components/map/object-renderers/RouteRenderer.js b/src/components/map/object-renderers/RouteRenderer.js
index 35303f8..5217bd7 100644
--- a/src/components/map/object-renderers/RouteRenderer.js
+++ b/src/components/map/object-renderers/RouteRenderer.js
@@ -16,7 +16,7 @@ export default function RouteRenderer(props) {
         <g className="route" transform={`translate(${x}, ${y}) rotate(${object.rot.y})`}>
             <g transform={`rotate(90) translate(-80, ${arrowOffset})`}>
                 <ReactSVG
-                    src="/assets/route.svg"
+                    src={`${process.env.PUBLIC_URL}/assets/route.svg`}
                     wrapper='svg'
                     beforeInjection={(svg) => {
                         svg.setAttribute('width', '20mm');
diff --git a/src/components/map/object-renderers/SignRenderer.js b/src/components/map/object-renderers/SignRenderer.js
index 647f87b..e922805 100644
--- a/src/components/map/object-renderers/SignRenderer.js
+++ b/src/components/map/object-renderers/SignRenderer.js
@@ -15,7 +15,7 @@ export default function SignRenderer(props) {
     return (
         <g className="sign" transform={`translate(${x}, ${y}) rotate(${rot}) translate(${offX}, ${offY})`}>
             <ReactSVG
-                src={`/assets/signs/${object.def.icon}`}
+                src={`${process.env.PUBLIC_URL}/assets/signs/${object.def.icon}`}
                 wrapper='svg'
 
                 beforeInjection={(svg) => {
diff --git a/src/components/map/object-renderers/SignalBoxRenderer.js b/src/components/map/object-renderers/SignalBoxRenderer.js
index 5568fe7..123cd20 100644
--- a/src/components/map/object-renderers/SignalBoxRenderer.js
+++ b/src/components/map/object-renderers/SignalBoxRenderer.js
@@ -15,7 +15,7 @@ export default function SignalBoxRenderer(props) {
     <g className="signalbox" transform={`translate(${x}, ${y}) rotate(${rot}) `}>
       <g className="signalbox-icon" transform={`translate(-4.725, -4.725)`}>
           <ReactSVG
-              src={`/assets/signalboxes/${object.def.icon}`}
+              src={`${process.env.PUBLIC_URL}/assets/signalboxes/${object.def.icon}`}
               wrapper='svg'
 
               beforeInjection={(svg) => {
diff --git a/src/components/map/object-renderers/SignalRenderer.js b/src/components/map/object-renderers/SignalRenderer.js
index b6c1f10..b852206 100644
--- a/src/components/map/object-renderers/SignalRenderer.js
+++ b/src/components/map/object-renderers/SignalRenderer.js
@@ -14,7 +14,7 @@ export default function SignalRenderer(props) {
         <g className="signal" transform={`translate(${x}, ${y}) rotate(${object.rot.y}) `}>
             <g className="signal-icon" transform={`translate(-1.89, -1.89)`}>
                 <ReactSVG
-                    src="/assets/signal.svg"
+                    src={`${process.env.PUBLIC_URL}/assets/signal.svg`}
                     wrapper='svg'
 
                     beforeInjection={(svg) => {
diff --git a/src/components/toolbar/SideMenuToggle.js b/src/components/toolbar/SideMenuToggle.js
index 6995493..acf3760 100644
--- a/src/components/toolbar/SideMenuToggle.js
+++ b/src/components/toolbar/SideMenuToggle.js
@@ -13,7 +13,7 @@ export default function SideMenuToggle() {
         <div className='side-menu-toggle'>
             <button onClick={toggleSideMenu} className='invis-button'>
                 <ReactSVG
-                    src="/assets/side-menu.svg"
+                    src={`${process.env.PUBLIC_URL}/assets/side-menu.svg`}
                 />
             </button>
         </div>
