From 80c7d76fbf7f2e1a1fdfa9c1fd9aa3c6fbdf2096 Mon Sep 17 00:00:00 2001
From: DaWe <10603822+DaWe35@users.noreply.github.com>
Date: Wed, 14 Oct 2020 11:26:11 +0200
Subject: [PATCH 1/6] use tabs

---
 get/channel.php  | 140 ++++++++---------
 view/channel.php | 390 +++++++++++++++++++++++------------------------
 2 files changed, 265 insertions(+), 265 deletions(-)

diff --git a/get/channel.php b/get/channel.php
index ef2be8e..c3809a8 100644
--- a/get/channel.php
+++ b/get/channel.php
@@ -1,19 +1,19 @@
 <?php
 
 if (isset($_COOKIE['PHPSESSID'])) {
-  session_start();
+	session_start();
 }
 
 if (isset($_GET['portal']) && !empty($_GET['portal'])) {
-  $portal = htmlspecialchars($_GET['portal']);
+	$portal = htmlspecialchars($_GET['portal']);
 } else {
-  $portal = '';
+	$portal = '';
 }
 
 //total number of videos
-$stmt = $db->prepare("SELECT COUNT(*) FROM stream");
+$stmt = $db->prepare("SELECT COUNT(id) FROM stream");
 if (!$stmt->execute()) {
-  exit('Database error');
+	exit('Database error');
 }
 $num_videos = $stmt->fetch(PDO::FETCH_NUM)[0];
 $stmt = null;
@@ -21,87 +21,87 @@
 //number of thumbnails per page
 $thumbs = array(5, 10, 20);
 if (isset($_GET['numperpage']) && !empty($_GET['numperpage'])) {
-  $thumbs_per_page = htmlspecialchars($_GET['numperpage']);
-  if (!in_array($thumbs_per_page, $thumbs)) {
-    $thumbs_per_page = $thumbs[0];
-  }
+	$thumbs_per_page = htmlspecialchars($_GET['numperpage']);
+	if (!in_array($thumbs_per_page, $thumbs)) {
+		$thumbs_per_page = $thumbs[0];
+	}
 } else {
-  $thumbs_per_page = $thumbs[0];
+	$thumbs_per_page = $thumbs[0];
 }
 
 //current page
 if (isset($_GET['current']) && !empty($_GET['current'])) {
-  $current = htmlspecialchars($_GET['current']);
-  if (($current < 1) or ($current > ceil($num_videos / $thumbs_per_page))) {
-    $current = 1;
-  }
+	$current = htmlspecialchars($_GET['current']);
+	if (($current < 1) or ($current > ceil($num_videos / $thumbs_per_page))) {
+		$current = 1;
+	}
 } else {
-  $current = 1;
+	$current = 1;
 }
 $offset = $thumbs_per_page * ($current - 1);
 
 //sort by user
 if (isset($_GET['user']) && !empty($_GET['user'])) {
-  $userid = htmlspecialchars($_GET['user']);
-  if ($userid < 1) {
-    $userid = 0;
-  }
+	$userid = htmlspecialchars($_GET['user']);
+	if ($userid < 1) {
+		$userid = 0;
+	}
 } else {
-  $userid = 0;
+	$userid = 0;
 }
 
 if ($userid == 0) { //select all users
-  $stmt = $db->prepare("SELECT streamid, userid, title, description, scheule_time, visibility FROM stream LIMIT $thumbs_per_page OFFSET $offset");
-  if (!$stmt->execute()) {
-    exit('Database error');
-  }
-  $stream = $stmt->fetchAll(PDO::FETCH_ASSOC);
-  $stmt = null;
-  $names = array();
-  $avatars = array();
-  $ids = array();
-  $stmt = $db->prepare("SELECT name, avatar FROM users WHERE id = ? LIMIT 1");
-  for ($i = 0; $i < count($stream); $i++) {
-    if (!array_key_exists($stream[$i]['userid'], $names)) {
-      if (!$stmt->execute([$stream[$i]['userid']])) {
-        exit('Database error');
-      }
-      $user = $stmt->fetch(PDO::FETCH_ASSOC);
-    }
-    $names[$i] = $user['name'];
-    $ids[$i] = $stream[$i]['userid'];
-    if ($user['avatar'] == '') {
-      $avatars[$i] = 'assets/logos/skylive round logo dark.png';
-    } else {
-      $avatars[$i] = $user['avatar'];
-    }
-  }
-  $stmt = null;
+	$stmt = $db->prepare("SELECT streamid, userid, title, description, scheule_time, visibility FROM stream LIMIT $thumbs_per_page OFFSET $offset");
+	if (!$stmt->execute()) {
+		exit('Database error');
+	}
+	$stream = $stmt->fetchAll(PDO::FETCH_ASSOC);
+	$stmt = null;
+	$names = array();
+	$avatars = array();
+	$ids = array();
+	$stmt = $db->prepare("SELECT name, avatar FROM users WHERE id = ? LIMIT 1");
+	for ($i = 0; $i < count($stream); $i++) {
+		if (!array_key_exists($stream[$i]['userid'], $names)) {
+			if (!$stmt->execute([$stream[$i]['userid']])) {
+				exit('Database error');
+			}
+			$user = $stmt->fetch(PDO::FETCH_ASSOC);
+		}
+		$names[$i] = $user['name'];
+		$ids[$i] = $stream[$i]['userid'];
+		if ($user['avatar'] == '') {
+			$avatars[$i] = 'assets/logos/skylive round logo dark.png';
+		} else {
+			$avatars[$i] = $user['avatar'];
+		}
+	}
+	$stmt = null;
 } else {
-  $stmt = $db->prepare("SELECT name, avatar FROM users WHERE id = $userid LIMIT 1");
-  if (!$stmt->execute()) {
-    exit('Database error');
-  }
-  $user = $stmt->fetch(PDO::FETCH_ASSOC);
-  $stmt = null;
-  $names = array();
-  $avatars = array();
-  $ids = array();
-  $stmt = $db->prepare("SELECT streamid, userid, title, description, scheule_time, visibility FROM stream WHERE userid = $userid LIMIT $thumbs_per_page OFFSET $offset");
-  if (!$stmt->execute()) {
-    exit('Database error');
-  }
-  $stream = $stmt->fetchAll(PDO::FETCH_ASSOC);
-  $stmt = null;
-  for ($i = 0; $i < count($stream); $i++) {
-    $names[$i] = $user['name'];
-    $ids[$i] = $userid;
-    if ($user['avatar'] == '') {
-      $avatars[$i] = 'assets/logos/skylive round logo dark.png';
-    } else {
-      $avatars[$i] = $user['avatar'];
-    }
-  }
+	$stmt = $db->prepare("SELECT name, avatar FROM users WHERE id = $userid LIMIT 1");
+	if (!$stmt->execute()) {
+		exit('Database error');
+	}
+	$user = $stmt->fetch(PDO::FETCH_ASSOC);
+	$stmt = null;
+	$names = array();
+	$avatars = array();
+	$ids = array();
+	$stmt = $db->prepare("SELECT streamid, userid, title, description, scheule_time, visibility FROM stream WHERE userid = $userid LIMIT $thumbs_per_page OFFSET $offset");
+	if (!$stmt->execute()) {
+		exit('Database error');
+	}
+	$stream = $stmt->fetchAll(PDO::FETCH_ASSOC);
+	$stmt = null;
+	for ($i = 0; $i < count($stream); $i++) {
+		$names[$i] = $user['name'];
+		$ids[$i] = $userid;
+		if ($user['avatar'] == '') {
+			$avatars[$i] = 'assets/logos/skylive round logo dark.png';
+		} else {
+			$avatars[$i] = $user['avatar'];
+		}
+	}
 }
 
 include 'model/display.php';
