diff --git a/license.txt b/license.txt
index 5986444..90b033d 100644
--- a/license.txt
+++ b/license.txt
@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright © 2020 Stefan Tapper
+Copyright (C) 2020-2021 Stefan Tapper
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
diff --git a/rf2_settings_wizard_win64_setup.iss b/rf2_settings_wizard_win64_setup.iss
index 542c267..3494c7f 100644
--- a/rf2_settings_wizard_win64_setup.iss
+++ b/rf2_settings_wizard_win64_setup.iss
@@ -2,7 +2,7 @@
 ; SEE THE DOCUMENTATION FOR DETAILS ON CREATING INNO SETUP SCRIPT FILES!
 
 #define MyAppName "rF2-Settings-Widget"
-#define MyAppVersion "0.8.0"
+#define MyAppVersion "0.8.1"
 #define MyAppPublisher "Stefan Tapper"
 #define MyAppURL "https://ilikeviecher.com"
 #define MyAppExeName "rF2-Settings-Widget.exe"
diff --git a/vue/package.json b/vue/package.json
index 0a27a50..b180983 100644
--- a/vue/package.json
+++ b/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rF2-Settings-Widget",
-  "version": "0.8.1",
+  "version": "0.8.2",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
diff --git a/vue/public/favicon.ico b/vue/public/favicon.ico
index 9dfe07a..4f901b7 100644
Binary files a/vue/public/favicon.ico and b/vue/public/favicon.ico differ
diff --git a/vue/src/assets/ani_sm.webp b/vue/src/assets/ani_sm.webp
deleted file mode 100644
index fe35576..0000000
Binary files a/vue/src/assets/ani_sm.webp and /dev/null differ
diff --git a/vue/src/assets/app_icon.ico b/vue/src/assets/app_icon.ico
index 7a39b96..e98cc69 100644
Binary files a/vue/src/assets/app_icon.ico and b/vue/src/assets/app_icon.ico differ
diff --git a/vue/src/assets/app_icon.webp b/vue/src/assets/app_icon.webp
index bf5e683..bc8a2be 100644
Binary files a/vue/src/assets/app_icon.webp and b/vue/src/assets/app_icon.webp differ
diff --git a/vue/src/assets/rfW_logo.svg b/vue/src/assets/rfW_logo.svg
new file mode 100644
index 0000000..83fd955
--- /dev/null
+++ b/vue/src/assets/rfW_logo.svg
@@ -0,0 +1,171 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   width="210mm"
+   height="210mm"
+   viewBox="0 0 210 210"
+   version="1.1"
+   id="svg8">
+  <defs
+     id="defs2">
+    <linearGradient
+       id="linearGradient1081">
+      <stop
+         style="stop-color:#fa7c56;stop-opacity:1"
+         offset="0"
+         id="stop1077" />
+      <stop
+         style="stop-color:#fa523c;stop-opacity:0"
+         offset="1"
+         id="stop1079" />
+    </linearGradient>
+    <linearGradient
+       id="r-2-3">
+      <stop
+         style="stop-color:#fa7c56;stop-opacity:1"
+         offset="0"
+         id="stop1378" />
+      <stop
+         style="stop-color:#fa523c;stop-opacity:1"
+         offset="1"
+         id="stop1380" />
+    </linearGradient>
+    <linearGradient
+       xlink:href="#r-2-3"
+       id="linearGradient1376"
+       x1="53.800323"
+       y1="193.04822"
+       x2="152.35889"
+       y2="193.04822"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3556796,0,0,1.4208565,-29.284933,-163.37587)" />
+    <linearGradient
+       xlink:href="#r-2-3"
+       id="linearGradient1394"
+       x1="35.716179"
+       y1="194.58289"
+       x2="165.922"
+       y2="194.58289"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.0261743,0,0,1.0755094,7.0000522,-98.357776)" />
+    <linearGradient
+       xlink:href="#r-2-3"
+       id="linearGradient1029"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2911235,0,0,1.3531967,-22.630507,-150.31426)"
+       x1="53.800323"
+       y1="193.04822"
+       x2="152.35889"
+       y2="193.04822" />
+    <linearGradient
+       xlink:href="#r-2-3"
+       id="linearGradient1031"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.97730888,0,0,1.0242947,11.926622,-88.392268)"
+       x1="35.716179"
+       y1="194.58289"
+       x2="165.922"
+       y2="194.58289" />
+    <linearGradient
+       xlink:href="#linearGradient1081"
+       id="linearGradient1075"
+       x1="148.95712"
+       y1="55.47493"
+       x2="79.331497"
+       y2="90.497108"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.66439139,0,0,0.40339223,30.544338,45.23658)" />
+  </defs>
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1" />
+  <g
+     id="layer3">
+    <g
+       id="g1015"
+       transform="matrix(1.478683,0,0,1.478683,-58.332372,-59.012478)">
+      <rect
+         style="fill:url(#linearGradient1029);fill-opacity:1;fill-rule:nonzero;stroke:url(#linearGradient1031);stroke-width:8.00421;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1356"
+         width="127.25128"
+         height="127.25128"
+         x="46.832359"
+         y="47.292301" />
+      <path
+         id="path1946"
+         style="fill:none;stroke:#fafafa;stroke-width:10.02446096;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;fill-opacity:1"
+         d="m 133.64469,147.11393 15.31243,13.86432 M 67.676759,62.802979 H 134.35915 V 109.59448 H 92.206345 l 41.438345,37.51945" />
+      <rect
+         style="opacity:0.5;mix-blend-mode:screen;fill:url(#linearGradient1075);fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+         id="rect1073"
+         width="62.127064"
+         height="42.559219"
+         x="67.383102"
+         y="67.614738" />
+    </g>
+  </g>
+  <g
+     id="layer2"
+     style="display:none">
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:115.194px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:0.272727;stroke:none;stroke-width:2.87985"
+       x="48.376122"
+       y="256.55667"
+       id="text1330-00"
+       transform="scale(1.0732761,0.93172672)"><tspan
+         id="tspan1328-7"
+         x="48.376122"
+         y="256.55667"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:LCDMono;-inkscape-font-specification:LCDMono;fill:#000000;fill-opacity:0.272727;stroke-width:2.87985">R</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:75.7689px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:0.272727;stroke:none;stroke-width:1.89422"
+       x="106.69357"
+       y="258.72079"
+       id="text1330-0-6"
+       transform="scale(1.0732761,0.93172672)"><tspan
+         id="tspan1328-9-9"
+         x="106.69357"
+         y="258.72079"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:LCDMono;-inkscape-font-specification:LCDMono;fill:#000000;fill-opacity:0.272727;stroke-width:1.89422">2</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:115.194px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:2.87985"
+       x="44.212303"
+       y="251.59276"
+       id="text1330"
+       transform="scale(1.0732761,0.93172672)"><tspan
+         id="tspan1328"
+         x="44.212303"
+         y="251.59276"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:LCDMono;-inkscape-font-specification:LCDMono;stroke-width:2.87985">R</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:75.7689px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1.89422"
+       x="102.52976"
+       y="253.75687"
+       id="text1330-0"
+       transform="scale(1.0732761,0.93172672)"><tspan
+         id="tspan1328-9"
+         x="102.52976"
+         y="253.75687"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:LCDMono;-inkscape-font-specification:LCDMono;stroke-width:1.89422">2</tspan></text>
+  </g>
+</svg>
diff --git a/vue/src/assets/rfW_logo_Ink.png b/vue/src/assets/rfW_logo_Ink.png
new file mode 100644
index 0000000..ed837e2
Binary files /dev/null and b/vue/src/assets/rfW_logo_Ink.png differ
diff --git a/vue/src/assets/rfW_logo_Ink.svg b/vue/src/assets/rfW_logo_Ink.svg
new file mode 100644
index 0000000..39f56aa
--- /dev/null
+++ b/vue/src/assets/rfW_logo_Ink.svg
@@ -0,0 +1,246 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="210mm"
+   height="210mm"
+   viewBox="0 0 210 210"
+   version="1.1"
+   id="svg8"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15, custom)"
+   sodipodi:docname="rfW_logo_Ink.svg"
+   inkscape:export-filename="C:\py\rf_video_settings\vue\src\assets\rfW_logo_Ink.png"
+   inkscape:export-xdpi="96.760002"
+   inkscape:export-ydpi="96.760002">
+  <defs
+     id="defs2">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1081">
+      <stop
+         style="stop-color:#fa7c56;stop-opacity:1"
+         offset="0"
+         id="stop1077" />
+      <stop
+         style="stop-color:#fa523c;stop-opacity:0"
+         offset="1"
+         id="stop1079" />
+    </linearGradient>
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect1004"
+       is_visible="true"
+       lpeversion="1"
+       satellites_param="F,0,0,1,0,2.6458333,0,1 @ F,0,0,1,0,2.6458333,0,1 @ F,0,0,1,0,2.6458333,0,1 @ F,0,0,1,0,2.6458333,0,1 @ F,0,0,1,0,2.6458333,0,1 @ F,0,0,1,0,2.6458333,0,1 @ F,0,0,1,0,2.6458333,0,1 @ F,0,0,1,0,2.6458333,0,1 @ F,0,0,1,0,2.6458333,0,1 @ F,0,0,1,0,2.6458333,0,1 @ F,0,0,1,0,2.6458333,0,1 @ F,0,0,1,0,2.6458333,0,1 @ F,0,0,1,0,2.6458333,0,1 @ F,0,0,1,0,2.6458333,0,1 @ F,0,0,1,0,2.6458333,0,1 @ F,0,0,1,0,2.6458333,0,1 @ F,0,0,1,0,2.6458333,0,1 @ F,0,0,1,0,2.6458333,0,1 @ F,0,0,1,0,2.6458333,0,1 @ F,0,0,1,0,2.6458333,0,1 @ F,0,0,1,0,2.6458333,0,1 @ F,0,0,1,0,2.6458333,0,1 @ F,0,0,1,0,2.6458333,0,1 @ F,0,0,1,0,2.6458333,0,1"
+       unit="px"
+       method="auto"
+       mode="F"
+       radius="10"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="true"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="false"
+       hide_knots="false" />
+    <inkscape:path-effect
+       effect="bspline"
+       id="path-effect1002"
+       is_visible="true"
+       lpeversion="1"
+       weight="33.333333"
+       steps="2"
+       helper_size="0"
+       apply_no_weight="true"
+       apply_with_weight="true"
+       only_selected="false" />
+    <linearGradient
+       inkscape:collect="always"
+       id="r-2-3">
+      <stop
+         style="stop-color:#fa7c56;stop-opacity:1"
+         offset="0"
+         id="stop1378" />
+      <stop
+         style="stop-color:#fa523c;stop-opacity:1"
+         offset="1"
+         id="stop1380" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#r-2-3"
+       id="linearGradient1376"
+       x1="53.800323"
+       y1="193.04822"
+       x2="152.35889"
+       y2="193.04822"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3556796,0,0,1.4208565,-29.284933,-163.37587)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#r-2-3"
+       id="linearGradient1394"
+       x1="35.716179"
+       y1="194.58289"
+       x2="165.922"
+       y2="194.58289"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.0261743,0,0,1.0755094,7.0000522,-98.357776)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#r-2-3"
+       id="linearGradient1029"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2911235,0,0,1.3531967,-22.630507,-150.31426)"
+       x1="53.800323"
+       y1="193.04822"
+       x2="152.35889"
+       y2="193.04822" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#r-2-3"
+       id="linearGradient1031"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.97730888,0,0,1.0242947,11.926622,-88.392268)"
+       x1="35.716179"
+       y1="194.58289"
+       x2="165.922"
+       y2="194.58289" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1081"
+       id="linearGradient1075"
+       x1="148.95712"
+       y1="55.47493"
+       x2="79.331497"
+       y2="90.497108"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.66439139,0,0,0.40339223,30.544338,45.23658)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.82763631"
+     inkscape:cx="256.96968"
+     inkscape:cy="321.97582"
+     inkscape:document-units="mm"
+     inkscape:current-layer="g1015"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     inkscape:window-width="2560"
+     inkscape:window-height="1346"
+     inkscape:window-x="1429"
+     inkscape:window-y="506"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid1008" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Ebene 3">
+    <g
+       id="g1015"
+       transform="matrix(1.478683,0,0,1.478683,-58.332372,-59.012478)">
+      <rect
+         style="fill:url(#linearGradient1029);fill-opacity:1;fill-rule:nonzero;stroke:url(#linearGradient1031);stroke-width:8.00421;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1356"
+         width="127.25128"
+         height="127.25128"
+         x="46.832359"
+         y="47.292301" />
+      <path
+         id="path1946"
+         style="fill:none;stroke:#fafafa;stroke-width:10.02446096;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;fill-opacity:1"
+         d="m 133.64469,147.11393 15.31243,13.86432 M 67.676759,62.802979 H 134.35915 V 109.59448 H 92.206345 l 41.438345,37.51945" />
+      <rect
+         style="opacity:0.5;mix-blend-mode:screen;fill:url(#linearGradient1075);fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+         id="rect1073"
+         width="62.127064"
+         height="42.559219"
+         x="67.383102"
+         y="67.614738" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Ebene 2"
+     style="display:none">
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:115.194px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:0.272727;stroke:none;stroke-width:2.87985"
+       x="48.376122"
+       y="256.55667"
+       id="text1330-00"
+       transform="scale(1.0732761,0.93172672)"><tspan
+         sodipodi:role="line"
+         id="tspan1328-7"
+         x="48.376122"
+         y="256.55667"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:LCDMono;-inkscape-font-specification:LCDMono;fill:#000000;fill-opacity:0.272727;stroke-width:2.87985">R</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:75.7689px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:0.272727;stroke:none;stroke-width:1.89422"
+       x="106.69357"
+       y="258.72079"
+       id="text1330-0-6"
+       transform="scale(1.0732761,0.93172672)"><tspan
+         sodipodi:role="line"
+         id="tspan1328-9-9"
+         x="106.69357"
+         y="258.72079"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:LCDMono;-inkscape-font-specification:LCDMono;fill:#000000;fill-opacity:0.272727;stroke-width:1.89422">2</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:115.194px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:2.87985"
+       x="44.212303"
+       y="251.59276"
+       id="text1330"
+       transform="scale(1.0732761,0.93172672)"><tspan
+         sodipodi:role="line"
+         id="tspan1328"
+         x="44.212303"
+         y="251.59276"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:LCDMono;-inkscape-font-specification:LCDMono;stroke-width:2.87985">R</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:75.7689px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1.89422"
+       x="102.52976"
+       y="253.75687"
+       id="text1330-0"
+       transform="scale(1.0732761,0.93172672)"><tspan
+         sodipodi:role="line"
+         id="tspan1328-9"
+         x="102.52976"
+         y="253.75687"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:LCDMono;-inkscape-font-specification:LCDMono;stroke-width:1.89422">2</tspan></text>
+  </g>
+</svg>
diff --git a/vue/src/assets/screen.webp b/vue/src/assets/screen.webp
deleted file mode 100644
index caad7bb..0000000
Binary files a/vue/src/assets/screen.webp and /dev/null differ
diff --git a/vue/src/components/Dashboard.vue b/vue/src/components/Dashboard.vue
index 41ae33c..f140928 100644
--- a/vue/src/components/Dashboard.vue
+++ b/vue/src/components/Dashboard.vue
@@ -24,8 +24,7 @@
 
     <!-- Display over image slider -->
     <div class="p-3" id="top-menu">
