commit cc46f8fff44214115b348bab1db334bfe8e223f7
Author: Christer Warén <cwchristerw@gmail.com>
Date:   Wed May 18 12:31:00 2022 +0300

    Initial Commit

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..67f6704
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+/system/libs/
diff --git a/.htaccess b/.htaccess
new file mode 100755
index 0000000..c9653c2
--- /dev/null
+++ b/.htaccess
@@ -0,0 +1,17 @@
+ServerSignature off
+
+#Deny displaying directory tree
+IndexIgnore */*
+Options -Indexes
+
+<IfModule mod_rewrite.c>
+RewriteEngine On
+
+RewriteCond %{REQUEST_FILENAME} !-f
+RewriteCond %{REQUEST_FILENAME} !-d
+RewriteRule ^(.*)$ index.php [NC,L,QSA]
+
+</IfModule>
+
+#(c)2020-2022 Waren Group
+#Last updated: 24.4.2022
diff --git a/assets/css/main.scss b/assets/css/main.scss
new file mode 100644
index 0000000..3adc55f
--- /dev/null
+++ b/assets/css/main.scss
@@ -0,0 +1,69 @@
+body {
+    background-image: linear-gradient(to bottom right, #7f00be, #0080bf);
+    background-color: #0080bf;
+    width: 100vw;
+    height: 100vh;
+    margin: 0;
+    text-align: center;
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-template-rows: 120px 1fr 60px;
+}
+
+*, *:active, *:focus, *:hover, *:visited, *:link {
+    color: #ffffff;
+}
+
+* {
+    font-family: sans-serif;
+    max-width: 100%;
+    max-height: 100%;
+}
+
+h1 {
+    margin-bottom: 0px;
+    margin-top: 0px;
+}
+
+p {
+    margin-top: 0px;
+}
+
+a {
+    text-decoration: none;
+}
+
+header, footer {
+    background-color: #111111;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    a {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        flex: 1;
+        height: 100%;
+        font-size: large;
+    
+        span {
+            font-weight: bold;
+            font-size: small;
+        }
+
+        img {
+            height: 50%;
+            user-select: text;
+        }
+    }
+
+    a:focus, a:hover {
+        background-color: #222222;
+    }
+}
+
+nav {
+    display: none;
+}
diff --git a/assets/css/player.scss b/assets/css/player.scss
new file mode 100644
index 0000000..15731b4
--- /dev/null
+++ b/assets/css/player.scss
@@ -0,0 +1,95 @@
+main {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+
+    section#schedule {
+    }
+
+    section#player {
+        max-width: 100%;
+        overflow: hidden;
+
+        .button {
+            background-color: #00000099;
+            display: flex;
+            width: 100%;
+            height: 40px;
+            font-weight: bold;
+            align-items: center;
+            justify-content: center;
+        }
+
+        .button:focus, .button:hover {
+            background-color: #00000066;
+        }
+
+        .button i {
+            margin-right: 5px;
+        }
+
+        audio {
+            display: block;
+            width: 100%;
+        }
+
+        video {
+            width: 100%;
+            height: initial !important;
+        }
+
+        .video-js {
+            width: 100% !important;
+            height: initial !important;
+            border: 5px solid #222222;
+        }
+
+        .video-js .vjs-tech {
+            position: initial !important;
+            top: initial !important;
+            left: initial !important;
+        }
+
+        .video-js .vjs-control-bar {
+            position: initial !important;
+            opacity: 1 !important;
+        }
+
+        .video-js .vjs-error-display {
+            display: none;
+        }
+
+        .video-js .vjs-big-play-button {
+            top: 50%;
+            left: 50%;
+            margin-left: -1em;
+            margin-top: -1em;
+            width: 2em;
+            height: 2em;
+            line-height: 2em;
+            border: none;
+            border-radius: 50%;
+            font-size: 3.5em;
+            background-color: rgba(0,0,0,.45);
+            color: #fff;
+            -webkit-transition: border-color .4s,outline .4s,background-color .4s;
+            -moz-transition: border-color .4s,outline .4s,background-color .4s;
+            -ms-transition: border-color .4s,outline .4s,background-color .4s;
+            -o-transition: border-color .4s,outline .4s,background-color .4s;
+            transition: border-color .4s,outline .4s,background-color .4s
+        }
+
+        .video-js .vjs-big-play-button {
+            background-color: rgba(0,0,0,0.45);
+            font-size: 2.5em;
+            border-radius: 50%;
+            height: 2em !important;
+            line-height: 2em !important;
+            margin-top: -1em !important
+        }
+
+        .video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus,.video-js .vjs-big-play-button:active {
+            background-color: rgba(0,199,248,0.9)
+        }
+    }
+}
diff --git a/assets/images/favicon.png b/assets/images/favicon.png
new file mode 100644
index 0000000..69662aa
Binary files /dev/null and b/assets/images/favicon.png differ
diff --git a/assets/images/favicon.svg b/assets/images/favicon.svg
new file mode 100644
index 0000000..d8c971a
--- /dev/null
+++ b/assets/images/favicon.svg
@@ -0,0 +1,239 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="500"
+   height="500"
+   viewBox="0 0 132.29166 132.29167"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   inkscape:export-xdpi="288"
+   inkscape:export-ydpi="288"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <title
+     id="title854">Opiskelijaradio – Logo</title>
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#505050"
+     bordercolor="#ffffff"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="1"
+     inkscape:document-units="px"
+     showgrid="false"
+     inkscape:zoom="1.5554293"
+     inkscape:cx="298.63138"
+     inkscape:cy="213.76735"
+     inkscape:window-width="2560"
+     inkscape:window-height="1369"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g832"
+     units="px" />
+  <defs
+     id="defs2">
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient39358"
+       id="linearGradient39360"
+       x1="4.4444441e-06"
+       y1="2.4999999e-06"
+       x2="508"
+       y2="285.75"
+       gradientUnits="userSpaceOnUse"
+       spreadMethod="pad"
+       gradientTransform="matrix(0.56249999,0,0,0.99999997,9.7074692,-137.60181)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient39358">
+      <stop
+         style="stop-color:#7f00be;stop-opacity:1"
+         offset="0"
+         id="stop39354" />
+      <stop
+         style="stop-color:#0080bf;stop-opacity:1"
+         offset="1"
+         id="stop6974" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient39358"
+       id="linearGradient39360-1"
+       x1="6.8250001e-06"
+       y1="1.340508e-05"
+       x2="508.00006"
+       y2="285.75006"
+       gradientUnits="userSpaceOnUse"
+       spreadMethod="pad"
+       gradientTransform="matrix(0.26041666,0,0,0.46296295,-5.1538087e-6,-1.2958985e-5)" />
+  </defs>
+  <g
+     inkscape:label="Layer"
+     inkscape:groupmode="layer"
+     id="g832"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient39360-1);fill-opacity:1;stroke:none;stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;paint-order:stroke fill markers"
+       id="rect866-7"
+       height="132.29167"
+       x="-3.376465e-06"
+       y="-6.7529299e-06"
+       width="132.29167"
+       rx="26.458332" />
+    <rect
+       style="display:none;fill:url(#linearGradient39360);fill-opacity:1;stroke:none;stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;paint-order:stroke fill markers"
+       id="rect866"
+       height="285.75"
+       x="9.7074718"
+       y="-137.60181"
+       width="285.75" />
+    <g
+       id="g1024"
+       transform="matrix(0.8500017,0,0,0.8500017,9.9217627,51.172126)">
+      <g
+         inkscape:label="Graphic"
+         id="g832-9"
+         style="display:inline">
+        <g
+           aria-label="SATAKUNNAN OPISKELIJARADIO"
+           id="text830"
+           style="font-size:10.5833px;line-height:1.25;fill:#ffffff;stroke-width:0.264583"
+           transform="matrix(1.6163676,0,0,1.6163676,-40.77015,-89.299868)"
+           inkscape:export-filename="/home/cwchristerw/Desktop/Work In Progress/Marketing/Opiskelijaradio/Logo.png"
+           inkscape:export-xdpi="287.65179"
+           inkscape:export-ydpi="287.65179">
+          <path
+             d="m 39.165654,60.156554 q 0,0.707965 -0.248046,1.24023 -0.242879,0.527098 -0.671792,0.878497 -0.423745,0.351398 -0.997352,0.527098 -0.568439,0.175699 -1.224727,0.175699 -0.253214,0 -0.558104,-0.06718 -0.299722,-0.06718 -0.60978,-0.165364 -0.310057,-0.103353 -0.599444,-0.217041 -0.28422,-0.118855 -0.506428,-0.222208 l 0.227376,-2.129062 q 0.439248,0.263549 0.971514,0.403075 0.537433,0.134358 1.054195,0.134358 0.09819,0 0.237711,-0.0052 0.139526,-0.01034 0.263549,-0.04651 0.129191,-0.04134 0.21704,-0.118855 0.08785,-0.07751 0.08785,-0.222208 0,-0.09818 -0.06201,-0.165364 -0.06201,-0.07235 -0.160197,-0.113688 -0.09819,-0.04651 -0.222208,-0.06718 -0.124023,-0.02584 -0.242878,-0.03617 -0.118856,-0.01033 -0.222208,-0.01033 -0.103353,0 -0.165364,0 -0.444416,0 -0.811318,-0.155029 -0.361734,-0.155028 -0.625282,-0.428913 -0.258382,-0.279051 -0.403075,-0.656288 -0.144694,-0.382405 -0.144694,-0.826821 0,-0.609779 0.242879,-1.090369 0.248046,-0.485757 0.656288,-0.821652 0.41341,-0.341064 0.945676,-0.521931 0.532265,-0.180867 1.100704,-0.180867 0.253214,0 0.521931,0.02067 0.268716,0.0155 0.532265,0.06201 0.268717,0.04651 0.521931,0.118856 0.253213,0.07235 0.480589,0.180867 l -0.19637,2.098056 q -0.351399,-0.118855 -0.738971,-0.19637 -0.382404,-0.08268 -0.749306,-0.08268 -0.06718,0 -0.175699,0.0052 -0.103352,0 -0.222208,0.0155 -0.113688,0.01033 -0.232543,0.03617 -0.118855,0.02584 -0.211873,0.07235 -0.09302,0.04134 -0.149861,0.113688 -0.05684,0.07235 -0.05168,0.170531 0.0052,0.113688 0.08268,0.186035 0.08268,0.06718 0.206705,0.10852 0.129191,0.03617 0.279052,0.05168 0.155029,0.0155 0.30489,0.02067 0.149861,0 0.279052,0 0.12919,-0.0052 0.211872,0.0052 0.41341,0.02584 0.744139,0.175699 0.330728,0.149861 0.558103,0.397907 0.232543,0.248046 0.351399,0.594277 0.124023,0.341064 0.124023,0.754474 z"
+             style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+             id="path834" />
+          <path
+             d="m 45.930077,62.461315 -2.563143,0.330728 -0.310057,-1.167883 h -1.178219 l -0.258381,1.167883 -2.63549,-0.258381 2.056715,-6.883279 2.873201,-0.144693 z m -3.059235,-2.418449 -0.392739,-1.798334 -0.382405,1.798334 z"
+             style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+             id="path836" />
+          <path
+             d="m 50.890999,55.516025 -0.05168,2.191074 -1.539953,0.06201 -0.39274,4.89891 -2.180738,0.113688 0.01033,-4.89891 -1.539953,0.08268 0.06201,-2.43912 z"
+             style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+             id="path838" />
+          <path
+             d="M 56.978463,62.461315 54.41532,62.792043 54.105262,61.62416 h -1.178219 l -0.258381,1.167883 -2.63549,-0.258381 2.056716,-6.883279 2.8732,-0.144693 z m -3.059235,-2.418449 -0.39274,-1.798334 -0.382404,1.798334 z"
+             style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+             id="path840" />
+          <path
+             d="m 63.639533,55.50569 -2.490796,3.441639 2.098057,3.65868 -2.397779,0.423745 -1.570959,-2.232415 -0.08268,2.335768 -2.149733,0.08268 0.165365,-7.916804 2.408114,0.134358 -0.186035,2.335767 1.601964,-2.470125 z"
+             style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+             id="path842" />
+          <path
+             d="m 69.670155,57.15933 q 0,0.382405 -0.03617,0.842323 -0.03617,0.459919 -0.118856,0.950844 -0.08268,0.490924 -0.21704,0.997352 -0.129191,0.501259 -0.325561,0.966346 -0.196369,0.465086 -0.459918,0.873329 -0.258382,0.403075 -0.599445,0.707965 -0.335896,0.299722 -0.754474,0.470254 -0.418577,0.175699 -0.930172,0.175699 -0.599445,0 -1.043861,-0.19637 Q 64.74541,62.75587 64.430184,62.43031 64.114959,62.099581 63.913422,61.665501 63.711884,61.226252 63.598197,60.740496 63.484509,60.249571 63.438,59.743144 q -0.04134,-0.511595 -0.04134,-0.981849 0,-0.723468 0.07235,-1.441768 0.07235,-0.723468 0.206705,-1.441768 l 2.418449,0.09302 q -0.139526,0.811317 -0.242878,1.63297 -0.09819,0.816485 -0.09819,1.643305 0,0.08785 0.0052,0.263549 0.01033,0.170532 0.031,0.387572 0.02067,0.211873 0.05684,0.439249 0.04134,0.222208 0.10852,0.408242 0.06718,0.186035 0.160197,0.30489 0.09819,0.118856 0.227375,0.118856 0.149862,0 0.268717,-0.139526 0.118855,-0.144694 0.206705,-0.382405 0.09302,-0.237711 0.160196,-0.547768 0.06718,-0.310058 0.113688,-0.645953 0.04651,-0.335896 0.07235,-0.671792 0.03101,-0.335896 0.04651,-0.625283 0.02067,-0.289387 0.02584,-0.511595 0.0052,-0.222208 0.0052,-0.330728 0,-0.403075 -0.0155,-0.800982 -0.01034,-0.403075 -0.03617,-0.800982 h 2.418449 q 0.06201,0.713132 0.06201,1.446935 z"
+             style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+             id="path844" />
+          <path
+             d="m 77.111537,55.495354 -0.372069,7.007302 -2.707837,0.248046 -1.446935,-3.751697 -0.227376,3.824044 h -2.325432 l 0.186035,-7.327695 2.583813,-0.124023 1.787999,3.720692 0.08268,-3.513987 z"
+             style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+             id="path846" />
+          <path
+             d="m 84.558089,55.495354 -0.372069,7.007302 -2.707836,0.248046 -1.446936,-3.751697 -0.227375,3.824044 h -2.325432 l 0.186034,-7.327695 2.583813,-0.124023 1.787999,3.720692 0.08268,-3.513987 z"
+             style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+             id="path848" />
+          <path
+             d="m 91.400025,62.461315 -2.563143,0.330728 -0.310057,-1.167883 h -1.178219 l -0.258382,1.167883 -2.635489,-0.258381 2.056715,-6.883279 2.873201,-0.144693 z m -3.059235,-2.418449 -0.39274,-1.798334 -0.382404,1.798334 z"
+             style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+             id="path850" />
+          <path
+             d="m 98.536517,55.495354 -0.372069,7.007302 -2.707836,0.248046 -1.446936,-3.751697 -0.227376,3.824044 h -2.325432 l 0.186035,-7.327695 2.583813,-0.124023 1.787999,3.720692 0.08268,-3.513987 z"
+             style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+             id="path852" />
+          <path
+             d="m 31.786283,73.085956 q 0,0.470254 -0.10852,0.909502 -0.10852,0.434081 -0.315225,0.816485 -0.201538,0.382405 -0.496093,0.702798 -0.289387,0.315225 -0.656288,0.5426 -0.361734,0.227376 -0.790647,0.356567 -0.428913,0.124023 -0.909502,0.124023 -0.465087,0 -0.888832,-0.118856 -0.418578,-0.118855 -0.78548,-0.330728 -0.366901,-0.21704 -0.666623,-0.516763 -0.294555,-0.30489 -0.506428,-0.671791 -0.206705,-0.372069 -0.32556,-0.795815 -0.113688,-0.423745 -0.113688,-0.883664 0,-0.449583 0.10852,-0.878496 0.10852,-0.434081 0.310058,-0.816485 0.206705,-0.382405 0.496092,-0.702798 0.289387,-0.320392 0.645953,-0.552936 0.361734,-0.232543 0.780312,-0.361734 0.418578,-0.12919 0.883664,-0.12919 0.749306,0 1.364253,0.232543 0.620116,0.232543 1.054196,0.666624 0.439249,0.428913 0.676959,1.04386 0.242879,0.60978 0.242879,1.364254 z m -2.294426,0.134358 q 0,-0.222208 -0.06718,-0.428913 -0.06201,-0.211872 -0.186034,-0.372069 -0.124023,-0.165364 -0.310058,-0.263549 -0.180867,-0.103352 -0.418577,-0.103352 -0.242879,0 -0.434081,0.08785 -0.191202,0.08785 -0.330728,0.242879 -0.134359,0.149861 -0.206705,0.356566 -0.07235,0.201537 -0.07235,0.428913 0,0.21704 0.06201,0.434081 0.06201,0.21704 0.186035,0.392739 0.124023,0.1757 0.30489,0.28422 0.186035,0.10852 0.428913,0.10852 0.242878,0 0.434081,-0.09302 0.196369,-0.09819 0.330728,-0.258382 0.134358,-0.165364 0.206705,-0.377236 0.07235,-0.211873 0.07235,-0.439249 z"
+             style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+             id="path854" />
+          <path
+             d="m 38.168302,71.763043 q 0,0.50126 -0.149861,0.888832 -0.149861,0.387572 -0.41341,0.676959 -0.258382,0.289388 -0.60978,0.490925 -0.351399,0.201537 -0.754474,0.330728 -0.397907,0.124023 -0.82682,0.186035 -0.428913,0.05684 -0.842323,0.06201 v 2.408114 H 32.16352 q 0,-1.183386 0.0052,-2.356438 0.0052,-1.173051 0.0155,-2.366773 0.01033,-0.63045 0.0052,-1.260901 -0.0052,-0.63045 0.02584,-1.271236 0.661456,-0.19637 1.322912,-0.294554 0.661456,-0.09819 1.364254,-0.09819 0.397907,0 0.795814,0.06718 0.397908,0.06201 0.759641,0.201537 0.366902,0.139526 0.67696,0.351399 0.315225,0.206705 0.5426,0.496092 0.227376,0.289387 0.356567,0.661456 0.134358,0.366902 0.134358,0.82682 z m -2.294426,0.1757 q 0,-0.335896 -0.206706,-0.52193 -0.201537,-0.191203 -0.527097,-0.191203 -0.108521,0 -0.227376,0.02067 -0.113688,0.0155 -0.21704,0.04134 l -0.06201,1.508947 q 0.07235,0.01033 0.139526,0.01033 0.06718,0 0.139526,0 0.186035,0 0.356566,-0.06201 0.1757,-0.06201 0.310058,-0.1757 0.134358,-0.118855 0.211873,-0.273884 0.08268,-0.160196 0.08268,-0.356566 z"
+             style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+             id="path856" />
+          <path
+             d="m 41.24304,69.458282 -0.568439,7.038308 -2.180739,0.113687 v -7.007301 z"
+             style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+             id="path858" />
+          <path
+             d="m 46.891256,73.985123 q 0,0.707965 -0.248046,1.24023 -0.242878,0.527098 -0.671792,0.878497 -0.423745,0.351399 -0.997351,0.527098 -0.568439,0.175699 -1.224728,0.175699 -0.253214,0 -0.558104,-0.06718 -0.299722,-0.06718 -0.60978,-0.165364 -0.310057,-0.103353 -0.599444,-0.21704 -0.28422,-0.118856 -0.506428,-0.222208 l 0.227376,-2.129062 q 0.439248,0.263548 0.971514,0.403074 0.537433,0.134359 1.054195,0.134359 0.09819,0 0.237711,-0.0052 0.139526,-0.01033 0.263549,-0.04651 0.129191,-0.04134 0.217041,-0.118855 0.08785,-0.07751 0.08785,-0.222208 0,-0.09819 -0.06201,-0.165364 -0.06201,-0.07235 -0.160197,-0.113688 -0.09819,-0.04651 -0.222208,-0.06718 -0.124023,-0.02584 -0.242878,-0.03617 -0.118856,-0.01034 -0.222208,-0.01034 -0.103353,0 -0.165364,0 -0.444416,0 -0.811318,-0.155028 -0.361733,-0.155029 -0.625282,-0.428913 -0.258382,-0.279052 -0.403075,-0.656289 -0.144694,-0.382404 -0.144694,-0.82682 0,-0.60978 0.242879,-1.09037 0.248046,-0.485756 0.656288,-0.821652 0.41341,-0.341064 0.945676,-0.52193 0.532266,-0.180867 1.100704,-0.180867 0.253214,0 0.521931,0.02067 0.268716,0.0155 0.532265,0.06201 0.268717,0.04651 0.521931,0.118855 0.253213,0.07235 0.480589,0.180867 l -0.19637,2.098056 q -0.351399,-0.118855 -0.738971,-0.196369 -0.382404,-0.08268 -0.749305,-0.08268 -0.06718,0 -0.1757,0.0052 -0.103352,0 -0.222208,0.0155 -0.113687,0.01033 -0.232543,0.03617 -0.118855,0.02584 -0.211873,0.07235 -0.09302,0.04134 -0.149861,0.113688 -0.05684,0.07235 -0.05168,0.170532 0.0052,0.113688 0.08268,0.186034 0.08268,0.06718 0.206705,0.10852 0.129191,0.03617 0.279052,0.05168 0.155029,0.0155 0.30489,0.02067 0.149861,0 0.279052,0 0.12919,-0.0052 0.211872,0.0052 0.413411,0.02584 0.744139,0.175699 0.330728,0.149861 0.558103,0.397907 0.232544,0.248047 0.351399,0.594277 0.124023,0.341064 0.124023,0.754474 z"
+             style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+             id="path860" />
+          <path
+             d="m 53.769367,69.334259 -2.490796,3.441639 2.098057,3.65868 -2.397779,0.423745 -1.570959,-2.232414 -0.08268,2.335767 -2.149732,0.08268 0.165364,-7.916804 2.408114,0.134358 -0.186035,2.335767 1.601964,-2.470125 z"
+             style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+             id="path862" />
+          <path
+             d="m 58.611435,69.282583 q -0.03101,0.485757 -0.05684,0.961178 -0.02584,0.475422 -0.06718,0.961179 l -2.191074,0.113688 -0.05168,0.651121 h 1.539952 l -0.113687,1.601964 -1.550288,0.05168 -0.05168,0.754474 h 1.281572 0.909502 q -0.03101,0.568439 -0.06718,1.13171 -0.03101,0.558104 -0.05684,1.121375 l -4.454494,0.103352 0.165364,-7.451717 z"
+             style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+             id="path864" />
+          <path
+             d="m 63.329479,73.788753 -0.217041,2.294426 -4.351141,0.341064 q 0.03101,-1.803502 0.06718,-3.586333 0.04134,-1.782831 0.09819,-3.586333 h 2.687166 q -0.118856,1.13171 -0.227376,2.26342 -0.10852,1.126543 -0.155029,2.273756 0.242879,0.01033 0.48059,0.01033 0.23771,0 0.480589,0 0.289387,0 0.568439,-0.0052 0.279052,-0.0052 0.568439,-0.0052 z"
+             style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+             id="path866" />
+          <path
+             d="m 66.362874,69.458282 -0.568439,7.038308 -2.180738,0.113687 v -7.007301 z"
+             style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+             id="path868" />
+          <path
+             d="m 71.540837,72.476176 q 0,0.30489 0,0.604612 0,0.299723 -0.03101,0.604613 -0.05684,0.645953 -0.279051,1.224727 -0.222208,0.573607 -0.604613,1.007687 -0.377236,0.434081 -0.919837,0.687295 -0.542601,0.253213 -1.245398,0.253213 -0.273885,0 -0.573607,-0.04651 -0.294555,-0.04651 -0.589109,-0.139526 -0.289387,-0.09302 -0.558104,-0.227376 -0.263549,-0.139526 -0.470254,-0.320393 l 0.320393,-2.139397 q 0.30489,0.294555 0.676959,0.480589 0.372069,0.180867 0.811317,0.180867 0.28422,0 0.48059,-0.08268 0.196369,-0.08268 0.32556,-0.227375 0.129191,-0.144694 0.201537,-0.335896 0.07752,-0.19637 0.108521,-0.41341 0.03617,-0.222208 0.04134,-0.454751 0.01033,-0.232544 0.01033,-0.459919 0,-0.821653 -0.08268,-1.63297 -0.08268,-0.816485 -0.144694,-1.63297 L 71.3858,69.251577 q 0.155029,1.612299 0.155029,3.224599 z"
+             style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+             id="path870" />
+          <path
+             d="m 78.30009,76.289885 -2.563142,0.330728 -0.310058,-1.167884 h -1.178219 l -0.258381,1.167884 -2.63549,-0.258382 2.056716,-6.883279 2.8732,-0.144693 z m -3.059235,-2.41845 -0.392739,-1.798334 -0.382405,1.798334 z"
+             style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+             id="path872" />
+          <path
+             d="m 84.465069,71.752708 q 0,0.403075 -0.07235,0.733803 -0.06718,0.325561 -0.21704,0.599445 -0.149862,0.273884 -0.387572,0.506427 -0.237711,0.232544 -0.573607,0.444416 l 1.229895,2.191074 -2.325432,0.454751 -0.795814,-2.201409 -0.640786,0.02067 -0.09302,2.149732 h -2.22208 q 0.02584,-1.178218 0.04651,-2.346102 0.02584,-1.167884 0.05684,-2.346103 0.01033,-0.594277 0.02067,-1.178219 0.01033,-0.583941 0.04134,-1.178218 0.361734,-0.134359 0.713133,-0.222208 0.351398,-0.08785 0.702797,-0.134359 0.356566,-0.05168 0.7183,-0.06718 0.366901,-0.02067 0.749306,-0.02067 0.589109,0 1.136878,0.165364 0.552936,0.160196 0.976681,0.485757 0.423746,0.32556 0.676959,0.811317 0.258382,0.485757 0.258382,1.13171 z m -2.315097,0.165364 q 0,-0.21704 -0.06201,-0.397907 -0.05684,-0.180867 -0.175699,-0.310058 -0.113688,-0.134358 -0.289387,-0.206705 -0.170532,-0.07751 -0.403075,-0.07751 -0.103352,0 -0.201537,0.0155 -0.09818,0.01033 -0.191203,0.03617 l -0.08268,1.922357 H 80.8684 q 0.222208,0 0.449584,-0.05684 0.232543,-0.05684 0.41341,-0.175699 0.186035,-0.118855 0.299722,-0.30489 0.118856,-0.186034 0.118856,-0.444416 z"
+             style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+             id="path874" />
+          <path
+             d="m 91.338012,76.289885 -2.563143,0.330728 -0.310057,-1.167884 h -1.178219 l -0.258381,1.167884 -2.63549,-0.258382 2.056715,-6.883279 2.873201,-0.144693 z m -3.059235,-2.41845 -0.392739,-1.798334 -0.382405,1.798334 z"
+             style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+             id="path876" />
+          <path
+             d="m 97.301457,72.631205 q 0,0.723468 -0.186035,1.307409 -0.186034,0.578775 -0.52193,1.033526 -0.330728,0.449583 -0.790647,0.775144 -0.459919,0.32556 -1.007687,0.537433 -0.547768,0.206705 -1.167884,0.310058 -0.614947,0.09818 -1.266068,0.09818 -0.242879,0 -0.475422,-0.01033 -0.232543,-0.0155 -0.475422,-0.04134 l 0.144694,-6.934955 q 0.568439,-0.180867 1.167884,-0.253214 0.604612,-0.07751 1.198889,-0.07751 0.738971,0 1.359086,0.222208 0.620115,0.222208 1.069699,0.640786 0.449583,0.418577 0.697629,1.02319 0.253214,0.604612 0.253214,1.369421 z m -2.118727,0.330728 q 0.0052,-0.279052 -0.06201,-0.537433 -0.06201,-0.258382 -0.211872,-0.454751 -0.144694,-0.201538 -0.372069,-0.320393 -0.227376,-0.124023 -0.542601,-0.134359 l -0.206705,3.203929 q 0.310057,-0.04651 0.563271,-0.201537 0.253214,-0.160197 0.434081,-0.387572 0.186034,-0.232544 0.284219,-0.511595 0.103353,-0.28422 0.113688,-0.583942 z"
+             style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+             id="path878" />
+          <path
+             d="m 100.40203,69.458282 -0.568437,7.038308 -2.180738,0.113687 v -7.007301 z"
+             style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+             id="path880" />
+          <path
+             d="m 107.06827,73.085956 q 0,0.470254 -0.10852,0.909502 -0.10852,0.434081 -0.31522,0.816485 -0.20154,0.382405 -0.49609,0.702798 -0.28939,0.315225 -0.65629,0.5426 -0.36174,0.227376 -0.79065,0.356567 -0.42891,0.124023 -0.9095,0.124023 -0.46509,0 -0.88883,-0.118856 -0.41858,-0.118855 -0.78548,-0.330728 -0.3669,-0.21704 -0.66663,-0.516763 -0.29455,-0.30489 -0.50642,-0.671791 -0.20671,-0.372069 -0.32557,-0.795815 -0.11368,-0.423745 -0.11368,-0.883664 0,-0.449583 0.10852,-0.878496 0.10852,-0.434081 0.31005,-0.816485 0.20671,-0.382405 0.4961,-0.702798 0.28938,-0.320392 0.64595,-0.552936 0.36173,-0.232543 0.78031,-0.361734 0.41858,-0.12919 0.88367,-0.12919 0.7493,0 1.36425,0.232543 0.62011,0.232543 1.0542,0.666624 0.43924,0.428913 0.67695,1.04386 0.24288,0.60978 0.24288,1.364254 z m -2.29442,0.134358 q 0,-0.222208 -0.0672,-0.428913 -0.062,-0.211872 -0.18604,-0.372069 -0.12402,-0.165364 -0.31005,-0.263549 -0.18087,-0.103352 -0.41858,-0.103352 -0.24288,0 -0.43408,0.08785 -0.19121,0.08785 -0.33073,0.242879 -0.13436,0.149861 -0.20671,0.356566 -0.0723,0.201537 -0.0723,0.428913 0,0.21704 0.062,0.434081 0.062,0.21704 0.18603,0.392739 0.12403,0.1757 0.30489,0.28422 0.18604,0.10852 0.42892,0.10852 0.24287,0 0.43408,-0.09302 0.19637,-0.09819 0.33072,-0.258382 0.13436,-0.165364 0.20671,-0.377236 0.0724,-0.211873 0.0724,-0.439249 z"
+             style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+             id="path882" />
+        </g>
+      </g>
+    </g>
+  </g>
+  <metadata
+     id="metadata852">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:title>Opiskelijaradio – Logo</dc:title>
+        <dc:date>2022-04-22</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Christer Warén</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:publisher>
+          <cc:Agent>
+            <dc:title>Warén Group</dc:title>
+          </cc:Agent>
+        </dc:publisher>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>
diff --git a/assets/images/logo.svg b/assets/images/logo.svg
new file mode 100644
index 0000000..e196b4f
--- /dev/null
+++ b/assets/images/logo.svg
@@ -0,0 +1,203 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="500"
+   height="133.161"
+   viewBox="0 0 132.29166 35.232181"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   sodipodi:docname="Logo - Text.svg"
+   inkscape:export-filename="/home/cwchristerw/Desktop/Work In Progress/Marketing/Opiskelijaradio/Logo.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <title
+     id="title854">Opiskelijaradio – Logo</title>
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#505050"
+     bordercolor="#ffffff"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="1"
+     inkscape:document-units="px"
+     showgrid="false"
+     inkscape:zoom="1.5554293"
+     inkscape:cx="269.05755"
+     inkscape:cy="235.62627"
+     inkscape:window-width="2560"
+     inkscape:window-height="1369"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     units="px" />
+  <defs
+     id="defs2" />
+  <g
+     inkscape:label="Text"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:none">
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:17.1065px;line-height:1.25;font-family:sans-serif;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.427665"
+       x="66.154182"
+       y="12.378895"
+       id="text5627"><tspan
+         sodipodi:role="line"
+         id="tspan5625"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:0.427665"
+         x="66.154182"
+         y="12.378895">SATAKUNNAN</tspan><tspan
+         sodipodi:role="line"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:0.427665"
+         x="66.154182"
+         y="34.730942"
+         id="tspan15703">OPISKELIJARADIO</tspan></text>
+  </g>
+  <g
+     inkscape:label="Graphic"
+     inkscape:groupmode="layer"
+     id="g832"
+     style="display:inline">
+    <g
+       aria-label="SATAKUNNAN OPISKELIJARADIO"
+       id="text830"
+       style="font-size:10.5833px;line-height:1.25;fill:#ffffff;stroke-width:0.264583"
+       transform="matrix(1.6163676,0,0,1.6163676,-40.77015,-89.299868)"
+       inkscape:export-filename="/home/cwchristerw/Desktop/Work In Progress/Marketing/Opiskelijaradio/Logo.png"
+       inkscape:export-xdpi="287.65179"
+       inkscape:export-ydpi="287.65179">
+      <path
+         d="m 39.165654,60.156554 q 0,0.707965 -0.248046,1.24023 -0.242879,0.527098 -0.671792,0.878497 -0.423745,0.351398 -0.997352,0.527098 -0.568439,0.175699 -1.224727,0.175699 -0.253214,0 -0.558104,-0.06718 -0.299722,-0.06718 -0.60978,-0.165364 -0.310057,-0.103353 -0.599444,-0.217041 -0.28422,-0.118855 -0.506428,-0.222208 l 0.227376,-2.129062 q 0.439248,0.263549 0.971514,0.403075 0.537433,0.134358 1.054195,0.134358 0.09819,0 0.237711,-0.0052 0.139526,-0.01034 0.263549,-0.04651 0.129191,-0.04134 0.21704,-0.118855 0.08785,-0.07751 0.08785,-0.222208 0,-0.09818 -0.06201,-0.165364 -0.06201,-0.07235 -0.160197,-0.113688 -0.09819,-0.04651 -0.222208,-0.06718 -0.124023,-0.02584 -0.242878,-0.03617 -0.118856,-0.01033 -0.222208,-0.01033 -0.103353,0 -0.165364,0 -0.444416,0 -0.811318,-0.155029 -0.361734,-0.155028 -0.625282,-0.428913 -0.258382,-0.279051 -0.403075,-0.656288 -0.144694,-0.382405 -0.144694,-0.826821 0,-0.609779 0.242879,-1.090369 0.248046,-0.485757 0.656288,-0.821652 0.41341,-0.341064 0.945676,-0.521931 0.532265,-0.180867 1.100704,-0.180867 0.253214,0 0.521931,0.02067 0.268716,0.0155 0.532265,0.06201 0.268717,0.04651 0.521931,0.118856 0.253213,0.07235 0.480589,0.180867 l -0.19637,2.098056 q -0.351399,-0.118855 -0.738971,-0.19637 -0.382404,-0.08268 -0.749306,-0.08268 -0.06718,0 -0.175699,0.0052 -0.103352,0 -0.222208,0.0155 -0.113688,0.01033 -0.232543,0.03617 -0.118855,0.02584 -0.211873,0.07235 -0.09302,0.04134 -0.149861,0.113688 -0.05684,0.07235 -0.05168,0.170531 0.0052,0.113688 0.08268,0.186035 0.08268,0.06718 0.206705,0.10852 0.129191,0.03617 0.279052,0.05168 0.155029,0.0155 0.30489,0.02067 0.149861,0 0.279052,0 0.12919,-0.0052 0.211872,0.0052 0.41341,0.02584 0.744139,0.175699 0.330728,0.149861 0.558103,0.397907 0.232543,0.248046 0.351399,0.594277 0.124023,0.341064 0.124023,0.754474 z"
+         style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+         id="path834" />
+      <path
+         d="m 45.930077,62.461315 -2.563143,0.330728 -0.310057,-1.167883 h -1.178219 l -0.258381,1.167883 -2.63549,-0.258381 2.056715,-6.883279 2.873201,-0.144693 z m -3.059235,-2.418449 -0.392739,-1.798334 -0.382405,1.798334 z"
+         style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+         id="path836" />
+      <path
+         d="m 50.890999,55.516025 -0.05168,2.191074 -1.539953,0.06201 -0.39274,4.89891 -2.180738,0.113688 0.01033,-4.89891 -1.539953,0.08268 0.06201,-2.43912 z"
+         style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+         id="path838" />
+      <path
+         d="M 56.978463,62.461315 54.41532,62.792043 54.105262,61.62416 h -1.178219 l -0.258381,1.167883 -2.63549,-0.258381 2.056716,-6.883279 2.8732,-0.144693 z m -3.059235,-2.418449 -0.39274,-1.798334 -0.382404,1.798334 z"
+         style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+         id="path840" />
+      <path
+         d="m 63.639533,55.50569 -2.490796,3.441639 2.098057,3.65868 -2.397779,0.423745 -1.570959,-2.232415 -0.08268,2.335768 -2.149733,0.08268 0.165365,-7.916804 2.408114,0.134358 -0.186035,2.335767 1.601964,-2.470125 z"
+         style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+         id="path842" />
+      <path
+         d="m 69.670155,57.15933 q 0,0.382405 -0.03617,0.842323 -0.03617,0.459919 -0.118856,0.950844 -0.08268,0.490924 -0.21704,0.997352 -0.129191,0.501259 -0.325561,0.966346 -0.196369,0.465086 -0.459918,0.873329 -0.258382,0.403075 -0.599445,0.707965 -0.335896,0.299722 -0.754474,0.470254 -0.418577,0.175699 -0.930172,0.175699 -0.599445,0 -1.043861,-0.19637 Q 64.74541,62.75587 64.430184,62.43031 64.114959,62.099581 63.913422,61.665501 63.711884,61.226252 63.598197,60.740496 63.484509,60.249571 63.438,59.743144 q -0.04134,-0.511595 -0.04134,-0.981849 0,-0.723468 0.07235,-1.441768 0.07235,-0.723468 0.206705,-1.441768 l 2.418449,0.09302 q -0.139526,0.811317 -0.242878,1.63297 -0.09819,0.816485 -0.09819,1.643305 0,0.08785 0.0052,0.263549 0.01033,0.170532 0.031,0.387572 0.02067,0.211873 0.05684,0.439249 0.04134,0.222208 0.10852,0.408242 0.06718,0.186035 0.160197,0.30489 0.09819,0.118856 0.227375,0.118856 0.149862,0 0.268717,-0.139526 0.118855,-0.144694 0.206705,-0.382405 0.09302,-0.237711 0.160196,-0.547768 0.06718,-0.310058 0.113688,-0.645953 0.04651,-0.335896 0.07235,-0.671792 0.03101,-0.335896 0.04651,-0.625283 0.02067,-0.289387 0.02584,-0.511595 0.0052,-0.222208 0.0052,-0.330728 0,-0.403075 -0.0155,-0.800982 -0.01034,-0.403075 -0.03617,-0.800982 h 2.418449 q 0.06201,0.713132 0.06201,1.446935 z"
+         style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+         id="path844" />
+      <path
+         d="m 77.111537,55.495354 -0.372069,7.007302 -2.707837,0.248046 -1.446935,-3.751697 -0.227376,3.824044 h -2.325432 l 0.186035,-7.327695 2.583813,-0.124023 1.787999,3.720692 0.08268,-3.513987 z"
+         style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+         id="path846" />
+      <path
+         d="m 84.558089,55.495354 -0.372069,7.007302 -2.707836,0.248046 -1.446936,-3.751697 -0.227375,3.824044 h -2.325432 l 0.186034,-7.327695 2.583813,-0.124023 1.787999,3.720692 0.08268,-3.513987 z"
+         style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+         id="path848" />
+      <path
+         d="m 91.400025,62.461315 -2.563143,0.330728 -0.310057,-1.167883 h -1.178219 l -0.258382,1.167883 -2.635489,-0.258381 2.056715,-6.883279 2.873201,-0.144693 z m -3.059235,-2.418449 -0.39274,-1.798334 -0.382404,1.798334 z"
+         style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+         id="path850" />
+      <path
+         d="m 98.536517,55.495354 -0.372069,7.007302 -2.707836,0.248046 -1.446936,-3.751697 -0.227376,3.824044 h -2.325432 l 0.186035,-7.327695 2.583813,-0.124023 1.787999,3.720692 0.08268,-3.513987 z"
+         style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+         id="path852" />
+      <path
+         d="m 31.786283,73.085956 q 0,0.470254 -0.10852,0.909502 -0.10852,0.434081 -0.315225,0.816485 -0.201538,0.382405 -0.496093,0.702798 -0.289387,0.315225 -0.656288,0.5426 -0.361734,0.227376 -0.790647,0.356567 -0.428913,0.124023 -0.909502,0.124023 -0.465087,0 -0.888832,-0.118856 -0.418578,-0.118855 -0.78548,-0.330728 -0.366901,-0.21704 -0.666623,-0.516763 -0.294555,-0.30489 -0.506428,-0.671791 -0.206705,-0.372069 -0.32556,-0.795815 -0.113688,-0.423745 -0.113688,-0.883664 0,-0.449583 0.10852,-0.878496 0.10852,-0.434081 0.310058,-0.816485 0.206705,-0.382405 0.496092,-0.702798 0.289387,-0.320392 0.645953,-0.552936 0.361734,-0.232543 0.780312,-0.361734 0.418578,-0.12919 0.883664,-0.12919 0.749306,0 1.364253,0.232543 0.620116,0.232543 1.054196,0.666624 0.439249,0.428913 0.676959,1.04386 0.242879,0.60978 0.242879,1.364254 z m -2.294426,0.134358 q 0,-0.222208 -0.06718,-0.428913 -0.06201,-0.211872 -0.186034,-0.372069 -0.124023,-0.165364 -0.310058,-0.263549 -0.180867,-0.103352 -0.418577,-0.103352 -0.242879,0 -0.434081,0.08785 -0.191202,0.08785 -0.330728,0.242879 -0.134359,0.149861 -0.206705,0.356566 -0.07235,0.201537 -0.07235,0.428913 0,0.21704 0.06201,0.434081 0.06201,0.21704 0.186035,0.392739 0.124023,0.1757 0.30489,0.28422 0.186035,0.10852 0.428913,0.10852 0.242878,0 0.434081,-0.09302 0.196369,-0.09819 0.330728,-0.258382 0.134358,-0.165364 0.206705,-0.377236 0.07235,-0.211873 0.07235,-0.439249 z"
+         style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+         id="path854" />
+      <path
+         d="m 38.168302,71.763043 q 0,0.50126 -0.149861,0.888832 -0.149861,0.387572 -0.41341,0.676959 -0.258382,0.289388 -0.60978,0.490925 -0.351399,0.201537 -0.754474,0.330728 -0.397907,0.124023 -0.82682,0.186035 -0.428913,0.05684 -0.842323,0.06201 v 2.408114 H 32.16352 q 0,-1.183386 0.0052,-2.356438 0.0052,-1.173051 0.0155,-2.366773 0.01033,-0.63045 0.0052,-1.260901 -0.0052,-0.63045 0.02584,-1.271236 0.661456,-0.19637 1.322912,-0.294554 0.661456,-0.09819 1.364254,-0.09819 0.397907,0 0.795814,0.06718 0.397908,0.06201 0.759641,0.201537 0.366902,0.139526 0.67696,0.351399 0.315225,0.206705 0.5426,0.496092 0.227376,0.289387 0.356567,0.661456 0.134358,0.366902 0.134358,0.82682 z m -2.294426,0.1757 q 0,-0.335896 -0.206706,-0.52193 -0.201537,-0.191203 -0.527097,-0.191203 -0.108521,0 -0.227376,0.02067 -0.113688,0.0155 -0.21704,0.04134 l -0.06201,1.508947 q 0.07235,0.01033 0.139526,0.01033 0.06718,0 0.139526,0 0.186035,0 0.356566,-0.06201 0.1757,-0.06201 0.310058,-0.1757 0.134358,-0.118855 0.211873,-0.273884 0.08268,-0.160196 0.08268,-0.356566 z"
+         style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+         id="path856" />
+      <path
+         d="m 41.24304,69.458282 -0.568439,7.038308 -2.180739,0.113687 v -7.007301 z"
+         style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+         id="path858" />
+      <path
+         d="m 46.891256,73.985123 q 0,0.707965 -0.248046,1.24023 -0.242878,0.527098 -0.671792,0.878497 -0.423745,0.351399 -0.997351,0.527098 -0.568439,0.175699 -1.224728,0.175699 -0.253214,0 -0.558104,-0.06718 -0.299722,-0.06718 -0.60978,-0.165364 -0.310057,-0.103353 -0.599444,-0.21704 -0.28422,-0.118856 -0.506428,-0.222208 l 0.227376,-2.129062 q 0.439248,0.263548 0.971514,0.403074 0.537433,0.134359 1.054195,0.134359 0.09819,0 0.237711,-0.0052 0.139526,-0.01033 0.263549,-0.04651 0.129191,-0.04134 0.217041,-0.118855 0.08785,-0.07751 0.08785,-0.222208 0,-0.09819 -0.06201,-0.165364 -0.06201,-0.07235 -0.160197,-0.113688 -0.09819,-0.04651 -0.222208,-0.06718 -0.124023,-0.02584 -0.242878,-0.03617 -0.118856,-0.01034 -0.222208,-0.01034 -0.103353,0 -0.165364,0 -0.444416,0 -0.811318,-0.155028 -0.361733,-0.155029 -0.625282,-0.428913 -0.258382,-0.279052 -0.403075,-0.656289 -0.144694,-0.382404 -0.144694,-0.82682 0,-0.60978 0.242879,-1.09037 0.248046,-0.485756 0.656288,-0.821652 0.41341,-0.341064 0.945676,-0.52193 0.532266,-0.180867 1.100704,-0.180867 0.253214,0 0.521931,0.02067 0.268716,0.0155 0.532265,0.06201 0.268717,0.04651 0.521931,0.118855 0.253213,0.07235 0.480589,0.180867 l -0.19637,2.098056 q -0.351399,-0.118855 -0.738971,-0.196369 -0.382404,-0.08268 -0.749305,-0.08268 -0.06718,0 -0.1757,0.0052 -0.103352,0 -0.222208,0.0155 -0.113687,0.01033 -0.232543,0.03617 -0.118855,0.02584 -0.211873,0.07235 -0.09302,0.04134 -0.149861,0.113688 -0.05684,0.07235 -0.05168,0.170532 0.0052,0.113688 0.08268,0.186034 0.08268,0.06718 0.206705,0.10852 0.129191,0.03617 0.279052,0.05168 0.155029,0.0155 0.30489,0.02067 0.149861,0 0.279052,0 0.12919,-0.0052 0.211872,0.0052 0.413411,0.02584 0.744139,0.175699 0.330728,0.149861 0.558103,0.397907 0.232544,0.248047 0.351399,0.594277 0.124023,0.341064 0.124023,0.754474 z"
+         style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+         id="path860" />
+      <path
+         d="m 53.769367,69.334259 -2.490796,3.441639 2.098057,3.65868 -2.397779,0.423745 -1.570959,-2.232414 -0.08268,2.335767 -2.149732,0.08268 0.165364,-7.916804 2.408114,0.134358 -0.186035,2.335767 1.601964,-2.470125 z"
+         style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+         id="path862" />
+      <path
+         d="m 58.611435,69.282583 q -0.03101,0.485757 -0.05684,0.961178 -0.02584,0.475422 -0.06718,0.961179 l -2.191074,0.113688 -0.05168,0.651121 h 1.539952 l -0.113687,1.601964 -1.550288,0.05168 -0.05168,0.754474 h 1.281572 0.909502 q -0.03101,0.568439 -0.06718,1.13171 -0.03101,0.558104 -0.05684,1.121375 l -4.454494,0.103352 0.165364,-7.451717 z"
+         style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+         id="path864" />
+      <path
+         d="m 63.329479,73.788753 -0.217041,2.294426 -4.351141,0.341064 q 0.03101,-1.803502 0.06718,-3.586333 0.04134,-1.782831 0.09819,-3.586333 h 2.687166 q -0.118856,1.13171 -0.227376,2.26342 -0.10852,1.126543 -0.155029,2.273756 0.242879,0.01033 0.48059,0.01033 0.23771,0 0.480589,0 0.289387,0 0.568439,-0.0052 0.279052,-0.0052 0.568439,-0.0052 z"
+         style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+         id="path866" />
+      <path
+         d="m 66.362874,69.458282 -0.568439,7.038308 -2.180738,0.113687 v -7.007301 z"
+         style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+         id="path868" />
+      <path
+         d="m 71.540837,72.476176 q 0,0.30489 0,0.604612 0,0.299723 -0.03101,0.604613 -0.05684,0.645953 -0.279051,1.224727 -0.222208,0.573607 -0.604613,1.007687 -0.377236,0.434081 -0.919837,0.687295 -0.542601,0.253213 -1.245398,0.253213 -0.273885,0 -0.573607,-0.04651 -0.294555,-0.04651 -0.589109,-0.139526 -0.289387,-0.09302 -0.558104,-0.227376 -0.263549,-0.139526 -0.470254,-0.320393 l 0.320393,-2.139397 q 0.30489,0.294555 0.676959,0.480589 0.372069,0.180867 0.811317,0.180867 0.28422,0 0.48059,-0.08268 0.196369,-0.08268 0.32556,-0.227375 0.129191,-0.144694 0.201537,-0.335896 0.07752,-0.19637 0.108521,-0.41341 0.03617,-0.222208 0.04134,-0.454751 0.01033,-0.232544 0.01033,-0.459919 0,-0.821653 -0.08268,-1.63297 -0.08268,-0.816485 -0.144694,-1.63297 L 71.3858,69.251577 q 0.155029,1.612299 0.155029,3.224599 z"
+         style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+         id="path870" />
+      <path
+         d="m 78.30009,76.289885 -2.563142,0.330728 -0.310058,-1.167884 h -1.178219 l -0.258381,1.167884 -2.63549,-0.258382 2.056716,-6.883279 2.8732,-0.144693 z m -3.059235,-2.41845 -0.392739,-1.798334 -0.382405,1.798334 z"
+         style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+         id="path872" />
+      <path
+         d="m 84.465069,71.752708 q 0,0.403075 -0.07235,0.733803 -0.06718,0.325561 -0.21704,0.599445 -0.149862,0.273884 -0.387572,0.506427 -0.237711,0.232544 -0.573607,0.444416 l 1.229895,2.191074 -2.325432,0.454751 -0.795814,-2.201409 -0.640786,0.02067 -0.09302,2.149732 h -2.22208 q 0.02584,-1.178218 0.04651,-2.346102 0.02584,-1.167884 0.05684,-2.346103 0.01033,-0.594277 0.02067,-1.178219 0.01033,-0.583941 0.04134,-1.178218 0.361734,-0.134359 0.713133,-0.222208 0.351398,-0.08785 0.702797,-0.134359 0.356566,-0.05168 0.7183,-0.06718 0.366901,-0.02067 0.749306,-0.02067 0.589109,0 1.136878,0.165364 0.552936,0.160196 0.976681,0.485757 0.423746,0.32556 0.676959,0.811317 0.258382,0.485757 0.258382,1.13171 z m -2.315097,0.165364 q 0,-0.21704 -0.06201,-0.397907 -0.05684,-0.180867 -0.175699,-0.310058 -0.113688,-0.134358 -0.289387,-0.206705 -0.170532,-0.07751 -0.403075,-0.07751 -0.103352,0 -0.201537,0.0155 -0.09818,0.01033 -0.191203,0.03617 l -0.08268,1.922357 H 80.8684 q 0.222208,0 0.449584,-0.05684 0.232543,-0.05684 0.41341,-0.175699 0.186035,-0.118855 0.299722,-0.30489 0.118856,-0.186034 0.118856,-0.444416 z"
+         style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+         id="path874" />
+      <path
+         d="m 91.338012,76.289885 -2.563143,0.330728 -0.310057,-1.167884 h -1.178219 l -0.258381,1.167884 -2.63549,-0.258382 2.056715,-6.883279 2.873201,-0.144693 z m -3.059235,-2.41845 -0.392739,-1.798334 -0.382405,1.798334 z"
+         style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+         id="path876" />
+      <path
+         d="m 97.301457,72.631205 q 0,0.723468 -0.186035,1.307409 -0.186034,0.578775 -0.52193,1.033526 -0.330728,0.449583 -0.790647,0.775144 -0.459919,0.32556 -1.007687,0.537433 -0.547768,0.206705 -1.167884,0.310058 -0.614947,0.09818 -1.266068,0.09818 -0.242879,0 -0.475422,-0.01033 -0.232543,-0.0155 -0.475422,-0.04134 l 0.144694,-6.934955 q 0.568439,-0.180867 1.167884,-0.253214 0.604612,-0.07751 1.198889,-0.07751 0.738971,0 1.359086,0.222208 0.620115,0.222208 1.069699,0.640786 0.449583,0.418577 0.697629,1.02319 0.253214,0.604612 0.253214,1.369421 z m -2.118727,0.330728 q 0.0052,-0.279052 -0.06201,-0.537433 -0.06201,-0.258382 -0.211872,-0.454751 -0.144694,-0.201538 -0.372069,-0.320393 -0.227376,-0.124023 -0.542601,-0.134359 l -0.206705,3.203929 q 0.310057,-0.04651 0.563271,-0.201537 0.253214,-0.160197 0.434081,-0.387572 0.186034,-0.232544 0.284219,-0.511595 0.103353,-0.28422 0.113688,-0.583942 z"
+         style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+         id="path878" />
+      <path
+         d="m 100.40203,69.458282 -0.568437,7.038308 -2.180738,0.113687 v -7.007301 z"
+         style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+         id="path880" />
+      <path
+         d="m 107.06827,73.085956 q 0,0.470254 -0.10852,0.909502 -0.10852,0.434081 -0.31522,0.816485 -0.20154,0.382405 -0.49609,0.702798 -0.28939,0.315225 -0.65629,0.5426 -0.36174,0.227376 -0.79065,0.356567 -0.42891,0.124023 -0.9095,0.124023 -0.46509,0 -0.88883,-0.118856 -0.41858,-0.118855 -0.78548,-0.330728 -0.3669,-0.21704 -0.66663,-0.516763 -0.29455,-0.30489 -0.50642,-0.671791 -0.20671,-0.372069 -0.32557,-0.795815 -0.11368,-0.423745 -0.11368,-0.883664 0,-0.449583 0.10852,-0.878496 0.10852,-0.434081 0.31005,-0.816485 0.20671,-0.382405 0.4961,-0.702798 0.28938,-0.320392 0.64595,-0.552936 0.36173,-0.232543 0.78031,-0.361734 0.41858,-0.12919 0.88367,-0.12919 0.7493,0 1.36425,0.232543 0.62011,0.232543 1.0542,0.666624 0.43924,0.428913 0.67695,1.04386 0.24288,0.60978 0.24288,1.364254 z m -2.29442,0.134358 q 0,-0.222208 -0.0672,-0.428913 -0.062,-0.211872 -0.18604,-0.372069 -0.12402,-0.165364 -0.31005,-0.263549 -0.18087,-0.103352 -0.41858,-0.103352 -0.24288,0 -0.43408,0.08785 -0.19121,0.08785 -0.33073,0.242879 -0.13436,0.149861 -0.20671,0.356566 -0.0723,0.201537 -0.0723,0.428913 0,0.21704 0.062,0.434081 0.062,0.21704 0.18603,0.392739 0.12403,0.1757 0.30489,0.28422 0.18604,0.10852 0.42892,0.10852 0.24287,0 0.43408,-0.09302 0.19637,-0.09819 0.33072,-0.258382 0.13436,-0.165364 0.20671,-0.377236 0.0724,-0.211873 0.0724,-0.439249 z"
+         style="font-family:'Luckiest Guy';-inkscape-font-specification:'Luckiest Guy';text-align:center;text-anchor:middle"
+         id="path882" />
+    </g>
+  </g>
+  <metadata
+     id="metadata852">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:title>Opiskelijaradio – Logo</dc:title>
+        <dc:date>2022-04-22</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Christer Warén</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:publisher>
+          <cc:Agent>
+            <dc:title>Warén Group</dc:title>
+          </cc:Agent>
+        </dc:publisher>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>
diff --git a/assets/images/pwa.png b/assets/images/pwa.png
new file mode 100644
index 0000000..fdb5c81
Binary files /dev/null and b/assets/images/pwa.png differ
diff --git a/assets/images/stream-layout.png b/assets/images/stream-layout.png
new file mode 100644
index 0000000..0ccbf2d
Binary files /dev/null and b/assets/images/stream-layout.png differ
diff --git a/assets/js/javascriptSupportCookie.js b/assets/js/javascriptSupportCookie.js
new file mode 100644
index 0000000..ed15bc6
--- /dev/null
+++ b/assets/js/javascriptSupportCookie.js
@@ -0,0 +1,3 @@
+$(document).ready(function(){
+    document.cookie = "javascriptSupport=1; path=/; domain=" + location.hostname + "; secure";
+});
diff --git a/assets/js/unmuteAudio.js b/assets/js/unmuteAudio.js
new file mode 100644
index 0000000..d565b8d
--- /dev/null
+++ b/assets/js/unmuteAudio.js
@@ -0,0 +1,10 @@
+$(document).ready(function(){
+    var ap = document.getElementById("ap");
+
+    var timer = setInterval(()=>{
+        if(ap.readyState === 4){
+            ap.muted = false;
+            clearInterval(timer);
+        }
+    },5000);
+});
diff --git a/assets/js/unmuteVideo.js b/assets/js/unmuteVideo.js
new file mode 100644
index 0000000..082b666
--- /dev/null
+++ b/assets/js/unmuteVideo.js
@@ -0,0 +1,10 @@
+$(document).ready(function(){
+    var video = document.getElementById("vjs_video_3_html5_api");
+
+    var timer = setInterval(()=>{
+        if(video.readyState === 4){
+            video.muted = false;
+            clearInterval(timer);
+        }
+    },5000);
+});
diff --git a/composer.json b/composer.json
new file mode 100644
index 0000000..5b9940a
--- /dev/null
+++ b/composer.json
@@ -0,0 +1,37 @@
+{
+  "name": "warengroup/opiskelijaradio-app",
+  "description": "Satakunnan opiskelijaradio",
+  "version": "0.0.0",
+  "homepage": "https://opiskelijaradio.fi/app",
+  "time": "2022-00-00",
+  "license": "proprietary",
+  "authors": [
+    {
+      "name": "Warén Group",
+      "email": "support@waren.io",
+      "homepage": "https://waren.io",
+      "role": "Organization"
+    },
+    {
+      "name": "Christer Warén",
+      "email": "christer.waren@waren.io",
+      "homepage": "https://christerwaren.fi",
+      "role": "Developer"
+    }
+  ],
+  "support": {
+    "email": "support@waren.io",
+    "issues": "https://git.waren.io/warengroup-private/opiskelijaradio-app/issues",
+    "irc": "irc://irc.waren.io/opiskelijaradio-app",
+    "source": "https://git.waren.io/warengroup-private/opiskelijaradio-app"
+  },
+  "config": {
+    "vendor-dir": "system/libs"
+  },
+  "require": {
+    "php": "^7.4|^8.0",
+    "scssphp/scssphp": "^1.4.1",
+    "guzzlehttp/guzzle": "^6.3|^7.2"
+  },
+  "repositories": []
+}
diff --git a/composer.lock b/composer.lock
new file mode 100644
index 0000000..1d4c823
--- /dev/null
+++ b/composer.lock
@@ -0,0 +1,689 @@
+{
+    "_readme": [
+        "This file locks the dependencies of your project to a known state",
+        "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
+        "This file is @generated automatically"
+    ],
+    "content-hash": "cc720c7a1afeed004a033b84719b6d7f",
+    "packages": [
+        {
+            "name": "guzzlehttp/guzzle",
+            "version": "7.4.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/guzzle/guzzle.git",
+                "reference": "ac1ec1cd9b5624694c3a40be801d94137afb12b4"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/guzzle/guzzle/zipball/ac1ec1cd9b5624694c3a40be801d94137afb12b4",
+                "reference": "ac1ec1cd9b5624694c3a40be801d94137afb12b4",
+                "shasum": ""
+            },
+            "require": {
+                "ext-json": "*",
+                "guzzlehttp/promises": "^1.5",
+                "guzzlehttp/psr7": "^1.8.3 || ^2.1",
+                "php": "^7.2.5 || ^8.0",
+                "psr/http-client": "^1.0",
+                "symfony/deprecation-contracts": "^2.2 || ^3.0"
+            },
+            "provide": {
+                "psr/http-client-implementation": "1.0"
+            },
+            "require-dev": {
+                "bamarni/composer-bin-plugin": "^1.4.1",
+                "ext-curl": "*",
+                "php-http/client-integration-tests": "^3.0",
+                "phpunit/phpunit": "^8.5.5 || ^9.3.5",
+                "psr/log": "^1.1 || ^2.0 || ^3.0"
+            },
+            "suggest": {
+                "ext-curl": "Required for CURL handler support",
+                "ext-intl": "Required for Internationalized Domain Name (IDN) support",
+                "psr/log": "Required for using the Log middleware"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "7.4-dev"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "src/functions_include.php"
+                ],
+                "psr-4": {
+                    "GuzzleHttp\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Graham Campbell",
+                    "email": "hello@gjcampbell.co.uk",
+                    "homepage": "https://github.com/GrahamCampbell"
+                },
+                {
+                    "name": "Michael Dowling",
+                    "email": "mtdowling@gmail.com",
+                    "homepage": "https://github.com/mtdowling"
+                },
+                {
+                    "name": "Jeremy Lindblom",
+                    "email": "jeremeamia@gmail.com",
+                    "homepage": "https://github.com/jeremeamia"
+                },
+                {
+                    "name": "George Mponos",
+                    "email": "gmponos@gmail.com",
+                    "homepage": "https://github.com/gmponos"
+                },
+                {
+                    "name": "Tobias Nyholm",
+                    "email": "tobias.nyholm@gmail.com",
+                    "homepage": "https://github.com/Nyholm"
+                },
+                {
+                    "name": "Márk Sági-Kazár",
+                    "email": "mark.sagikazar@gmail.com",
+                    "homepage": "https://github.com/sagikazarmark"
+                },
+                {
+                    "name": "Tobias Schultze",
+                    "email": "webmaster@tubo-world.de",
+                    "homepage": "https://github.com/Tobion"
+                }
+            ],
+            "description": "Guzzle is a PHP HTTP client library",
+            "keywords": [
+                "client",
+                "curl",
+                "framework",
+                "http",
+                "http client",
+                "psr-18",
+                "psr-7",
+                "rest",
+                "web service"
+            ],
+            "support": {
+                "issues": "https://github.com/guzzle/guzzle/issues",
+                "source": "https://github.com/guzzle/guzzle/tree/7.4.2"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/GrahamCampbell",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/Nyholm",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/guzzlehttp/guzzle",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-20T14:16:28+00:00"
+        },
+        {
+            "name": "guzzlehttp/promises",
+            "version": "1.5.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/guzzle/promises.git",
+                "reference": "fe752aedc9fd8fcca3fe7ad05d419d32998a06da"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/guzzle/promises/zipball/fe752aedc9fd8fcca3fe7ad05d419d32998a06da",
+                "reference": "fe752aedc9fd8fcca3fe7ad05d419d32998a06da",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.5"
+            },
+            "require-dev": {
+                "symfony/phpunit-bridge": "^4.4 || ^5.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "1.5-dev"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "src/functions_include.php"
+                ],
+                "psr-4": {
+                    "GuzzleHttp\\Promise\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Graham Campbell",
+                    "email": "hello@gjcampbell.co.uk",
+                    "homepage": "https://github.com/GrahamCampbell"
+                },
+                {
+                    "name": "Michael Dowling",
+                    "email": "mtdowling@gmail.com",
+                    "homepage": "https://github.com/mtdowling"
+                },
+                {
+                    "name": "Tobias Nyholm",
+                    "email": "tobias.nyholm@gmail.com",
+                    "homepage": "https://github.com/Nyholm"
+                },
+                {
+                    "name": "Tobias Schultze",
+                    "email": "webmaster@tubo-world.de",
+                    "homepage": "https://github.com/Tobion"
+                }
+            ],
+            "description": "Guzzle promises library",
+            "keywords": [
+                "promise"
+            ],
+            "support": {
+                "issues": "https://github.com/guzzle/promises/issues",
+                "source": "https://github.com/guzzle/promises/tree/1.5.1"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/GrahamCampbell",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/Nyholm",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/guzzlehttp/promises",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-10-22T20:56:57+00:00"
+        },
+        {
+            "name": "guzzlehttp/psr7",
+            "version": "2.2.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/guzzle/psr7.git",
+                "reference": "c94a94f120803a18554c1805ef2e539f8285f9a2"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/guzzle/psr7/zipball/c94a94f120803a18554c1805ef2e539f8285f9a2",
+                "reference": "c94a94f120803a18554c1805ef2e539f8285f9a2",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^7.2.5 || ^8.0",
+                "psr/http-factory": "^1.0",
+                "psr/http-message": "^1.0",
+                "ralouphie/getallheaders": "^3.0"
+            },
+            "provide": {
+                "psr/http-factory-implementation": "1.0",
+                "psr/http-message-implementation": "1.0"
+            },
+            "require-dev": {
+                "bamarni/composer-bin-plugin": "^1.4.1",
+                "http-interop/http-factory-tests": "^0.9",
+                "phpunit/phpunit": "^8.5.8 || ^9.3.10"
+            },
+            "suggest": {
+                "laminas/laminas-httphandlerrunner": "Emit PSR-7 responses"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "2.2-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "GuzzleHttp\\Psr7\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Graham Campbell",
+                    "email": "hello@gjcampbell.co.uk",
+                    "homepage": "https://github.com/GrahamCampbell"
+                },
+                {
+                    "name": "Michael Dowling",
+                    "email": "mtdowling@gmail.com",
+                    "homepage": "https://github.com/mtdowling"
+                },
+                {
+                    "name": "George Mponos",
+                    "email": "gmponos@gmail.com",
+                    "homepage": "https://github.com/gmponos"
+                },
+                {
+                    "name": "Tobias Nyholm",
+                    "email": "tobias.nyholm@gmail.com",
+                    "homepage": "https://github.com/Nyholm"
+                },
+                {
+                    "name": "Márk Sági-Kazár",
+                    "email": "mark.sagikazar@gmail.com",
+                    "homepage": "https://github.com/sagikazarmark"
+                },
+                {
+                    "name": "Tobias Schultze",
+                    "email": "webmaster@tubo-world.de",
+                    "homepage": "https://github.com/Tobion"
+                },
+                {
+                    "name": "Márk Sági-Kazár",
+                    "email": "mark.sagikazar@gmail.com",
+                    "homepage": "https://sagikazarmark.hu"
+                }
+            ],
+            "description": "PSR-7 message implementation that also provides common utility methods",
+            "keywords": [
+                "http",
+                "message",
+                "psr-7",
+                "request",
+                "response",
+                "stream",
+                "uri",
+                "url"
+            ],
+            "support": {
+                "issues": "https://github.com/guzzle/psr7/issues",
+                "source": "https://github.com/guzzle/psr7/tree/2.2.1"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/GrahamCampbell",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/Nyholm",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/guzzlehttp/psr7",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-20T21:55:58+00:00"
+        },
+        {
+            "name": "psr/http-client",
+            "version": "1.0.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/http-client.git",
+                "reference": "2dfb5f6c5eff0e91e20e913f8c5452ed95b86621"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/http-client/zipball/2dfb5f6c5eff0e91e20e913f8c5452ed95b86621",
+                "reference": "2dfb5f6c5eff0e91e20e913f8c5452ed95b86621",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^7.0 || ^8.0",
+                "psr/http-message": "^1.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "1.0.x-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Psr\\Http\\Client\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "http://www.php-fig.org/"
+                }
+            ],
+            "description": "Common interface for HTTP clients",
+            "homepage": "https://github.com/php-fig/http-client",
+            "keywords": [
+                "http",
+                "http-client",
+                "psr",
+                "psr-18"
+            ],
+            "support": {
+                "source": "https://github.com/php-fig/http-client/tree/master"
+            },
+            "time": "2020-06-29T06:28:15+00:00"
+        },
+        {
+            "name": "psr/http-factory",
+            "version": "1.0.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/http-factory.git",
+                "reference": "12ac7fcd07e5b077433f5f2bee95b3a771bf61be"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/http-factory/zipball/12ac7fcd07e5b077433f5f2bee95b3a771bf61be",
+                "reference": "12ac7fcd07e5b077433f5f2bee95b3a771bf61be",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.0.0",
+                "psr/http-message": "^1.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "1.0.x-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Psr\\Http\\Message\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "http://www.php-fig.org/"
+                }
+            ],
+            "description": "Common interfaces for PSR-7 HTTP message factories",
+            "keywords": [
+                "factory",
+                "http",
+                "message",
+                "psr",
+                "psr-17",
+                "psr-7",
+                "request",
+                "response"
+            ],
+            "support": {
+                "source": "https://github.com/php-fig/http-factory/tree/master"
+            },
+            "time": "2019-04-30T12:38:16+00:00"
+        },
+        {
+            "name": "psr/http-message",
+            "version": "1.0.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/http-message.git",
+                "reference": "f6561bf28d520154e4b0ec72be95418abe6d9363"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/http-message/zipball/f6561bf28d520154e4b0ec72be95418abe6d9363",
+                "reference": "f6561bf28d520154e4b0ec72be95418abe6d9363",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.3.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "1.0.x-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Psr\\Http\\Message\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "http://www.php-fig.org/"
+                }
+            ],
+            "description": "Common interface for HTTP messages",
+            "homepage": "https://github.com/php-fig/http-message",
+            "keywords": [
+                "http",
+                "http-message",
+                "psr",
+                "psr-7",
+                "request",
+                "response"
+            ],
+            "support": {
+                "source": "https://github.com/php-fig/http-message/tree/master"
+            },
+            "time": "2016-08-06T14:39:51+00:00"
+        },
+        {
+            "name": "ralouphie/getallheaders",
+            "version": "3.0.3",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/ralouphie/getallheaders.git",
+                "reference": "120b605dfeb996808c31b6477290a714d356e822"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/ralouphie/getallheaders/zipball/120b605dfeb996808c31b6477290a714d356e822",
+                "reference": "120b605dfeb996808c31b6477290a714d356e822",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.6"
+            },
+            "require-dev": {
+                "php-coveralls/php-coveralls": "^2.1",
+                "phpunit/phpunit": "^5 || ^6.5"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "src/getallheaders.php"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Ralph Khattar",
+                    "email": "ralph.khattar@gmail.com"
+                }
+            ],
+            "description": "A polyfill for getallheaders.",
+            "support": {
+                "issues": "https://github.com/ralouphie/getallheaders/issues",
+                "source": "https://github.com/ralouphie/getallheaders/tree/develop"
+            },
+            "time": "2019-03-08T08:55:37+00:00"
+        },
+        {
+            "name": "scssphp/scssphp",
+            "version": "v1.10.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/scssphp/scssphp.git",
+                "reference": "387f4f4abf5d99f16be16314c5ab856f81c82f46"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/scssphp/scssphp/zipball/387f4f4abf5d99f16be16314c5ab856f81c82f46",
+                "reference": "387f4f4abf5d99f16be16314c5ab856f81c82f46",
+                "shasum": ""
+            },
+            "require": {
+                "ext-ctype": "*",
+                "ext-json": "*",
+                "php": ">=5.6.0"
+            },
+            "require-dev": {
+                "bamarni/composer-bin-plugin": "^1.4",
+                "phpunit/phpunit": "^5.7 || ^6.5 || ^7.5 || ^8.3 || ^9.4",
+                "sass/sass-spec": "*",
+                "squizlabs/php_codesniffer": "~3.5",
+                "symfony/phpunit-bridge": "^5.1",
+                "thoughtbot/bourbon": "^7.0",
+                "twbs/bootstrap": "~5.0",
+                "twbs/bootstrap4": "4.6.1",
+                "zurb/foundation": "~6.5"
+            },
+            "suggest": {
+                "ext-iconv": "Can be used as fallback when ext-mbstring is not available",
+                "ext-mbstring": "For best performance, mbstring should be installed as it is faster than ext-iconv"
+            },
+            "bin": [
+                "bin/pscss"
+            ],
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "ScssPhp\\ScssPhp\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Anthon Pang",
+                    "email": "apang@softwaredevelopment.ca",
+                    "homepage": "https://github.com/robocoder"
+                },
+                {
+                    "name": "Cédric Morin",
+                    "email": "cedric@yterium.com",
+                    "homepage": "https://github.com/Cerdic"
+                }
+            ],
+            "description": "scssphp is a compiler for SCSS written in PHP.",
+            "homepage": "http://scssphp.github.io/scssphp/",
+            "keywords": [
+                "css",
+                "less",
+                "sass",
+                "scss",
+                "stylesheet"
+            ],
+            "support": {
+                "issues": "https://github.com/scssphp/scssphp/issues",
+                "source": "https://github.com/scssphp/scssphp/tree/v1.10.2"
+            },
+            "time": "2022-03-02T21:15:09+00:00"
+        },
+        {
+            "name": "symfony/deprecation-contracts",
+            "version": "v3.0.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/deprecation-contracts.git",
+                "reference": "26954b3d62a6c5fd0ea8a2a00c0353a14978d05c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/deprecation-contracts/zipball/26954b3d62a6c5fd0ea8a2a00c0353a14978d05c",
+                "reference": "26954b3d62a6c5fd0ea8a2a00c0353a14978d05c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.0.2"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "3.0-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "function.php"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "A generic function and convention to trigger deprecation notices",
+            "homepage": "https://symfony.com",
+            "support": {
+                "source": "https://github.com/symfony/deprecation-contracts/tree/v3.0.1"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-01-02T09:55:41+00:00"
+        }
+    ],
+    "packages-dev": [],
+    "aliases": [],
+    "minimum-stability": "stable",
+    "stability-flags": [],
+    "prefer-stable": false,
+    "prefer-lowest": false,
+    "platform": {
+        "php": "^7.4|^8.0"
+    },
+    "platform-dev": [],
+    "plugin-api-version": "2.3.0"
+}
diff --git a/composer.sh b/composer.sh
new file mode 100644
index 0000000..81c9145
--- /dev/null
+++ b/composer.sh
@@ -0,0 +1,4 @@
+docker run --rm --interactive --tty \
+  --volume "$PWD":/app \
+  --user $(id -u):$(id -g) \
+  composer update
diff --git a/datastore/program-fi.json b/datastore/program-fi.json
new file mode 100644
index 0000000..a51861a
--- /dev/null
+++ b/datastore/program-fi.json
@@ -0,0 +1,38 @@
+[
+    {
+        "name": "Lorem ipsum dolor 1",
+        "image": "",
+        "schedule": [
+            {
+                "day": "2022-04-28",
+                "time": "12:00-15:00"
+            },
+            {
+                "day": "2022-05-05",
+                "time": "12:00-15:00"
+            }
+        ],
+        "host": [ "Tarvo Somerkoski", "Miko Koivula", "Raimo Manninen" ],
+        "producer": "Santeri Vainio"
+    },
+    {
+        "name": "Lorem ipsum dolor 2",
+        "schedule": [
+            {
+                "day": "2022-05-18",
+                "time": "00:00-4:00",
+                "reoccurence": {
+                    "cycle": "weekly",
+                    "until": "2022-06-01"
+                }
+            }
+        ],
+        "host": [ "Olavi Immonen" ],
+        "producer": "Kaisa Varis"
+    },
+    {
+        "name": "Lorem ipsum dolor 3",
+        "host": [ "Saija Rissanen", "Asseri Laakso" ],
+        "producer": "Daniel Lipponen"
+    }
+]
\ No newline at end of file
diff --git a/index.php b/index.php
new file mode 100644
index 0000000..58b3a5e
--- /dev/null
+++ b/index.php
@@ -0,0 +1,150 @@
+<?php
+
+error_reporting(0);
+ini_set('error_reporting', 0);
+
+require_once __DIR__.'/system/libs/autoload.php';
+
+if(substr(parse_url($_SERVER['REQUEST_URI'])['path'],-1) == '/'){
+    $file = __DIR__.'/system/pages/program.php';
+} elseif(substr(parse_url($_SERVER['REQUEST_URI'])['path'],-1) != '/'){
+    if(pathinfo(parse_url($_SERVER['REQUEST_URI'])['path'])['filename'] == 'index' ||  pathinfo(parse_url($_SERVER['REQUEST_URI'])['path'])['filename'] == 'home'){
+        $file = __DIR__.'/system/pages/program.php';
+    } elseif (pathinfo(parse_url($_SERVER['REQUEST_URI'])['path'])['filename'] != '') {
+        $file = __DIR__.'/system/pages/'.pathinfo(parse_url($_SERVER['REQUEST_URI'])['path'])['filename'].'.php';
+    }
+} else {
+    $file = __DIR__.'/system/pages/program.php';
+}
+
+if(file_exists($file)){
+    try {
+        require_once $file;
+    } catch (\Error $e) {
+        http_response_code(500);
+    }
+} else {
+    http_response_code(404);
+}
+
+if(class_exists('Page')){
+    $page = new Page;
+    if(isset($page) && method_exists($page, 'header')){
+        $page->header();
+    }
+}
+
+?>
+<!DOCTYPE html>
+<html lang="fi">
+    <head>
+        <title>Satakunnan opiskelijaradio</title>
+
+        <!-- Meta -->
+        <meta name="subject" content="Satakunnan opiskelijaradio">
+        <meta name="description" content="Tehdään yhdessä satakuntalainen opiskelijaradio!">
+        <meta name="keywords" content="opiskelijaradio,satakunta,satakuntalainen">
+        <meta name="author" content="Satakunnan opiskelijaradio">
+        <meta name="copyright" content="Warén Group">
+        <meta name="language" content="fi">
+
+        <!-- Meta: Charset -->
+        <meta charset="UTF-8">
+
+        <!-- Meta: Viewport -->
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+        <!-- Meta: Open Graph / Facebook -->
+        <meta property="og:type" content="website">
+        <meta property="og:title" content="Satakunnan opiskelijaradio">
+        <meta property="og:url" content="https://opiskelijaradio.fi/">
+        <meta property="og:description" content="Tehdään yhdessä satakuntalainen opiskelijaradio!">
+
+        <!-- Meta: Twitter -->
+        <meta property="twitter:card" content="summary_large_image">
+        <meta property="twitter:title" content="Satakunnan opiskelijaradio">
+        <meta property="twitter:url" content="https://opiskelijaradio.fi/">
+        <meta property="twitter:description" content="Tehdään yhdessä satakuntalainen opiskelijaradio!">
+        <meta property="twitter:site" content="@opiskelijaradio">
+        <meta property="twitter:creator" content="@opiskelijaradio">
+
+        <!-- Meta: Robots -->
+        <meta name="robots" content="noodp,noarchive">
+        <meta name="google" content="notranslate">
+
+        <!-- Link: Icon -->
+        <link rel="icon" type="image/svg+xml" href="assets/images/favicon.svg">
+        <link rel="icon" type="image/png" href="assets/images/favicon.png">
+
+        <!-- Link: WebApp -->
+        <link rel="manifest" href="pwa.json">
+        <meta name="apple-mobile-web-app-capable" content="yes">
+        <meta content="yes" name="apple-touch-fullscreen" />
+        <meta name="apple-mobile-web-app-status-bar-style" content="black">
+
+        <!-- Link: Preconnect & DNS Prefetch & Preload -->
+        <link rel="preconnect" href="//cdn.cwinfo.net">
+        <link rel="dns-prefetch" href="//cdn.cwinfo.net">
+        <link rel="preload" as="style" href="https://cdn.cwinfo.net/frameworks/font-awesome/5.15.4/css/all.min.css" crossorigin="anonymous">
+        <link rel="preload" as="font" type="font/woff2" href="https://cdn.cwinfo.net/frameworks/font-awesome/5.15.4/webfonts/fa-solid-900.woff2" crossorigin="anonymous">
+        <link rel="preload" as="script" href="https://cdn.cwinfo.net/frameworks/jquery/3.6.0/jquery.min.js" crossorigin="anonymous">
+
+        <!-- JS -->
+        <script src="https://cdn.cwinfo.net/frameworks/jquery/3.6.0/jquery.min.js" crossorigin="anonymous"></script>
+
+        <!-- CSS -->
+        <link rel="stylesheet" href="https://cdn.cwinfo.net/frameworks/font-awesome/5.15.4/css/all.min.css" crossorigin="anonymous" media="screen">
+
+        <style>
+            /* MAIN.SCSS – START */
+            <?php
+                $scss = new ScssPhp\ScssPhp\Compiler();
+                $file = __DIR__."/assets/css/main.scss";
+                echo $scss->compile(file_get_contents($file));
+            ?>
+            /* MAIN.SCSS – END */
+
+            <?php
+                if(isset($page) && method_exists($page, 'style')) {
+                    $page->style();
+                }
+            ?>
+        </style>
+
+        <?php
+            if(isset($page) && method_exists($page, 'files')) {
+                $page->files();
+            }
+        ?>
+    </head>
+    <body>
+        <header>
+            <a href="home"><img src="assets/images/logo.svg" title="Satakunnan opiskelijaradio" alt="Satakunnan opiskelijaradio"></a>
+        </header>
+
+        <nav>
+        </nav>
+
+        <main>
+            <?php
+                if(isset($page) && method_exists($page, 'content')) {
+                    $page->content();
+                }
+            ?>
+        </main>
+
+        <footer>
+            <a href="play"><i class="fas fa-play"></i> <span>Kuuntele</span></a>
+            <a href="program"><i class="fas fa-list"></i> <span>Ohjelmisto</span></a>
+        </footer>
+
+        <script>
+            /* JAVASCRIPTSUPPORT.JS – START */
+            <?php
+                $file = __DIR__."/assets/js/javascriptSupportCookie.js";
+                echo file_get_contents($file);
+            ?>
+            /* JAVASCRIPTSUPPORT.JS – END */
+        </script>
+    </body>
+</html>
diff --git a/pwa.json b/pwa.json
new file mode 100644
index 0000000..ed10157
--- /dev/null
+++ b/pwa.json
@@ -0,0 +1,24 @@
+{
+  "name": "Satakunnan opiskelijaradio",
+  "short_name": "Satakunnan opiskelijaradio",
+  "description": "Tehdään yhdessä satakuntalainen opiskelijaradio!",
+  "start_url": "index.html",
+  "id": "satakunnan-opiskelijaradio",
+  "display": "standalone",
+  "background_color": "#0080bf",
+  "theme_color": "#0080bf",
+  "icons": [
+    {
+      "src": "assets/images/favicon.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "assets/images/pwa.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "categories": ["education", "entertainment", "lifestyle", "music", "news"]
+}
diff --git a/station.json b/station.json
new file mode 100644
index 0000000..ec2ae6b
--- /dev/null
+++ b/station.json
@@ -0,0 +1,17 @@
+[
+    {
+        "name": "Satakunnan opiskelijaradio",
+        "owner": "Satakunnan opiskelijaradio",
+        "logo": "",
+        "stream": {
+            "default": "mp3",
+            "mp3": "https://icecast.waren.io/play/pf4c-bsma-6dgd-cx98.mp3",
+            "aac": "https://icecast.waren.io/play/pf4c-bsma-6dgd-cx98.aac",
+            "ogg": "https://icecast.waren.io/play/pf4c-bsma-6dgd-cx98.ogg",
+            "opus": "https://icecast.waren.io/play/pf4c-bsma-6dgd-cx98.opus",
+            "flac": "https://icecast.waren.io/play/pf4c-bsma-6dgd-cx98.flac",
+            "m3u8": "https://rtmp.waren.io/play/hls/pf4c-bsma-6dgd-cx98/index.m3u8",
+            "mpd": "https://rtmp.waren.io/play/dash/pf4c-bsma-6dgd-cx98/index.mpd"
+        }
+    }
+]
diff --git a/system/.htaccess b/system/.htaccess
new file mode 100644
index 0000000..4200e7b
--- /dev/null
+++ b/system/.htaccess
@@ -0,0 +1,12 @@
+# DISABLE ACCESS TO THIS FOLDER
+
+# Apache 2.4
+<IfModule mod_authz_core.c>
+    Require all denied
+</IfModule>
+
+# Apache 2.2
+<IfModule !mod_authz_core.c>
+    Order Allow,Deny
+    Deny from all
+</IfModule>
diff --git a/system/pages/play.php b/system/pages/play.php
new file mode 100644
index 0000000..514678d
--- /dev/null
+++ b/system/pages/play.php
@@ -0,0 +1,59 @@
+<?php
+
+class Page {
+
+    public function header() {
+        
+    }
+
+    public function style() {
+        $scss = new ScssPhp\ScssPhp\Compiler();
+        $file = __DIR__."/../../assets/css/player.scss";
+        echo $scss->compile(file_get_contents($file));
+
+echo '
+        main section#player audio::-webkit-media-controls {
+            background-color: #000000BE;
+        }
+
+        main section#player audio::-webkit-media-controls-enclosure {
+            background-color: transparent;
+        }
+
+        main section#player audio::-webkit-media-controls-play-button, main section#player audio::-webkit-media-controls-current-time-display, main section#player audio::-webkit-media-controls-time-remaining-display, main section#player audio::-webkit-media-controls-timeline, main section#player audio::-webkit-media-controls-mute-button, main section#player audio::-webkit-media-controls-volume-slider {
+            filter: invert(100%);
+        }
+';
+    }
+
+    public function content() {
+
+echo '
+<section id="schedule">
+
+</section>
+
+<section id="player">
+    <a class="button" href="watch"><i class="fas fa-broadcast-tower"></i> Kurkista studioon</a>
+
+    ';
+if(strpos($_SERVER['HTTP_USER_AGENT'], 'Chrome') !== false){
+echo '<audio id="ap" controls preload="none" controlsList="nodownload noplaybackrate">';
+} else {
+echo '<audio id="ap" controls preload="none">';
+}
+
+echo '
+        <source src="https://icecast.waren.io/play/pf4c-bsma-6dgd-cx98.mp3" type="audio/mpeg">
+        <source src="https://icecast.waren.io/play/pf4c-bsma-6dgd-cx98.aac" type="audio/aac">
+        <source src="https://icecast.waren.io/play/pf4c-bsma-6dgd-cx98.ogg" type="audio/ogg">
+        <source src="https://icecast.waren.io/play/pf4c-bsma-6dgd-cx98.opus" type="audio/opus">
+        <source src="https://icecast.waren.io/play/pf4c-bsma-6dgd-cx98.flac" type="audio/flac">
+    </audio>
+</section>
+';
+
+    }
+}
+  
+?>
diff --git a/system/pages/program.php b/system/pages/program.php
new file mode 100644
index 0000000..d1cab00
--- /dev/null
+++ b/system/pages/program.php
@@ -0,0 +1,66 @@
+<?php
+
+class Page {
+
+    public function header() {
+        
+    }
+
+    public function content() {
+
+        $file = __DIR__.'/../../datastore/program-fi.json';
+        if(file_exists($file)){
+            try {
+                $programs = json_decode(file_get_contents($file), true);
+            } catch (\Error $e) {
+
+            }
+        }
+
+echo '
+<section id="program">
+';
+
+foreach($programs as $program){
+/*
+echo '
+    <article style="display: flex; flex-direction: row; height: 250px; padding: 25px; background-color: #111111; margin: 50px; border-radius: 25px;">
+        <img src="assets/images/stream-layout.png" style="padding: 10px; margin: 25px; border-radius: 25px;">
+        <header style="display: flex; flex-direction: column; text-align: left; align-items: initial;">
+            <h3>'.$program['name'].'</h3>
+            <p class="schedule">
+';
+    if(isset($program['schedule'])){
+
+        foreach($program['schedule'] as $schedule){
+            echo '<span style="background-color: #ffffff; border-radius: 25px; padding: 5px; color: #000000;">00.00.0000 klo 00:00</span> ';
+        }
+
+    } else {
+        echo '<span>Tulossa</span>';
+    }
+
+echo '</p>
+            <p class="host">Juontaja: ';
+
+    foreach($program['host'] as $host){
+        echo $host.', ';
+    }
+
+echo '</p>
+            <p class="producer">Tuottaja: '.$program['producer'].'</p>
+        </header>
+    </article>
+';
+*/
+}
+
+echo '
+</section>
+';
+
+
+    }
+}
+  
+?>
diff --git a/system/pages/watch.php b/system/pages/watch.php
new file mode 100644
index 0000000..bf62ff9
--- /dev/null
+++ b/system/pages/watch.php
@@ -0,0 +1,54 @@
+<?php
+
+class Page {
+
+    public function header() {
+        
+    }
+
+    public function files(){
+        echo '<link rel="stylesheet" href="https://cdn.cwinfo.net/frameworks/video-js/7.18.1/video-js.min.css" crossorigin="anonymous" media="screen">';
+        echo '<script type="application/javascript" src="https://cdn.cwinfo.net/frameworks/video-js/7.18.1/video.min.js" crossorigin="anonymous"></script>';
+    }
+
+    public function style() {
+        $scss = new ScssPhp\ScssPhp\Compiler();
+        $file = __DIR__."/../../assets/css/player.scss";
+        echo $scss->compile(file_get_contents($file));
+
+echo "
+main {
+    align-items: center;
+    justify-content: center;
+    border-top: 0px;
+}
+
+main section#player {
+    display: flex;
+    justify-content: center;
+}
+
+main section#player .video-js {
+    width: 75vmin !important;
+}
+";
+    }
+
+    public function content() {
+
+echo '
+<section id="player">
+    <video class="video-js" controls autoplay muted preload="auto" poster="assets/images/stream-layout.png" data-setup=\'{
+        "inactivityTimeout": 0
+    }\'>
+        <source src="https://rtmp.waren.io/play/hls/pf4c-bsma-6dgd-cx98/index.m3u8" type="application/x-mpegURL">
+        <source src="https://rtmp.waren.io/play/dash/pf4c-bsma-6dgd-cx98/index.mpd" type="application/dash+xml">
+    </video>
+</section>
+';
+
+
+    }
+}
+  
+?>