diff --git a/view/channel.php b/view/channel.php
index d0938e8..c2a9291 100644
--- a/view/channel.php
+++ b/view/channel.php
@@ -2,225 +2,225 @@
 <script src="assets/popper.min.js"></script>
 <script src="assets/bootstrap.min.js"></script>
 <script>
-  function toHMS(seconds) {
-    var s = seconds.toFixed(0);
-    var result = ":";
-    var ss = s % 60;
-    if (ss >= 10) {result += ss;} else if (ss > 0) {result += "0" + ss;} else result += "00";
-    s = ((s - ss) / 60).toFixed(0);
-    ss = s % 60;
-    if (s >= 60) {
-      if (ss >= 10) {result = ":" + ss + result;} else if (ss > 0) {result = ":0" + ss + result;} else result = ":00" + result;
-      s = ((s - ss) / 60).toFixed(0);
-      result = s + result;
-    } else result = s + result;
-    return result;
-  }
+	function toHMS(seconds) {
+		var s = seconds.toFixed(0);
+		var result = ":";
+		var ss = s % 60;
+		if (ss >= 10) {result += ss;} else if (ss > 0) {result += "0" + ss;} else result += "00";
+		s = ((s - ss) / 60).toFixed(0);
+		ss = s % 60;
+		if (s >= 60) {
+			if (ss >= 10) {result = ":" + ss + result;} else if (ss > 0) {result = ":0" + ss + result;} else result = ":00" + result;
+			s = ((s - ss) / 60).toFixed(0);
+			result = s + result;
+		} else result = s + result;
+		return result;
+	}
 
-  function previewVideo(v) {
-    document.getElementById("video" + v.id.slice(3)).play();
-  }
+	function previewVideo(v) {
+		document.getElementById("video" + v.id.slice(3)).play();
+	}
 
-  function stopPreview(v) {
-    document.getElementById("video" + v.id.slice(3)).pause();
-  }
+	function stopPreview(v) {
+		document.getElementById("video" + v.id.slice(3)).pause();
+	}
 
-  function displayDuration(v) {
-    document.getElementById("duration" + v.id.slice(5)).innerHTML = toHMS(v.duration);
-    document.getElementById("duration" + v.id.slice(5)).style.display = 'inline-block';
-  }
+	function displayDuration(v) {
+		document.getElementById("duration" + v.id.slice(5)).innerHTML = toHMS(v.duration);
+		document.getElementById("duration" + v.id.slice(5)).style.display = 'inline-block';
+	}
 
-  function submitForm(b) {
-    var form = document.getElementById('form');
-    if (b.name == 'numperpage') {
-      var n = document.getElementById('numperpage');
-      n.value = b.value;
-    } else if (b.name == 'current') {
-      var c = document.getElementById('current');
-      if (b.value == 'Prev') {
-        c.value = parseInt(c.value, 10) - 1;
-      } else if (b.value == 'Next') {
-        c.value = parseInt(c.value, 10) + 1;
-      } else {
-        c.value = b.value;
-      }
-    } else if (b.name == 'user') {
-      var u = document.getElementById('user');
-      u.value = b.value;
-    }
-    form.submit();
-  }
+	function submitForm(b) {
+		var form = document.getElementById('form');
+		if (b.name == 'numperpage') {
+			var n = document.getElementById('numperpage');
+			n.value = b.value;
+		} else if (b.name == 'current') {
+			var c = document.getElementById('current');
+			if (b.value == 'Prev') {
+				c.value = parseInt(c.value, 10) - 1;
+			} else if (b.value == 'Next') {
+				c.value = parseInt(c.value, 10) + 1;
+			} else {
+				c.value = b.value;
+			}
+		} else if (b.name == 'user') {
+			var u = document.getElementById('user');
+			u.value = b.value;
+		}
+		form.submit();
+	}
 </script>
 
 <style>
-  .wrap {
-    min-height: 100vh;
-    background: #092756;
-    background: -moz-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%, rgba(138,114,76,0) 40%), -moz-linear-gradient(top, rgba(57,173,219,.25) 0%, rgba(42,60,87,.4) 100%), -moz-linear-gradient(-45deg, #251314 0%, #092756 100%);
-    background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%, rgba(138,114,76,0) 40%), -webkit-linear-gradient(top, rgba(57,173,219,.25) 0%, rgba(42,60,87,.4) 100%), -webkit-linear-gradient(-45deg, #251314 0%, #092756 100%);
-    background: -o-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%, rgba(138,114,76,0) 40%), -o-linear-gradient(top, rgba(57,173,219,.25) 0%, rgba(42,60,87,.4) 100%), -o-linear-gradient(-45deg, #251314 0%, #092756 100%);
-    background: -ms-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%, rgba(138,114,76,0) 40%), -ms-linear-gradient(top, rgba(57,173,219,.25) 0%, rgba(42,60,87,.4) 100%), -ms-linear-gradient(-45deg, #251314 0%, #092756 100%);
-    background: radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%, rgba(138,114,76,0) 40%), linear-gradient(top, rgba(57,173,219,.25) 0%, rgba(42,60,87,.4) 100%), linear-gradient(-45deg, #251314 0%, #092756 100%);
-  }
+	.wrap {
+		min-height: 100vh;
+		background: #092756;
+		background: -moz-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%, rgba(138,114,76,0) 40%), -moz-linear-gradient(top, rgba(57,173,219,.25) 0%, rgba(42,60,87,.4) 100%), -moz-linear-gradient(-45deg, #251314 0%, #092756 100%);
+		background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%, rgba(138,114,76,0) 40%), -webkit-linear-gradient(top, rgba(57,173,219,.25) 0%, rgba(42,60,87,.4) 100%), -webkit-linear-gradient(-45deg, #251314 0%, #092756 100%);
+		background: -o-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%, rgba(138,114,76,0) 40%), -o-linear-gradient(top, rgba(57,173,219,.25) 0%, rgba(42,60,87,.4) 100%), -o-linear-gradient(-45deg, #251314 0%, #092756 100%);
+		background: -ms-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%, rgba(138,114,76,0) 40%), -ms-linear-gradient(top, rgba(57,173,219,.25) 0%, rgba(42,60,87,.4) 100%), -ms-linear-gradient(-45deg, #251314 0%, #092756 100%);
+		background: radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%, rgba(138,114,76,0) 40%), linear-gradient(top, rgba(57,173,219,.25) 0%, rgba(42,60,87,.4) 100%), linear-gradient(-45deg, #251314 0%, #092756 100%);
+	}
 