-      <b-img alt="rFactor 2 logo" class="mr-1 float-left no-pointer"
-         src="@/assets/app_icon.webp" width="24"></b-img>
+      <b-icon icon="house-fill" class="mr-1 float-left no-pointer"></b-icon>
       <h6 class="title mb-0">Hello {{ userName }}</h6>
 
       <!-- Shortcuts Play with Preset -->
diff --git a/vue/src/components/Main.vue b/vue/src/components/Main.vue
index a554463..3837d8e 100644
--- a/vue/src/components/Main.vue
+++ b/vue/src/components/Main.vue
@@ -1,10 +1,12 @@
 <template>
   <div id="main" v-cloak>
-    <div class="text-left mt-3 mb-3">
+    <b-navbar class="text-left pl-0 pr-0" type="dark">
+      <b-navbar-brand @click="navActive=0">
+        <b-img width="32px" src="@/assets/app_icon.webp"></b-img>
+      </b-navbar-brand>
       <b-nav>
         <b-nav-item :active="navActive === 0" @click="navActive=0">
           Dashboard
-          <!-- <b-img src="@/assets/app_icon.webp" width="24" alt="rFactor 2 logo"></b-img> -->
         </b-nav-item>
         <b-nav-item :active="navActive === 1" @click="navActive=1">
           Graphics
