use stibarc tv logo

STiBaRC · Nov 16, 2024 · 0f22a96 · 0f22a96
1 parent 5c166c9
commit 0f22a96
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/components/Header.js b/components/Header.js
@@ -187,7 +187,7 @@ class HeaderComponent extends HTMLElement {
 		<header id="headerElement">
 			<span id="mainHeader" class="flexcontainer">
 				<span class="leftalign">
-					<a href="/" class="flexcontainer" id="logo"><img src="/img/logo.png"></a>
+					<a href="/" class="flexcontainer" id="logo"><img id="logoimg" src="/img/logo.png"></a>
 				</span>
 				<span class="searchbar flexcontainer hideOnMobile">
 					<input type="search" id="searchbox" placeholder="Search" autocomplete="false">
@@ -227,6 +227,12 @@ class HeaderComponent extends HTMLElement {
 		const mypfp = this.shadow.querySelector("#mypfp");
 		const searchbox = this.shadow.querySelector("#searchbox");
 		const menuprofile = this.shadow.querySelector("#menuprofile");
+		const logoImg = this.shadow.querySelector("#logoimg");
+		const logo = this.getAttribute("logo");
+
+		if (logo == "tv") {
+			logoImg.src = "/tv/tv_wordmark2.png";
+		}
 
 		this.shadow.addEventListener("click", function (event) {
 			/* header pfp dropdown */

diff --git a/tv/index.html b/tv/index.html
@@ -26,13 +26,12 @@
 </head>
 
 <body>
-	<stibarc-header></stibarc-header>
+	<stibarc-header logo="tv"></stibarc-header>
 	<stibarc-login-modal></stibarc-login-modal>
 	<stibarc-register-modal></stibarc-register-modal>
 	<main class="flexcontainer flexcolumn">
 		<div id="responsivegrid" class="block">
 			<div class="item">
-				<h1>STiBaRC TV</h1>
 				<img src="/tv/colorbars.webp" alt="Color Bars" id="colorbars">
 				<video id="videoplayer" controls poster="/tv/colorbars.webp" class="hidden">
 					Your browser does not support the video tag.

diff --git a/tv/tv_wordmark2.png b/tv/tv_wordmark2.png