-  .video-container {
-    position: relative;
-  }
+	.video-container {
+		position: relative;
+	}
 
-  .duration {
-    position: absolute;
-    display: none;
-    bottom: 0.6rem;
-    right: 1.2rem;
-    font-size: 0.75em;
-    font-weight: bold;
-    background-color: rgba(0,0,0,0.5);
-    padding: 0.1em 0.5em;
-    transition: opacity 0.5s ease;
-  }
+	.duration {
+		position: absolute;
+		display: none;
+		bottom: 0.6rem;
+		right: 1.2rem;
+		font-size: 0.75em;
+		font-weight: bold;
+		background-color: rgba(0,0,0,0.5);
+		padding: 0.1em 0.5em;
+		transition: opacity 0.5s ease;
+	}
 
-  .preview {
-    position: absolute;
-    display: inline-block;
-    top: calc(50% - 0.75em);
-    left: calc(50% - 0.75em);
-    font-size: 1.5em;
-    opacity: 0;
-    transition: opacity 0.5s ease;
-    cursor: pointer;
-  }
+	.preview {
+		position: absolute;
+		display: inline-block;
+		top: calc(50% - 0.75em);
+		left: calc(50% - 0.75em);
+		font-size: 1.5em;
+		opacity: 0;
+		transition: opacity 0.5s ease;
+		cursor: pointer;
+	}
 
-  .video-container:hover {
-    cursor: pointer;
-  }
+	.video-container:hover {
+		cursor: pointer;
+	}
 
-  .video-container:hover .duration {
-    opacity: 0;
-  }
+	.video-container:hover .duration {
+		opacity: 0;
+	}
 
-  .video-container:hover .preview {
-    opacity: 0.7;
-  }
+	.video-container:hover .preview {
+		opacity: 0.7;
+	}
 
-  .title, .user {
-    color: #aaa;
-    font-size: 0.8em;
-  }
+	.title, .user {
+		color: #aaa;
+		font-size: 0.8em;
+	}
 
-  .title {
-    font-weight: bold;
-  }
+	.title {
+		font-weight: bold;
+	}
 
-  .user:hover {
-    cursor: pointer;
-  }
+	.user:hover {
+		cursor: pointer;
+	}
 </style>
 
 <div id="portal-switcher">
-  <input id="check01" type="checkbox" name="menu" />
-  <label for="check01" class="noselect" style="opacity: 0.7;">
-    <span id="portal-switch-text-long">Change Skynet portal server ▼</span>
-    <span id="portal-switch-text-short">Portal ▼</span>
-  </label>
-  <ul class="submenu" id="portal_list">
-    <li id="loading_portals"><a href="#">Loading portals...</a></li>
-  </ul>
+	<input id="check01" type="checkbox" name="menu" />
+	<label for="check01" class="noselect" style="opacity: 0.7;">
+		<span id="portal-switch-text-long">Change Skynet portal server ▼</span>
+		<span id="portal-switch-text-short">Portal ▼</span>
+	</label>
+	<ul class="submenu" id="portal_list">
+		<li id="loading_portals"><a href="#">Loading portals...</a></li>
+	</ul>
 </div>
 <a href="<?= URL ?>" class="logo"><button class="play mini-logo-play"></button>&nbsp; SkyLive Channel</a>
 <form id="form" class="container-fluid" method="get" action="<?= $_SERVER['PHP_SELF'] ?>">
