From 5d3169e19273eb50d2223ab6d0ba03f89c4c03a9 Mon Sep 17 00:00:00 2001
From: wijtse <wijtse@rekkerit.nl>
Date: Sat, 26 Sep 2020 13:21:30 +0200
Subject: [PATCH] Initial commit

---
 .gitignore             |   1 +
 Dockerfile             |   5 +
 site/.htaccess         |   5 +
 site/bg.svg            |  11 +
 site/index.html        | 108 ++++++++++
 site/index60.html      | 119 +++++++++++
 site/indexh.html       | 119 +++++++++++
 site/indexh60.html     | 119 +++++++++++
 site/indexl.html       | 119 +++++++++++
 site/indexm.html       | 119 +++++++++++
 site/package-lock.json | 443 +++++++++++++++++++++++++++++++++++++++++
 site/package.json      |  17 ++
 12 files changed, 1185 insertions(+)
 create mode 100644 .gitignore
 create mode 100644 Dockerfile
 create mode 100644 site/.htaccess
 create mode 100644 site/bg.svg
 create mode 100644 site/index.html
 create mode 100644 site/index60.html
 create mode 100644 site/indexh.html
 create mode 100644 site/indexh60.html
 create mode 100644 site/indexl.html
 create mode 100644 site/indexm.html
 create mode 100644 site/package-lock.json
 create mode 100644 site/package.json

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..dcdbb54
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+site/node_modules/
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..4621d2b
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,5 @@
+FROM httpd:2.4
+
+RUN apt-get clean && apt-get update && apt-get install -y gnupg curl software-properties-common
+RUN curl -sL https://deb.nodesource.com/setup_10.x | bash -
+RUN apt-get install -y nodejs
diff --git a/site/.htaccess b/site/.htaccess
new file mode 100644
index 0000000..f0cb778
--- /dev/null
+++ b/site/.htaccess
@@ -0,0 +1,5 @@
+<FilesMatch "\.m3u8$">
+    <IfModule mod_headers.c>
+        Header Set Access-Control-Allow-Origin "*"
+    </IfModule>
+</FilesMatch>
diff --git a/site/bg.svg b/site/bg.svg
new file mode 100644
index 0000000..8efb1bb
--- /dev/null
+++ b/site/bg.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.2" baseProfile="tiny" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="3000px" height="10000px" viewBox="0 0 3000 10000" overflow="inherit" xml:space="preserve">
+<path fill="#EBEBEB" d="M2957.72,203.72l13.18,6.81l29.1,15.03V0h-436.78l289.33,149.42l-9.6,2.03L2551.16,0h-503.09l28.9,18.97  l-9.94,1.66L2035.82,0h-154.33l-149.26,23.73l-10.56,1.68l-58.43,9.29l-10.72,1.71l-74.94,11.91l50.2,45.48l-11.29,1.88  l-49.89-45.62l-12.9,2.05l-5.96-5.5l12.87-2.04l-5.47-5l10.92-1.72l5.5,4.99l74.68-11.81l10.68-1.69l58.24-9.21l10.53-1.66  L1842.58,0h-318.34l0.71,0.64l-10.66,1.61L1511.83,0H0v10000h3000V1706.37l-1680.57,824.57l-62.32,30.58l-202.82,99.51  l-76.66-330.34l-9.77-42.07l-84.53-364.28l-7.72-33.27L721.5,1226.92l-4.69-20.21L609.59,744.69l-3.04-13.12l-9.11-39.24l18.96-4.16  l9.47,39.06l3.16,13.06l111.39,459.64l4.87,20.09l159.89,659.77l8,33.02l87.59,361.41l10.11,41.72l67.25,277.5l216.84-104.8  l59.05-28.54L3000,1664.62v-303.97l-1054.45-964.1l13.17-2.89L3000,1337.14V636.97l-210.13-138.82l-15.2-10.04L2511.73,314.4  l-11.92-7.88l-35.88-23.7l11.27-2.48l35.98,23.62l11.95,7.84l266.26,174.77l15.17,9.96L3000,624.82V232.95l-38.91-20.2l-13.16-6.83  l-39.66-20.58l9.72-2.13L2957.72,203.72z M1009.63,2626.56l11.31,50.82l-52.07,25.55l-10.71-51.5L1009.63,2626.56z M1532.98,7.91  l8.12,7.36l-10.76,1.65l-8.07-7.38L1532.98,7.91z M453.95,227l-1.5-7.2l20.72-3.28l1.6,7.17L453.95,227z M594.56,679.89l-9.15-39.43  l18.48-3.93l9.51,39.26L594.56,679.89z M1192.3,109.59l-12.26,1.95l-68.65,10.91l-12.47,1.98L975,144.14l-15.25,2.43l-14.6,2.32  l-16.07,2.55l-426.33,67.79l31.26,129l2.07,8.56l64.95,268l-18.38,3.88L520.23,359.6l-2-8.59l-31.7-136.6l448.3-70.88l12.98-2.05  l15.33-2.43l131.47-20.79l12.42-1.96l68.39-10.81l12.22-1.93l349.07-55.19l5.92,5.52L1192.3,109.59z M1538.51,24.39l10.8-1.67  l8.31,7.53l-10.86,1.7L1538.51,24.39z M1622.97,101.61l11.33-1.9l274.72,248.92l-12.9,2.72L1622.97,101.61z M1935.94,387.76  l-30.63-28l12.96-2.75l30.79,27.9L1935.94,387.76z M2209.81,114.94l-9.23-6.1l-125.61-82.98l9.97-1.67l124.53,81.74l9.19,6.04  l197.46,129.6l-11.09,2.34L2209.81,114.94z M2452.49,275.27L2416,251.16l11.13-2.37l36.6,24.03L2452.49,275.27z M2895.61,178.77  l-40.46-21l9.62-2.05l40.54,20.93L2895.61,178.77z"/>
+<path fill="#B3B3B3" d="M1052.75,39.13l-5.06-7.18c3.79-2.83,7.63-5.62,11.51-8.39c3.87-2.75,7.78-5.48,11.74-8.17  c3.94-2.68,7.92-5.33,11.95-7.95c3.85-2.51,7.75-4.99,11.69-7.44h0.7l4.62,6.08c-4.09,2.61-8.13,5.26-12.13,7.93  c-4.01,2.69-7.98,5.4-11.91,8.15c-3.94,2.76-7.83,5.55-11.68,8.38C1060.33,33.37,1056.51,36.24,1052.75,39.13z M949.74,133.44  c0.88,0.36,1.76,0.73,2.64,1.09c0.88,0.37,1.76,0.73,2.64,1.1c0.44-0.58,0.88-1.15,1.34-1.72c0.45-0.57,0.89-1.15,1.34-1.72  c0.45-0.57,0.9-1.14,1.35-1.71c0.45-0.57,0.91-1.14,1.37-1.71l-15.97,2.5c0.88,0.36,1.76,0.72,2.65,1.09  C947.98,132.71,948.86,133.07,949.74,133.44z M945.64,140.56c-0.73-0.3-1.45-0.61-2.18-0.91c-0.73-0.3-1.45-0.61-2.18-0.91  s-1.45-0.6-2.17-0.9c-0.36,0.48-0.72,0.95-1.08,1.42c-0.36,0.47-0.71,0.95-1.07,1.42c-0.35,0.47-0.71,0.95-1.06,1.42  c-0.35,0.47-0.71,0.95-1.06,1.43l12.98-2.05C947.09,141.17,946.37,140.86,945.64,140.56z M984.65,100.77  c6.1-6.54,12.4-12.96,18.91-19.25c6.45-6.23,13.08-12.34,19.91-18.33c6.76-5.93,13.72-11.75,20.85-17.45l-5.11-7.36  c-8.24,6.37-16.25,12.88-24.02,19.55c-7.86,6.74-15.48,13.63-22.85,20.67c-7.45,7.12-14.65,14.41-21.59,21.85  c-7.02,7.52-13.78,15.21-20.26,23.06l16.31-2.54C972.54,114.11,978.49,107.38,984.65,100.77z M852.93,468.84  c2.03,15.64,4.8,31.56,8.36,47.77c3.62,16.51,8.05,33.32,13.33,50.42l17.1-3.61c-5.28-16.64-9.74-33.01-13.43-49.09  c-3.62-15.79-6.48-31.32-8.62-46.57c-2.11-14.98-3.52-29.71-4.27-44.15c-0.73-14.2-0.83-28.15-0.31-41.83  c-1.31-0.1-2.62-0.19-3.94-0.28c-1.31-0.09-2.63-0.17-3.95-0.25c-1.32-0.08-2.64-0.16-3.96-0.23c-1.32-0.07-2.65-0.14-3.97-0.21  c-0.71,13.99-0.79,28.26-0.21,42.8C849.66,438.4,850.93,453.48,852.93,468.84z M481.38,19.86c0.98,0.11,1.96,0.21,2.94,0.31  s1.96,0.21,2.93,0.32c4.39-3.32,8.81-6.62,13.25-9.88c4.42-3.25,8.86-6.46,13.32-9.65c0.45-0.32,0.91-0.63,1.35-0.95h-13.35  c-3.6,2.56-7.2,5.13-10.77,7.73c-5.22,3.8-10.41,7.64-15.56,11.51c0.98,0.1,1.96,0.2,2.94,0.31  C479.42,19.65,480.4,19.75,481.38,19.86z M899.51,199.12c-9.03,16.85-16.96,34.29-23.71,52.33c-6.91,18.48-12.59,37.6-16.93,57.34  c-4.45,20.25-7.5,41.18-9.04,62.75c1.32,0.06,2.63,0.12,3.94,0.19c1.31,0.07,2.62,0.14,3.93,0.21c1.31,0.07,2.61,0.15,3.92,0.24  c1.3,0.08,2.61,0.17,3.91,0.26c1.3-21.98,4.19-43.29,8.56-63.91c4.25-20.07,9.91-39.51,16.87-58.29  c6.79-18.31,14.82-36.01,24.01-53.09c8.97-16.68,19.05-32.77,30.17-48.27l-16.07,2.55C918.22,166.77,908.34,182.67,899.51,199.12z   M1109.6,0h-1.69l0.54,0.7C1108.83,0.47,1109.22,0.23,1109.6,0z M884.46,596.54c1.11,3.09,2.24,6.19,3.41,9.3  c1.17,3.12,2.37,6.25,3.58,9.39l17.49-3.81c-1.25-3.12-2.47-6.24-3.66-9.35c-1.19-3.1-2.35-6.19-3.48-9.27  c-1.13-3.07-2.23-6.13-3.31-9.18c-1.07-3.04-2.12-6.07-3.13-9.09l-17.19,3.66c0.99,3.04,2.02,6.08,3.06,9.13  C882.28,590.39,883.36,593.46,884.46,596.54z M318.55,753.52l278.89-61.19L318.55,753.52L318.55,753.52z M215.3,668.85  c1.68,0.44,3.36,0.86,5.06,1.28c1.7,0.41,3.42,0.81,5.14,1.2L215,413.49l-17.14,3.03l7.59,249.55c1.61,0.49,3.24,0.97,4.89,1.43  C211.97,667.96,213.63,668.42,215.3,668.85z M211.88,383.9l1.89-0.33l-2.11-51.7c4.78-8.5,9.66-16.89,14.65-25.17  c4.94-8.19,9.98-16.28,15.13-24.26c5.09-7.89,10.28-15.69,15.56-23.38c5.23-7.62,10.56-15.13,15.97-22.56l-16.65,2.61  c-3.96,5.4-7.87,10.85-11.74,16.35c-3.89,5.54-7.74,11.14-11.53,16.79c-3.82,5.69-7.6,11.44-11.32,17.24  c-3.75,5.84-7.44,11.74-11.09,17.7l-2.47-60.53l-15.43,2.42l4.81,158.19l15.13-2.65L211.88,383.9z M229.1,759.48l-2.99-73.28  c-1.73-0.32-3.45-0.65-5.16-1c-1.71-0.34-3.4-0.7-5.09-1.07c-1.68-0.37-3.35-0.75-5.02-1.14c-1.66-0.39-3.31-0.8-4.94-1.22  l2.91,95.81l109.72-24.07l-1.14-13.28L229.1,759.48z M198.65,12.72c-1.09,0.01-2.18,0.02-3.26,0.04c-1.09,0.01-2.18,0.03-3.26,0.04  c-1.09,0.02-2.18,0.03-3.27,0.05s-2.18,0.03-3.28,0.05l6.96,228.75l15.35-2.39L198.65,12.72z M272.67,217.47  c-0.85,1.09-1.69,2.19-2.54,3.29c-0.85,1.1-1.69,2.2-2.53,3.3c-0.84,1.11-1.69,2.21-2.53,3.32c-0.84,1.11-1.68,2.23-2.51,3.34  l11.1-1.73L272.67,217.47z M191.93,7.29c1.09-0.02,2.17-0.03,3.25-0.04c1.08-0.01,2.17-0.03,3.25-0.04L198.14,0h-12.95l0.22,7.39  c1.09-0.02,2.17-0.04,3.26-0.05C189.76,7.32,190.84,7.3,191.93,7.29z M333.01,162.18c15.27-17.14,31.08-33.71,47.39-49.71  c15.93-15.62,32.34-30.73,49.19-45.32c16.48-14.27,33.39-28.05,50.71-41.36c-0.98-0.11-1.96-0.21-2.94-0.32  c-0.98-0.11-1.97-0.21-2.95-0.32c-0.98-0.1-1.97-0.2-2.95-0.31s-1.97-0.21-2.95-0.3c-16.24,12.41-32.15,25.24-47.69,38.48  c-15.86,13.52-31.35,27.49-46.43,41.91c-15.42,14.73-30.42,29.96-44.96,45.67c-14.89,16.08-29.31,32.69-43.23,49.83l1.57,16.35  C302.25,197.96,317.36,179.76,333.01,162.18z"/>
+<path fill="#BDBDBD" d="M536.1,356.79l-2.07-8.56l146.08-25.63c1.06-0.19,2.1-0.25,3.09-0.2c0.98,0.05,1.9,0.21,2.71,0.46  c0.81,0.26,1.52,0.6,2.07,1.03c0.55,0.43,0.95,0.94,1.15,1.51l18.49,53.68c12.25-1.84,24.42-3.36,36.5-4.57  c12.05-1.21,24.02-2.12,35.89-2.74c11.85-0.62,23.61-0.94,35.26-0.98c11.64-0.04,23.17,0.21,34.58,0.73  c1.32,0.06,2.63,0.12,3.94,0.19c1.31,0.07,2.62,0.14,3.93,0.21c1.31,0.07,2.61,0.15,3.92,0.24c1.3,0.08,2.61,0.17,3.91,0.26  c32.05,2.2,63.18,6.61,92.94,13.08c29.98,6.52,58.73,15.14,85.75,25.77c27.35,10.76,53.06,23.62,76.57,38.47  c23.92,15.11,45.67,32.35,64.62,51.64l-16.17,3.42c-18.05-18.26-38.72-34.6-61.45-48.94c-22.35-14.12-46.79-26.36-72.78-36.64  c-25.69-10.15-53.02-18.43-81.53-24.71c-28.31-6.24-57.92-10.54-88.4-12.76c-1.31-0.1-2.62-0.19-3.94-0.28  c-1.31-0.09-2.63-0.17-3.95-0.25c-1.32-0.08-2.64-0.16-3.96-0.23c-1.32-0.07-2.65-0.14-3.97-0.21c-11.12-0.54-22.36-0.81-33.7-0.8  c-11.35,0.01-22.8,0.3-34.36,0.88c-11.56,0.58-23.23,1.45-34.98,2.62c-11.77,1.17-23.64,2.64-35.58,4.42l68.63,199.24l-17.57,3.71  l-86.44-258.65L536.1,356.79z M305.11,397.57l215.12-37.98l-2-8.59l-43.33,7.6l-3.98-19.53l-15.83,2.73l3.8,19.6l-154.64,27.13  L305.11,397.57z M65.03,430.53l-0.47,9.52l24.36-4.3l0.33-9.47L65.03,430.53z M765.48,602.16l12.62,37.76l18-3.92l-12.95-37.59  L765.48,602.16z M716.81,1206.72L17.15,1407.71l-1.17,23.8l234.7-68.05l1.97,49.85l27.2-8.05l-2.47-49.54L631.57,1253l8.82,45.55  l24.76-7.33l-9.24-45.28l65.59-19.02L716.81,1206.72z M1207.82,526.83c-2.14-2.72-4.33-5.41-6.56-8.06  c-2.23-2.64-4.51-5.25-6.84-7.83l-16.12,3.43c2.34,2.57,4.62,5.19,6.86,7.84c2.24,2.65,4.43,5.35,6.56,8.08  c2.14,2.73,4.24,5.51,6.27,8.32c2.04,2.82,4.03,5.67,5.96,8.57l16.14-3.52c-1.95-2.88-3.94-5.72-5.99-8.53  C1212.06,532.33,1209.97,529.56,1207.82,526.83z M2118.78,12.01L2099.99,0h-12.19l21.21,13.63L2118.78,12.01z M813.06,685.21  l-12.87-37.36l-18.11,3.97l12.54,37.53L813.06,685.21z M1227.49,555.24c-0.2-0.34-0.4-0.67-0.61-1l-16.2,3.55  c0.2,0.33,0.4,0.66,0.59,0.99c0.2,0.33,0.4,0.66,0.59,0.99c0.2,0.33,0.39,0.66,0.59,1c0.2,0.33,0.39,0.67,0.59,1  c1.43,2.48,2.81,4.97,4.14,7.46c1.34,2.5,2.62,5.02,3.86,7.54c1.24,2.53,2.43,5.07,3.57,7.61c1.14,2.55,2.24,5.12,3.29,7.69  l16.58-3.72c-1.08-2.55-2.21-5.1-3.39-7.64c-1.18-2.53-2.4-5.05-3.66-7.56c-1.27-2.51-2.58-5-3.93-7.49  c-1.35-2.48-2.75-4.96-4.2-7.42c-0.2-0.34-0.4-0.67-0.6-1.01c-0.2-0.34-0.4-0.67-0.6-1.01  C1227.9,555.9,1227.7,555.57,1227.49,555.24z M2652.96,486.11c-43.03-4.43-87.7-12.46-132.15-23.59  c-43.91-10.99-87.28-24.93-128.39-41.31c-40.35-16.07-78.27-34.38-112.25-54.43l-12.49,2.83c35.57,21.32,75.43,40.8,117.95,57.91  c43.39,17.45,89.25,32.31,135.72,44c47.08,11.84,94.41,20.34,139.96,24.97c45.75,4.65,89.29,5.35,128.56,1.67l-15.2-10.04  C2737.38,491.37,2696.18,490.57,2652.96,486.11z M2798.73,216.83c-3.09-1.8-6.23-3.61-9.4-5.39l-10.12,2.22  c3.17,1.79,6.29,3.6,9.38,5.42c3.09,1.82,6.14,3.64,9.15,5.48c3.01,1.84,5.99,3.68,8.92,5.54c2.94,1.86,5.83,3.72,8.68,5.6  l10.31-2.31c-2.87-1.86-5.79-3.72-8.75-5.57c-2.95-1.84-5.94-3.68-8.97-5.52C2804.89,220.46,2801.83,218.64,2798.73,216.83z   M2745.45,188.46c-3.54-1.72-7.1-3.42-10.68-5.1l-10.12,2.15c3.59,1.68,7.15,3.38,10.7,5.1c3.55,1.73,7.09,3.48,10.6,5.25  c3.53,1.78,7.03,3.57,10.51,5.39c3.49,1.83,6.96,3.67,10.41,5.54l10.09-2.2c-3.45-1.86-6.91-3.7-10.41-5.52  c-3.48-1.82-6.98-3.61-10.51-5.38C2752.53,191.94,2749,190.19,2745.45,188.46z M2914.25,438.29c-7.01,7.21-15.73,13.79-26.13,19.68  l15.56,9.68c11.12-6.2,20.44-13.14,27.91-20.77c7.41-7.55,12.99-15.76,16.73-24.53c3.7-8.68,5.6-17.92,5.67-27.63  c0.08-9.59-1.62-19.64-5.1-30.07c-3.48-10.44-8.66-21.01-15.42-31.63c-6.67-10.48-14.87-21-24.49-31.49  c-9.49-10.34-20.37-20.65-32.52-30.86c-11.99-10.07-25.21-20.03-39.59-29.82l-10.4,2.35c13.48,9.33,25.88,18.81,37.09,28.38  c11.36,9.7,21.52,19.49,30.36,29.31c8.96,9.95,16.59,19.92,22.77,29.84c6.26,10.05,11.04,20.05,14.23,29.92  c3.18,9.84,4.7,19.33,4.56,28.38c-0.14,9.16-1.97,17.87-5.48,26.07C2926.45,423.39,2921.2,431.14,2914.25,438.29z M2511.48,272.4  l36.33,23.36l11.15-2.5l-36.43-23.28L2511.48,272.4z M2240.54,98.21c-2.78,0.55-5.5,1.12-8.19,1.72s-5.32,1.21-7.91,1.86  s-5.13,1.31-7.63,2c-2.5,0.69-4.95,1.41-7.35,2.14l9.19,6.04c2.39-0.75,4.83-1.48,7.32-2.19c2.49-0.7,5.03-1.38,7.62-2.04  c2.58-0.66,5.22-1.29,7.91-1.89c2.68-0.6,5.42-1.18,8.2-1.74l202.09,129.93l10.88-2.3l-202.72-129.52  c30.63-5.2,64.63-7.1,100.52-6.08c35.91,1.02,74.02,4.97,112.83,11.55c39.17,6.64,79.38,16,119.07,27.83  c40.36,12.03,80.48,26.7,118.66,43.79l10.17-2.15c-39.87-17.91-81.77-33.27-123.9-45.87c-41.4-12.38-83.34-22.17-124.18-29.12  c-40.46-6.88-80.19-11.02-117.6-12.11c-37.4-1.08-72.85,0.88-104.78,6.28l-123.91-79.16l-9.8,1.64L2240.54,98.21z M2235.9,349.28  c3.03,2.07,6.11,4.14,9.22,6.18c3.12,2.05,6.29,4.09,9.49,6.12l12.38-2.78c-3.23-2.01-6.42-4.04-9.57-6.08  c-3.13-2.04-6.23-4.09-9.29-6.15c-3.05-2.06-6.05-4.13-9-6.22c-2.95-2.08-5.85-4.17-8.71-6.28l-12.13,2.66  c2.84,2.11,5.72,4.22,8.65,6.3C2229.9,345.12,2232.88,347.21,2235.9,349.28z M2146.43,138.89c-13.53,12.19-22.14,26.31-25.58,41.93  c-3.52,15.98-1.65,33.57,5.96,52.27c7.81,19.2,21.68,39.63,41.99,60.69l12.11-2.56c-19.14-19.94-32.27-39.29-39.74-57.5  c-7.28-17.77-9.17-34.5-5.98-49.72c3.12-14.9,11.12-28.4,23.78-40.09c12.44-11.49,29.43-21.28,50.84-28.97l-9.23-6.1  C2177.81,116.77,2159.72,126.92,2146.43,138.89z M920.39,1169.25l-6.15-19.25l-173.8,49.93l4.87,20.09L920.39,1169.25z   M2203.5,312.59c-2.55-2.21-5.03-4.41-7.44-6.61c-2.4-2.19-4.73-4.38-6.98-6.56l-12.07,2.57c2.27,2.19,4.6,4.38,7,6.57  c2.41,2.21,4.89,4.42,7.44,6.63c2.56,2.22,5.19,4.45,7.89,6.68c2.71,2.23,5.48,4.48,8.34,6.72l12.08-2.63  c-2.86-2.24-5.65-4.47-8.36-6.71C2208.69,317.03,2206.06,314.8,2203.5,312.59z M2462.92,241.18l36.97,23.77l11.02-2.4l-37.08-23.69  L2462.92,241.18z M611.14,44.31c13.13,2.32,26.18,4.77,39.14,7.35c13.01,2.59,25.94,5.32,38.78,8.18  c12.89,2.88,25.71,5.89,38.44,9.04c16.37,4.06,32.54,8.33,48.52,12.82c16.08,4.52,31.97,9.27,47.67,14.23  c15.81,5,31.43,10.23,46.86,15.68c15.54,5.49,30.91,11.22,46.07,17.17l15.6-2.43c-15.85-6.28-31.91-12.32-48.17-18.1  c-16.13-5.73-32.46-11.23-49-16.47c-16.42-5.21-33.04-10.18-49.87-14.9c-16.72-4.7-33.64-9.16-50.78-13.38  c-13.46-3.32-27.02-6.48-40.66-9.49c-13.59-3-27.28-5.84-41.04-8.54c-13.72-2.69-27.54-5.23-41.44-7.63  c-13.86-2.39-27.81-4.64-41.84-6.74l2.2,6.67C584.89,39.82,598.06,42,611.14,44.31z M215,413.49l73.34-12.95l-0.78-9.06  l-57.87,10.15l-1.03-20.64l-14.88,2.58l-1.89,0.33l0.82,20.72l-15.13,2.65l-90.83,15.94l-0.23,9.43l91.34-16.13L215,413.49z   M319.3,14.25c16.91,0.62,33.71,1.42,50.39,2.38c16.69,0.97,33.27,2.11,49.72,3.43c16.48,1.32,32.85,2.81,49.1,4.48  c0.98,0.1,1.97,0.2,2.95,0.3s1.97,0.21,2.95,0.31c0.98,0.11,1.96,0.21,2.95,0.32c0.98,0.11,1.96,0.21,2.94,0.32  c6.53,0.71,13.03,1.44,19.51,2.21c6.49,0.77,12.96,1.56,19.41,2.38c6.46,0.82,12.9,1.68,19.32,2.56c6.43,0.88,12.84,1.79,19.23,2.74  l-2.11-6.59c-5.65-0.81-11.32-1.59-17-2.36c-5.67-0.76-11.36-1.5-17.06-2.21c-5.7-0.71-11.4-1.41-17.13-2.08  c-5.72-0.67-11.46-1.32-17.21-1.95c-0.97-0.11-1.95-0.21-2.93-0.32s-1.96-0.21-2.94-0.31c-0.98-0.1-1.96-0.21-2.94-0.31  c-0.98-0.11-1.96-0.21-2.94-0.31c-16.85-1.74-33.83-3.29-50.92-4.66c-17.07-1.36-34.27-2.54-51.58-3.54  c-17.3-0.99-34.73-1.8-52.29-2.43C303.16,8,285.48,7.55,267.67,7.29l0.54,5.61C285.35,13.19,302.39,13.63,319.3,14.25z   M151.29,13.63c5.74-0.16,11.48-0.3,17.19-0.43c5.72-0.12,11.42-0.23,17.1-0.32c1.1-0.02,2.19-0.03,3.28-0.05s2.18-0.03,3.27-0.05  c1.09-0.01,2.17-0.03,3.26-0.04c1.09-0.01,2.17-0.02,3.26-0.04c4.75-0.05,9.48-0.09,14.21-0.12c4.72-0.02,9.44-0.04,14.15-0.04  c4.71,0,9.4,0.02,14.09,0.04c4.69,0.03,9.37,0.06,14.04,0.12l-0.48-5.59c-4.65-0.04-9.3-0.08-13.97-0.1  c-4.67-0.02-9.35-0.03-14.03-0.02s-9.38,0.02-14.09,0.06c-4.71,0.03-9.42,0.07-14.14,0.13c-1.08,0.01-2.17,0.02-3.25,0.04  c-1.08,0.01-2.17,0.03-3.25,0.04c-1.08,0.01-2.17,0.03-3.25,0.05c-1.09,0.02-2.17,0.04-3.26,0.05c-5.67,0.09-11.35,0.21-17.04,0.34  S156.98,8,151.27,8.17c-5.72,0.16-11.46,0.35-17.2,0.55c-5.75,0.2-11.51,0.42-17.29,0.66l-0.13,5.45c5.8-0.23,11.59-0.45,17.37-0.65  C139.78,13.97,145.54,13.79,151.29,13.63z M35.73,19.22c6.1-0.42,12.18-0.81,18.25-1.19c6.06-0.38,12.11-0.73,18.15-1.07l0.32-5.43  c-6.01,0.34-12.04,0.7-18.07,1.07c-6.04,0.38-12.1,0.77-18.17,1.19c-6.08,0.42-12.17,0.85-18.28,1.31  C11.97,15.54,5.99,16.01,0,16.49v5.38c5.81-0.46,11.6-0.92,17.38-1.35C23.51,20.07,29.63,19.63,35.73,19.22z M94.42,15.8  c1.52-0.07,3.03-0.14,4.54-0.21s3.02-0.14,4.53-0.21l0.19-5.44c-1.5,0.07-3.01,0.14-4.51,0.21s-3.01,0.14-4.52,0.22  c-1.51,0.07-3.02,0.15-4.53,0.22c-1.51,0.08-3.02,0.15-4.53,0.23l-0.27,5.43c1.52-0.07,3.03-0.15,4.55-0.23  C91.39,15.95,92.91,15.87,94.42,15.8z M0,7470l3000-2954.95v-158.96L0,7227.11V7470z M47.37,433.62L29,436.85l1.11-15.89L0,426.19  v25.26l46.81-8.26L47.37,433.62z M2869.18,482.5c3.06-1.02,6.04-2.07,8.93-3.16c2.89-1.09,5.71-2.21,8.45-3.38  c2.73-1.16,5.38-2.36,7.95-3.59l-15.45-9.67c-2.54,1.23-5.17,2.43-7.88,3.59c-2.71,1.16-5.5,2.29-8.38,3.37  c-2.88,1.09-5.84,2.14-8.88,3.14c-3.05,1.01-6.18,1.98-9.39,2.91l-273.48-174.73l-11.19,2.53l272.77,175.38  c-3.38,0.82-6.81,1.6-10.3,2.33c-3.5,0.73-7.05,1.42-10.65,2.06c-3.61,0.64-7.27,1.23-10.99,1.79c-3.71,0.55-7.48,1.05-11.3,1.51  l15.17,9.96c3.81-0.48,7.58-1.01,11.3-1.57c3.71-0.57,7.38-1.18,10.98-1.84c3.6-0.66,7.15-1.36,10.65-2.11  c3.5-0.75,6.94-1.54,10.32-2.37L3000,586.49v-11.45l-140.25-89.61C2862.97,484.49,2866.11,483.52,2869.18,482.5z M424.37,3829.04  c206.81-235.32,387.36-469.45,541.69-697.85c139.53-206.49,257.03-407.4,353.37-600.25l-62.32,30.58  c-98.74,185.78-217.42,378.46-356.71,575.65c-153.31,217.05-330.84,438.51-532.42,660.18C252.54,3924.28,129.76,4050.67,0,4175.53  v100.48C151.06,4128.36,292.68,3978.88,424.37,3829.04z M931.5,134.72c0.85,0.35,1.69,0.69,2.54,1.04s1.69,0.69,2.53,1.04  s1.69,0.7,2.54,1.04c0.72,0.3,1.45,0.6,2.17,0.9s1.45,0.6,2.18,0.91c0.73,0.3,1.45,0.61,2.18,0.91c0.73,0.3,1.45,0.61,2.17,0.91  l15.33-2.43c-0.67-0.29-1.35-0.57-2.03-0.86c-0.67-0.29-1.35-0.57-2.03-0.86c-0.67-0.29-1.35-0.57-2.03-0.85  c-0.68-0.29-1.36-0.57-2.03-0.85c-0.88-0.37-1.76-0.73-2.64-1.1c-0.88-0.36-1.76-0.73-2.64-1.09c-0.88-0.36-1.76-0.72-2.64-1.08  c-0.88-0.36-1.76-0.72-2.65-1.09l-15.49,2.43C929.81,134.04,930.66,134.38,931.5,134.72z M1406.59,484.22  c2.06,2.66,4.11,5.34,6.16,8.02c2.04,2.7,4.08,5.41,6.11,8.13l15.21-3.31c-2.04-2.72-4.1-5.42-6.17-8.11  c-2.06-2.68-4.12-5.34-6.21-7.99c-2.07-2.64-4.16-5.27-6.26-7.89c-2.09-2.61-4.19-5.21-6.3-7.79l-15,3.19  c2.09,2.6,4.18,5.2,6.25,7.82C1402.46,478.92,1404.53,481.56,1406.59,484.22z M1432.74,519.52c1.79,2.52,3.56,5.05,5.32,7.59  c1.76,2.55,3.52,5.11,5.27,7.68c1.75,2.57,3.49,5.16,5.22,7.75l15.52-3.48c-1.73-2.57-3.48-5.12-5.24-7.66  c-1.75-2.54-3.51-5.07-5.29-7.58c-1.76-2.51-3.54-5.01-5.33-7.51c-1.78-2.49-3.57-4.96-5.38-7.43l-0.04-0.04  c-0.11-0.14-0.21-0.29-0.32-0.43c-0.11-0.14-0.21-0.28-0.31-0.42s-0.21-0.28-0.31-0.42c-0.11-0.14-0.21-0.28-0.31-0.42l-15.28,3.36  l1.1,1.52C1429.17,514.5,1430.96,517,1432.74,519.52z M1322.71,388.98c11,11.02,21.77,22.32,32.31,33.91  c10.69,11.74,21.15,23.77,31.35,36.1l14.95-3.15c-13.01-15.54-26.4-30.62-40.17-45.24c-13.53-14.37-27.42-28.3-41.64-41.81  c-13.99-13.29-28.32-26.17-42.96-38.64c-14.41-12.29-29.14-24.18-44.15-35.7l23.06,32.77c11.55,9.72,22.9,19.69,34.04,29.92  C1300.78,367.48,1311.86,378.1,1322.71,388.98z M1510.7,649.24c8.67,17.13,16.94,34.63,24.8,52.5c8.01,18.21,15.6,36.81,22.76,55.79  l39.24,55.77c-8.28-25.16-17.27-49.68-26.94-73.57c-9.44-23.32-19.53-46.05-30.25-68.18c-10.47-21.62-21.55-42.69-33.21-63.2  c-11.41-20.05-23.38-39.59-35.89-58.58l-15.6,3.53c9.83,15.17,19.31,30.68,28.42,46.52C1493.3,615.95,1502.19,632.42,1510.7,649.24z   M1027.4,178.11c22.43,11.25,44.4,23.1,65.87,35.55c21.84,12.66,43.2,25.95,64.03,39.87c21.22,14.18,41.92,29.04,62.06,44.58  l-18.95-27.32c-17.74-12.64-35.87-24.79-54.36-36.47c-18.21-11.49-36.79-22.53-55.72-33.12c-18.66-10.43-37.68-20.43-57.03-29.99  c-19.1-9.44-38.54-18.46-58.3-27.07l-15.25,2.43C982.75,156.51,1005.32,167.03,1027.4,178.11z M1213.81,833.76  c25.61-38.53,41.48-78.91,47.21-119.26c5.5-38.73,1.63-77.39-11.92-114.47l-16.75,3.79c12.32,35.6,15.41,72.62,9.59,109.64  c-6.05,38.5-21.73,76.95-46.6,113.58c-25.79,38-61.35,73.83-105.87,105.34c-45.9,32.47-100.9,60.04-163.62,80.25L817.36,697.69  l-18.54,4.2L945.56,1141l-8.87,2.55l6.32,19.14l20.17-5.85c1.56-0.45,2.96-1.15,4.14-2.02c1.18-0.87,2.14-1.91,2.86-3.07  c0.71-1.15,1.17-2.41,1.34-3.72c0.16-1.3,0.04-2.65-0.42-3.98l-39.36-114.27c66.04-21.35,123.83-50.53,171.9-84.89  C1150.2,911.63,1187.19,873.8,1213.81,833.76z M1398.22,2364.58c13.89-31.04,27.21-61.84,39.96-92.39  c12.53-30.02,24.52-59.8,35.96-89.32c11.25-29.02,21.97-57.8,32.18-86.34l-44.95,19.91c-11.21,29.23-22.96,58.7-35.27,88.41  c-12.53,30.24-25.64,60.73-39.33,91.45c-13.93,31.28-28.47,62.8-43.62,94.57c-15.42,32.34-31.47,64.93-48.16,97.77l59.05-28.54  C1369.36,2428.02,1384.08,2396.18,1398.22,2364.58z M1662.56,1378.31c3.94-67.42,4.22-132.12,1.16-194.04  c-2.91-58.89-8.84-115.36-17.56-169.37c-8.31-51.52-19.17-100.9-32.38-148.09l-35.23-50.8c15.81,49.78,28.85,102.16,38.85,157.06  c10.52,57.78,17.72,118.51,21.25,182.11c3.74,67.2,3.4,137.76-1.44,211.57c-5.13,78.29-15.32,160.39-31.1,246.15l31.39-11.95  C1650.19,1523.67,1658.42,1449.42,1662.56,1378.31z M1535.03,2012.91c3.54-10.79,7-21.54,10.39-32.25  c3.36-10.64,6.66-21.24,9.87-31.8c3.2-10.49,6.32-20.95,9.37-31.36c7.34-25.05,14.24-49.84,20.73-74.36  c6.38-24.13,12.35-48.02,17.92-71.64c5.49-23.25,10.59-46.26,15.31-69.02c4.65-22.41,8.94-44.58,12.87-66.51l-32.17,12.4  c-3.97,19.88-8.23,39.96-12.8,60.23c-4.63,20.55-9.58,41.31-14.85,62.25c-5.34,21.25-11.02,42.7-17.03,64.36  c-6.1,21.97-12.54,44.14-19.35,66.53c-4,13.15-8.11,26.36-12.35,39.64c-4.27,13.38-8.67,26.83-13.18,40.34  c-4.55,13.62-9.23,27.3-14.03,41.04c-4.84,13.86-9.81,27.77-14.9,41.74l43.29-18.91  C1527.83,2034.66,1531.47,2023.77,1535.03,2012.91z"/>
+<path fill="#DBDBDB" d="M1652.51,36.41l10.72-1.71l52.54,44.44l-11.01,1.83L1652.51,36.41z M1852.2,191.63  c0.31-0.61,0.44-1.26,0.38-1.94s-0.31-1.38-0.76-2.1c-0.45-0.71-1.08-1.43-1.93-2.14c-0.85-0.71-1.85-1.37-2.95-1.96  c-1.1-0.59-2.31-1.12-3.59-1.56c-1.27-0.45-2.61-0.82-3.98-1.11c-1.37-0.29-2.77-0.5-4.15-0.61l-112.64-95.29l-11.04,1.85  l112.04,95.58c-0.67,0.49-1.18,1.05-1.5,1.65c-0.32,0.6-0.46,1.25-0.41,1.93c0.05,0.68,0.28,1.39,0.72,2.1  c0.43,0.72,1.07,1.45,1.9,2.17c0.84,0.71,1.82,1.37,2.92,1.96c1.1,0.59,2.3,1.12,3.58,1.58c1.28,0.46,2.63,0.84,4.01,1.13  c1.38,0.3,2.79,0.51,4.19,0.62l157.79,134.61l12.53-2.64l-158.6-134.15C1851.39,192.8,1851.89,192.24,1852.2,191.63z M1775.75,69.15  l10.84-1.8l-54.37-43.62l-10.56,1.68L1775.75,69.15z M1305.96,277.27c-1.18,0.55-2.16,1.21-2.94,1.94  c-0.78,0.73-1.34,1.53-1.68,2.38c-0.33,0.85-0.43,1.74-0.28,2.65c0.15,0.91,0.56,1.84,1.25,2.75c0.69,0.91,1.59,1.74,2.68,2.48  c1.08,0.74,2.35,1.38,3.73,1.92c1.38,0.54,2.89,0.96,4.45,1.27c1.57,0.3,3.21,0.48,4.85,0.52l118.02,155.33l14.78-3.12  l-119.9-155.72c0.67-0.57,1.21-1.18,1.61-1.83c0.39-0.65,0.64-1.33,0.74-2.03c0.1-0.7,0.04-1.42-0.18-2.14  c-0.22-0.72-0.6-1.45-1.16-2.17c-0.56-0.72-1.27-1.4-2.07-2.01c-0.81-0.62-1.74-1.17-2.75-1.66s-2.12-0.91-3.28-1.27  c-1.16-0.35-2.38-0.63-3.63-0.83L1192.3,109.59l-12.26,1.95L1305.96,277.27z M1467.45,489.79l15.07-3.28l-24.37-31.65l-14.84,3.16  L1467.45,489.79z M2880.7,152.33l40.66,20.83l9.57-2.09l-40.73-20.76L2880.7,152.33z M2992.99,157.56l-41.2-20.34l-9.34,1.98  l41.13,20.41L2992.99,157.56z M2701.45,21.36c-0.07,0.49,0.08,1.02,0.46,1.59c0.38,0.57,0.97,1.16,1.77,1.77  c0.81,0.61,1.83,1.23,3.07,1.85c1.23,0.61,2.58,1.17,4,1.67c1.42,0.5,2.91,0.93,4.41,1.3c1.5,0.36,3.01,0.65,4.48,0.86  c1.48,0.21,2.91,0.33,4.25,0.36l206.18,102.3l9.32-1.96L2731.5,28.44c0.11-0.38,0.08-0.79-0.09-1.22c-0.17-0.43-0.48-0.89-0.93-1.36  c-0.45-0.47-1.03-0.95-1.75-1.44c-0.71-0.49-1.57-0.97-2.55-1.46c-0.99-0.49-2.05-0.94-3.16-1.36c-1.11-0.41-2.26-0.79-3.44-1.12  c-1.17-0.33-2.37-0.62-3.56-0.86c-1.19-0.24-2.37-0.43-3.52-0.57L2673.91,0h-12.02l40.43,20.06  C2701.81,20.43,2701.52,20.87,2701.45,21.36z M1367.42,511.58l15.42-3.36l-22.86-32.48l-15.19,3.23L1367.42,511.58z M2877.93,144.06  L2595.27,0h-11.99l285.18,146.06L2877.93,144.06z M1490.18,496.47l922.81,1198.51l-906.67,401.54l-44.95,19.91l-450.48,199.51  l-10.11-41.72l239.58-104.67l-109.02-340.82l-218.15,84.08l-8-33.02l216.16-82.31l-200.96-628.23l-6.15-19.25L772.77,707.78  l-143.74,32.51l-3.16-13.06l168.75-37.88l18.43-4.14l414.85-93.14l16.58-3.72l152.44-34.22l-22.39-32.29l15.49-3.4l22.63,32.16  l35.89-8.06l15.52-3.48l34.86-7.83l-23.88-31.44L1490.18,496.47z M1149.1,1786.92l457.02-174.03l31.39-11.95l384.02-146.23  L1613.78,866.8l-35.23-50.8L1404.39,564.9l-155.3,35.13l-16.75,3.79l-414.99,93.88l-18.54,4.2l-7.38,1.67l145.26,440l6.32,19.14  L1149.1,1786.92z M2220.39,1741.42l-181.92-262.3l-406.97,156.85l-32.17,12.4l-439.98,169.58L1271,2156.17l209.83-91.67l43.29-18.91  L2220.39,1741.42z M2178.24,1425.25l-118.09,45.51l183.35,260.56l125.61-54.88L2178.24,1425.25z M1506.89,541.71l-35.67,8.07  l-15.6,3.53l-35.41,8.01l138.06,196.22l39.24,55.77l445.58,633.21l117.36-44.69L1506.89,541.71z M2267.68,369.61l12.49-2.83  l231.56-52.38l-11.92-7.88l-232.82,52.27l-12.38,2.78l-79.08,17.76L2143,353.24l-12.52,2.75l32.38,26.19l-70.23,15.76l-31.59-26.72  l-12.77,2.8L3000,1185.89v-20.42l-46.25-39.12l46.25-17.83v-26.38l-67.93,25.87l-828.92-701.18l70.49-15.95L3000,1059.08v-18.39  l-813.66-652.68L2267.68,369.61z M875.62,1891.06L0,2224.47v40.31l883.33-340.46L875.62,1891.06z M0,0v12.64L1.48,0H0z   M967.86,2288.61L0,2711.43v52.22l977.63-432.98L967.86,2288.61z M17.15,1407.71l26.21-534.93l566.24-128.09l-3.04-13.12  L44.09,857.84l20.47-417.8l0.47-9.52L73,267.85l21.86-3.43l0.26-7.61l-21.75,3.39L85.33,16.25l0.27-5.43L86.13,0H73.14l-0.69,11.53  l-0.32,5.43l-14.6,245.71L0,271.64v7.65l57.07-8.94l-9.7,163.28l-0.57,9.56L21.87,862.83L0,867.74v14.85l20.98-4.75L0,1230.98  v526.68l15.98-326.15L17.15,1407.71z M1200.41,270.79l18.95,27.32l118.66,171.09l15.11-3.19l-97.66-138.79l-23.06-32.77  l-121.03-171.98l-12.47,1.98L1200.41,270.79z M2996.47,166l3.53,1.75v-2.53L2996.47,166z M2943.68,177.58l-9.59,2.1l39.84,20.41  l-16.21,3.64l13.18,6.81l16.25-3.68l12.85,6.58v-7.16l-3.16-1.61l3.16-0.71v-9.71l-16.4,3.68L2943.68,177.58z M2888.12,457.96  l-269.53-167.73l207.89-47.03l10.4-2.35l124.21-28.1l-13.16-6.83l-122.3,27.46l-10.31,2.31l-256.37,57.56l-11.15,2.5l-36.62,8.22  l11.95,7.84l36.73-8.3l11.19-2.53l36.51-8.26l271.5,169.98l15.45,9.67L3000,538.42v-10.84l-96.32-59.94L2888.12,457.96z   M2132.64,344.93l-33.02-26.49l-12.32,2.62l32.87,26.58L2132.64,344.93z M2089.7,310.48L1793.65,73.01l-10.87,1.82l294.64,238.25  L2089.7,310.48z M2018.94,335.6l-12.57,2.68l31.89,27.21l12.73-2.77L2018.94,335.6z M1656.91,29.36l-9.71-8.22l57.95-9.08l10.01,8.1  l10.53-1.66l-10.07-8.07L1782.05,0h-39.02l-33.82,5.27L1702.64,0h-12.4l8.53,6.9l-57.77,9L1622.21,0h-12.37l36.39,31.05  L1656.91,29.36z M208.19,246.66l48.14-7.54l16.65-2.61l1.3-0.2l-0.63-7.31l-11.1,1.73l-54.67,8.52l-15.35,2.39l-81.71,12.73  l-0.18,7.58l82.12-12.87L208.19,246.66z M289.42,233.93L928.96,133.7l15.49-2.43l15.97-2.5l127.62-20l6.59,9.49l12.42-1.96  l-6.66-9.47l67.97-10.65l7.07,9.3l12.22-1.93L1108.45,0.7l-0.54-0.7h-12.63l4.62,6.08l63.97,84.18l-67.72,10.55l-43.4-61.68  l-5.06-7.18L1025.21,0h-12.62l26.62,38.38l5.11,7.36l39.52,56.98L966.8,120.97l-16.31,2.54l-18.26,2.85l-15.6,2.43l-299.54,46.68  l-45.46-137.7l-2.2-6.67L559.16,0h-12.8l9.3,29.08l2.11,6.59l45.41,141.96l-314.47,49.01L289.42,233.93z"/>
+<path fill="#C7C7C7" d="M3000,156.03v9.19l-3.53,0.78l-52.78,11.58l-9.59,2.1l-16.09,3.54l-9.72,2.13l-118.95,26.09l-10.12,2.22  l-256.68,56.31l-11.05,2.42l-36.27,7.96l-11.27,2.48l-233.5,51.23l-12.13,2.66l-75.3,16.52l-12.52,2.75l-69.43,15.23l-12.77,2.8  l-89.56,19.65l-13.17,2.89l-455.38,99.91l-15.14,3.32l-33.49,7.35l-15.28,3.36l-36.25,7.95l-15.49,3.4l-147.65,32.39l-16.2,3.55  l-410.5,90.06l-18.11,3.97l-165.67,36.35l-18.96,4.16l-278.89,61.19l-1.14-13.28l-4.15-48.48c1.65-0.07,3.3-0.15,4.95-0.24  c1.65-0.09,3.32-0.19,4.98-0.3c1.66-0.11,3.33-0.22,5-0.35c1.67-0.13,3.35-0.27,5.02-0.41l4.36,45.4l256.98-55.97l18.85-4.1  l164.7-35.87l18-3.92l95.35-20.77l17.49-3.81l295.01-64.25l16.14-3.52l147.32-32.08l15.42-3.36l36.02-7.85l15.21-3.31l33.38-7.27  l15.07-3.28l453.42-98.75l13.12-2.86l89.21-19.43l12.73-2.77l69.18-15.07l12.47-2.71l75.04-16.34l12.08-2.63l232.73-50.69  l11.24-2.45l36.16-7.88l11.02-2.4l255.96-55.74l10.09-2.2l118.65-25.84l9.7-2.11l16.06-3.49l9.57-2.09l52.65-11.47l9.4-2.05  L3000,156.03z M255.14,12.73l17.52,204.74l0.99,11.52l0.63,7.31l13.28,155.18l0.78,9.06l23.82,278.31c1.63-0.05,3.27-0.11,4.92-0.18  c1.64-0.07,3.29-0.15,4.95-0.24c1.66-0.09,3.32-0.19,4.98-0.3c1.66-0.11,3.33-0.23,5-0.36l-26.88-280.18l-0.86-9.02l-14.84-154.62  l-0.7-7.29l-0.95-9.86l-1.57-16.35L268.21,12.91l-0.54-5.61L266.97,0h-12.92l0.61,7.14L255.14,12.73z"/>
+<path fill="#D1D1D1" d="M1536.72,48.36L1484.87,0h12.42l50.44,46.62l5.96,5.5l49.53,45.77l13.27-2.21l11.29-1.88l76.99-12.82  l11.01-1.83l59.98-9.99l10.84-1.8l280.45-46.72l9.94-1.66l32.03-5.34l9.77-1.63L2190.85,0h38.46l-102.45,17.17l-9.8,1.64  l-32.12,5.38l-9.97,1.67l-281.31,47.14l-10.87,1.82l-60.19,10.09l-11.04,1.85l-77.25,12.95l-11.33,1.9l-24.72,4.14l-55.61-51.87  L1536.72,48.36z M103.49,15.38l-8.37,241.43l-0.26,7.61l-5.61,161.85l-0.33,9.47L84.59,560.7c-0.49,14.04,1.99,27.32,7.17,39.68  c5.24,12.52,13.23,24.06,23.67,34.44c10.55,10.49,23.57,19.77,38.72,27.65c15.27,7.94,32.65,14.44,51.77,19.31  c1.63,0.42,3.28,0.82,4.94,1.22c1.66,0.39,3.33,0.77,5.02,1.14c1.69,0.37,3.38,0.72,5.09,1.07c1.71,0.35,3.42,0.68,5.16,1  c6.68,1.24,13.52,2.29,20.52,3.14c7,0.86,14.15,1.53,21.44,2c7.29,0.47,14.71,0.75,22.25,0.82c7.54,0.07,15.19-0.06,22.94-0.39  c1.65-0.07,3.3-0.15,4.95-0.24c1.65-0.09,3.32-0.19,4.98-0.3c1.66-0.11,3.33-0.22,5-0.35c1.67-0.13,3.35-0.27,5.02-0.41  c4.77-0.42,9.57-0.91,14.4-1.49c4.82-0.57,9.67-1.23,14.53-1.96c4.86-0.73,9.75-1.54,14.65-2.43c4.9-0.89,9.81-1.85,14.73-2.9  l193.88-41.23l18.48-3.93l161.59-34.37l17.67-3.76l95.01-20.2l17.19-3.66l282.94-60.17l16.12-3.43l150.37-31.98l15.19-3.23  l34.15-7.26l15-3.19l34.17-7.27l14.84-3.16l447.17-95.1l12.96-2.75l88.11-18.74l12.57-2.68l68.36-14.53l12.32-2.62l77.38-16.46  l12.07-2.57L2416,251.16l11.13-2.37l35.79-7.61l10.91-2.32l250.82-53.34l10.12-2.15l120.38-25.6l9.62-2.05l15.93-3.39l9.5-2.02  l52.26-11.11l9.34-1.98l48.21-10.25v-8.68l-60.62,12.8l-9.32,1.96l-52.14,11.01l-9.48,2l-15.89,3.36l-9.6,2.03l-121.74,25.7  l-10.17,2.15l-248.37,52.44l-10.88,2.3l-35.69,7.54l-11.09,2.34l-224.12,47.32l-12.11,2.56l-79.1,16.7l-12.28,2.6l-68.1,14.38  l-12.53,2.64l-87.77,18.54l-12.9,2.72l-445.28,94.02l-14.78,3.12l-34.74,7.34l-14.95,3.15l-33.25,7.02l-15.11,3.19l-152.59,32.21  l-16.17,3.42l-277.54,58.6l-17.1,3.61l-95.33,20.13l-17.57,3.71l-160.66,33.92l-18.38,3.88l-192.7,40.68  c-4.9,1.04-9.79,1.99-14.66,2.85c-4.88,0.87-9.73,1.65-14.57,2.35c-4.84,0.7-9.66,1.31-14.44,1.84c-4.79,0.54-9.56,0.98-14.29,1.36  c-1.67,0.13-3.34,0.25-5,0.36c-1.66,0.11-3.32,0.21-4.98,0.3c-1.65,0.09-3.3,0.17-4.95,0.24c-1.65,0.07-3.29,0.13-4.92,0.18  c-7.78,0.24-15.45,0.25-22.99,0.05c-7.54-0.21-14.94-0.63-22.19-1.27c-7.25-0.64-14.34-1.49-21.26-2.54  c-6.92-1.05-13.65-2.31-20.21-3.76c-1.73-0.39-3.44-0.79-5.14-1.2c-1.7-0.41-3.39-0.84-5.06-1.28c-1.67-0.44-3.33-0.89-4.97-1.36  c-1.64-0.46-3.27-0.94-4.89-1.43c-16.06-4.89-30.62-11.07-43.4-18.41c-12.69-7.28-23.58-15.69-32.41-25.07  c-8.75-9.3-15.46-19.54-19.9-30.58c-4.38-10.91-6.54-22.6-6.24-34.91l3.02-124.45l0.23-9.43l3.91-161.26l0.18-7.58l5.81-239.54  l0.13-5.45L117,0h-12.98l-0.34,9.94L103.49,15.38z"/>
+<rect fill="#EBEBEB" opacity=".4" width="3000" height="10000"/>
+</svg>
\ No newline at end of file
diff --git a/site/index.html b/site/index.html
new file mode 100644
index 0000000..39296a5
--- /dev/null
+++ b/site/index.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>HarambeeTV</title>
+<link href="data:image/vnd.microsoft.icon;base64,AAABAAIAEBAAAAAAIABoBAAAJgAAACAgAAAAACAAqBAAAI4EAAAoAAAAEAAAACAAAAABACAAAAAAAEAEAAAAAAAAAAAAAAAAAAAAAAAA////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BKYT2MSqD9mX///8BKYT1iymE9eUqhPZf////Af///wH///8B////Af///wH///8B////Af///wH///8BK4L1EyqE9vkqhPb/KoP2UyqE9qcqhPaRKoT2yyiH9wkpg/WPJIbzBf///wH///8B////Af///wH///8BKoT1bSuF9UcqhPb9KoT2qyqE9dcphPaFKoT20yqE9X8phPZpKYT2tymE9pH///8B////Af///wH///8BKYT3CSqE9ukpg/bPKYT2wSqE9qkqhPaVKYT2iSqE9v8qhPZZKoT1zSqD9YEqhPWdKYT1P////wH///8BigBkK3cVeQVaQq9LKYP2OSmE9y8tf/FbK4P1Gy2A8V0qg/VfKYT2QymE9UErg/c3KYT0MyqE9kf///8B////AYwAZYOLAGY/jABlR4wAZYuLAGaNjABmj4wAZZmLAGaLiwBmoYwAZn+MAGaLjABmqYwAZn96F4BRiwBmS40AZkWLAGaLjABldX4ReXtkNJ9rYzihO2E5ozUsg/gJLn3vFTN56iNuJ5FJfhJ5QyqD9Tcpg/UhKoP2m////wGOAGMFjABlQ05TwKF4GYF7KoT2wymD9qEqg/atKoT28yqD9mMqhPa3KoP18T1r2kMqhPbrKoT1XSiF9h3///8B////AYkAYgdmMZuLQGbV2S597ncqhPaTKYT2tSmE9vEqg/ZXKYT2xyqE9d8qhPZhKoT2ySqE9pP///8B////Af///wH///8B////ASmE9pcqhPajKoT2xSmE9sUqg/WfKYP1hyqE9t0qhPWvKoT1dSqE9msqg/al////Af///wH///8B////Af///wErgP8DKoP2lyqE9u8phPVrKYP2tSqD9sUqhPaXKoP13yqD9oH///8B////Af///wH///8B////Af///wH///8B////Af///wEinv8DIojuBSqE9rUpg/XLK4P1GymD9pcpg/Yt////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////AQAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8oAAAAIAAAAEAAAAABACAAAAAAAIAQAAAAAAAAAAAAAAAAAAAAAAAA////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BK4D/Df///wH///8B////ARyO/wkqhPbZKoT18SmE9ssqhfdj////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BKYT3HyqE9qUqhPb7K4T2j////wH///8BK4P1TyqE9v8qhPb5KoX24yqE9vkriPcf////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////AS6A8xcqhfblKoT2/yqE9v8qhPb/KoT3W////wErhfdbKoT2/yqF9uUqgvY3KoT2+yqE95n///8B////ASmE9WsngPUb////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BK4T2NyqE9v8qhPb/KoT2/yqE9v8qhPbnK4D/DSuD90MqhPb/KoT2/y2G+SkrhPebKoT2+yiH9yH///8BKoT22yqE9t0khvMV////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BKYP1SySS/wcrhvY7KoT2/yqE9v8rhPfxKoT2syqE9v8qhPWBLIP4IyqE9v8qhPb/K4T2cyiC9TMqhPb/KoT3mf///wEqhPbBKoT27yqF9skcjv8J////Af///wH///8B////Af///wH///8B////Af///wH///8B////ASuF9WcqhPb/K4X2zTCA7xEqhPb3KoT2/yuE9vcth/ARKoT25yqE9vMkhvMVKoT23SqE9v8rhPbZ////ASuF9s0qhPb1KIbyEymE95sqhfaTKoT31SqE9Z////8B////Af///wH///8B////Af///wH///8B////Af///wH///8BKoT27yqE9v8qhPb/KYP2byqE9q0qhPb/KoT2/yyD+SkrhPZtKoT2/yqF938pg/aJKoT2/yqE9v8pg/hFK4P1ZSqE9v8rhPZzLIP2UyqE9bsrhfVnKoT2/yuF9Ef///8B////Af///wH///8B////Af///wH///8B////ASmE9x8qhPb/K4T3tSqE9ucqhPbnKYT3XSqE9v8qhPb/KoX3fySS/wcrhPblKoX25SiG9jkqhPb/KoT2/yqF9q8ui/8LKoT27SqE9dUkgP8PKoT25ySG8xUrhPb9KYT2s////wH///8B////Af///wH///8B////Af///wH///8BAKr/AyuD9nEohvgnLIP4IymE9r8pg/hFKoX3eSqD9qkrhPW7////ASuD9WsqhPb/K4P1ZSuD9aEqhPXXKoT2+TOA/wspg/VRKoX2sSyD+SkrhPe1KIbyEyqE9bsrhPb9KYT3H////wH///8B////Af///wGLAGWhiQBiDf///wGIAGYPjABnkYAAgAP///8B////Af///wH///8BgACABZIAbQf///8B////ATOZ/wWLAF0L////Af///wEkkv8HAKr/A////wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////AYwAZr+MAGdF////AYsAZm+MAGa3////AY0AZZ2MAGWXjABmx4wAZ1ONAGebjQBmpYwAZq+NAGaTiwBmrYwAZneMAGdniwBlUYwAZomMAGaZjABns4sAZ2OMAGa9jQBmj4wAZp+MAGdpjABmhYwAZ2eKAGoZ////Af///wH///8BjABlf40AZYn///8BjABmi40AZWH///8BjABmX4sAZpeMAGaZiwBmg4wAZuWJAGIbjABmlYsAZY2NAGZrjABnn4wAZt+LAGbrjgBnSYwAZpWNAGaRjABmiYwAZsmNAGaPjQBmkY0AZmckkv8HUVHAVYsAZoONAGaRjQBnm40AZXWKAGg7jABm/4wAZtWMAGbdiwBmt44AYyWLAGaXjQBma6oAVQOMAGWDjABlb////wH///8B////AYAAgAX///8B////AZUAag2AAIAFjABmcYsAZVn///8B////Af///wH///8B////ASuE99Mpg/aJ////Af///wGAAFUHlQBqDaoAVQOMAGbvkgBhFYcAaRGMAGbPK4P3QyqE9pMrgPQZK4L0Ly6C8TdOTrwXKoT1TyyD+CP///8BAKr/AyuD9U8phfhFK4b2OyqE9lWLA2hXjABmjSuH+CUqhPaLLIP1TSmF9UsrgvU1K4P1oSqF9nP///8B////Af///wH///8B////AYwAZquKA2dXK4X3l4sAZqWCEHcvKoT26SuE9qkphPVrKoT2/yqD92ErhPfxKoT2/yqE9s////8BKoT23SqE9v8qhfdjKoT2/yyB8sdmNp9VJoT2GyqE9v8qhPbJKYT3HyqF9pMphPY5KIb2Of///wH///8B////Af///wH///8BjQBlY4gDap8qhPb7TVTCi4wAZo0phPd9KoT2+yyD+SkqhPbzKoP2wyqE9Z0qhPb/KoT2/ymD+CUrg/aLKoT2/yqE93sqhPb/KoT2/yuE95v///8BKoX25SuE9v0ui/8LKoT1u////wH///8B////Af///wH///8B////Af///wGJAGIbjABm6SuC868qhPbzhglvs0VizhsrhPb9KoP1hyqF95kqhPb/KYX3XyqE9v8qhPb/K4X3YSmD+EUqhPb/KoT3eyqE9uMqhPb/KoT3uf///wEqhfavKoT2/yqG9z0qhPbR////Af///wH///8B////Af///wH///8B////Af///wGLAGdjRF7QMSqE9vs5ceHDgA5xEymE9rMqhPbtK4T3PSqE9v8qhPZ1KYT2yyqE9v8qhPWdK4D0GSqE9v8phPanKoT1nyqE9v8qhPbN////ASqF93kqhPb/KoX2cyqE9sn///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BKYX2jyqE9v8qhPaHK4T2UyqE9v8rhfdhKYT20SqE9tEphPZXKoT2/yqE9ukAgP8DKoT26yqE9t0qhPVpKoT2/yqE9t////8BLIX0LyqE9v8qhPbpKoT3t////wH///8B////Af///wH///8B////Af///wH///8B////Af///wErgP8NKoT2wyqE9v8qhfaxKoT2/yqE97kphPZ3KoT2/yyD9U0qhPbZKoT2/yuC9C8qhfarKoT2/yuE9lMqhPb/KoT18f///wH///8BK4T3fyuE99Mng/ch////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wErgP8NKoT2wyqE9v8qhPb/KoT29SmF9RkqhPb7KoX2yymD92MqhPb/KoP2bSqF92MqhPb/KoP2jSqE9v8qhPb/QID/Bf///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wErgP8NKoT2jSqE9ucrhPbf////ASmF9pUqhPb/KoP2qSqE9v8qhParJ4n/DSuE9usqhPXxKoT2/yqE9v0rgP8H////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BAKr/AzOZ/wX///8BIojuDyqE9ucqhPb/KoT2/ymE9r////8BK4P1ayqE9v8qhPb/KoT2rf///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BLIP4IyuF9s0qhPbtKoP1gf///wH///8BJ4P4JyyE9TUAgP8D////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////AQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA" rel="icon" type="image/png" />
+<link href="./node_modules/video.js/dist/video-js.min.css" rel="stylesheet" />
+<link href="./node_modules/videojs-hls-quality-selector/dist/videojs-hls-quality-selector.css" rel="stylesheet" />
+<script src="./node_modules/video.js/dist/video.min.js"></script>
+<script src="./node_modules/@videojs/http-streaming/dist/videojs-http-streaming.min.js"></script>
+<script src="./node_modules/videojs-hls-quality-selector/dist/videojs-hls-quality-selector.min.js"></script>
+
+<style>
+body {
+  margin: 0px;
+  font: 20px 'RobotoRegular', Arial, sans-serif;
+  font-weight: 100;
+  height: 100%;
+  color: #0f1419;
+  background-image: url('./bg.svg');
+  background-color: #ff5800;
+}
+div.info {
+  position: fixed;
+  background: #66008C;
+  padding: 50px 50px 50px 50px;
+  border-radius: 10px;
+  width: 1050px;
+  height: 600px;
+  top: 50%;
+  left: 50%;
+  margin-top: -400px;
+  margin-left: -550px;
+}
+div.butt {
+    margin-top: 10px;
+    margin-right: 10px;
+    border-radius: 4px;
+    height: 30px;
+    width: 70px;
+    background: #ff5800;
+    font-size: 15px;
+    line-height: 30px;
+    text-align: center;
+    float: left;
+}
+
+div.butt:hover {
+    background: #ffa678;
+    cursor: pointer;
+}
+
+div.selected {
+    margin-top: 10px;
+    margin-right: 10px;
+    border-radius: 4px;
+    height: 30px;
+    width: 70px;
+    background: #943300;
+    font-size: 15px;
+    line-height: 30px;
+    text-align: center;
+    float: left;
+    color: white;
+}
+
+</style>
+
+</head>
+<body>
+
+<div class="info">
+    <video-js id="vid1" width="1050px" height="600px" class="vjs-default-skin vjs-big-play-centered" controls>
+        <source
+         src="http://harambee-woest.student.utwente.nl:8080/live/teampresentaties_1080p8128kbs/index.m3u8"
+         type="application/x-mpegURL">
+    </video-js>
+    <div>
+        <div class="butt" onclick="document.location='/indexl.html'">
+            360p
+        </div>
+        <div class="butt" onclick="document.location='/indexm.html'">
+            480p
+        </div>
+        <div class="butt" onclick="document.location='/indexh.html'">
+            720p
+        </div>
+        <div class="butt" onclick="document.location='/indexh60.html'">
+            720p60
+        </div>
+        <div class="selected">
+            1080p
+        </div>
+        <div class="butt" onclick="document.location='/index60.html'">
+            1080p60
+        </div>
+    </div>
+</div>
+</body>
+<script>
+document.addEventListener("DOMContentLoaded", function(event) {
+    var player = videojs('vid1');
+    player.hlsQualitySelector();
+    player.play();
+});
+
+</script>
+</html>
diff --git a/site/index60.html b/site/index60.html
new file mode 100644
index 0000000..03d8fba
--- /dev/null
+++ b/site/index60.html
@@ -0,0 +1,119 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>HarambeeTV</title>
+<link href="data:image/vnd.microsoft.icon;base64,AAABAAIAEBAAAAAAIABoBAAAJgAAACAgAAAAACAAqBAAAI4EAAAoAAAAEAAAACAAAAABACAAAAAAAEAEAAAAAAAAAAAAAAAAAAAAAAAA////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BKYT2MSqD9mX///8BKYT1iymE9eUqhPZf////Af///wH///8B////Af///wH///8B////Af///wH///8BK4L1EyqE9vkqhPb/KoP2UyqE9qcqhPaRKoT2yyiH9wkpg/WPJIbzBf///wH///8B////Af///wH///8BKoT1bSuF9UcqhPb9KoT2qyqE9dcphPaFKoT20yqE9X8phPZpKYT2tymE9pH///8B////Af///wH///8BKYT3CSqE9ukpg/bPKYT2wSqE9qkqhPaVKYT2iSqE9v8qhPZZKoT1zSqD9YEqhPWdKYT1P////wH///8BigBkK3cVeQVaQq9LKYP2OSmE9y8tf/FbK4P1Gy2A8V0qg/VfKYT2QymE9UErg/c3KYT0MyqE9kf///8B////AYwAZYOLAGY/jABlR4wAZYuLAGaNjABmj4wAZZmLAGaLiwBmoYwAZn+MAGaLjABmqYwAZn96F4BRiwBmS40AZkWLAGaLjABldX4ReXtkNJ9rYzihO2E5ozUsg/gJLn3vFTN56iNuJ5FJfhJ5QyqD9Tcpg/UhKoP2m////wGOAGMFjABlQ05TwKF4GYF7KoT2wymD9qEqg/atKoT28yqD9mMqhPa3KoP18T1r2kMqhPbrKoT1XSiF9h3///8B////AYkAYgdmMZuLQGbV2S597ncqhPaTKYT2tSmE9vEqg/ZXKYT2xyqE9d8qhPZhKoT2ySqE9pP///8B////Af///wH///8B////ASmE9pcqhPajKoT2xSmE9sUqg/WfKYP1hyqE9t0qhPWvKoT1dSqE9msqg/al////Af///wH///8B////Af///wErgP8DKoP2lyqE9u8phPVrKYP2tSqD9sUqhPaXKoP13yqD9oH///8B////Af///wH///8B////Af///wH///8B////Af///wEinv8DIojuBSqE9rUpg/XLK4P1GymD9pcpg/Yt////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////AQAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8oAAAAIAAAAEAAAAABACAAAAAAAIAQAAAAAAAAAAAAAAAAAAAAAAAA////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BK4D/Df///wH///8B////ARyO/wkqhPbZKoT18SmE9ssqhfdj////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BKYT3HyqE9qUqhPb7K4T2j////wH///8BK4P1TyqE9v8qhPb5KoX24yqE9vkriPcf////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////AS6A8xcqhfblKoT2/yqE9v8qhPb/KoT3W////wErhfdbKoT2/yqF9uUqgvY3KoT2+yqE95n///8B////ASmE9WsngPUb////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BK4T2NyqE9v8qhPb/KoT2/yqE9v8qhPbnK4D/DSuD90MqhPb/KoT2/y2G+SkrhPebKoT2+yiH9yH///8BKoT22yqE9t0khvMV////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BKYP1SySS/wcrhvY7KoT2/yqE9v8rhPfxKoT2syqE9v8qhPWBLIP4IyqE9v8qhPb/K4T2cyiC9TMqhPb/KoT3mf///wEqhPbBKoT27yqF9skcjv8J////Af///wH///8B////Af///wH///8B////Af///wH///8B////ASuF9WcqhPb/K4X2zTCA7xEqhPb3KoT2/yuE9vcth/ARKoT25yqE9vMkhvMVKoT23SqE9v8rhPbZ////ASuF9s0qhPb1KIbyEymE95sqhfaTKoT31SqE9Z////8B////Af///wH///8B////Af///wH///8B////Af///wH///8BKoT27yqE9v8qhPb/KYP2byqE9q0qhPb/KoT2/yyD+SkrhPZtKoT2/yqF938pg/aJKoT2/yqE9v8pg/hFK4P1ZSqE9v8rhPZzLIP2UyqE9bsrhfVnKoT2/yuF9Ef///8B////Af///wH///8B////Af///wH///8B////ASmE9x8qhPb/K4T3tSqE9ucqhPbnKYT3XSqE9v8qhPb/KoX3fySS/wcrhPblKoX25SiG9jkqhPb/KoT2/yqF9q8ui/8LKoT27SqE9dUkgP8PKoT25ySG8xUrhPb9KYT2s////wH///8B////Af///wH///8B////Af///wH///8BAKr/AyuD9nEohvgnLIP4IymE9r8pg/hFKoX3eSqD9qkrhPW7////ASuD9WsqhPb/K4P1ZSuD9aEqhPXXKoT2+TOA/wspg/VRKoX2sSyD+SkrhPe1KIbyEyqE9bsrhPb9KYT3H////wH///8B////Af///wGLAGWhiQBiDf///wGIAGYPjABnkYAAgAP///8B////Af///wH///8BgACABZIAbQf///8B////ATOZ/wWLAF0L////Af///wEkkv8HAKr/A////wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////AYwAZr+MAGdF////AYsAZm+MAGa3////AY0AZZ2MAGWXjABmx4wAZ1ONAGebjQBmpYwAZq+NAGaTiwBmrYwAZneMAGdniwBlUYwAZomMAGaZjABns4sAZ2OMAGa9jQBmj4wAZp+MAGdpjABmhYwAZ2eKAGoZ////Af///wH///8BjABlf40AZYn///8BjABmi40AZWH///8BjABmX4sAZpeMAGaZiwBmg4wAZuWJAGIbjABmlYsAZY2NAGZrjABnn4wAZt+LAGbrjgBnSYwAZpWNAGaRjABmiYwAZsmNAGaPjQBmkY0AZmckkv8HUVHAVYsAZoONAGaRjQBnm40AZXWKAGg7jABm/4wAZtWMAGbdiwBmt44AYyWLAGaXjQBma6oAVQOMAGWDjABlb////wH///8B////AYAAgAX///8B////AZUAag2AAIAFjABmcYsAZVn///8B////Af///wH///8B////ASuE99Mpg/aJ////Af///wGAAFUHlQBqDaoAVQOMAGbvkgBhFYcAaRGMAGbPK4P3QyqE9pMrgPQZK4L0Ly6C8TdOTrwXKoT1TyyD+CP///8BAKr/AyuD9U8phfhFK4b2OyqE9lWLA2hXjABmjSuH+CUqhPaLLIP1TSmF9UsrgvU1K4P1oSqF9nP///8B////Af///wH///8B////AYwAZquKA2dXK4X3l4sAZqWCEHcvKoT26SuE9qkphPVrKoT2/yqD92ErhPfxKoT2/yqE9s////8BKoT23SqE9v8qhfdjKoT2/yyB8sdmNp9VJoT2GyqE9v8qhPbJKYT3HyqF9pMphPY5KIb2Of///wH///8B////Af///wH///8BjQBlY4gDap8qhPb7TVTCi4wAZo0phPd9KoT2+yyD+SkqhPbzKoP2wyqE9Z0qhPb/KoT2/ymD+CUrg/aLKoT2/yqE93sqhPb/KoT2/yuE95v///8BKoX25SuE9v0ui/8LKoT1u////wH///8B////Af///wH///8B////Af///wGJAGIbjABm6SuC868qhPbzhglvs0VizhsrhPb9KoP1hyqF95kqhPb/KYX3XyqE9v8qhPb/K4X3YSmD+EUqhPb/KoT3eyqE9uMqhPb/KoT3uf///wEqhfavKoT2/yqG9z0qhPbR////Af///wH///8B////Af///wH///8B////Af///wGLAGdjRF7QMSqE9vs5ceHDgA5xEymE9rMqhPbtK4T3PSqE9v8qhPZ1KYT2yyqE9v8qhPWdK4D0GSqE9v8phPanKoT1nyqE9v8qhPbN////ASqF93kqhPb/KoX2cyqE9sn///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BKYX2jyqE9v8qhPaHK4T2UyqE9v8rhfdhKYT20SqE9tEphPZXKoT2/yqE9ukAgP8DKoT26yqE9t0qhPVpKoT2/yqE9t////8BLIX0LyqE9v8qhPbpKoT3t////wH///8B////Af///wH///8B////Af///wH///8B////Af///wErgP8NKoT2wyqE9v8qhfaxKoT2/yqE97kphPZ3KoT2/yyD9U0qhPbZKoT2/yuC9C8qhfarKoT2/yuE9lMqhPb/KoT18f///wH///8BK4T3fyuE99Mng/ch////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wErgP8NKoT2wyqE9v8qhPb/KoT29SmF9RkqhPb7KoX2yymD92MqhPb/KoP2bSqF92MqhPb/KoP2jSqE9v8qhPb/QID/Bf///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wErgP8NKoT2jSqE9ucrhPbf////ASmF9pUqhPb/KoP2qSqE9v8qhParJ4n/DSuE9usqhPXxKoT2/yqE9v0rgP8H////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BAKr/AzOZ/wX///8BIojuDyqE9ucqhPb/KoT2/ymE9r////8BK4P1ayqE9v8qhPb/KoT2rf///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BLIP4IyuF9s0qhPbtKoP1gf///wH///8BJ4P4JyyE9TUAgP8D////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////AQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA" rel="icon" type="image/png" />
+<link href="./node_modules/video.js/dist/video-js.min.css" rel="stylesheet" />
+<link href="./node_modules/videojs-hls-quality-selector/dist/videojs-hls-quality-selector.css" rel="stylesheet" />
+<script src="./node_modules/video.js/dist/video.min.js"></script>
+<script src="./node_modules/@videojs/http-streaming/dist/videojs-http-streaming.min.js"></script>
+<script src="./node_modules/videojs-hls-quality-selector/dist/videojs-hls-quality-selector.min.js"></script>
+
+<style>
+body {
+  margin: 0px;
+  font: 20px 'RobotoRegular', Arial, sans-serif;
+  font-weight: 100;
+  height: 100%;
+  color: #0f1419;
+  background-image: url('./bg.svg');
+  background-color: #ff5800;
+}
+div.info {
+  position: fixed;
+  background: #66008C;
+  padding: 50px 50px 50px 50px;
+  border-radius: 10px;
+  width: 1050px;
+  height: 600px;
+  top: 50%;
+  left: 50%;
+  margin-top: -400px;
+  margin-left: -550px;
+}
+div.butt {
+    margin-top: 10px;
+    margin-right: 10px;
+    border-radius: 4px;
+    height: 30px;
+    width: 70px;
+    background: #ff5800;
+    font-size: 15px;
+    line-height: 30px;
+    text-align: center;
+    float: left;
+}
+
+div.butt:hover {
+    background: #ffa678;
+    cursor: pointer;
+}
+
+div.selected {
+    margin-top: 10px;
+    margin-right: 10px;
+    border-radius: 4px;
+    height: 30px;
+    width: 70px;
+    background: #943300;
+    font-size: 15px;
+    line-height: 30px;
+    text-align: center;
+    float: left;
+    color: white;
+}
+
+#footer {
+    position: fixed;
+    bottom: 36px;
+    width: 100%;
+}
+#center {
+    width: 400px;
+    margin: 0 auto;
+    font: 12px Courier;
+}
+
+</style>
+
+</head>
+<body>
+
+<div class="info">
+    <video-js id="vid1" width="1050px" height="600px" class="vjs-default-skin vjs-big-play-centered" controls>
+        <source
+         src="http://harambee-woest.student.utwente.nl:8080/live/teampresentaties_1080p60_10128kbs/index.m3u8"
+         type="application/x-mpegURL">
+    </video-js>
+    <div>
+        <div class="butt" onclick="document.location='/indexl.html'">
+            360p
+        </div>
+        <div class="butt" onclick="document.location='/indexm.html'">
+            480p
+        </div>
+        <div class="butt" onclick="document.location='/indexh.html'">
+            720p
+        </div>
+        <div class="butt" onclick="document.location='/indexh60.html'">
+            720p60
+        </div>
+        <div class="butt" onclick="document.location='/index.html'">
+            1080p
+        </div>
+        <div class="selected">
+            1080p60
+        </div>
+    </div>
+</div>
+</body>
+<script>
+document.addEventListener("DOMContentLoaded", function(event) {
+    var player = videojs('vid1');
+    player.hlsQualitySelector();
+    player.play();
+});
+
+</script>
+</html>
diff --git a/site/indexh.html b/site/indexh.html
new file mode 100644
index 0000000..8682aad
--- /dev/null
+++ b/site/indexh.html
@@ -0,0 +1,119 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>HarambeeTV</title>
+<link href="data:image/vnd.microsoft.icon;base64,AAABAAIAEBAAAAAAIABoBAAAJgAAACAgAAAAACAAqBAAAI4EAAAoAAAAEAAAACAAAAABACAAAAAAAEAEAAAAAAAAAAAAAAAAAAAAAAAA////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BKYT2MSqD9mX///8BKYT1iymE9eUqhPZf////Af///wH///8B////Af///wH///8B////Af///wH///8BK4L1EyqE9vkqhPb/KoP2UyqE9qcqhPaRKoT2yyiH9wkpg/WPJIbzBf///wH///8B////Af///wH///8BKoT1bSuF9UcqhPb9KoT2qyqE9dcphPaFKoT20yqE9X8phPZpKYT2tymE9pH///8B////Af///wH///8BKYT3CSqE9ukpg/bPKYT2wSqE9qkqhPaVKYT2iSqE9v8qhPZZKoT1zSqD9YEqhPWdKYT1P////wH///8BigBkK3cVeQVaQq9LKYP2OSmE9y8tf/FbK4P1Gy2A8V0qg/VfKYT2QymE9UErg/c3KYT0MyqE9kf///8B////AYwAZYOLAGY/jABlR4wAZYuLAGaNjABmj4wAZZmLAGaLiwBmoYwAZn+MAGaLjABmqYwAZn96F4BRiwBmS40AZkWLAGaLjABldX4ReXtkNJ9rYzihO2E5ozUsg/gJLn3vFTN56iNuJ5FJfhJ5QyqD9Tcpg/UhKoP2m////wGOAGMFjABlQ05TwKF4GYF7KoT2wymD9qEqg/atKoT28yqD9mMqhPa3KoP18T1r2kMqhPbrKoT1XSiF9h3///8B////AYkAYgdmMZuLQGbV2S597ncqhPaTKYT2tSmE9vEqg/ZXKYT2xyqE9d8qhPZhKoT2ySqE9pP///8B////Af///wH///8B////ASmE9pcqhPajKoT2xSmE9sUqg/WfKYP1hyqE9t0qhPWvKoT1dSqE9msqg/al////Af///wH///8B////Af///wErgP8DKoP2lyqE9u8phPVrKYP2tSqD9sUqhPaXKoP13yqD9oH///8B////Af///wH///8B////Af///wH///8B////Af///wEinv8DIojuBSqE9rUpg/XLK4P1GymD9pcpg/Yt////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////AQAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8oAAAAIAAAAEAAAAABACAAAAAAAIAQAAAAAAAAAAAAAAAAAAAAAAAA////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BK4D/Df///wH///8B////ARyO/wkqhPbZKoT18SmE9ssqhfdj////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BKYT3HyqE9qUqhPb7K4T2j////wH///8BK4P1TyqE9v8qhPb5KoX24yqE9vkriPcf////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////AS6A8xcqhfblKoT2/yqE9v8qhPb/KoT3W////wErhfdbKoT2/yqF9uUqgvY3KoT2+yqE95n///8B////ASmE9WsngPUb////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BK4T2NyqE9v8qhPb/KoT2/yqE9v8qhPbnK4D/DSuD90MqhPb/KoT2/y2G+SkrhPebKoT2+yiH9yH///8BKoT22yqE9t0khvMV////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BKYP1SySS/wcrhvY7KoT2/yqE9v8rhPfxKoT2syqE9v8qhPWBLIP4IyqE9v8qhPb/K4T2cyiC9TMqhPb/KoT3mf///wEqhPbBKoT27yqF9skcjv8J////Af///wH///8B////Af///wH///8B////Af///wH///8B////ASuF9WcqhPb/K4X2zTCA7xEqhPb3KoT2/yuE9vcth/ARKoT25yqE9vMkhvMVKoT23SqE9v8rhPbZ////ASuF9s0qhPb1KIbyEymE95sqhfaTKoT31SqE9Z////8B////Af///wH///8B////Af///wH///8B////Af///wH///8BKoT27yqE9v8qhPb/KYP2byqE9q0qhPb/KoT2/yyD+SkrhPZtKoT2/yqF938pg/aJKoT2/yqE9v8pg/hFK4P1ZSqE9v8rhPZzLIP2UyqE9bsrhfVnKoT2/yuF9Ef///8B////Af///wH///8B////Af///wH///8B////ASmE9x8qhPb/K4T3tSqE9ucqhPbnKYT3XSqE9v8qhPb/KoX3fySS/wcrhPblKoX25SiG9jkqhPb/KoT2/yqF9q8ui/8LKoT27SqE9dUkgP8PKoT25ySG8xUrhPb9KYT2s////wH///8B////Af///wH///8B////Af///wH///8BAKr/AyuD9nEohvgnLIP4IymE9r8pg/hFKoX3eSqD9qkrhPW7////ASuD9WsqhPb/K4P1ZSuD9aEqhPXXKoT2+TOA/wspg/VRKoX2sSyD+SkrhPe1KIbyEyqE9bsrhPb9KYT3H////wH///8B////Af///wGLAGWhiQBiDf///wGIAGYPjABnkYAAgAP///8B////Af///wH///8BgACABZIAbQf///8B////ATOZ/wWLAF0L////Af///wEkkv8HAKr/A////wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////AYwAZr+MAGdF////AYsAZm+MAGa3////AY0AZZ2MAGWXjABmx4wAZ1ONAGebjQBmpYwAZq+NAGaTiwBmrYwAZneMAGdniwBlUYwAZomMAGaZjABns4sAZ2OMAGa9jQBmj4wAZp+MAGdpjABmhYwAZ2eKAGoZ////Af///wH///8BjABlf40AZYn///8BjABmi40AZWH///8BjABmX4sAZpeMAGaZiwBmg4wAZuWJAGIbjABmlYsAZY2NAGZrjABnn4wAZt+LAGbrjgBnSYwAZpWNAGaRjABmiYwAZsmNAGaPjQBmkY0AZmckkv8HUVHAVYsAZoONAGaRjQBnm40AZXWKAGg7jABm/4wAZtWMAGbdiwBmt44AYyWLAGaXjQBma6oAVQOMAGWDjABlb////wH///8B////AYAAgAX///8B////AZUAag2AAIAFjABmcYsAZVn///8B////Af///wH///8B////ASuE99Mpg/aJ////Af///wGAAFUHlQBqDaoAVQOMAGbvkgBhFYcAaRGMAGbPK4P3QyqE9pMrgPQZK4L0Ly6C8TdOTrwXKoT1TyyD+CP///8BAKr/AyuD9U8phfhFK4b2OyqE9lWLA2hXjABmjSuH+CUqhPaLLIP1TSmF9UsrgvU1K4P1oSqF9nP///8B////Af///wH///8B////AYwAZquKA2dXK4X3l4sAZqWCEHcvKoT26SuE9qkphPVrKoT2/yqD92ErhPfxKoT2/yqE9s////8BKoT23SqE9v8qhfdjKoT2/yyB8sdmNp9VJoT2GyqE9v8qhPbJKYT3HyqF9pMphPY5KIb2Of///wH///8B////Af///wH///8BjQBlY4gDap8qhPb7TVTCi4wAZo0phPd9KoT2+yyD+SkqhPbzKoP2wyqE9Z0qhPb/KoT2/ymD+CUrg/aLKoT2/yqE93sqhPb/KoT2/yuE95v///8BKoX25SuE9v0ui/8LKoT1u////wH///8B////Af///wH///8B////Af///wGJAGIbjABm6SuC868qhPbzhglvs0VizhsrhPb9KoP1hyqF95kqhPb/KYX3XyqE9v8qhPb/K4X3YSmD+EUqhPb/KoT3eyqE9uMqhPb/KoT3uf///wEqhfavKoT2/yqG9z0qhPbR////Af///wH///8B////Af///wH///8B////Af///wGLAGdjRF7QMSqE9vs5ceHDgA5xEymE9rMqhPbtK4T3PSqE9v8qhPZ1KYT2yyqE9v8qhPWdK4D0GSqE9v8phPanKoT1nyqE9v8qhPbN////ASqF93kqhPb/KoX2cyqE9sn///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BKYX2jyqE9v8qhPaHK4T2UyqE9v8rhfdhKYT20SqE9tEphPZXKoT2/yqE9ukAgP8DKoT26yqE9t0qhPVpKoT2/yqE9t////8BLIX0LyqE9v8qhPbpKoT3t////wH///8B////Af///wH///8B////Af///wH///8B////Af///wErgP8NKoT2wyqE9v8qhfaxKoT2/yqE97kphPZ3KoT2/yyD9U0qhPbZKoT2/yuC9C8qhfarKoT2/yuE9lMqhPb/KoT18f///wH///8BK4T3fyuE99Mng/ch////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wErgP8NKoT2wyqE9v8qhPb/KoT29SmF9RkqhPb7KoX2yymD92MqhPb/KoP2bSqF92MqhPb/KoP2jSqE9v8qhPb/QID/Bf///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wErgP8NKoT2jSqE9ucrhPbf////ASmF9pUqhPb/KoP2qSqE9v8qhParJ4n/DSuE9usqhPXxKoT2/yqE9v0rgP8H////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BAKr/AzOZ/wX///8BIojuDyqE9ucqhPb/KoT2/ymE9r////8BK4P1ayqE9v8qhPb/KoT2rf///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BLIP4IyuF9s0qhPbtKoP1gf///wH///8BJ4P4JyyE9TUAgP8D////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////AQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA" rel="icon" type="image/png" />
+<link href="./node_modules/video.js/dist/video-js.min.css" rel="stylesheet" />
+<link href="./node_modules/videojs-hls-quality-selector/dist/videojs-hls-quality-selector.css" rel="stylesheet" />
+<script src="./node_modules/video.js/dist/video.min.js"></script>
+<script src="./node_modules/@videojs/http-streaming/dist/videojs-http-streaming.min.js"></script>
+<script src="./node_modules/videojs-hls-quality-selector/dist/videojs-hls-quality-selector.min.js"></script>
+
+<style>
+body {
+  margin: 0px;
+  font: 20px 'RobotoRegular', Arial, sans-serif;
+  font-weight: 100;
+  height: 100%;
+  color: #0f1419;
+  background-image: url('./bg.svg');
+  background-color: #ff5800;
+}
+div.info {
+  position: fixed;
+  background: #66008C;
+  padding: 50px 50px 50px 50px;
+  border-radius: 10px;
+  width: 1050px;
+  height: 600px;
+  top: 50%;
+  left: 50%;
+  margin-top: -400px;
+  margin-left: -550px;
+}
+div.butt {
+    margin-top: 10px;
+    margin-right: 10px;
+    border-radius: 4px;
+    height: 30px;
+    width: 70px;
+    background: #ff5800;
+    font-size: 15px;
+    line-height: 30px;
+    text-align: center;
+    float: left;
+}
+
+div.butt:hover {
+    background: #ffa678;
+    cursor: pointer;
+}
+
+div.selected {
+    margin-top: 10px;
+    margin-right: 10px;
+    border-radius: 4px;
+    height: 30px;
+    width: 70px;
+    background: #943300;
+    font-size: 15px;
+    line-height: 30px;
+    text-align: center;
+    float: left;
+    color: white;
+}
+
+#footer {
+    position: fixed;
+    bottom: 36px;
+    width: 100%;
+}
+#center {
+    width: 400px;
+    margin: 0 auto;
+    font: 12px Courier;
+}
+
+</style>
+
+</head>
+<body>
+
+<div class="info">
+    <video-js id="vid1" width="1050px" height="600px" class="vjs-default-skin vjs-big-play-centered" controls>
+        <source
+         src="http://harambee-woest.student.utwente.nl:8080/live/teampresentaties_720p4128kbs/index.m3u8"
+         type="application/x-mpegURL">
+    </video-js>
+    <div>
+        <div class="butt" onclick="document.location='/indexl.html'">
+            360p
+        </div>
+        <div class="butt" onclick="document.location='/indexm.html'">
+            480p
+        </div>
+        <div class="selected">
+            720p
+        </div>
+        <div class="butt" onclick="document.location='/indexh60.html'">
+            720p60
+        </div>
+        <div class="butt" onclick="document.location='/index.html'">
+            1080p
+        </div>
+        <div class="butt" onclick="document.location='/index60.html'">
+            1080p60
+        </div>
+    </div>
+</div>
+</body>
+<script>
+document.addEventListener("DOMContentLoaded", function(event) {
+    var player = videojs('vid1');
+    player.hlsQualitySelector();
+    player.play();
+});
+
+</script>
+</html>
diff --git a/site/indexh60.html b/site/indexh60.html
new file mode 100644
index 0000000..c85d686
--- /dev/null
+++ b/site/indexh60.html
@@ -0,0 +1,119 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>HarambeeTV</title>
+<link href="data:image/vnd.microsoft.icon;base64,AAABAAIAEBAAAAAAIABoBAAAJgAAACAgAAAAACAAqBAAAI4EAAAoAAAAEAAAACAAAAABACAAAAAAAEAEAAAAAAAAAAAAAAAAAAAAAAAA////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BKYT2MSqD9mX///8BKYT1iymE9eUqhPZf////Af///wH///8B////Af///wH///8B////Af///wH///8BK4L1EyqE9vkqhPb/KoP2UyqE9qcqhPaRKoT2yyiH9wkpg/WPJIbzBf///wH///8B////Af///wH///8BKoT1bSuF9UcqhPb9KoT2qyqE9dcphPaFKoT20yqE9X8phPZpKYT2tymE9pH///8B////Af///wH///8BKYT3CSqE9ukpg/bPKYT2wSqE9qkqhPaVKYT2iSqE9v8qhPZZKoT1zSqD9YEqhPWdKYT1P////wH///8BigBkK3cVeQVaQq9LKYP2OSmE9y8tf/FbK4P1Gy2A8V0qg/VfKYT2QymE9UErg/c3KYT0MyqE9kf///8B////AYwAZYOLAGY/jABlR4wAZYuLAGaNjABmj4wAZZmLAGaLiwBmoYwAZn+MAGaLjABmqYwAZn96F4BRiwBmS40AZkWLAGaLjABldX4ReXtkNJ9rYzihO2E5ozUsg/gJLn3vFTN56iNuJ5FJfhJ5QyqD9Tcpg/UhKoP2m////wGOAGMFjABlQ05TwKF4GYF7KoT2wymD9qEqg/atKoT28yqD9mMqhPa3KoP18T1r2kMqhPbrKoT1XSiF9h3///8B////AYkAYgdmMZuLQGbV2S597ncqhPaTKYT2tSmE9vEqg/ZXKYT2xyqE9d8qhPZhKoT2ySqE9pP///8B////Af///wH///8B////ASmE9pcqhPajKoT2xSmE9sUqg/WfKYP1hyqE9t0qhPWvKoT1dSqE9msqg/al////Af///wH///8B////Af///wErgP8DKoP2lyqE9u8phPVrKYP2tSqD9sUqhPaXKoP13yqD9oH///8B////Af///wH///8B////Af///wH///8B////Af///wEinv8DIojuBSqE9rUpg/XLK4P1GymD9pcpg/Yt////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////AQAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8oAAAAIAAAAEAAAAABACAAAAAAAIAQAAAAAAAAAAAAAAAAAAAAAAAA////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BK4D/Df///wH///8B////ARyO/wkqhPbZKoT18SmE9ssqhfdj////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BKYT3HyqE9qUqhPb7K4T2j////wH///8BK4P1TyqE9v8qhPb5KoX24yqE9vkriPcf////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////AS6A8xcqhfblKoT2/yqE9v8qhPb/KoT3W////wErhfdbKoT2/yqF9uUqgvY3KoT2+yqE95n///8B////ASmE9WsngPUb////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BK4T2NyqE9v8qhPb/KoT2/yqE9v8qhPbnK4D/DSuD90MqhPb/KoT2/y2G+SkrhPebKoT2+yiH9yH///8BKoT22yqE9t0khvMV////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BKYP1SySS/wcrhvY7KoT2/yqE9v8rhPfxKoT2syqE9v8qhPWBLIP4IyqE9v8qhPb/K4T2cyiC9TMqhPb/KoT3mf///wEqhPbBKoT27yqF9skcjv8J////Af///wH///8B////Af///wH///8B////Af///wH///8B////ASuF9WcqhPb/K4X2zTCA7xEqhPb3KoT2/yuE9vcth/ARKoT25yqE9vMkhvMVKoT23SqE9v8rhPbZ////ASuF9s0qhPb1KIbyEymE95sqhfaTKoT31SqE9Z////8B////Af///wH///8B////Af///wH///8B////Af///wH///8BKoT27yqE9v8qhPb/KYP2byqE9q0qhPb/KoT2/yyD+SkrhPZtKoT2/yqF938pg/aJKoT2/yqE9v8pg/hFK4P1ZSqE9v8rhPZzLIP2UyqE9bsrhfVnKoT2/yuF9Ef///8B////Af///wH///8B////Af///wH///8B////ASmE9x8qhPb/K4T3tSqE9ucqhPbnKYT3XSqE9v8qhPb/KoX3fySS/wcrhPblKoX25SiG9jkqhPb/KoT2/yqF9q8ui/8LKoT27SqE9dUkgP8PKoT25ySG8xUrhPb9KYT2s////wH///8B////Af///wH///8B////Af///wH///8BAKr/AyuD9nEohvgnLIP4IymE9r8pg/hFKoX3eSqD9qkrhPW7////ASuD9WsqhPb/K4P1ZSuD9aEqhPXXKoT2+TOA/wspg/VRKoX2sSyD+SkrhPe1KIbyEyqE9bsrhPb9KYT3H////wH///8B////Af///wGLAGWhiQBiDf///wGIAGYPjABnkYAAgAP///8B////Af///wH///8BgACABZIAbQf///8B////ATOZ/wWLAF0L////Af///wEkkv8HAKr/A////wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////AYwAZr+MAGdF////AYsAZm+MAGa3////AY0AZZ2MAGWXjABmx4wAZ1ONAGebjQBmpYwAZq+NAGaTiwBmrYwAZneMAGdniwBlUYwAZomMAGaZjABns4sAZ2OMAGa9jQBmj4wAZp+MAGdpjABmhYwAZ2eKAGoZ////Af///wH///8BjABlf40AZYn///8BjABmi40AZWH///8BjABmX4sAZpeMAGaZiwBmg4wAZuWJAGIbjABmlYsAZY2NAGZrjABnn4wAZt+LAGbrjgBnSYwAZpWNAGaRjABmiYwAZsmNAGaPjQBmkY0AZmckkv8HUVHAVYsAZoONAGaRjQBnm40AZXWKAGg7jABm/4wAZtWMAGbdiwBmt44AYyWLAGaXjQBma6oAVQOMAGWDjABlb////wH///8B////AYAAgAX///8B////AZUAag2AAIAFjABmcYsAZVn///8B////Af///wH///8B////ASuE99Mpg/aJ////Af///wGAAFUHlQBqDaoAVQOMAGbvkgBhFYcAaRGMAGbPK4P3QyqE9pMrgPQZK4L0Ly6C8TdOTrwXKoT1TyyD+CP///8BAKr/AyuD9U8phfhFK4b2OyqE9lWLA2hXjABmjSuH+CUqhPaLLIP1TSmF9UsrgvU1K4P1oSqF9nP///8B////Af///wH///8B////AYwAZquKA2dXK4X3l4sAZqWCEHcvKoT26SuE9qkphPVrKoT2/yqD92ErhPfxKoT2/yqE9s////8BKoT23SqE9v8qhfdjKoT2/yyB8sdmNp9VJoT2GyqE9v8qhPbJKYT3HyqF9pMphPY5KIb2Of///wH///8B////Af///wH///8BjQBlY4gDap8qhPb7TVTCi4wAZo0phPd9KoT2+yyD+SkqhPbzKoP2wyqE9Z0qhPb/KoT2/ymD+CUrg/aLKoT2/yqE93sqhPb/KoT2/yuE95v///8BKoX25SuE9v0ui/8LKoT1u////wH///8B////Af///wH///8B////Af///wGJAGIbjABm6SuC868qhPbzhglvs0VizhsrhPb9KoP1hyqF95kqhPb/KYX3XyqE9v8qhPb/K4X3YSmD+EUqhPb/KoT3eyqE9uMqhPb/KoT3uf///wEqhfavKoT2/yqG9z0qhPbR////Af///wH///8B////Af///wH///8B////Af///wGLAGdjRF7QMSqE9vs5ceHDgA5xEymE9rMqhPbtK4T3PSqE9v8qhPZ1KYT2yyqE9v8qhPWdK4D0GSqE9v8phPanKoT1nyqE9v8qhPbN////ASqF93kqhPb/KoX2cyqE9sn///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BKYX2jyqE9v8qhPaHK4T2UyqE9v8rhfdhKYT20SqE9tEphPZXKoT2/yqE9ukAgP8DKoT26yqE9t0qhPVpKoT2/yqE9t////8BLIX0LyqE9v8qhPbpKoT3t////wH///8B////Af///wH///8B////Af///wH///8B////Af///wErgP8NKoT2wyqE9v8qhfaxKoT2/yqE97kphPZ3KoT2/yyD9U0qhPbZKoT2/yuC9C8qhfarKoT2/yuE9lMqhPb/KoT18f///wH///8BK4T3fyuE99Mng/ch////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wErgP8NKoT2wyqE9v8qhPb/KoT29SmF9RkqhPb7KoX2yymD92MqhPb/KoP2bSqF92MqhPb/KoP2jSqE9v8qhPb/QID/Bf///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wErgP8NKoT2jSqE9ucrhPbf////ASmF9pUqhPb/KoP2qSqE9v8qhParJ4n/DSuE9usqhPXxKoT2/yqE9v0rgP8H////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BAKr/AzOZ/wX///8BIojuDyqE9ucqhPb/KoT2/ymE9r////8BK4P1ayqE9v8qhPb/KoT2rf///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BLIP4IyuF9s0qhPbtKoP1gf///wH///8BJ4P4JyyE9TUAgP8D////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////AQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA" rel="icon" type="image/png" />
+<link href="./node_modules/video.js/dist/video-js.min.css" rel="stylesheet" />
+<link href="./node_modules/videojs-hls-quality-selector/dist/videojs-hls-quality-selector.css" rel="stylesheet" />
+<script src="./node_modules/video.js/dist/video.min.js"></script>
+<script src="./node_modules/@videojs/http-streaming/dist/videojs-http-streaming.min.js"></script>
+<script src="./node_modules/videojs-hls-quality-selector/dist/videojs-hls-quality-selector.min.js"></script>
+
+<style>
+body {
+  margin: 0px;
+  font: 20px 'RobotoRegular', Arial, sans-serif;
+  font-weight: 100;
+  height: 100%;
+  color: #0f1419;
+  background-image: url('./bg.svg');
+  background-color: #ff5800;
+}
+div.info {
+  position: fixed;
+  background: #66008C;
+  padding: 50px 50px 50px 50px;
+  border-radius: 10px;
+  width: 1050px;
+  height: 600px;
+  top: 50%;
+  left: 50%;
+  margin-top: -400px;
+  margin-left: -550px;
+}
+div.butt {
+    margin-top: 10px;
+    margin-right: 10px;
+    border-radius: 4px;
+    height: 30px;
+    width: 70px;
+    background: #ff5800;
+    font-size: 15px;
+    line-height: 30px;
+    text-align: center;
+    float: left;
+}
+
+div.butt:hover {
+    background: #ffa678;
+    cursor: pointer;
+}
+
+div.selected {
+    margin-top: 10px;
+    margin-right: 10px;
+    border-radius: 4px;
+    height: 30px;
+    width: 70px;
+    background: #943300;
+    font-size: 15px;
+    line-height: 30px;
+    text-align: center;
+    float: left;
+    color: white;
+}
+
+#footer {
+    position: fixed;
+    bottom: 36px;
+    width: 100%;
+}
+#center {
+    width: 400px;
+    margin: 0 auto;
+    font: 12px Courier;
+}
+
+</style>
+
+</head>
+<body>
+
+<div class="info">
+    <video-js id="vid1" width="1050px" height="600px" class="vjs-default-skin vjs-big-play-centered" controls>
+        <source
+         src="http://harambee-woest.student.utwente.nl:8080/live/teampresentaties_720p60_4128kbs/index.m3u8"
+         type="application/x-mpegURL">
+    </video-js>
+    <div>
+        <div class="butt" onclick="document.location='/indexl.html'">
+            360p
+        </div>
+        <div class="butt" onclick="document.location='/indexm.html'">
+            480p
+        </div>
+        <div class="butt" onclick="document.location='/indexh.html'">
+            720p
+        </div>
+        <div class="selected">
+            720p60
+        </div>
+        <div class="butt" onclick="document.location='/index.html'">
+            1080p
+        </div>
+        <div class="butt" onclick="document.location='/index60.html'">
+            1080p60
+        </div>
+    </div>
+</div>
+</body>
+<script>
+document.addEventListener("DOMContentLoaded", function(event) {
+    var player = videojs('vid1');
+    player.hlsQualitySelector();
+    player.play();
+});
+
+</script>
+</html>
diff --git a/site/indexl.html b/site/indexl.html
new file mode 100644
index 0000000..5881c1e
--- /dev/null
+++ b/site/indexl.html
@@ -0,0 +1,119 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>HarambeeTV</title>
+<link href="data:image/vnd.microsoft.icon;base64,AAABAAIAEBAAAAAAIABoBAAAJgAAACAgAAAAACAAqBAAAI4EAAAoAAAAEAAAACAAAAABACAAAAAAAEAEAAAAAAAAAAAAAAAAAAAAAAAA////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BKYT2MSqD9mX///8BKYT1iymE9eUqhPZf////Af///wH///8B////Af///wH///8B////Af///wH///8BK4L1EyqE9vkqhPb/KoP2UyqE9qcqhPaRKoT2yyiH9wkpg/WPJIbzBf///wH///8B////Af///wH///8BKoT1bSuF9UcqhPb9KoT2qyqE9dcphPaFKoT20yqE9X8phPZpKYT2tymE9pH///8B////Af///wH///8BKYT3CSqE9ukpg/bPKYT2wSqE9qkqhPaVKYT2iSqE9v8qhPZZKoT1zSqD9YEqhPWdKYT1P////wH///8BigBkK3cVeQVaQq9LKYP2OSmE9y8tf/FbK4P1Gy2A8V0qg/VfKYT2QymE9UErg/c3KYT0MyqE9kf///8B////AYwAZYOLAGY/jABlR4wAZYuLAGaNjABmj4wAZZmLAGaLiwBmoYwAZn+MAGaLjABmqYwAZn96F4BRiwBmS40AZkWLAGaLjABldX4ReXtkNJ9rYzihO2E5ozUsg/gJLn3vFTN56iNuJ5FJfhJ5QyqD9Tcpg/UhKoP2m////wGOAGMFjABlQ05TwKF4GYF7KoT2wymD9qEqg/atKoT28yqD9mMqhPa3KoP18T1r2kMqhPbrKoT1XSiF9h3///8B////AYkAYgdmMZuLQGbV2S597ncqhPaTKYT2tSmE9vEqg/ZXKYT2xyqE9d8qhPZhKoT2ySqE9pP///8B////Af///wH///8B////ASmE9pcqhPajKoT2xSmE9sUqg/WfKYP1hyqE9t0qhPWvKoT1dSqE9msqg/al////Af///wH///8B////Af///wErgP8DKoP2lyqE9u8phPVrKYP2tSqD9sUqhPaXKoP13yqD9oH///8B////Af///wH///8B////Af///wH///8B////Af///wEinv8DIojuBSqE9rUpg/XLK4P1GymD9pcpg/Yt////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////AQAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8oAAAAIAAAAEAAAAABACAAAAAAAIAQAAAAAAAAAAAAAAAAAAAAAAAA////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BK4D/Df///wH///8B////ARyO/wkqhPbZKoT18SmE9ssqhfdj////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BKYT3HyqE9qUqhPb7K4T2j////wH///8BK4P1TyqE9v8qhPb5KoX24yqE9vkriPcf////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////AS6A8xcqhfblKoT2/yqE9v8qhPb/KoT3W////wErhfdbKoT2/yqF9uUqgvY3KoT2+yqE95n///8B////ASmE9WsngPUb////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BK4T2NyqE9v8qhPb/KoT2/yqE9v8qhPbnK4D/DSuD90MqhPb/KoT2/y2G+SkrhPebKoT2+yiH9yH///8BKoT22yqE9t0khvMV////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BKYP1SySS/wcrhvY7KoT2/yqE9v8rhPfxKoT2syqE9v8qhPWBLIP4IyqE9v8qhPb/K4T2cyiC9TMqhPb/KoT3mf///wEqhPbBKoT27yqF9skcjv8J////Af///wH///8B////Af///wH///8B////Af///wH///8B////ASuF9WcqhPb/K4X2zTCA7xEqhPb3KoT2/yuE9vcth/ARKoT25yqE9vMkhvMVKoT23SqE9v8rhPbZ////ASuF9s0qhPb1KIbyEymE95sqhfaTKoT31SqE9Z////8B////Af///wH///8B////Af///wH///8B////Af///wH///8BKoT27yqE9v8qhPb/KYP2byqE9q0qhPb/KoT2/yyD+SkrhPZtKoT2/yqF938pg/aJKoT2/yqE9v8pg/hFK4P1ZSqE9v8rhPZzLIP2UyqE9bsrhfVnKoT2/yuF9Ef///8B////Af///wH///8B////Af///wH///8B////ASmE9x8qhPb/K4T3tSqE9ucqhPbnKYT3XSqE9v8qhPb/KoX3fySS/wcrhPblKoX25SiG9jkqhPb/KoT2/yqF9q8ui/8LKoT27SqE9dUkgP8PKoT25ySG8xUrhPb9KYT2s////wH///8B////Af///wH///8B////Af///wH///8BAKr/AyuD9nEohvgnLIP4IymE9r8pg/hFKoX3eSqD9qkrhPW7////ASuD9WsqhPb/K4P1ZSuD9aEqhPXXKoT2+TOA/wspg/VRKoX2sSyD+SkrhPe1KIbyEyqE9bsrhPb9KYT3H////wH///8B////Af///wGLAGWhiQBiDf///wGIAGYPjABnkYAAgAP///8B////Af///wH///8BgACABZIAbQf///8B////ATOZ/wWLAF0L////Af///wEkkv8HAKr/A////wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////AYwAZr+MAGdF////AYsAZm+MAGa3////AY0AZZ2MAGWXjABmx4wAZ1ONAGebjQBmpYwAZq+NAGaTiwBmrYwAZneMAGdniwBlUYwAZomMAGaZjABns4sAZ2OMAGa9jQBmj4wAZp+MAGdpjABmhYwAZ2eKAGoZ////Af///wH///8BjABlf40AZYn///8BjABmi40AZWH///8BjABmX4sAZpeMAGaZiwBmg4wAZuWJAGIbjABmlYsAZY2NAGZrjABnn4wAZt+LAGbrjgBnSYwAZpWNAGaRjABmiYwAZsmNAGaPjQBmkY0AZmckkv8HUVHAVYsAZoONAGaRjQBnm40AZXWKAGg7jABm/4wAZtWMAGbdiwBmt44AYyWLAGaXjQBma6oAVQOMAGWDjABlb////wH///8B////AYAAgAX///8B////AZUAag2AAIAFjABmcYsAZVn///8B////Af///wH///8B////ASuE99Mpg/aJ////Af///wGAAFUHlQBqDaoAVQOMAGbvkgBhFYcAaRGMAGbPK4P3QyqE9pMrgPQZK4L0Ly6C8TdOTrwXKoT1TyyD+CP///8BAKr/AyuD9U8phfhFK4b2OyqE9lWLA2hXjABmjSuH+CUqhPaLLIP1TSmF9UsrgvU1K4P1oSqF9nP///8B////Af///wH///8B////AYwAZquKA2dXK4X3l4sAZqWCEHcvKoT26SuE9qkphPVrKoT2/yqD92ErhPfxKoT2/yqE9s////8BKoT23SqE9v8qhfdjKoT2/yyB8sdmNp9VJoT2GyqE9v8qhPbJKYT3HyqF9pMphPY5KIb2Of///wH///8B////Af///wH///8BjQBlY4gDap8qhPb7TVTCi4wAZo0phPd9KoT2+yyD+SkqhPbzKoP2wyqE9Z0qhPb/KoT2/ymD+CUrg/aLKoT2/yqE93sqhPb/KoT2/yuE95v///8BKoX25SuE9v0ui/8LKoT1u////wH///8B////Af///wH///8B////Af///wGJAGIbjABm6SuC868qhPbzhglvs0VizhsrhPb9KoP1hyqF95kqhPb/KYX3XyqE9v8qhPb/K4X3YSmD+EUqhPb/KoT3eyqE9uMqhPb/KoT3uf///wEqhfavKoT2/yqG9z0qhPbR////Af///wH///8B////Af///wH///8B////Af///wGLAGdjRF7QMSqE9vs5ceHDgA5xEymE9rMqhPbtK4T3PSqE9v8qhPZ1KYT2yyqE9v8qhPWdK4D0GSqE9v8phPanKoT1nyqE9v8qhPbN////ASqF93kqhPb/KoX2cyqE9sn///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BKYX2jyqE9v8qhPaHK4T2UyqE9v8rhfdhKYT20SqE9tEphPZXKoT2/yqE9ukAgP8DKoT26yqE9t0qhPVpKoT2/yqE9t////8BLIX0LyqE9v8qhPbpKoT3t////wH///8B////Af///wH///8B////Af///wH///8B////Af///wErgP8NKoT2wyqE9v8qhfaxKoT2/yqE97kphPZ3KoT2/yyD9U0qhPbZKoT2/yuC9C8qhfarKoT2/yuE9lMqhPb/KoT18f///wH///8BK4T3fyuE99Mng/ch////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wErgP8NKoT2wyqE9v8qhPb/KoT29SmF9RkqhPb7KoX2yymD92MqhPb/KoP2bSqF92MqhPb/KoP2jSqE9v8qhPb/QID/Bf///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wErgP8NKoT2jSqE9ucrhPbf////ASmF9pUqhPb/KoP2qSqE9v8qhParJ4n/DSuE9usqhPXxKoT2/yqE9v0rgP8H////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BAKr/AzOZ/wX///8BIojuDyqE9ucqhPb/KoT2/ymE9r////8BK4P1ayqE9v8qhPb/KoT2rf///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BLIP4IyuF9s0qhPbtKoP1gf///wH///8BJ4P4JyyE9TUAgP8D////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////AQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA" rel="icon" type="image/png" />
+<link href="./node_modules/video.js/dist/video-js.min.css" rel="stylesheet" />
+<link href="./node_modules/videojs-hls-quality-selector/dist/videojs-hls-quality-selector.css" rel="stylesheet" />
+<script src="./node_modules/video.js/dist/video.min.js"></script>
+<script src="./node_modules/@videojs/http-streaming/dist/videojs-http-streaming.min.js"></script>
+<script src="./node_modules/videojs-hls-quality-selector/dist/videojs-hls-quality-selector.min.js"></script>
+
+<style>
+body {
+  margin: 0px;
+  font: 20px 'RobotoRegular', Arial, sans-serif;
+  font-weight: 100;
+  height: 100%;
+  color: #0f1419;
+  background-image: url('./bg.svg');
+  background-color: #ff5800;
+}
+div.info {
+  position: fixed;
+  background: #66008C;
+  padding: 50px 50px 50px 50px;
+  border-radius: 10px;
+  width: 1050px;
+  height: 600px;
+  top: 50%;
+  left: 50%;
+  margin-top: -400px;
+  margin-left: -550px;
+}
+div.butt {
+    margin-top: 10px;
+    margin-right: 10px;
+    border-radius: 4px;
+    height: 30px;
+    width: 70px;
+    background: #ff5800;
+    font-size: 15px;
+    line-height: 30px;
+    text-align: center;
+    float: left;
+}
+
+div.butt:hover {
+    background: #ffa678;
+    cursor: pointer;
+}
+
+div.selected {
+    margin-top: 10px;
+    margin-right: 10px;
+    border-radius: 4px;
+    height: 30px;
+    width: 70px;
+    background: #943300;
+    font-size: 15px;
+    line-height: 30px;
+    text-align: center;
+    float: left;
+    color: white;
+}
+
+#footer {
+    position: fixed;
+    bottom: 36px;
+    width: 100%;
+}
+#center {
+    width: 400px;
+    margin: 0 auto;
+    font: 12px Courier;
+}
+
+</style>
+
+</head>
+<body>
+
+<div class="info">
+    <video-js id="vid1" width="1050px" height="600px" class="vjs-default-skin vjs-big-play-centered" controls>
+        <source
+         src="http://harambee-woest.student.utwente.nl:8080/live/teampresentaties_360p878kbs/index.m3u8"
+         type="application/x-mpegURL">
+    </video-js>
+    <div>
+        <div class="selected">
+            360p
+        </div>
+        <div class="butt" onclick="document.location='/indexm.html'">
+            480p
+        </div>
+        <div class="butt" onclick="document.location='/indexh.html'">
+            720p
+        </div>
+        <div class="butt" onclick="document.location='/indexh60.html'">
+            720p60
+        </div>
+        <div class="butt" onclick="document.location='/index.html'">
+            1080p
+        </div>
+        <div class="butt" onclick="document.location='/index60.html'">
+            1080p60
+        </div>
+    </div>
+</div>
+</body>
+<script>
+document.addEventListener("DOMContentLoaded", function(event) {
+    var player = videojs('vid1');
+    player.hlsQualitySelector();
+    player.play();
+});
+
+</script>
+</html>
diff --git a/site/indexm.html b/site/indexm.html
new file mode 100644
index 0000000..c2a414c
--- /dev/null
+++ b/site/indexm.html
@@ -0,0 +1,119 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>HarambeeTV</title>
+<link href="data:image/vnd.microsoft.icon;base64,AAABAAIAEBAAAAAAIABoBAAAJgAAACAgAAAAACAAqBAAAI4EAAAoAAAAEAAAACAAAAABACAAAAAAAEAEAAAAAAAAAAAAAAAAAAAAAAAA////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BKYT2MSqD9mX///8BKYT1iymE9eUqhPZf////Af///wH///8B////Af///wH///8B////Af///wH///8BK4L1EyqE9vkqhPb/KoP2UyqE9qcqhPaRKoT2yyiH9wkpg/WPJIbzBf///wH///8B////Af///wH///8BKoT1bSuF9UcqhPb9KoT2qyqE9dcphPaFKoT20yqE9X8phPZpKYT2tymE9pH///8B////Af///wH///8BKYT3CSqE9ukpg/bPKYT2wSqE9qkqhPaVKYT2iSqE9v8qhPZZKoT1zSqD9YEqhPWdKYT1P////wH///8BigBkK3cVeQVaQq9LKYP2OSmE9y8tf/FbK4P1Gy2A8V0qg/VfKYT2QymE9UErg/c3KYT0MyqE9kf///8B////AYwAZYOLAGY/jABlR4wAZYuLAGaNjABmj4wAZZmLAGaLiwBmoYwAZn+MAGaLjABmqYwAZn96F4BRiwBmS40AZkWLAGaLjABldX4ReXtkNJ9rYzihO2E5ozUsg/gJLn3vFTN56iNuJ5FJfhJ5QyqD9Tcpg/UhKoP2m////wGOAGMFjABlQ05TwKF4GYF7KoT2wymD9qEqg/atKoT28yqD9mMqhPa3KoP18T1r2kMqhPbrKoT1XSiF9h3///8B////AYkAYgdmMZuLQGbV2S597ncqhPaTKYT2tSmE9vEqg/ZXKYT2xyqE9d8qhPZhKoT2ySqE9pP///8B////Af///wH///8B////ASmE9pcqhPajKoT2xSmE9sUqg/WfKYP1hyqE9t0qhPWvKoT1dSqE9msqg/al////Af///wH///8B////Af///wErgP8DKoP2lyqE9u8phPVrKYP2tSqD9sUqhPaXKoP13yqD9oH///8B////Af///wH///8B////Af///wH///8B////Af///wEinv8DIojuBSqE9rUpg/XLK4P1GymD9pcpg/Yt////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////AQAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8oAAAAIAAAAEAAAAABACAAAAAAAIAQAAAAAAAAAAAAAAAAAAAAAAAA////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BK4D/Df///wH///8B////ARyO/wkqhPbZKoT18SmE9ssqhfdj////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BKYT3HyqE9qUqhPb7K4T2j////wH///8BK4P1TyqE9v8qhPb5KoX24yqE9vkriPcf////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////AS6A8xcqhfblKoT2/yqE9v8qhPb/KoT3W////wErhfdbKoT2/yqF9uUqgvY3KoT2+yqE95n///8B////ASmE9WsngPUb////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BK4T2NyqE9v8qhPb/KoT2/yqE9v8qhPbnK4D/DSuD90MqhPb/KoT2/y2G+SkrhPebKoT2+yiH9yH///8BKoT22yqE9t0khvMV////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BKYP1SySS/wcrhvY7KoT2/yqE9v8rhPfxKoT2syqE9v8qhPWBLIP4IyqE9v8qhPb/K4T2cyiC9TMqhPb/KoT3mf///wEqhPbBKoT27yqF9skcjv8J////Af///wH///8B////Af///wH///8B////Af///wH///8B////ASuF9WcqhPb/K4X2zTCA7xEqhPb3KoT2/yuE9vcth/ARKoT25yqE9vMkhvMVKoT23SqE9v8rhPbZ////ASuF9s0qhPb1KIbyEymE95sqhfaTKoT31SqE9Z////8B////Af///wH///8B////Af///wH///8B////Af///wH///8BKoT27yqE9v8qhPb/KYP2byqE9q0qhPb/KoT2/yyD+SkrhPZtKoT2/yqF938pg/aJKoT2/yqE9v8pg/hFK4P1ZSqE9v8rhPZzLIP2UyqE9bsrhfVnKoT2/yuF9Ef///8B////Af///wH///8B////Af///wH///8B////ASmE9x8qhPb/K4T3tSqE9ucqhPbnKYT3XSqE9v8qhPb/KoX3fySS/wcrhPblKoX25SiG9jkqhPb/KoT2/yqF9q8ui/8LKoT27SqE9dUkgP8PKoT25ySG8xUrhPb9KYT2s////wH///8B////Af///wH///8B////Af///wH///8BAKr/AyuD9nEohvgnLIP4IymE9r8pg/hFKoX3eSqD9qkrhPW7////ASuD9WsqhPb/K4P1ZSuD9aEqhPXXKoT2+TOA/wspg/VRKoX2sSyD+SkrhPe1KIbyEyqE9bsrhPb9KYT3H////wH///8B////Af///wGLAGWhiQBiDf///wGIAGYPjABnkYAAgAP///8B////Af///wH///8BgACABZIAbQf///8B////ATOZ/wWLAF0L////Af///wEkkv8HAKr/A////wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////AYwAZr+MAGdF////AYsAZm+MAGa3////AY0AZZ2MAGWXjABmx4wAZ1ONAGebjQBmpYwAZq+NAGaTiwBmrYwAZneMAGdniwBlUYwAZomMAGaZjABns4sAZ2OMAGa9jQBmj4wAZp+MAGdpjABmhYwAZ2eKAGoZ////Af///wH///8BjABlf40AZYn///8BjABmi40AZWH///8BjABmX4sAZpeMAGaZiwBmg4wAZuWJAGIbjABmlYsAZY2NAGZrjABnn4wAZt+LAGbrjgBnSYwAZpWNAGaRjABmiYwAZsmNAGaPjQBmkY0AZmckkv8HUVHAVYsAZoONAGaRjQBnm40AZXWKAGg7jABm/4wAZtWMAGbdiwBmt44AYyWLAGaXjQBma6oAVQOMAGWDjABlb////wH///8B////AYAAgAX///8B////AZUAag2AAIAFjABmcYsAZVn///8B////Af///wH///8B////ASuE99Mpg/aJ////Af///wGAAFUHlQBqDaoAVQOMAGbvkgBhFYcAaRGMAGbPK4P3QyqE9pMrgPQZK4L0Ly6C8TdOTrwXKoT1TyyD+CP///8BAKr/AyuD9U8phfhFK4b2OyqE9lWLA2hXjABmjSuH+CUqhPaLLIP1TSmF9UsrgvU1K4P1oSqF9nP///8B////Af///wH///8B////AYwAZquKA2dXK4X3l4sAZqWCEHcvKoT26SuE9qkphPVrKoT2/yqD92ErhPfxKoT2/yqE9s////8BKoT23SqE9v8qhfdjKoT2/yyB8sdmNp9VJoT2GyqE9v8qhPbJKYT3HyqF9pMphPY5KIb2Of///wH///8B////Af///wH///8BjQBlY4gDap8qhPb7TVTCi4wAZo0phPd9KoT2+yyD+SkqhPbzKoP2wyqE9Z0qhPb/KoT2/ymD+CUrg/aLKoT2/yqE93sqhPb/KoT2/yuE95v///8BKoX25SuE9v0ui/8LKoT1u////wH///8B////Af///wH///8B////Af///wGJAGIbjABm6SuC868qhPbzhglvs0VizhsrhPb9KoP1hyqF95kqhPb/KYX3XyqE9v8qhPb/K4X3YSmD+EUqhPb/KoT3eyqE9uMqhPb/KoT3uf///wEqhfavKoT2/yqG9z0qhPbR////Af///wH///8B////Af///wH///8B////Af///wGLAGdjRF7QMSqE9vs5ceHDgA5xEymE9rMqhPbtK4T3PSqE9v8qhPZ1KYT2yyqE9v8qhPWdK4D0GSqE9v8phPanKoT1nyqE9v8qhPbN////ASqF93kqhPb/KoX2cyqE9sn///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BKYX2jyqE9v8qhPaHK4T2UyqE9v8rhfdhKYT20SqE9tEphPZXKoT2/yqE9ukAgP8DKoT26yqE9t0qhPVpKoT2/yqE9t////8BLIX0LyqE9v8qhPbpKoT3t////wH///8B////Af///wH///8B////Af///wH///8B////Af///wErgP8NKoT2wyqE9v8qhfaxKoT2/yqE97kphPZ3KoT2/yyD9U0qhPbZKoT2/yuC9C8qhfarKoT2/yuE9lMqhPb/KoT18f///wH///8BK4T3fyuE99Mng/ch////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wErgP8NKoT2wyqE9v8qhPb/KoT29SmF9RkqhPb7KoX2yymD92MqhPb/KoP2bSqF92MqhPb/KoP2jSqE9v8qhPb/QID/Bf///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wErgP8NKoT2jSqE9ucrhPbf////ASmF9pUqhPb/KoP2qSqE9v8qhParJ4n/DSuE9usqhPXxKoT2/yqE9v0rgP8H////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BAKr/AzOZ/wX///8BIojuDyqE9ucqhPb/KoT2/ymE9r////8BK4P1ayqE9v8qhPb/KoT2rf///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BLIP4IyuF9s0qhPbtKoP1gf///wH///8BJ4P4JyyE9TUAgP8D////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////AQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA" rel="icon" type="image/png" />
+<link href="./node_modules/video.js/dist/video-js.min.css" rel="stylesheet" />
+<link href="./node_modules/videojs-hls-quality-selector/dist/videojs-hls-quality-selector.css" rel="stylesheet" />
+<script src="./node_modules/video.js/dist/video.min.js"></script>
+<script src="./node_modules/@videojs/http-streaming/dist/videojs-http-streaming.min.js"></script>
+<script src="./node_modules/videojs-hls-quality-selector/dist/videojs-hls-quality-selector.min.js"></script>
+
+<style>
+body {
+  margin: 0px;
+  font: 20px 'RobotoRegular', Arial, sans-serif;
+  font-weight: 100;
+  height: 100%;
+  color: #0f1419;
+  background-image: url('./bg.svg');
+  background-color: #ff5800;
+}
+div.info {
+  position: fixed;
+  background: #66008C;
+  padding: 50px 50px 50px 50px;
+  border-radius: 10px;
+  width: 1050px;
+  height: 600px;
+  top: 50%;
+  left: 50%;
+  margin-top: -400px;
+  margin-left: -550px;
+}
+div.butt {
+    margin-top: 10px;
+    margin-right: 10px;
+    border-radius: 4px;
+    height: 30px;
+    width: 70px;
+    background: #ff5800;
+    font-size: 15px;
+    line-height: 30px;
+    text-align: center;
+    float: left;
+}
+
+div.butt:hover {
+    background: #ffa678;
+    cursor: pointer;
+}
+
+div.selected {
+    margin-top: 10px;
+    margin-right: 10px;
+    border-radius: 4px;
+    height: 30px;
+    width: 70px;
+    background: #943300;
+    font-size: 15px;
+    line-height: 30px;
+    text-align: center;
+    float: left;
+    color: white;
+}
+
+#footer {
+    position: fixed;
+    bottom: 36px;
+    width: 100%;
+}
+#center {
+    width: 400px;
+    margin: 0 auto;
+    font: 12px Courier;
+}
+
+</style>
+
+</head>
+<body>
+
+<div class="info">
+    <video-js id="vid1" width="1050px" height="600px" class="vjs-default-skin vjs-big-play-centered" controls>
+        <source
+         src="http://harambee-woest.student.utwente.nl:8080/live/teampresentaties_480p1128kbs/index.m3u8"
+         type="application/x-mpegURL">
+    </video-js>
+    <div>
+        <div class="butt" onclick="document.location='/indexl.html'">
+            360p
+        </div>
+        <div class="selected">
+            480p
+        </div>
+        <div class="butt" onclick="document.location='/indexh.html'">
+            720p
+        </div>
+        <div class="butt" onclick="document.location='/indexh60.html'">
+            720p60
+        </div>
+        <div class="butt" onclick="document.location='/index.html'">
+            1080p
+        </div>
+        <div class="butt" onclick="document.location='/index60.html'">
+            1080p60
+        </div>
+    </div>
+</div>
+</body>
+<script>
+document.addEventListener("DOMContentLoaded", function(event) {
+    var player = videojs('vid1');
+    player.hlsQualitySelector();
+    player.play();
+});
+
+</script>
+</html>
diff --git a/site/package-lock.json b/site/package-lock.json
new file mode 100644
index 0000000..980e4a5
--- /dev/null
+++ b/site/package-lock.json
@@ -0,0 +1,443 @@
+{
+  "name": "webpage",
+  "version": "1.0.0",
+  "lockfileVersion": 1,
+  "requires": true,
+  "dependencies": {
+    "@babel/runtime": {
+      "version": "7.11.2",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.11.2.tgz",
+      "integrity": "sha512-TeWkU52so0mPtDcaCTxNBI/IHiz0pZgr8VEFqXFtZWpYD08ZB6FaSwVAS8MKRQAP3bYKiVjwysOJgMFY28o6Tw==",
+      "requires": {
+        "regenerator-runtime": "^0.13.4"
+      }
+    },
+    "@videojs/http-streaming": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/@videojs/http-streaming/-/http-streaming-1.13.4.tgz",
+      "integrity": "sha512-I/hWi0uiA8aRwB4tfK44FRaWEoOU3uyvjUJW4cNST3TsweuovGGoud7K09WUrlbN4U0EjQvDqNwwXNggNs3niw==",
+      "requires": {
+        "aes-decrypter": "3.0.2",
+        "global": "^4.3.0",
+        "m3u8-parser": "4.4.0",
+        "mpd-parser": "0.10.0",
+        "mux.js": "5.6.1",
+        "url-toolkit": "^2.1.3",
+        "video.js": "^6.8.0 || ^7.0.0"
+      }
+    },
+    "@videojs/vhs-utils": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@videojs/vhs-utils/-/vhs-utils-1.3.0.tgz",
+      "integrity": "sha512-oiqXDtHQqDPun7JseWkirUHGrgdYdeF12goUut5z7vwAj4DmUufEPFJ4xK5hYGXGFDyDhk2rSFOR122Ze6qXyQ==",
+      "requires": {
+        "@babel/runtime": "^7.5.5",
+        "global": "^4.3.2",
+        "url-toolkit": "^2.1.6"
+      }
+    },
+    "@videojs/xhr": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@videojs/xhr/-/xhr-2.5.1.tgz",
+      "integrity": "sha512-wV9nGESHseSK+S9ePEru2+OJZ1jq/ZbbzniGQ4weAmTIepuBMSYPx5zrxxQA0E786T5ykpO8ts+LayV+3/oI2w==",
+      "requires": {
+        "@babel/runtime": "^7.5.5",
+        "global": "~4.4.0",
+        "is-function": "^1.0.1"
+      }
+    },
+    "aes-decrypter": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/aes-decrypter/-/aes-decrypter-3.0.2.tgz",
+      "integrity": "sha512-SBAfPQpGTbHbAR6qSybPjMio+MYuZwdD/a/ltOq6hj53vK94dphAm88rR3FNaZyEa/x3SobYmdT5f46qUwroLQ==",
+      "requires": {
+        "@babel/runtime": "^7.5.5",
+        "@videojs/vhs-utils": "^1.0.0",
+        "global": "^4.3.2",
+        "pkcs7": "^1.0.4"
+      }
+    },
+    "any-promise": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
+      "integrity": "sha1-q8av7tzqUugJzcA3au0845Y10X8="
+    },
+    "balanced-match": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
+      "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c="
+    },
+    "brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "requires": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ=="
+    },
+    "concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
+    },
+    "dom-walk": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/dom-walk/-/dom-walk-0.1.2.tgz",
+      "integrity": "sha512-6QvTW9mrGeIegrFXdtQi9pk7O/nSK6lSdXW2eqUspN5LWD7UTji2Fqw5V2YLjBpHEoU9Xl/eUWNpDeZvoyOv2w=="
+    },
+    "fs-extra": {
+      "version": "0.26.7",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-0.26.7.tgz",
+      "integrity": "sha1-muH92UiXeY7at20JGM9C0MMYT6k=",
+      "requires": {
+        "graceful-fs": "^4.1.2",
+        "jsonfile": "^2.1.0",
+        "klaw": "^1.0.0",
+        "path-is-absolute": "^1.0.0",
+        "rimraf": "^2.2.8"
+      }
+    },
+    "fs-promise": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/fs-promise/-/fs-promise-0.5.0.tgz",
+      "integrity": "sha1-Q0fWv2JGVacGGkMZITw5MnatPvM=",
+      "requires": {
+        "any-promise": "^1.0.0",
+        "fs-extra": "^0.26.5",
+        "mz": "^2.3.1",
+        "thenify-all": "^1.6.0"
+      }
+    },
+    "fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8="
+    },
+    "glob": {
+      "version": "7.1.6",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
+      "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==",
+      "requires": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.0.4",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      }
+    },
+    "global": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/global/-/global-4.4.0.tgz",
+      "integrity": "sha512-wv/LAoHdRE3BeTGz53FAamhGlPLhlssK45usmGFThIi4XqnBmjKQ16u+RNbP7WvigRZDxUsM0J3gcQ5yicaL0w==",
+      "requires": {
+        "min-document": "^2.19.0",
+        "process": "^0.11.10"
+      }
+    },
+    "graceful-fs": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.4.tgz",
+      "integrity": "sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw=="
+    },
+    "individual": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/individual/-/individual-2.0.0.tgz",
+      "integrity": "sha1-gzsJfa0jKU52EXqY+zjg2a1hu5c="
+    },
+    "inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
+      "requires": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
+    },
+    "is-function": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-function/-/is-function-1.0.2.tgz",
+      "integrity": "sha512-lw7DUp0aWXYg+CBCN+JKkcE0Q2RayZnSvnZBlwgxHBQhqt5pZNVy4Ri7H9GmmXkdu7LUthszM+Tor1u/2iBcpQ=="
+    },
+    "jsonfile": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-2.4.0.tgz",
+      "integrity": "sha1-NzaitCi4e72gzIO1P6PWM6NcKug=",
+      "requires": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "karma-safaritechpreview-launcher": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/karma-safaritechpreview-launcher/-/karma-safaritechpreview-launcher-0.0.6.tgz",
+      "integrity": "sha512-2QMxAGXPQ37H3KoR9SCdh0OoktQZ5MyrxkvBiZ+VVOQfYVrcyOQXGrPea0/DKvf8qoQvrvP2FHcP/BxsuxuyHw==",
+      "requires": {
+        "fs-promise": "^0.5.0",
+        "marcosc-async": "^3.0.4"
+      }
+    },
+    "keycode": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/keycode/-/keycode-2.2.0.tgz",
+      "integrity": "sha1-PQr1bce4uOXLqNCpfxByBO7CKwQ="
+    },
+    "klaw": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/klaw/-/klaw-1.3.1.tgz",
+      "integrity": "sha1-QIhDO0azsbolnXh4XY6W9zugJDk=",
+      "requires": {
+        "graceful-fs": "^4.1.9"
+      }
+    },
+    "m3u8-parser": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/m3u8-parser/-/m3u8-parser-4.4.0.tgz",
+      "integrity": "sha512-iH2AygTFILtato+XAgnoPYzLHM4R3DjATj7Ozbk7EHdB2XoLF2oyOUguM7Kc4UVHbQHHL/QPaw98r7PbWzG0gg==",
+      "requires": {
+        "global": "^4.3.2"
+      }
+    },
+    "marcosc-async": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/marcosc-async/-/marcosc-async-3.0.5.tgz",
+      "integrity": "sha1-QebVbGVsgRhZ00uXoKJgk/cdw2A="
+    },
+    "min-document": {
+      "version": "2.19.0",
+      "resolved": "https://registry.npmjs.org/min-document/-/min-document-2.19.0.tgz",
+      "integrity": "sha1-e9KC4/WELtKVu3SM3Z8f+iyCRoU=",
+      "requires": {
+        "dom-walk": "^0.1.0"
+      }
+    },
+    "minimatch": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
+      "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
+      "requires": {
+        "brace-expansion": "^1.1.7"
+      }
+    },
+    "mpd-parser": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/mpd-parser/-/mpd-parser-0.10.0.tgz",
+      "integrity": "sha512-eIqkH/2osPr7tIIjhRmDWqm2wdJ7Q8oPfWvdjealzsLV2D2oNe0a0ae2gyYYs1sw5e5hdssDA2V6Sz8MW+Uvvw==",
+      "requires": {
+        "@babel/runtime": "^7.5.5",
+        "@videojs/vhs-utils": "^1.1.0",
+        "global": "^4.3.2",
+        "xmldom": "^0.1.27"
+      }
+    },
+    "mux.js": {
+      "version": "5.6.1",
+      "resolved": "https://registry.npmjs.org/mux.js/-/mux.js-5.6.1.tgz",
+      "integrity": "sha512-iIE3EJURbrPZ9Y4i9ADKTIvxGUcAEBOFhwWUOZGCiKlpXDZrqDgcJLDrOa0PenLhw6WYkOyl18kHFEvwm9JSpg=="
+    },
+    "mz": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
+      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "requires": {
+        "any-promise": "^1.0.0",
+        "object-assign": "^4.0.1",
+        "thenify-all": "^1.0.0"
+      }
+    },
+    "object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
+    },
+    "once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
+      "requires": {
+        "wrappy": "1"
+      }
+    },
+    "path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18="
+    },
+    "pkcs7": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/pkcs7/-/pkcs7-1.0.4.tgz",
+      "integrity": "sha512-afRERtHn54AlwaF2/+LFszyAANTCggGilmcmILUzEjvs3XgFZT+xE6+QWQcAGmu4xajy+Xtj7acLOPdx5/eXWQ==",
+      "requires": {
+        "@babel/runtime": "^7.5.5"
+      }
+    },
+    "process": {
+      "version": "0.11.10",
+      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+      "integrity": "sha1-czIwDoQBYb2j5podHZGn1LwW8YI="
+    },
+    "regenerator-runtime": {
+      "version": "0.13.7",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.7.tgz",
+      "integrity": "sha512-a54FxoJDIr27pgf7IgeQGxmqUNYrcV338lf/6gH456HZ/PhX+5BcwHXG9ajESmwe6WRO0tAzRUrRmNONWgkrew=="
+    },
+    "rimraf": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+      "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+      "requires": {
+        "glob": "^7.1.3"
+      }
+    },
+    "rust-result": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/rust-result/-/rust-result-1.0.0.tgz",
+      "integrity": "sha1-NMdbLm3Dn+WHXlveyFteD5FTb3I=",
+      "requires": {
+        "individual": "^2.0.0"
+      }
+    },
+    "safe-json-parse": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/safe-json-parse/-/safe-json-parse-4.0.0.tgz",
+      "integrity": "sha1-fA9XjPzNEtM6ccDgVBPi7KFx6qw=",
+      "requires": {
+        "rust-result": "^1.0.0"
+      }
+    },
+    "thenify": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
+      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "requires": {
+        "any-promise": "^1.0.0"
+      }
+    },
+    "thenify-all": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
+      "integrity": "sha1-GhkY1ALY/D+Y+/I02wvMjMEOlyY=",
+      "requires": {
+        "thenify": ">= 3.1.0 < 4"
+      }
+    },
+    "url-toolkit": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/url-toolkit/-/url-toolkit-2.2.0.tgz",
+      "integrity": "sha512-Rde0c9S4fJK3FaHim3DSgdQ8IFrSXcZCpAJo9T7/FA+BoQGhK0ow3mpwGQLJCPYsNn6TstpW7/7DzMpSpz9F9w=="
+    },
+    "video.js": {
+      "version": "7.8.4",
+      "resolved": "https://registry.npmjs.org/video.js/-/video.js-7.8.4.tgz",
+      "integrity": "sha512-XTWWrhfdrk7nTBkqhWKslfXMpUhsDRsZ2L3ISxjuAgadpiomxFV/OARchtwxO+FdnxTm4njJstPmXbVe3F765g==",
+      "requires": {
+        "@babel/runtime": "^7.9.2",
+        "@videojs/http-streaming": "1.13.2",
+        "@videojs/xhr": "2.5.1",
+        "global": "4.3.2",
+        "keycode": "^2.2.0",
+        "safe-json-parse": "4.0.0",
+        "videojs-font": "3.2.0",
+        "videojs-vtt.js": "^0.15.2"
+      },
+      "dependencies": {
+        "@videojs/http-streaming": {
+          "version": "1.13.2",
+          "resolved": "https://registry.npmjs.org/@videojs/http-streaming/-/http-streaming-1.13.2.tgz",
+          "integrity": "sha512-U4Xhh+HxGpRBx9Gm0LlEadq85k9BwckzFgZmyhacauhK/27Mz0goKKFAt+BpxBNp2oHVdAdk8NHfneinsqni3Q==",
+          "requires": {
+            "aes-decrypter": "3.0.0",
+            "global": "^4.3.0",
+            "m3u8-parser": "4.4.0",
+            "mpd-parser": "0.10.0",
+            "mux.js": "5.5.1",
+            "url-toolkit": "^2.1.3",
+            "video.js": "^6.8.0 || ^7.0.0"
+          }
+        },
+        "aes-decrypter": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/aes-decrypter/-/aes-decrypter-3.0.0.tgz",
+          "integrity": "sha1-eEihwUW5/b9Xrj4rWxvHzwZEqPs=",
+          "requires": {
+            "commander": "^2.9.0",
+            "global": "^4.3.2",
+            "pkcs7": "^1.0.2"
+          }
+        },
+        "global": {
+          "version": "4.3.2",
+          "resolved": "https://registry.npmjs.org/global/-/global-4.3.2.tgz",
+          "integrity": "sha1-52mJJopsdMOJCLEwWxD8DjlOnQ8=",
+          "requires": {
+            "min-document": "^2.19.0",
+            "process": "~0.5.1"
+          }
+        },
+        "mux.js": {
+          "version": "5.5.1",
+          "resolved": "https://registry.npmjs.org/mux.js/-/mux.js-5.5.1.tgz",
+          "integrity": "sha512-5VmmjADBqS4++8pTI6poSRJ+chHdaoI4XErcQPM5w4QfwaDl+FQlSI0iOgWbYDn6CBCbDRKaSCcEiN2K5aHNGQ=="
+        },
+        "process": {
+          "version": "0.5.2",
+          "resolved": "https://registry.npmjs.org/process/-/process-0.5.2.tgz",
+          "integrity": "sha1-FjjYqONML0QKkduVq5rrZ3/Bhc8="
+        }
+      }
+    },
+    "videojs-contrib-quality-levels": {
+      "version": "2.0.9",
+      "resolved": "https://registry.npmjs.org/videojs-contrib-quality-levels/-/videojs-contrib-quality-levels-2.0.9.tgz",
+      "integrity": "sha512-HJeaJJQdSufi9Y5T7jlyyhkeq+mWPCog86q6ypoTi66boBMMJTo2abiOSHS9KaOGAJjH72gfvrjVY5FRdjlxYA==",
+      "requires": {
+        "global": "^4.3.2",
+        "video.js": "^6 || ^7"
+      }
+    },
+    "videojs-font": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/videojs-font/-/videojs-font-3.2.0.tgz",
+      "integrity": "sha512-g8vHMKK2/JGorSfqAZQUmYYNnXmfec4MLhwtEFS+mMs2IDY398GLysy6BH6K+aS1KMNu/xWZ8Sue/X/mdQPliA=="
+    },
+    "videojs-hls-quality-selector": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/videojs-hls-quality-selector/-/videojs-hls-quality-selector-1.1.2.tgz",
+      "integrity": "sha512-Hl0Ybf/ZC42LgQCw2WcwonCyOvpjQif2hFodofG3qPXa5murVtuJZuhJZ/yQ8ydb4gzFdvT0YEMRUwF9qrrZCw==",
+      "requires": {
+        "global": "^4.3.2",
+        "karma-safaritechpreview-launcher": "0.0.6",
+        "video.js": "^7.5.5",
+        "videojs-contrib-quality-levels": "^2.0.9"
+      }
+    },
+    "videojs-vtt.js": {
+      "version": "0.15.2",
+      "resolved": "https://registry.npmjs.org/videojs-vtt.js/-/videojs-vtt.js-0.15.2.tgz",
+      "integrity": "sha512-kEo4hNMvu+6KhPvVYPKwESruwhHC3oFis133LwhXHO9U7nRnx0RiJYMiqbgwjgazDEXHR6t8oGJiHM6wq5XlAw==",
+      "requires": {
+        "global": "^4.3.1"
+      }
+    },
+    "wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
+    },
+    "xmldom": {
+      "version": "0.1.31",
+      "resolved": "https://registry.npmjs.org/xmldom/-/xmldom-0.1.31.tgz",
+      "integrity": "sha512-yS2uJflVQs6n+CyjHoaBmVSqIDevTAWrzMmjG1Gc7h1qQ7uVozNhEPJAwZXWyGQ/Gafo3fCwrcaokezLPupVyQ=="
+    }
+  }
+}
diff --git a/site/package.json b/site/package.json
new file mode 100644
index 0000000..c7b3c1c
--- /dev/null
+++ b/site/package.json
@@ -0,0 +1,17 @@
+{
+  "name": "webpage",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@videojs/http-streaming": "^1.13.4",
+    "video.js": "^7.8.4",
+    "videojs-hls-quality-selector": "^1.1.2"
+  }
+}