@@ -19,7 +21,12 @@
           Server Browser
         </b-nav-item>
       </b-nav>
-    </div>
+      <b-navbar-nav class="ml-auto">
+        <b-nav-item id="wiki-nav" right :active="navActive === 5" @click="navActive=5">
+          <b-icon icon="question-square-fill"></b-icon>
+        </b-nav-item>
+      </b-navbar-nav>
+    </b-navbar>
 
     <!-- Graphics Preset Handler -->
     <PresetHandler ref="gfx" @make-toast="makeToast" @error="setError" id-ref="gfx"
@@ -161,12 +168,17 @@
     <ServerBrowser ref="serverBrowser" v-if="navActive === 4"
                    @make-toast="makeToast"></ServerBrowser>
 
+    <!-- Wiki -->
+    <template  v-if="navActive === 5">
+      <Wiki></Wiki>
+    </template>
+
     <!-- rFactor Actions -->
     <div class="mt-3">
       <b-button size="sm" variant="primary" @click="launchRfactor">
         <b-icon icon="play"></b-icon>Start rFactor 2
       </b-button>
-      <b-button size="sm" variant="secondary" class="ml-2" v-b-popover.auto.hover="'Open rF2 Setup folder'"
+      <b-button size="sm" variant="secondary" class="ml-2" v-b-popover.auto.hover="'Open rF2 vehicle setups folder'"
                 @click="openSetupFolder">
         <b-icon icon="folder"></b-icon>
       </b-button>