-  <input id="user" type="hidden" name="user" value="<?= $userid ?>"></input>
-  <input id="numperpage" type="hidden" name="numperpage" value="<?= $thumbs_per_page ?>"></input>
-  <input id="current" type="hidden" name="current" value="<?= $current ?>"></input>
-  <div class="row mt-4 mb-1">
-    <div class="d-flex col-1">
-      <div class="dropdown">
-        <button type="button" class="btn btn-sm btn-secondary dropdown-toggle" data-toggle="dropdown">Num per page</button>
-        <div class="dropdown-menu">
-          <button type="button" name="numperpage" onclick="submitForm(this)" class="dropdown-item btn-sm <?= $thumbs_per_page == $thumbs[0] ? 'active' : '' ?>" value="<?= $thumbs[0] ?>"><?= $thumbs[0] ?></button>
-          <button type="button" name="numperpage" onclick="submitForm(this)" class="dropdown-item btn-sm <?= $thumbs_per_page == $thumbs[1] ? 'active' : '' ?>" value="<?= $thumbs[1] ?>"><?= $thumbs[1] ?></button>
-          <button type="button" name="numperpage" onclick="submitForm(this)" class="dropdown-item btn-sm <?= $thumbs_per_page == $thumbs[2] ? 'active' : '' ?>" value="<?= $thumbs[2] ?>"><?= $thumbs[2] ?></button>
-        </div>
-      </div>
-    </div>
-    <div class="d-flex col-11 justify-content-end">
-      <div class="btn-group btn-group-sm">
-        <button type="button" name="current" onclick="submitForm(this)" class="btn btn-secondary" <?= $current == 1 ? 'disabled' : '' ?> value="Prev">Prev</button>
-        <?php for ($i = 0; $i < $num_videos / $thumbs_per_page; $i++) { ?>
-          <button type="button" name="current" onclick="submitForm(this)" class="btn btn-secondary <?= $i == $current - 1 ? 'active' : '' ?>" value="<?= $i + 1 ?>"><?= $i + 1 ?></button>
-        <?php } ?>
-        <button type="button" name="current" onclick="submitForm(this)" class="btn btn-secondary" <?= $current == ceil($num_videos / $thumbs_per_page) ? 'disabled' : '' ?> value="Next">Next</button>
-      </div>
-    </div>
-  </div>
+	<input id="user" type="hidden" name="user" value="<?= $userid ?>"></input>
+	<input id="numperpage" type="hidden" name="numperpage" value="<?= $thumbs_per_page ?>"></input>
+	<input id="current" type="hidden" name="current" value="<?= $current ?>"></input>
+	<div class="row mt-4 mb-1">
+		<div class="d-flex col-1">
+			<div class="dropdown">
+				<button type="button" class="btn btn-sm btn-secondary dropdown-toggle" data-toggle="dropdown">Num per page</button>
+				<div class="dropdown-menu">
+					<button type="button" name="numperpage" onclick="submitForm(this)" class="dropdown-item btn-sm <?= $thumbs_per_page == $thumbs[0] ? 'active' : '' ?>" value="<?= $thumbs[0] ?>"><?= $thumbs[0] ?></button>
+					<button type="button" name="numperpage" onclick="submitForm(this)" class="dropdown-item btn-sm <?= $thumbs_per_page == $thumbs[1] ? 'active' : '' ?>" value="<?= $thumbs[1] ?>"><?= $thumbs[1] ?></button>
+					<button type="button" name="numperpage" onclick="submitForm(this)" class="dropdown-item btn-sm <?= $thumbs_per_page == $thumbs[2] ? 'active' : '' ?>" value="<?= $thumbs[2] ?>"><?= $thumbs[2] ?></button>
+				</div>
+			</div>
+		</div>
+		<div class="d-flex col-11 justify-content-end">
+			<div class="btn-group btn-group-sm">
+				<button type="button" name="current" onclick="submitForm(this)" class="btn btn-secondary" <?= $current == 1 ? 'disabled' : '' ?> value="Prev">Prev</button>
+				<?php for ($i = 0; $i < $num_videos / $thumbs_per_page; $i++) { ?>
+					<button type="button" name="current" onclick="submitForm(this)" class="btn btn-secondary <?= $i == $current - 1 ? 'active' : '' ?>" value="<?= $i + 1 ?>"><?= $i + 1 ?></button>
+				<?php } ?>
+				<button type="button" name="current" onclick="submitForm(this)" class="btn btn-secondary" <?= $current == ceil($num_videos / $thumbs_per_page) ? 'disabled' : '' ?> value="Next">Next</button>
+			</div>
+		</div>
+	</div>
 </form>
 <div class="container-fluid">
-  <div class="row no-gutters">
-    <?php for ($row = 0; $row < count($stream); $row++) { ?>
-      <div class="col-sm-6 col-md-4 col-lg-3">
-        <div class="row">
-          <div class="col-12 mt-3">
-            <a href="https://skylive.coolhd.hu/player?s=<?= $stream[$row]['streamid'] ?>">
-              <div class="video-container col-12" onmouseover="previewVideo(this)" onmouseout="stopPreview(this)" id="div<?= $row ?>">
-                <video class="rounded-lg" muted onloadedmetadata="displayDuration(this)" poster="<?= 'https://skylive.coolhd.hu/thumbnails/' . $stream[$row]['streamid'] . '_300.jpg' ?>" id="video<?= $row ?>">
-                  Your browser does not support video.
-                </video>
-                <span class="play preview"></span>
-                <span class="duration rounded-lg text-white" id="duration<?= $row ?>"></span>
-              </div>
-            </a>
-          </div>
-        </div>
-        <div class="row mt-1">
-          <div class="pl-4 col-3">
-            <img class="img-fluid rounded-circle" src="<?= $avatars[$row] ?>" alt="">
-          </div>
-          <div class="pl-0 pr-4 col-9">
-            <p class="title mb-2"><?= $stream[$row]['title'] ?></p>
-            <p class="user mb-2" name="user" value="<?= $ids[$row] ?>" onclick="submitForm(this)"><?= $names[$row] ?></p>
-          </div>
-        </div>
-      </div>
-      <script>
-        var video = document.getElementById('<?= "video" . $row ?>');
-        if (Hls.isSupported()) {
-          var hls = new Hls();
-          hls.loadSource('https://skylive.coolhd.hu/stream.m3u8?streamid=<?= $stream[$row]["streamid"] ?>');
-          hls.attachMedia(video);
-        }
-        else if (video.canPlayType('application/vnd.apple.mpegurl')) {
-          video.src = 'https://skylive.coolhd.hu/stream.m3u8?streamid=<?= $stream[$row]["streamid"] ?>';
-        }
-      </script>
-    <?php } ?>
-  </div>
+	<div class="row no-gutters">
+		<?php for ($row = 0; $row < count($stream); $row++) { ?>
+			<div class="col-sm-6 col-md-4 col-lg-3">
+				<div class="row">
+					<div class="col-12 mt-3">
+						<a href="https://skylive.coolhd.hu/player?s=<?= $stream[$row]['streamid'] ?>">
+							<div class="video-container col-12" onmouseover="previewVideo(this)" onmouseout="stopPreview(this)" id="div<?= $row ?>">
+								<video class="rounded-lg" muted onloadedmetadata="displayDuration(this)" poster="<?= 'https://skylive.coolhd.hu/thumbnails/' . $stream[$row]['streamid'] . '_300.jpg' ?>" id="video<?= $row ?>">
+									Your browser does not support video.
+								</video>
+								<span class="play preview"></span>
+								<span class="duration rounded-lg text-white" id="duration<?= $row ?>"></span>
+							</div>
+						</a>
+					</div>
+				</div>
+				<div class="row mt-1">
+					<div class="pl-4 col-3">
+						<img class="img-fluid rounded-circle" src="<?= $avatars[$row] ?>" alt="">
+					</div>
+					<div class="pl-0 pr-4 col-9">
+						<p class="title mb-2"><?= $stream[$row]['title'] ?></p>
+						<p class="user mb-2" name="user" value="<?= $ids[$row] ?>" onclick="submitForm(this)"><?= $names[$row] ?></p>
+					</div>
+				</div>
+			</div>
+			<script>
+				var video = document.getElementById('<?= "video" . $row ?>');
+				if (Hls.isSupported()) {
+					var hls = new Hls();
+					hls.loadSource('https://skylive.coolhd.hu/stream.m3u8?streamid=<?= $stream[$row]["streamid"] ?>');
+					hls.attachMedia(video);
+				}
+				else if (video.canPlayType('application/vnd.apple.mpegurl')) {
+					video.src = 'https://skylive.coolhd.hu/stream.m3u8?streamid=<?= $stream[$row]["streamid"] ?>';
+				}
+			</script>
+		<?php } ?>
+	</div>
 </div>
 <script>
