diff --git a/package.json b/package.json
index 53621cd2..94b1b564 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,7 @@
         "@silvermine/videojs-quality-selector": "^1.2.4",
         "core-js": "^3.7.0",
         "css-loader": "^5.0.1",
-        "less": "^4.0.0",
+        "less": "3.12.2",
         "less-loader": "^7.1.0",
         "register-service-worker": "^1.7.1",
         "uikit": "^3.5.9",
diff --git a/public/favicon.ico b/public/favicon.ico
index df36fcfb..29b8d128 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/img/icons/android-chrome-192x192.png b/public/img/icons/android-chrome-192x192.png
index b02aa64d..562a3b71 100644
Binary files a/public/img/icons/android-chrome-192x192.png and b/public/img/icons/android-chrome-192x192.png differ
diff --git a/public/img/icons/android-chrome-512x512.png b/public/img/icons/android-chrome-512x512.png
index 06088b01..914268d2 100644
Binary files a/public/img/icons/android-chrome-512x512.png and b/public/img/icons/android-chrome-512x512.png differ
diff --git a/public/img/icons/android-chrome-maskable-192x192.png b/public/img/icons/android-chrome-maskable-192x192.png
index 791e9c8c..562a3b71 100644
Binary files a/public/img/icons/android-chrome-maskable-192x192.png and b/public/img/icons/android-chrome-maskable-192x192.png differ
diff --git a/public/img/icons/android-chrome-maskable-512x512.png b/public/img/icons/android-chrome-maskable-512x512.png
index 5f2098ed..914268d2 100644
Binary files a/public/img/icons/android-chrome-maskable-512x512.png and b/public/img/icons/android-chrome-maskable-512x512.png differ
diff --git a/public/img/icons/apple-touch-icon-120x120.png b/public/img/icons/apple-touch-icon-120x120.png
index 1427cf62..5839493c 100644
Binary files a/public/img/icons/apple-touch-icon-120x120.png and b/public/img/icons/apple-touch-icon-120x120.png differ
diff --git a/public/img/icons/apple-touch-icon-152x152.png b/public/img/icons/apple-touch-icon-152x152.png
index f24d454a..0248924c 100644
Binary files a/public/img/icons/apple-touch-icon-152x152.png and b/public/img/icons/apple-touch-icon-152x152.png differ
diff --git a/public/img/icons/apple-touch-icon-180x180.png b/public/img/icons/apple-touch-icon-180x180.png
index 404e192a..9f265a1c 100644
Binary files a/public/img/icons/apple-touch-icon-180x180.png and b/public/img/icons/apple-touch-icon-180x180.png differ
diff --git a/public/img/icons/apple-touch-icon-60x60.png b/public/img/icons/apple-touch-icon-60x60.png
index cf10a560..eac626f7 100644
Binary files a/public/img/icons/apple-touch-icon-60x60.png and b/public/img/icons/apple-touch-icon-60x60.png differ
diff --git a/public/img/icons/apple-touch-icon-76x76.png b/public/img/icons/apple-touch-icon-76x76.png
index c500769e..5430c839 100644
Binary files a/public/img/icons/apple-touch-icon-76x76.png and b/public/img/icons/apple-touch-icon-76x76.png differ
diff --git a/public/img/icons/apple-touch-icon.png b/public/img/icons/apple-touch-icon.png
index 03c0c5d5..9f265a1c 100644
Binary files a/public/img/icons/apple-touch-icon.png and b/public/img/icons/apple-touch-icon.png differ
diff --git a/public/img/icons/favicon-16x16.png b/public/img/icons/favicon-16x16.png
index 42af0096..6aee962e 100644
Binary files a/public/img/icons/favicon-16x16.png and b/public/img/icons/favicon-16x16.png differ
diff --git a/public/img/icons/favicon-32x32.png b/public/img/icons/favicon-32x32.png
index 46ca04de..8126329f 100644
Binary files a/public/img/icons/favicon-32x32.png and b/public/img/icons/favicon-32x32.png differ
diff --git a/public/img/icons/logo.svg b/public/img/icons/logo.svg
new file mode 100644
index 00000000..a5b83ed5
--- /dev/null
+++ b/public/img/icons/logo.svg
@@ -0,0 +1,39 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1080 1080" width="1080" height="1080">
+	<defs>
+		<linearGradient id="grd1" gradientUnits="userSpaceOnUse" x1="138.28" y1="555.665" x2="522.49" y2="480.982">
+			<stop offset="0.16" stop-color="#8b1010" />
+			<stop offset="1" stop-color="#f84330" />
+		</linearGradient>
+		<linearGradient id="grd2" gradientUnits="userSpaceOnUse" x1="353.405" y1="835.89" x2="321.475" y2="986.11">
+			<stop offset="0.174" stop-color="#493b32" />
+			<stop offset="0.61" stop-color="#dbccc4" />
+		</linearGradient>
+		<linearGradient id="grd3" gradientUnits="userSpaceOnUse" x1="300.212" y1="432.365" x2="861.409" y2="323.279">
+			<stop offset="0.16" stop-color="#8b1010" />
+			<stop offset="1" stop-color="#f84330" />
+		</linearGradient>
+		<linearGradient id="grd4" gradientUnits="userSpaceOnUse" x1="553.252" y1="62.95" x2="504.217" y2="372.542">
+			<stop offset="0.174" stop-color="#493b32" />
+			<stop offset="0.61" stop-color="#dbccc4" />
+		</linearGradient>
+		<linearGradient id="grd5" gradientUnits="userSpaceOnUse" x1="557.276" y1="360.48" x2="503.26" y2="701.52">
+			<stop offset="0.174" stop-color="#493b32" />
+			<stop offset="0.61" stop-color="#dbccc4" />
+		</linearGradient>
+	</defs>
+	<style>
+		tspan { white-space:pre }
+		.shp0 { fill: url(#grd1) } 
+		.shp1 { fill: url(#grd2) } 
+		.shp2 { fill: url(#grd3) } 
+		.shp3 { fill: url(#grd4) } 
+		.shp4 { fill: url(#grd5) } 
+	</style>
+	<g id="Logo original">
+		<path id="Vertical Pipe" class="shp0" d="M308.43 156.83C308.43 156.83 315.74 151.35 328.73 144.1C336.03 140.96 345.13 137.73 355.51 134.83C366.43 132.55 378.57 130.84 391.1 129.92C403.91 129.85 416.88 130.66 429.07 132.27C441.2 134.74 452.38 137.86 461.8 141.18C479.95 149.7 491.39 156.83 491.39 156.83C491.39 156.83 491.39 168.54 491.39 189.05C491.39 199.3 491.39 211.75 491.39 226.03C491.39 240.31 491.39 256.42 491.39 274C491.39 291.57 491.39 310.61 491.39 330.75C491.39 340.82 491.39 351.17 491.39 361.74C491.39 372.31 491.39 383.11 491.39 394.1C491.39 405.08 491.39 416.25 491.39 427.56C491.39 438.86 491.39 450.31 491.39 461.84C491.39 473.37 491.39 485 491.39 496.67C491.39 508.34 491.39 520.06 491.39 531.78C491.39 543.49 491.39 555.21 491.39 566.88C491.39 578.55 491.39 590.18 491.39 601.71C491.39 613.25 491.39 624.69 491.39 636C491.39 647.3 491.39 658.47 491.39 669.45C491.39 680.44 491.39 691.24 491.39 701.81C491.39 712.39 491.39 722.73 491.39 732.8C491.39 752.94 491.39 771.98 491.39 789.55C491.39 807.13 491.39 823.24 491.39 837.52C491.39 851.8 491.39 864.25 491.39 874.5C491.39 895.01 491.39 906.73 491.39 906.73C491.39 906.73 479.95 906.73 462.8 906.73C454.22 906.73 444.22 906.73 433.5 906.73C422.78 906.73 411.34 906.73 399.91 906.73C388.47 906.73 377.04 906.73 366.32 906.73C355.6 906.73 345.59 906.73 337.02 906.73C319.86 906.73 308.43 906.73 308.43 906.73C308.43 906.73 308.43 895.01 308.43 874.5C308.43 864.25 308.43 851.8 308.43 837.52C308.43 823.24 308.43 807.13 308.43 789.55C308.43 771.98 308.43 752.94 308.43 732.8C308.43 722.73 308.43 712.39 308.43 701.81C308.43 691.24 308.43 680.44 308.43 669.45C308.43 658.47 308.43 647.3 308.43 636C308.43 624.69 308.43 613.25 308.43 601.71C308.43 590.18 308.43 578.55 308.43 566.88C308.43 555.21 308.43 543.49 308.43 531.78C308.43 520.06 308.43 508.34 308.43 496.67C308.43 485 308.43 473.37 308.43 461.84C308.43 450.31 308.43 438.86 308.43 427.56C308.43 416.25 308.43 405.08 308.43 394.1C308.43 383.11 308.43 372.31 308.43 361.74C308.43 351.17 308.43 340.82 308.43 330.75C308.43 310.61 308.43 291.57 308.43 274C308.43 256.42 308.43 240.31 308.43 226.03C308.43 211.75 308.43 199.3 308.43 189.05C308.43 168.54 308.43 156.83 308.43 156.83Z" />
+		<path id="Vertical Pipe Hole" class="shp1" d="M400 948C349.12 948 308 931.46 308 911C308 890.54 349.12 874 400 874C450.88 874 492 890.54 492 911C492 931.46 450.88 948 400 948Z" />
+		<path id="Curved Pipe" class="shp2" d="M550.11 292.48C550.11 292.48 550.11 282.84 549.95 270.23C549.81 264.56 549.62 258.33 549.4 251.96C549.18 245.73 548.97 239.04 548.8 232.11C548.71 224.71 548.72 216.64 548.84 208.28C549.1 198.98 549.49 189.29 549.96 180.1C551.34 158.91 552.64 142.43 552.64 142.43C552.64 142.43 567.23 141.22 591.88 140.99C597.82 141.37 604.31 141.97 611.26 142.84C618.21 143.71 625.62 144.85 633.41 146.3C640.92 148.24 648.73 150.6 656.78 153.39C664.82 156.18 673.1 159.41 681.53 163.08C689.5 167.4 697.54 172.24 705.59 177.59C713.63 182.94 721.67 188.8 729.65 195.17C737.15 202.04 744.52 209.42 751.7 217.3C758.52 225.48 765.12 234.13 771.43 243.22C777.35 252.59 782.95 262.36 788.19 272.5C792.99 282.86 797.41 293.54 801.4 304.49C804.92 315.6 808 326.93 810.6 338.41C812.71 349.98 814.33 361.66 815.45 373.37C816.05 385.09 816.14 396.79 815.72 408.41C814.77 419.96 813.31 431.38 811.34 442.59C808.85 453.67 805.86 464.5 802.4 475.02C798.42 485.33 793.98 495.3 789.12 504.88C783.76 514.19 778.01 523.09 771.91 531.52C765.34 539.65 758.45 547.31 751.31 554.46C743.52 561.14 735.54 567.31 727.43 572.97C719.33 578.63 711.11 583.78 702.85 588.42C693.9 592.43 685.01 595.99 676.29 599.11C667.55 602.23 658.98 604.91 650.65 607.17C641.86 608.94 633.43 610.39 625.48 611.55C617.52 612.72 610.03 613.6 603.12 614.23C588.57 614.64 576.92 614.69 568.91 614.64C560.9 614.59 556.53 614.44 556.53 614.44C556.53 614.44 556.85 604.81 557.26 591.31C557.43 584.87 557.61 577.5 557.76 569.7C557.87 561.87 557.93 553.37 557.93 544.58C557.85 535.37 557.69 525.59 557.45 515.8C557.11 505.28 556.69 494.7 556.25 484.98C555.08 463.51 554.08 447.5 554.08 447.5C554.08 447.5 561.02 447.9 572.67 447.99C578.25 447.77 584.82 447.25 592.05 446.35C598.96 445.13 606.38 443.4 614 441.09C621.13 438.38 628.29 435.01 635.23 431C638.46 428.84 641.6 426.51 644.63 424.03C647.47 421.45 650.2 418.71 652.77 415.84C655.14 412.88 657.35 409.79 659.37 406.58C661.19 403.3 662.81 399.91 664.23 396.43C665.43 392.91 666.41 389.3 667.17 385.65C667.71 381.96 668.02 378.24 668.1 374.5C667.96 370.75 667.58 367 666.98 363.27C666.15 359.56 665.1 355.88 663.84 352.27C662.35 348.69 660.66 345.18 658.77 341.76C656.67 338.4 654.39 335.14 651.94 332.01C649.28 328.94 646.48 326.01 643.55 323.21C640.43 320.5 637.2 317.94 633.88 315.53C626.74 310.99 619.36 307.07 612.03 303.81C604.17 300.9 596.53 298.57 589.39 296.8C581.92 295.31 575.14 294.26 569.37 293.56C557.31 292.67 550.11 292.48 550.11 292.48Z" />
+		<path id="Curved Pipe Upper Hole" class="shp3" d="M556.37 294C533.9 294 515.73 259.91 515.73 217.75C515.73 175.58 533.9 141.49 556.37 141.49C578.84 141.49 597.01 175.58 597.01 217.75C597.01 259.91 578.84 294 556.37 294Z" />
+		<path id="Curved Pipe Bottom Hole" class="shp4" d="M557.9 615C535.43 615 517.26 577.45 517.26 531C517.26 484.55 535.43 447 557.9 447C580.38 447 598.54 484.55 598.54 531C598.54 577.45 580.38 615 557.9 615Z" />
+	</g>
+</svg>
diff --git a/public/img/icons/msapplication-icon-144x144.png b/public/img/icons/msapplication-icon-144x144.png
index 7808237a..edc52bb1 100644
Binary files a/public/img/icons/msapplication-icon-144x144.png and b/public/img/icons/msapplication-icon-144x144.png differ
diff --git a/public/img/icons/mstile-150x150.png b/public/img/icons/mstile-150x150.png
index 3b37a43a..217d8d38 100644
Binary files a/public/img/icons/mstile-150x150.png and b/public/img/icons/mstile-150x150.png differ
diff --git a/public/img/icons/safari-pinned-tab.svg b/public/img/icons/safari-pinned-tab.svg
index e44c0d5b..a5b83ed5 100644
--- a/public/img/icons/safari-pinned-tab.svg
+++ b/public/img/icons/safari-pinned-tab.svg
@@ -1,3 +1,39 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.00251 14.9297L0 1.07422H6.14651L8.00251 4.27503L9.84583 1.07422H16L8.00251 14.9297Z" fill="black"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1080 1080" width="1080" height="1080">
+	<defs>
+		<linearGradient id="grd1" gradientUnits="userSpaceOnUse" x1="138.28" y1="555.665" x2="522.49" y2="480.982">
+			<stop offset="0.16" stop-color="#8b1010" />
+			<stop offset="1" stop-color="#f84330" />
+		</linearGradient>
+		<linearGradient id="grd2" gradientUnits="userSpaceOnUse" x1="353.405" y1="835.89" x2="321.475" y2="986.11">
+			<stop offset="0.174" stop-color="#493b32" />
+			<stop offset="0.61" stop-color="#dbccc4" />
+		</linearGradient>
+		<linearGradient id="grd3" gradientUnits="userSpaceOnUse" x1="300.212" y1="432.365" x2="861.409" y2="323.279">
+			<stop offset="0.16" stop-color="#8b1010" />
+			<stop offset="1" stop-color="#f84330" />
+		</linearGradient>
+		<linearGradient id="grd4" gradientUnits="userSpaceOnUse" x1="553.252" y1="62.95" x2="504.217" y2="372.542">
+			<stop offset="0.174" stop-color="#493b32" />
+			<stop offset="0.61" stop-color="#dbccc4" />
+		</linearGradient>
+		<linearGradient id="grd5" gradientUnits="userSpaceOnUse" x1="557.276" y1="360.48" x2="503.26" y2="701.52">
+			<stop offset="0.174" stop-color="#493b32" />
+			<stop offset="0.61" stop-color="#dbccc4" />
+		</linearGradient>
+	</defs>
+	<style>
+		tspan { white-space:pre }
+		.shp0 { fill: url(#grd1) } 
+		.shp1 { fill: url(#grd2) } 
+		.shp2 { fill: url(#grd3) } 
+		.shp3 { fill: url(#grd4) } 
+		.shp4 { fill: url(#grd5) } 
+	</style>
+	<g id="Logo original">
+		<path id="Vertical Pipe" class="shp0" d="M308.43 156.83C308.43 156.83 315.74 151.35 328.73 144.1C336.03 140.96 345.13 137.73 355.51 134.83C366.43 132.55 378.57 130.84 391.1 129.92C403.91 129.85 416.88 130.66 429.07 132.27C441.2 134.74 452.38 137.86 461.8 141.18C479.95 149.7 491.39 156.83 491.39 156.83C491.39 156.83 491.39 168.54 491.39 189.05C491.39 199.3 491.39 211.75 491.39 226.03C491.39 240.31 491.39 256.42 491.39 274C491.39 291.57 491.39 310.61 491.39 330.75C491.39 340.82 491.39 351.17 491.39 361.74C491.39 372.31 491.39 383.11 491.39 394.1C491.39 405.08 491.39 416.25 491.39 427.56C491.39 438.86 491.39 450.31 491.39 461.84C491.39 473.37 491.39 485 491.39 496.67C491.39 508.34 491.39 520.06 491.39 531.78C491.39 543.49 491.39 555.21 491.39 566.88C491.39 578.55 491.39 590.18 491.39 601.71C491.39 613.25 491.39 624.69 491.39 636C491.39 647.3 491.39 658.47 491.39 669.45C491.39 680.44 491.39 691.24 491.39 701.81C491.39 712.39 491.39 722.73 491.39 732.8C491.39 752.94 491.39 771.98 491.39 789.55C491.39 807.13 491.39 823.24 491.39 837.52C491.39 851.8 491.39 864.25 491.39 874.5C491.39 895.01 491.39 906.73 491.39 906.73C491.39 906.73 479.95 906.73 462.8 906.73C454.22 906.73 444.22 906.73 433.5 906.73C422.78 906.73 411.34 906.73 399.91 906.73C388.47 906.73 377.04 906.73 366.32 906.73C355.6 906.73 345.59 906.73 337.02 906.73C319.86 906.73 308.43 906.73 308.43 906.73C308.43 906.73 308.43 895.01 308.43 874.5C308.43 864.25 308.43 851.8 308.43 837.52C308.43 823.24 308.43 807.13 308.43 789.55C308.43 771.98 308.43 752.94 308.43 732.8C308.43 722.73 308.43 712.39 308.43 701.81C308.43 691.24 308.43 680.44 308.43 669.45C308.43 658.47 308.43 647.3 308.43 636C308.43 624.69 308.43 613.25 308.43 601.71C308.43 590.18 308.43 578.55 308.43 566.88C308.43 555.21 308.43 543.49 308.43 531.78C308.43 520.06 308.43 508.34 308.43 496.67C308.43 485 308.43 473.37 308.43 461.84C308.43 450.31 308.43 438.86 308.43 427.56C308.43 416.25 308.43 405.08 308.43 394.1C308.43 383.11 308.43 372.31 308.43 361.74C308.43 351.17 308.43 340.82 308.43 330.75C308.43 310.61 308.43 291.57 308.43 274C308.43 256.42 308.43 240.31 308.43 226.03C308.43 211.75 308.43 199.3 308.43 189.05C308.43 168.54 308.43 156.83 308.43 156.83Z" />
+		<path id="Vertical Pipe Hole" class="shp1" d="M400 948C349.12 948 308 931.46 308 911C308 890.54 349.12 874 400 874C450.88 874 492 890.54 492 911C492 931.46 450.88 948 400 948Z" />
+		<path id="Curved Pipe" class="shp2" d="M550.11 292.48C550.11 292.48 550.11 282.84 549.95 270.23C549.81 264.56 549.62 258.33 549.4 251.96C549.18 245.73 548.97 239.04 548.8 232.11C548.71 224.71 548.72 216.64 548.84 208.28C549.1 198.98 549.49 189.29 549.96 180.1C551.34 158.91 552.64 142.43 552.64 142.43C552.64 142.43 567.23 141.22 591.88 140.99C597.82 141.37 604.31 141.97 611.26 142.84C618.21 143.71 625.62 144.85 633.41 146.3C640.92 148.24 648.73 150.6 656.78 153.39C664.82 156.18 673.1 159.41 681.53 163.08C689.5 167.4 697.54 172.24 705.59 177.59C713.63 182.94 721.67 188.8 729.65 195.17C737.15 202.04 744.52 209.42 751.7 217.3C758.52 225.48 765.12 234.13 771.43 243.22C777.35 252.59 782.95 262.36 788.19 272.5C792.99 282.86 797.41 293.54 801.4 304.49C804.92 315.6 808 326.93 810.6 338.41C812.71 349.98 814.33 361.66 815.45 373.37C816.05 385.09 816.14 396.79 815.72 408.41C814.77 419.96 813.31 431.38 811.34 442.59C808.85 453.67 805.86 464.5 802.4 475.02C798.42 485.33 793.98 495.3 789.12 504.88C783.76 514.19 778.01 523.09 771.91 531.52C765.34 539.65 758.45 547.31 751.31 554.46C743.52 561.14 735.54 567.31 727.43 572.97C719.33 578.63 711.11 583.78 702.85 588.42C693.9 592.43 685.01 595.99 676.29 599.11C667.55 602.23 658.98 604.91 650.65 607.17C641.86 608.94 633.43 610.39 625.48 611.55C617.52 612.72 610.03 613.6 603.12 614.23C588.57 614.64 576.92 614.69 568.91 614.64C560.9 614.59 556.53 614.44 556.53 614.44C556.53 614.44 556.85 604.81 557.26 591.31C557.43 584.87 557.61 577.5 557.76 569.7C557.87 561.87 557.93 553.37 557.93 544.58C557.85 535.37 557.69 525.59 557.45 515.8C557.11 505.28 556.69 494.7 556.25 484.98C555.08 463.51 554.08 447.5 554.08 447.5C554.08 447.5 561.02 447.9 572.67 447.99C578.25 447.77 584.82 447.25 592.05 446.35C598.96 445.13 606.38 443.4 614 441.09C621.13 438.38 628.29 435.01 635.23 431C638.46 428.84 641.6 426.51 644.63 424.03C647.47 421.45 650.2 418.71 652.77 415.84C655.14 412.88 657.35 409.79 659.37 406.58C661.19 403.3 662.81 399.91 664.23 396.43C665.43 392.91 666.41 389.3 667.17 385.65C667.71 381.96 668.02 378.24 668.1 374.5C667.96 370.75 667.58 367 666.98 363.27C666.15 359.56 665.1 355.88 663.84 352.27C662.35 348.69 660.66 345.18 658.77 341.76C656.67 338.4 654.39 335.14 651.94 332.01C649.28 328.94 646.48 326.01 643.55 323.21C640.43 320.5 637.2 317.94 633.88 315.53C626.74 310.99 619.36 307.07 612.03 303.81C604.17 300.9 596.53 298.57 589.39 296.8C581.92 295.31 575.14 294.26 569.37 293.56C557.31 292.67 550.11 292.48 550.11 292.48Z" />
+		<path id="Curved Pipe Upper Hole" class="shp3" d="M556.37 294C533.9 294 515.73 259.91 515.73 217.75C515.73 175.58 533.9 141.49 556.37 141.49C578.84 141.49 597.01 175.58 597.01 217.75C597.01 259.91 578.84 294 556.37 294Z" />
+		<path id="Curved Pipe Bottom Hole" class="shp4" d="M557.9 615C535.43 615 517.26 577.45 517.26 531C517.26 484.55 535.43 447 557.9 447C580.38 447 598.54 484.55 598.54 531C598.54 577.45 580.38 615 557.9 615Z" />
+	</g>
 </svg>
diff --git a/src/App.vue b/src/App.vue
index f42b51af..9319b996 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -10,15 +10,19 @@
         >
             <div class="uk-navbar-left">
                 <router-link class="uk-navbar-item uk-logo uk-text-bold" to="/"
-                    >Piped</router-link
-                >
-            </div>
-            <div class="uk-navbar-center">
-                <input
-                    class="uk-input uk-form-width-large"
-                    type="text"
-                    placeholder="Search"
-                    v-model="searchText"
+                    ><img
+                        src="../public/img/icons/logo.svg"
+                        height="32"
+                        width="32"
+                    />iped</router-link
+                >
+            </div>
+            <div class="uk-navbar-center uk-flex">
+                <input
+                    class="uk-input"
+                    type="text"
+                    placeholder="Search"
+                    v-model="searchText"
                     @keypress="onChange($event)"
                 />
             </div>
diff --git a/src/components/WatchVideo.vue b/src/components/WatchVideo.vue
index 133711e5..ff988d4c 100644
--- a/src/components/WatchVideo.vue
+++ b/src/components/WatchVideo.vue
@@ -66,12 +66,14 @@
 </template>
 
 <script>
-import "video.js/dist/video-js.css";
-import "@silvermine/videojs-quality-selector/dist/css/quality-selector.css";
+import("video.js/dist/video-js.css");
+import("@silvermine/videojs-quality-selector/dist/css/quality-selector.css");
 import videojs from "video.js";
-require("videojs-hotkeys");
+import("videojs-hotkeys");
 import Constants from "@/Constants.js";
-require("@silvermine/videojs-quality-selector")(videojs);
+import("@silvermine/videojs-quality-selector").then(module => {
+    module.default(videojs);
+});
 
 export default {
     name: "App",
diff --git a/src/main.js b/src/main.js
index 365196d0..f3293e4a 100644
--- a/src/main.js
+++ b/src/main.js
@@ -4,8 +4,8 @@ import { faThumbsUp, faThumbsDown, faEye } from '@fortawesome/free-solid-svg-ico
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
 library.add(faThumbsUp, faThumbsDown, faEye)
 
-require("uikit/src/less/uikit.less")
-require("uikit/dist/js/uikit.min.js")
+import("uikit/src/less/uikit.less")
+import("uikit/dist/js/uikit.min.js")
 
 import router from '@/router/router'
 import App from './App.vue'
diff --git a/src/router/router.js b/src/router/router.js
index 9ae43c9a..0e08e400 100644
--- a/src/router/router.js
+++ b/src/router/router.js
@@ -1,30 +1,25 @@
 import { createRouter, createWebHistory } from 'vue-router'
-import Watch from '../components/WatchVideo.vue'
-import Trending from '../components/TrendingPage.vue'
-import Channel from '../components/Channel.vue'
-import Preferences from '../components/Preferences.vue'
-import SearchResults from '../components/SearchResults.vue'
 
 const routes = [{
     path: '/watch',
     name: 'Watch',
-    component: Watch
+    component: () => import('../components/WatchVideo.vue')
 }, {
     path: '/',
     name: 'Trending',
-    component: Trending
+    component: () => import('../components/TrendingPage.vue')
 }, {
     path: '/channel/:channelId',
     name: 'Channel',
-    component: Channel
+    component: () => import('../components/Channel.vue')
 }, {
     path: '/preferences',
     name: 'Preferences',
-    component: Preferences
+    component: () => import('../components/Preferences.vue')
 }, {
     path: '/results',
     name: 'SearchResults',
-    component: SearchResults
+    component: () => import('../components/SearchResults.vue')
 }]
 
 const router = createRouter({
diff --git a/vue.config.js b/vue.config.js
new file mode 100644
index 00000000..3001c8a6
--- /dev/null
+++ b/vue.config.js
@@ -0,0 +1,13 @@
+module.exports = {
+    pwa: {
+        name: 'Piped',
+        themeColor: '#fa4b4b',
+        msTileColor: '#000000',
+        appleMobileWebAppCapable: 'yes',
+        appleMobileWebAppStatusBarStyle: 'black',
+        workboxPluginMode: 'GenerateSW',
+        workboxOptions: {
+            navigateFallback: 'index.html'
+        }
+    }
+}
diff --git a/yarn.lock b/yarn.lock
index 3bab8611..ed6c393c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2842,13 +2842,6 @@ cookie@0.4.0:
   resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.4.0.tgz#beb437e7022b3b6d49019d088665303ebe9c14ba"
   integrity sha512-+Hp8fLp57wnUSt0tY0tHEXh4voZRDnoIrZPqlo3DPiI4y9lwg/jqx+1Om94/W6ZaPDOUbnjOt/99w66zk+l1Xg==
 
-copy-anything@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/copy-anything/-/copy-anything-2.0.1.tgz#2afbce6da684bdfcbec93752fa762819cb480d9a"
-  integrity sha512-lA57e7viQHOdPQcrytv5jFeudZZOXuyk47lZym279FiDQ8jeZomXiGuVf6ffMKkJ+3TIai3J1J3yi6M+/4U35g==
-  dependencies:
-    is-what "^3.7.1"
-
 copy-concurrently@^1.0.0:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/copy-concurrently/-/copy-concurrently-1.0.5.tgz#92297398cae34937fcafd6ec8139c18051f0b5e0"
@@ -5200,11 +5193,6 @@ is-typedarray@~1.0.0:
   resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
   integrity sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=
 
-is-what@^3.7.1:
-  version "3.12.0"
-  resolved "https://registry.yarnpkg.com/is-what/-/is-what-3.12.0.tgz#f4405ce4bd6dd420d3ced51a026fb90e03705e55"
-  integrity sha512-2ilQz5/f/o9V7WRWJQmpFYNmQFZ9iM+OXRonZKcYgTkCzjb949Vi4h282PD1UfmgHk666rcWonbRJ++KI41VGw==
-
 is-windows@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/is-windows/-/is-windows-1.0.2.tgz#d1850eb9791ecd18e6182ce12a30f396634bb19d"
@@ -5448,13 +5436,11 @@ less-loader@^7.1.0:
     loader-utils "^2.0.0"
     schema-utils "^3.0.0"
 
-less@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/less/-/less-4.0.0.tgz#d238cc25576c1f722794dbca4ac82e5e3c7e9e65"
-  integrity sha512-av1eEa2D0xZfF7fjLJS/Dld7zAYSLU7EOEJvuOELeaNI3i6L/81AdjbK5/pytaRkBwi7ZEa0433IDvMLskKCOw==
+less@3.12.2:
+  version "3.12.2"
+  resolved "https://registry.yarnpkg.com/less/-/less-3.12.2.tgz#157e6dd32a68869df8859314ad38e70211af3ab4"
+  integrity sha512-+1V2PCMFkL+OIj2/HrtrvZw0BC0sYLMICJfbQjuj/K8CEnlrFX6R5cKKgzzttsZDHyxQNL1jqMREjKN3ja/E3Q==
   dependencies:
-    copy-anything "^2.0.1"
-    parse-node-version "^1.0.1"
     tslib "^1.10.0"
   optionalDependencies:
     errno "^0.1.1"
@@ -6454,11 +6440,6 @@ parse-json@^5.0.0:
     json-parse-even-better-errors "^2.3.0"
     lines-and-columns "^1.1.6"
 
-parse-node-version@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/parse-node-version/-/parse-node-version-1.0.1.tgz#e2b5dbede00e7fa9bc363607f53327e8b073189b"
-  integrity sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==
-
 parse5-htmlparser2-tree-adapter@^6.0.0:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/parse5-htmlparser2-tree-adapter/-/parse5-htmlparser2-tree-adapter-6.0.1.tgz#2cdf9ad823321140370d4dbf5d3e92c7c8ddc6e6"