index.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="Search utility for IppSec's YouTube videos">
	<meta name="keywords" content="ippsec, hacking, pentesting, hackthebox, htb">
	<meta name="author" content="IppSec">

	<link rel="stylesheet" href="style.css">

	<title>IppSec - Search</title>
</head>
<body class="color-no-search">		
	<div class="container">
		
		<div class="search">
			<div class="header">
				<h1>IPPSEC</h1>
				<div class="social">
					<a href="https://twitter.com/ippsec">Twitter</a>
					&bullet;
					<a href="/contributions/">My Contributions</a>
					&bullet;
					<a href="https://www.youtube.com/channel/UCa6eh7gCkpPo5XXUDfygQQA">Youtube</a>
					&bullet;
					<a href="https://calendar.google.com/calendar/embed?src=c_bveiajvmten0cfdhv43napka00%40group.calendar.google.com">Stream Calendar</a>
				</div>
			</div>
		
			<div class="query">
				<form class="searchForm" action="#">
					<input type="text" class="search" placeholder="ENTER SEARCH TERM" autocomplete="false" autofocus>
				</form>

			</div>

			<div class="results">
				<br>
				<div class="noResults">
					<h2>No Results Found</h2>
				</div>
				<div class="results-table">
					
					<table class="results">
						<thead>
							<tr>
								<td width="33%">
									Video/Course	
								</td>
								<td>
									Description
								</td>
								<!--
								<td>
									Link
								</td>-->
							</tr>
						</thead>
						<tbody class="results">
				
						</tbody>
					</table>
				</div>
			</div>

			<div class="subfooter">
				<h3>Please Subscribe to My <a href="https://youtube.com/ippsec">YouTube</a></h3>
			</div>
            <div class="sponsor">
              <!--
              <p><b>Be sure to checkout Nahamcon - June 15-17 2023<b></p>
              <a href="https://nahamcon.com"><img src="sponsors/NahamCon2023.png" width="800"><img></a>
              --></div>
		</div>
		
		<div class="footer">
			&copy; ippSec and contributors <script>document.write(/\d{4}/.exec(Date())[0])</script>
			<br>
			Design by: <a href="https://twitter.com/hexf_me">@HexF_me</a>,
			Original PoC: <a href="https://twitter.com/shell_ock">@Shell_ock</a>, <br />
			Theme Inspiration: <a href="https://howsecureismypassword.net">DashLane - HowSecureIsMyPassword</a>
			<br>
			Found a bug? File it or fix it <a href="https://github.com/IppSec/ippsec.github.io/issues">here</a>
		</div>
	</div>

	<script src="logic.js"></script>
</body>

</html>