-  // portal list
-  var xhttp = new XMLHttpRequest();
-  xhttp.onreadystatechange = function() {
-    if (this.readyState == 4 && this.status == 200) {
-      document.getElementById("loading_portals").remove();
-      url = "/channel";
-      document.getElementById("portal_list").innerHTML += '<li><a href="' + url + '">Automatic</a></li>';
-      let portals = JSON.parse(this.responseText);
-      portals.forEach(portal => {
-        portalSum = 0;
-        portal.files.forEach(filenumb => {
-          portalSum += filenumb;
-        });
-        if (portalSum != 0) {
-          url = "/channel?portal=" + portal.link;
-          document.getElementById("portal_list").innerHTML += '<li><a href="' + url + '">' + portal.name + '</a></li>';
-        }
-      });
-      url = "/channel?portal=https://helsinki.siasky.net";
-      document.getElementById("portal_list").innerHTML += '<li><a href="' + url + '">Helsinki.SiaSky.net</a></li>';
-      url = "/channel?portal=https://germany.siasky.net/";
-      document.getElementById("portal_list").innerHTML += '<li><a href="' + url + '">Germany.SiaSky.net</a></li>';
-      url = "/channel?portal=https://siasky.dev/";
-      document.getElementById("portal_list").innerHTML += '<li><a href="' + url + '">SiaSky.dev</a></li>';
-    }
-  }
-  xhttp.open("GET", "https://siastats.info/dbs/skynet_current.json", true);
-  xhttp.send();
+	// portal list
+	var xhttp = new XMLHttpRequest();
+	xhttp.onreadystatechange = function() {
+		if (this.readyState == 4 && this.status == 200) {
+			document.getElementById("loading_portals").remove();
+			url = "/channel";
+			document.getElementById("portal_list").innerHTML += '<li><a href="' + url + '">Automatic</a></li>';
+			let portals = JSON.parse(this.responseText);
+			portals.forEach(portal => {
+				portalSum = 0;
+				portal.files.forEach(filenumb => {
+					portalSum += filenumb;
+				});
+				if (portalSum != 0) {
+					url = "/channel?portal=" + portal.link;
+					document.getElementById("portal_list").innerHTML += '<li><a href="' + url + '">' + portal.name + '</a></li>';
+				}
+			});
+			url = "/channel?portal=https://helsinki.siasky.net";
+			document.getElementById("portal_list").innerHTML += '<li><a href="' + url + '">Helsinki.SiaSky.net</a></li>';
+			url = "/channel?portal=https://germany.siasky.net/";
+			document.getElementById("portal_list").innerHTML += '<li><a href="' + url + '">Germany.SiaSky.net</a></li>';
+			url = "/channel?portal=https://siasky.dev/";
+			document.getElementById("portal_list").innerHTML += '<li><a href="' + url + '">SiaSky.dev</a></li>';
+		}
+	}
+	xhttp.open("GET", "https://siastats.info/dbs/skynet_current.json", true);
+	xhttp.send();
 </script>

From 88ef43ce348b1c9d5261b320b92875a8db86ca20 Mon Sep 17 00:00:00 2001
From: DaWe <10603822+DaWe35@users.noreply.github.com>
Date: Wed, 14 Oct 2020 11:40:36 +0200
Subject: [PATCH 2/6] add url to player, small fixes

---
 get/channel.php  | 2 +-
 get/player.php   | 2 +-
 view/channel.php | 3 ++-
 view/player.php  | 7 ++++++-
 4 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/get/channel.php b/get/channel.php
index c3809a8..3e36fd2 100644
--- a/get/channel.php
+++ b/get/channel.php
@@ -11,7 +11,7 @@
 }
 
 //total number of videos
-$stmt = $db->prepare("SELECT COUNT(id) FROM stream");
+$stmt = $db->prepare("SELECT COUNT(streamid) FROM stream");
 if (!$stmt->execute()) {
 	exit('Database error');
 }
diff --git a/get/player.php b/get/player.php
index 7be234a..099b857 100644
--- a/get/player.php
+++ b/get/player.php
@@ -21,7 +21,7 @@
     exit('Access denied, please log in if this is your content');
 }
 
-$stmt = $db->prepare("SELECT name, avatar FROM users WHERE id = ? LIMIT 1");
+$stmt = $db->prepare("SELECT name, avatar, id FROM users WHERE id = ? LIMIT 1");
 if (!$stmt->execute([$stream['userid']])) {
     exit('Database error');
 }
diff --git a/view/channel.php b/view/channel.php
index c2a9291..73c68ba 100644
--- a/view/channel.php
+++ b/view/channel.php
@@ -2,6 +2,7 @@
 <script src="assets/popper.min.js"></script>
 <script src="assets/bootstrap.min.js"></script>
 <script>