@@ -186,6 +198,7 @@ import GraphicsArea from "@/components/GraphicsArea";
 import ServerBrowser from "@/components/ServerBrowser";
 import PresetHandler from "@/components/PresetHandler";
 import GenericSettingsArea from "@/components/GenericSettingsArea";
+import Wiki from "@/components/Wiki";
 
 export default {
   name: 'Main',
@@ -262,7 +275,8 @@ export default {
     ServerBrowser,
     PresetHandler,
     PresetUi,
-    GraphicsArea
+    GraphicsArea,
+    Wiki
   },
 }
 </script>
@@ -273,6 +287,7 @@ export default {
   width: 92%;
   margin: 0 auto 0 auto;
 }
+#wiki-nav a { padding-right: 0; }
 .nav-link.active {
   text-decoration: underline;
   text-decoration-skip-ink: auto;
diff --git a/vue/src/components/Wiki.vue b/vue/src/components/Wiki.vue
new file mode 100644
index 0000000..a9dcac2
--- /dev/null
+++ b/vue/src/components/Wiki.vue
@@ -0,0 +1,86 @@
+<template>
+  <div v-cloak id="wiki" class="position-relative mb-5 text-left">
+    <h4>Pin to taskbar</h4>
+    <p>If you want to pin this app to your taskbar: type rf2 into your Windows start menu and right click the
+      rf2 Settings Widget app entry > Pin to taskbar. If you try to pin the running app, you'll pin
+      a shortcut to your web browser.</p>
+
+    <h4 class="mt-4">Import</h4>
+    <p>You can import preset JSON files by simply dragging them into the application window!</p>
+
+    <h4 class="mt-4">Server Browser</h4>
+    <p>The Server Browser uses Steam's API to query server information. The number of connected players and
+    names of the connected players does most likely not reflect the actual number of players.
+    The information should be similar to what you see when launching Steam>View>Server</p>
+
+    <h4 class="mt-4">rF2 Notes</h4>
+    <p>Start rF2 while a dedicated server is running on the same machine: Change the WebUI Port in player.json
+    to something different than the default value. Use this app to start rF2 or create a shortcut to rF2.exe
+    and set the StartIn parameter to the rFactor 2 root directory.</p>
+    <p></p>
+    <span>Start rF2 from command line and join a password protected server: </span>
+    <pre class="text-muted">rFactor2.exe +multiplayer +connect=:Password@IP:Port</pre>
+    <p></p>
+    <span>Server XY won't let you join: Unable to install server mod. Take a look at your:</span>
+    <pre class="text-muted mb-0">rFactor 2\UserData\cmpReport.txt</pre>
+    <span>If you find messages like component XY missing: try to un- and resubscribe to that Item in the
+    Steam Workshop.</span>
+    <p></p>
+    <span>Your ModMgr.exe is not starting. The registry key for the packages and rFactor directory
+    is most likely out of date. Take a look at these Windows registry keys:</span>
+    <pre class="text-muted">HKEY_CURRENT_USER\\SOFTWARE\\Image Space Incorporated\\rFactor2 Mod Manager\\--guid--\\Packages Dir</pre>
+
+    <h4 class="mt-4">Credits</h4>
+    <b-list-group>
+      <b-list-group-item variant="dark">
+        <b-link href="https://studio397.com">Studio 397 Dev Guide</b-link>
+        <span> - general resource about rFactor 2 development</span>
+      </b-list-group-item>
+      <b-list-group-item variant="dark">
+        <b-link href="https://github.com/ChrisKnott/Eel">Eel</b-link>
+        <span> - A little Python library for making simple Electron-like HTML/JS GUI apps</span>
+      </b-list-group-item>
+      <b-list-group-item variant="dark">
+        <b-link href="https://github.com/TonyWhitley/rF2_serverNotify">rF2_serverNotify</b-link>
+        <span> - starting point to read rF2 Server information</span>
+      </b-list-group-item>
+      <b-list-group-item variant="dark">
+        <b-link href="https://gitlab.com/grumbel/rfactortools">rfactortools</b-link>
+        <span> - interesting source of information to handle various rF specific file types.</span>
+      </b-list-group-item>
+      <b-list-group-item variant="dark">
+        <b-link href="https://forum.studio-397.com/index.php?threads/community-screenshots-thread-unedited-screens-only.40609/">
+          Studio 397 Screenshot Thread</b-link>
+        <span> - most of the dashboard shots are taken from there, every author is credited and no images
+        are distributed with this app.</span>
+      </b-list-group-item>
+    </b-list-group>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "Wiki",
+  data: function () {
+    return {
+      data: null
+    }
+  },
+  methods: {
+    makeToast(message, category = 'secondary', title = 'Update', append = true, delay = 8000) {
+      this.$emit('make-toast', message, category, title, append, delay)
+    },
+  },
+  components: {
+  },
+}
+</script>
+
+<style scoped>
+
+</style>
+
+<style>
+
+</style>
\ No newline at end of file