+	// Transforms seconds to hh:mm:ss.
 	function toHMS(seconds) {
 		var s = seconds.toFixed(0);
 		var result = ":";
@@ -127,7 +128,7 @@ function submitForm(b) {
 	</ul>
 </div>
 <a href="<?= URL ?>" class="logo"><button class="play mini-logo-play"></button>&nbsp; SkyLive Channel</a>
-<form id="form" class="container-fluid" method="get" action="<?= $_SERVER['PHP_SELF'] ?>">
+<form id="form" class="container-fluid" method="get" action="/channel">
 	<input id="user" type="hidden" name="user" value="<?= $userid ?>"></input>
 	<input id="numperpage" type="hidden" name="numperpage" value="<?= $thumbs_per_page ?>"></input>
 	<input id="current" type="hidden" name="current" value="<?= $current ?>"></input>
diff --git a/view/player.php b/view/player.php
index a39479d..a94d21f 100644
--- a/view/player.php
+++ b/view/player.php
@@ -37,7 +37,12 @@
         <div class="row player-title-bar">
             <div class="col-12 p-0">
                 <h1 class="text-light"><?= $stream['title'] ?></h1>
-                <p class="text-dark"><?= $channel['name'] ?></p>
+                <a href="/channel?user=<?= $channel['id'] ?>" class="text-decoration-none">
+                    <p class="text-secondary">
+                    
+                        <?= $channel['name'] ?>
+                    </p>
+                </a>
             </div>
         </div>
     </div>

From 9b8e881aed8e97f9407741626b2956e7a42fdcf6 Mon Sep 17 00:00:00 2001
From: DaWe <10603822+DaWe35@users.noreply.github.com>
Date: Thu, 15 Oct 2020 11:05:08 +0200
Subject: [PATCH 3/6] secutiry fix leaking non-listed videos, improve channel
 page

---
 get/channel.php | 16 +++-------------
 1 file changed, 3 insertions(+), 13 deletions(-)

diff --git a/get/channel.php b/get/channel.php
index 3e36fd2..3f12d8a 100644
--- a/get/channel.php
+++ b/get/channel.php
@@ -1,15 +1,5 @@
 <?php
 
-if (isset($_COOKIE['PHPSESSID'])) {
-	session_start();
-}
-
-if (isset($_GET['portal']) && !empty($_GET['portal'])) {
-	$portal = htmlspecialchars($_GET['portal']);
-} else {
-	$portal = '';
-}
-
 //total number of videos
 $stmt = $db->prepare("SELECT COUNT(streamid) FROM stream");
 if (!$stmt->execute()) {
@@ -19,7 +9,7 @@
 $stmt = null;
 
 //number of thumbnails per page
-$thumbs = array(5, 10, 20);
+$thumbs = array(8, 24, 100);
 if (isset($_GET['numperpage']) && !empty($_GET['numperpage'])) {
 	$thumbs_per_page = htmlspecialchars($_GET['numperpage']);
 	if (!in_array($thumbs_per_page, $thumbs)) {
@@ -51,7 +41,7 @@
 }
 
 if ($userid == 0) { //select all users
-	$stmt = $db->prepare("SELECT streamid, userid, title, description, scheule_time, visibility FROM stream LIMIT $thumbs_per_page OFFSET $offset");
+	$stmt = $db->prepare("SELECT streamid, userid, title, description, scheule_time, visibility FROM stream WHERE visibility = 'public' ORDER BY scheule_time DESC, streamid DESC LIMIT $thumbs_per_page OFFSET $offset");
 	if (!$stmt->execute()) {
 		exit('Database error');
 	}
@@ -87,7 +77,7 @@
 	$names = array();
 	$avatars = array();
 	$ids = array();
-	$stmt = $db->prepare("SELECT streamid, userid, title, description, scheule_time, visibility FROM stream WHERE userid = $userid LIMIT $thumbs_per_page OFFSET $offset");
+	$stmt = $db->prepare("SELECT streamid, userid, title, description, scheule_time, visibility FROM stream WHERE userid = $userid AND visibility = 'public' ORDER BY scheule_time DESC, streamid DESC LIMIT $thumbs_per_page OFFSET $offset");
 	if (!$stmt->execute()) {
 		exit('Database error');
 	}

From 52775f23daa0592c4aed975da4d29aee6cde9b14 Mon Sep 17 00:00:00 2001
From: DaWe <10603822+DaWe35@users.noreply.github.com>
Date: Thu, 15 Oct 2020 11:26:14 +0200
Subject: [PATCH 4/6] fix pagination

---
 get/channel.php  | 49 ++++++++++++++++++++++++++----------------------
 view/channel.php | 12 ++++++------
 2 files changed, 33 insertions(+), 28 deletions(-)

diff --git a/get/channel.php b/get/channel.php
index 3f12d8a..ddec7e4 100644
--- a/get/channel.php
+++ b/get/channel.php
@@ -1,9 +1,24 @@
 <?php
+if (isset($_GET['user']) && !empty($_GET['user'])) {
+	$userid = htmlspecialchars($_GET['user']);
+	if ($userid < 1) {
+		$userid = 0;
+	}
+} else {
+	$userid = 0;
+}
 
-//total number of videos
-$stmt = $db->prepare("SELECT COUNT(streamid) FROM stream");
-if (!$stmt->execute()) {
-	exit('Database error');
+// get total number of videos
+if ($userid == 0) { // count all videos
+	$stmt = $db->prepare("SELECT COUNT(streamid) FROM stream WHERE visibility = 'public'");
+	if (!$stmt->execute()) {
+		exit('Database error');
+	}
+} else { // count user's videos
+	$stmt = $db->prepare("SELECT COUNT(streamid) FROM stream WHERE visibility = 'public' AND userid = ?");
+	if (!$stmt->execute([$userid])) {
+		exit('Database error');
+	}
 }
 $num_videos = $stmt->fetch(PDO::FETCH_NUM)[0];
 $stmt = null;
@@ -20,25 +35,15 @@
 }
 
 //current page
-if (isset($_GET['current']) && !empty($_GET['current'])) {
-	$current = htmlspecialchars($_GET['current']);
-	if (($current < 1) or ($current > ceil($num_videos / $thumbs_per_page))) {
-		$current = 1;
+if (isset($_GET['page']) && !empty($_GET['page'])) {
+	$page = htmlspecialchars($_GET['page']);
+	if (($page < 1) or ($page > ceil($num_videos / $thumbs_per_page))) {
+		$page = 1;
 	}
 } else {
-	$current = 1;
-}
-$offset = $thumbs_per_page * ($current - 1);
-
-//sort by user
-if (isset($_GET['user']) && !empty($_GET['user'])) {
-	$userid = htmlspecialchars($_GET['user']);
-	if ($userid < 1) {
-		$userid = 0;
-	}
-} else {
-	$userid = 0;
+	$page = 1;
 }
+$offset = $thumbs_per_page * ($page - 1);
 
 if ($userid == 0) { //select all users
 	$stmt = $db->prepare("SELECT streamid, userid, title, description, scheule_time, visibility FROM stream WHERE visibility = 'public' ORDER BY scheule_time DESC, streamid DESC LIMIT $thumbs_per_page OFFSET $offset");
@@ -77,8 +82,8 @@
 	$names = array();
 	$avatars = array();
 	$ids = array();
-	$stmt = $db->prepare("SELECT streamid, userid, title, description, scheule_time, visibility FROM stream WHERE userid = $userid AND visibility = 'public' ORDER BY scheule_time DESC, streamid DESC LIMIT $thumbs_per_page OFFSET $offset");
-	if (!$stmt->execute()) {
+	$stmt = $db->prepare("SELECT streamid, userid, title, description, scheule_time, visibility FROM stream WHERE userid = ? AND visibility = 'public' ORDER BY scheule_time DESC, streamid DESC LIMIT $thumbs_per_page OFFSET $offset");
+	if (!$stmt->execute([$userid])) {
 		exit('Database error');
 	}
 	$stream = $stmt->fetchAll(PDO::FETCH_ASSOC);
diff --git a/view/channel.php b/view/channel.php
index 73c68ba..88b0946 100644
--- a/view/channel.php
+++ b/view/channel.php
@@ -36,8 +36,8 @@ function submitForm(b) {
 		if (b.name == 'numperpage') {
 			var n = document.getElementById('numperpage');
 			n.value = b.value;
-		} else if (b.name == 'current') {
-			var c = document.getElementById('current');
+		} else if (b.name == 'page') {
+			var c = document.getElementById('page');
 			if (b.value == 'Prev') {
 				c.value = parseInt(c.value, 10) - 1;
 			} else if (b.value == 'Next') {
@@ -131,7 +131,7 @@ function submitForm(b) {
 <form id="form" class="container-fluid" method="get" action="/channel">
 	<input id="user" type="hidden" name="user" value="<?= $userid ?>"></input>
 	<input id="numperpage" type="hidden" name="numperpage" value="<?= $thumbs_per_page ?>"></input>
-	<input id="current" type="hidden" name="current" value="<?= $current ?>"></input>
+	<input id="page" type="hidden" name="page" value="<?= $page ?>"></input>
 	<div class="row mt-4 mb-1">
 		<div class="d-flex col-1">
 			<div class="dropdown">
@@ -145,11 +145,11 @@ function submitForm(b) {
 		</div>
 		<div class="d-flex col-11 justify-content-end">
 			<div class="btn-group btn-group-sm">
-				<button type="button" name="current" onclick="submitForm(this)" class="btn btn-secondary" <?= $current == 1 ? 'disabled' : '' ?> value="Prev">Prev</button>
+				<button type="button" name="page" onclick="submitForm(this)" class="btn btn-secondary" <?= $page == 1 ? 'disabled' : '' ?> value="Prev">Prev</button>
 				<?php for ($i = 0; $i < $num_videos / $thumbs_per_page; $i++) { ?>
-					<button type="button" name="current" onclick="submitForm(this)" class="btn btn-secondary <?= $i == $current - 1 ? 'active' : '' ?>" value="<?= $i + 1 ?>"><?= $i + 1 ?></button>
+					<button type="button" name="page" onclick="submitForm(this)" class="btn btn-secondary <?= $i == $page - 1 ? 'active' : '' ?>" value="<?= $i + 1 ?>"><?= $i + 1 ?></button>
 				<?php } ?>
-				<button type="button" name="current" onclick="submitForm(this)" class="btn btn-secondary" <?= $current == ceil($num_videos / $thumbs_per_page) ? 'disabled' : '' ?> value="Next">Next</button>
+				<button type="button" name="page" onclick="submitForm(this)" class="btn btn-secondary" <?= $page == ceil($num_videos / $thumbs_per_page) ? 'disabled' : '' ?> value="Next">Next</button>
 			</div>
 		</div>
 	</div>

From df1d0d7a9ae55501d71802d050e8defa504a471f Mon Sep 17 00:00:00 2001
From: DaWe <10603822+DaWe35@users.noreply.github.com>
Date: Thu, 15 Oct 2020 11:44:22 +0200
Subject: [PATCH 5/6] small corrections

---
 get/channel.php | 6 +++---
 get/index.php   | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/get/channel.php b/get/channel.php
index ddec7e4..a95b05e 100644
--- a/get/channel.php
+++ b/get/channel.php
@@ -1,6 +1,6 @@
 <?php
 if (isset($_GET['user']) && !empty($_GET['user'])) {
-	$userid = htmlspecialchars($_GET['user']);
+	$userid = intval($_GET['user']);
 	if ($userid < 1) {
 		$userid = 0;
 	}
@@ -26,7 +26,7 @@
 //number of thumbnails per page
 $thumbs = array(8, 24, 100);
 if (isset($_GET['numperpage']) && !empty($_GET['numperpage'])) {
-	$thumbs_per_page = htmlspecialchars($_GET['numperpage']);
+	$thumbs_per_page = intval($_GET['numperpage']);
 	if (!in_array($thumbs_per_page, $thumbs)) {
 		$thumbs_per_page = $thumbs[0];
 	}
@@ -36,7 +36,7 @@
 
 //current page
 if (isset($_GET['page']) && !empty($_GET['page'])) {
-	$page = htmlspecialchars($_GET['page']);
+	$page = intval($_GET['page']);
 	if (($page < 1) or ($page > ceil($num_videos / $thumbs_per_page))) {
 		$page = 1;
 	}
diff --git a/get/index.php b/get/index.php
index 610a65a..0946412 100644
--- a/get/index.php
+++ b/get/index.php
@@ -1,6 +1,6 @@
 <?php
 
-$streams_stmt = $db->prepare("SELECT `streamid`, `title`, `description`, `scheule_time`, `started`, `finished` FROM `stream` WHERE visibility = 'public' ORDER BY scheule_time DESC, streamid DESC  LIMIT 100");
+$streams_stmt = $db->prepare("SELECT `streamid`, `title`, `description`, `scheule_time`, `started`, `finished` FROM `stream` WHERE visibility = 'public' ORDER BY scheule_time DESC, streamid DESC LIMIT 100");
 if (!$streams_stmt->execute()) {
     exit('Database error');
 }

From 79e3c80e83641e7f8f15cd2e255d1a000581b2fc Mon Sep 17 00:00:00 2001
From: DaWe <10603822+DaWe35@users.noreply.github.com>
Date: Thu, 15 Oct 2020 12:33:48 +0200
Subject: [PATCH 6/6] channel page improvements

---
 view/channel.php | 86 ++++++++++++++++++++----------------------------
 1 file changed, 36 insertions(+), 50 deletions(-)

diff --git a/view/channel.php b/view/channel.php
index 88b0946..5ee62c3 100644
--- a/view/channel.php
+++ b/view/channel.php
@@ -1,6 +1,5 @@
 <script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
 <script src="assets/popper.min.js"></script>
-<script src="assets/bootstrap.min.js"></script>
 <script>
 	// Transforms seconds to hh:mm:ss.
 	function toHMS(seconds) {
@@ -103,9 +102,10 @@ function submitForm(b) {
 		opacity: 0.7;
 	}
 
-	.title, .user {
+	.title, .user, .title:hover, .user:hover  {
 		color: #aaa;
 		font-size: 0.8em;
+		text-decoration: none;
 	}
 
 	.title {
@@ -115,19 +115,35 @@ function submitForm(b) {
 	.user:hover {
 		cursor: pointer;
 	}
+
+	body .bg-gradient {
+		background: rgb(112,36,89);
+		background: linear-gradient(121deg, rgba(112, 36, 89, 0.8) 0%, rgba(0, 0, 0, 0) 90%); 
+	}
 </style>
 
-<div id="portal-switcher">
-	<input id="check01" type="checkbox" name="menu" />
-	<label for="check01" class="noselect" style="opacity: 0.7;">
-		<span id="portal-switch-text-long">Change Skynet portal server ▼</span>
-		<span id="portal-switch-text-short">Portal ▼</span>
-	</label>
-	<ul class="submenu" id="portal_list">
-		<li id="loading_portals"><a href="#">Loading portals...</a></li>
-	</ul>
-</div>
-<a href="<?= URL ?>" class="logo"><button class="play mini-logo-play"></button>&nbsp; SkyLive Channel</a>
+
+
+
+<a href="<?= URL ?>" class="logo position-absolute"><button class="play mini-logo-play"></button>&nbsp; SkyLive</a>
+<header class="bg-gradient pt-5 pb-2">
+	<div class="container h-100">
+		<div class="row h-100 align-items-center">
+			<div class="col-lg-9">
+				<h1 class="display-4 text-white font-weight-bold mt-3">
+					<?= $userid != 0 ? $names[0] : 'all videos on Skylive' ?>
+				</h1>
+				<!-- <p class="lead mb-5 text-white-50">channel<br> -->
+			</div>
+			<div href="register" class="position-absolute text-white" style="top: 5px; right: 15px;">
+				<a class="text-white" href="register">Get beta access</a> | 
+				<a class="text-white" href="login">Login</a>
+			</div>
+		</div>
+	</div>
+</header>
+
+
 <form id="form" class="container-fluid" method="get" action="/channel">
 	<input id="user" type="hidden" name="user" value="<?= $userid ?>"></input>
 	<input id="numperpage" type="hidden" name="numperpage" value="<?= $thumbs_per_page ?>"></input>
@@ -160,9 +176,9 @@ function submitForm(b) {
 			<div class="col-sm-6 col-md-4 col-lg-3">
 				<div class="row">
 					<div class="col-12 mt-3">
-						<a href="https://skylive.coolhd.hu/player?s=<?= $stream[$row]['streamid'] ?>">
+						<a href="/player?s=<?= $stream[$row]['streamid'] ?>">
 							<div class="video-container col-12" onmouseover="previewVideo(this)" onmouseout="stopPreview(this)" id="div<?= $row ?>">
-								<video class="rounded-lg" muted onloadedmetadata="displayDuration(this)" poster="<?= 'https://skylive.coolhd.hu/thumbnails/' . $stream[$row]['streamid'] . '_300.jpg' ?>" id="video<?= $row ?>">
+								<video class="rounded-lg" muted onloadedmetadata="displayDuration(this)" poster="<?= '/thumbnails/' . $stream[$row]['streamid'] . '_300.jpg' ?>" id="video<?= $row ?>">
 									Your browser does not support video.
 								</video>
 								<span class="play preview"></span>
@@ -176,8 +192,8 @@ function submitForm(b) {
 						<img class="img-fluid rounded-circle" src="<?= $avatars[$row] ?>" alt="">
 					</div>
 					<div class="pl-0 pr-4 col-9">
-						<p class="title mb-2"><?= $stream[$row]['title'] ?></p>
-						<p class="user mb-2" name="user" value="<?= $ids[$row] ?>" onclick="submitForm(this)"><?= $names[$row] ?></p>
+						<a class="title mb-0" href="/player?s=<?= $stream[$row]['streamid'] ?>"><?= $stream[$row]['title'] ?></a><br>
+						<a class="user mb-2" href="/channel?user=<?= $ids[$row] ?>"><?= $names[$row] ?></a>
 					</div>
 				</div>
 			</div>
@@ -185,43 +201,13 @@ function submitForm(b) {
 				var video = document.getElementById('<?= "video" . $row ?>');
 				if (Hls.isSupported()) {
 					var hls = new Hls();
-					hls.loadSource('https://skylive.coolhd.hu/stream.m3u8?streamid=<?= $stream[$row]["streamid"] ?>');
+					hls.loadSource('/stream.m3u8?streamid=<?= $stream[$row]["streamid"] ?>');
 					hls.attachMedia(video);
 				}
 				else if (video.canPlayType('application/vnd.apple.mpegurl')) {
-					video.src = 'https://skylive.coolhd.hu/stream.m3u8?streamid=<?= $stream[$row]["streamid"] ?>';
+					video.src = '/stream.m3u8?streamid=<?= $stream[$row]["streamid"] ?>';
 				}
 			</script>
 		<?php } ?>
 	</div>
-</div>
-<script>
-	// portal list
-	var xhttp = new XMLHttpRequest();
-	xhttp.onreadystatechange = function() {
-		if (this.readyState == 4 && this.status == 200) {
-			document.getElementById("loading_portals").remove();
-			url = "/channel";
-			document.getElementById("portal_list").innerHTML += '<li><a href="' + url + '">Automatic</a></li>';
-			let portals = JSON.parse(this.responseText);
-			portals.forEach(portal => {
-				portalSum = 0;
-				portal.files.forEach(filenumb => {
-					portalSum += filenumb;
-				});
-				if (portalSum != 0) {
-					url = "/channel?portal=" + portal.link;
-					document.getElementById("portal_list").innerHTML += '<li><a href="' + url + '">' + portal.name + '</a></li>';
-				}
-			});
-			url = "/channel?portal=https://helsinki.siasky.net";
-			document.getElementById("portal_list").innerHTML += '<li><a href="' + url + '">Helsinki.SiaSky.net</a></li>';
-			url = "/channel?portal=https://germany.siasky.net/";
-			document.getElementById("portal_list").innerHTML += '<li><a href="' + url + '">Germany.SiaSky.net</a></li>';
-			url = "/channel?portal=https://siasky.dev/";
-			document.getElementById("portal_list").innerHTML += '<li><a href="' + url + '">SiaSky.dev</a></li>';
-		}
-	}
-	xhttp.open("GET", "https://siastats.info/dbs/skynet_current.json", true);
-	xhttp.send();
-</script>
+</div>
\ No newline at end of file