index.html

<!DOCTYPE html>
<!-- saved from url=(0073)file:///D:/!%20coderrsgaming.space/Website/Coderr's%20Gaming%20Space.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Coderr's Gaming Space</title>
		
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
		<link rel="stylesheet" href="https://github.com/coderrquitsreality/coderrquitsreality.github.io/blob/main/files/main.css">
		<link rel="icon" type="image/x-icon" href="https://coderrsgaming.space/images/favicon.ico">
		<meta content="Coderr's Gaming Space" property="og:title">
        <meta content="Hi! I'm coderrquitsreality! You can read more about me on this site, but if you're too lazy to visit, basically I am a small content creator and spend most of my time in VR." property="og:description">
        <meta content="https://coderrsgaming.space/" property="og:url">
        <meta content="https://coderrsgaming.space/images/favicon.ico" property="og:image">
        <meta content="#0000FF" data-react-helmet="true" name="theme-color">
        <meta name="theme-color" content="#00FF00">
        <script src="./index_files/61ebb60581.js.download" crossorigin="anonymous"></script>
        <script>
    // Generate a random color between "#00FF00" and "#0000FF"
    function getRandomColor() {
      var colors = ["#00FF00", "#0000FF"];
      var randomIndex = Math.floor(Math.random() * colors.length);
      return colors[randomIndex];
    }

    // Modify the meta tag with the random color
    function modifyMetaTagColor() {
      var metaTag = document.querySelector('meta[name="theme-color"]');
      if (metaTag) {
        var randomColor = getRandomColor();
        metaTag.setAttribute("content", randomColor);
      }
    }

    // Call the function to modify the meta tag color when the page loads
    window.addEventListener("load", modifyMetaTagColor);
        </script>
		<noscript><link rel="stylesheet" href="./files/noscript.css"/></noscript>
	</head>
	<body class="">




 

		<!-- Sidebar -->
			<section id="sidebar">
				<div class="inner">
					<nav>
						<ul>
							<li><a href="./index.html#intro" class="scrolly active">Welcome</a></li>
							<li><a href="./index.html#one" class="scrolly">Who I Am</a></li>
							<li><a href="./index.html#two" class="scrolly">What I Do</a></li>
							<li><a href="./index.html#three" class="scrolly">Contact Me</a></li>
						</ul>
					</nav>
				</div>
			</section>

		<!-- Wrapper -->
			<div id="wrapper">

				<!-- Intro -->
					<section id="intro" class="wrapper style1 fullscreen fade-up">
						<div class="inner">
							<h1>Coderr's Gaming Space</h1>
							<p>Hi! I am coderrquitsreality <br> I play video games like Minecraft, Beat Saber, VRChat and more, and have a strong interest in networking, administration, servers, coding, and technology.</p>
						</div>
					</section>

				<!-- One -->
					<section id="one" class="wrapper style2 spotlights inactive">
						<section class="inactive">
							<a href="https://coderrsgaming.space/#" class="image" style="background-image: url(&quot;https://coderrsgaming.space/images/pic01.jpg&quot;); background-position: center center;"><img src="file:///D:/!%20coderrsgaming.space/Website/Coderr&#39;s%20Gaming%20Space_files/pic01.jpg" alt="" data-position="center center" style="display: none;"></a>
							<div class="content">
								<div class="inner">
									<h2>Who I Am</h2>
									<p>I am an idiotic teenager who just has a passion for technology and other things alike. I am a small gaming and tech content creator on social media, which you can check out <a href="https://coderrsgaming.space/#three">here!</a></p>
								</div>
							</div>
						</section>
						<section class="inactive">
							<a href="https://coderrsgaming.space/#" class="image" style="background-image: url(&quot;https://coderrsgaming.space/images/pic02.jpg&quot;); background-position: center top;"><img src="file:///D:/!%20coderrsgaming.space/Website/Coderr&#39;s%20Gaming%20Space_files/pic02.jpg" alt="" data-position="top center" style="display: none;"></a>
							<div class="content">
								<div class="inner">
									<h2>Sometimes...</h2>
									<p>... sometimes, I do giveaways, events, and Q&amp;A; in my <a href="https://discord.gg/X24cwyJxKc">Discord community</a>! <br>Here's a few of my recent videos on YouTube!</p>
								</div>
								<div id="recent-videos-yt">
								    <script>
const apiKey = 'AIzaSyCNvT4x5rTFGzogxVWlC9lYv2cNIvJ3CcE';
// Fetch Last 3
function fetchVideos() {
  fetch(
    `https://www.googleapis.com/youtube/v3/search?part=snippet&channelId=UCO9velApgYodTVDM-aolrUA&maxResults=3&order=date&type=video&key=${apiKey}`
  )
    .then((response) => response.json())
    .then((data) => {
      const videosContainer = document.getElementById('recent-videos-yt');

      data.items.forEach((item) => {
        const videoId = item.id.videoId;
        const videoTitle = item.snippet.title;

        const iframe = document.createElement('iframe');
        iframe.src = `https://www.youtube.com/embed/${videoId}`;
        iframe.title = videoTitle;
        iframe.width = '560';
        iframe.height = '315';

        videosContainer.appendChild(iframe);
      });
    })
    .catch((error) => console.error('Error fetching YouTube videos:', error));
}
window.onload = fetchVideos;

								    </script>
								</div>

							</div>
						</section>
						<section class="inactive">
							<a href="https://coderrsgaming.space/#" class="image" style="background-image: url(&quot;https://coderrsgaming.space/images/pic03.jpg&quot;); background-position: 25% 25%;"><img src="file:///D:/!%20coderrsgaming.space/Website/Coderr&#39;s%20Gaming%20Space_files/pic03.jpg" alt="" data-position="25% 25%" style="display: none;"></a>
							<div class="content">
								<div class="inner">
									<h2>Here's a bit more about me</h2>
									<p>
									    Timezone: EST / UTC-5
									    <br>
									    Pronouns: He/Him/His/They/Them
									    <br>
									    VRChat World and Avatar Creator
									    <br>
									    Beat Saber addict
									    <br>
									    Minecraft Java Edition hater
									    <br>
									    Novice Web Developer
									    <br>
									    Bad at being a developer
									    <br>
									    <br>
									    For other people:
									    <br>
									    Not cute
									    <br>
									    Not fun
									    <br>
									    Not important
									    <br>
									    aakkskoifbuierdsep!
									</p>
								</div>
							</div>
						</section>
					</section>

				<!-- Two -->
					<section id="two" class="wrapper style3 fade-up inactive">
						<div class="inner">
							<h2>What I Do</h2>
							<p>I am a variety tech and gaming content creator on YouTube, Twitch, and TikTok. I like to fix devices, make cool projects in Linux with a Raspberry Pi, make websites, manage servers, waste hours at a time in VR, and not sleeping.</p>
							<div class="features inactive">
								<section>
									<span class="icon solid major fa-code"></span>
									<h3>Coding projects</h3>
									<p>Using a Raspberry Pi, I was able to make my own NAS and local Minecraft server and made it cross platform for testing plugins and worlds.</p>
								</section>
								<section>
									<span class="icon solid major fa-server"></span>
									<h3>Networking hobbies</h3>
									<p>I like complex and secure networks, so I go to websites like eBay and buy cheap and high quality networking equipment like switches, routers, and Ethernet fabrication tools.</p>
								</section>
								<section>
									<span class="icon solid major fa-link"></span>
									<h3>Social Media</h3>
									<p>I am on a variety of social media platforms. You can find my official social media accounts <a href="https://coderrsgaming.space/#three">here!</a></p>
								</section>
								<section>
									<span class="icon solid major fa-solid fa-gem"></span>
									<h3>Easter Eggs?</h3>
									<p>There are some hidden in this website. Try to find them!</p>
								</section>
							</div>
						</div>
					</section>

				<!-- Three -->
					<section id="three" class="wrapper style1 fade-up inactive">
						<div class="inner">
							<h2>Contact &amp; Socials</h2>
							<p></p>
							<div class="split style1">
								<section>
								</section>
								<section>
								    <span>
											<h3>Email</h3>
											<a href="mailto:itscoderr@coderrsgaming.space">itscoderr@coderrsgaming.space</a>
											<br>
									</span>
									<span>
											<h3>Social</h3>
											<p class="icons">
											    <a href="https://www.youtube.com/@coderrquitsreality_" class="icon brands fa-youtube"><span class="label">YouTube</span></a>
											    <a href="https://tiktok.com/@coderrquitsreality" class="icon brands fa-tiktok"><span class="label">TikTok</span></a>
											    <a href="https://discord.gg/X24cwyJxKc" class="icon brands fa-discord"><span class="label">Discord</span></a>
												<a href="https://twitter.com/coderrquitsrlty" class="icon brands fa-twitter"><span class="label">Twitter</span></a>
												<a href="https://github.com/coderrquitsreality" class="icon brands fa-github"><span class="label">GitHub</span></a>
												<a href="https://www.instagram.com/coderrquitreality/" class="icon brands fa-instagram"><span class="label">Instagram</span></a>
											</p>
										</span>
								</section>
							</div>
						</div>
					</section>

			</div>

		<!-- Footer -->
			<footer id="footer" class="wrapper style1-alt">
				<div class="inner">
					<ul class="menu">
						<li>© coderrquitsreality. All rights reserved.</li><li>Design: <a href="https://html5up.net/hyperspace/">Hyperspace by HTML5 UP</a></li>
					</ul>
				</div>
			</footer>

		<!-- Scripts -->
			<script src="./files/jquery.min.js.download"></script>
			<script src="./files/jquery.scrollex.min.js.download"></script>
			<script src="./files/jquery.scrolly.min.js.download"></script>
			<script src="./files/browser.min.js.download"></script>
			<script src="./files/breakpoints.min.js.download"></script>
			<script src="./files/util.js.download"></script>
			<script src="./files/main.js.download"></script>

    <style>img[alt="www.000webhost.com"]{display:none};</style>
    
    <script>
// Enter Console
var triggerKeys = {
  shift: false,
  ctrl: false,
  key: "?",
};

// Command Handler
function handleInput(input) {
  if (input === "test") {
    window.alert("Test passed.");
  } else if (input === "sudo") {
    window.alert("Don't you dare try to run commands as root!");
  } else if (input === "shutdown -c") {
    // INTENTIONALLY BLANK
    // window.alert("");
  } else if (input === "shutdown") {
      // Function to format time with leading zeros
function formatTime(time) {
  return String(time).padStart(2, '0');
}

// Function to get the EST offset in minutes
function getESTOffset() {
  var currentDate = new Date();
  var estDate = new Date(currentDate.toLocaleString('en-US', { timeZone: 'America/New_York' }));
  return estDate.getTimezoneOffset();
}

// Get the current local time adjusted for EST
var currentTime = new Date();
var estOffset = getESTOffset();
currentTime.setMinutes(currentTime.getMinutes() - estOffset);

// Add 60 seconds to the current time
currentTime.setSeconds(currentTime.getSeconds() + 60);

// Extract the year, month, day, hours, minutes, and seconds from the updated time
var year = currentTime.getFullYear();
var month = formatTime(currentTime.getMonth() + 1);
var day = formatTime(currentTime.getDate());
var hours = formatTime(currentTime.getHours());
var minutes = formatTime(currentTime.getMinutes());
var seconds = formatTime(currentTime.getSeconds());

// Build the date string in the format "Day YYYY-MM-DD HH:MM:SS"
var date = currentTime.toLocaleDateString('en-US', { weekday: 'short' });
var updatedDateTime = date + ' ' + year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds;

// Output the updated date and time
console.log(updatedDateTime);
window.alert("Shutdown scheduled for " + updatedDateTime + " EST, use 'shutdown -c' to cancel.");
    } else if (input === "sudo rm -rf /") {
    function removeTag(tagName) {
  var tag = document.querySelector(tagName);
  if (tag) {
    tag.remove();
  }
}
removeTag('body');
    window.alert("You deleted my site! Why? Are you at least happy?");
  } else {
    window.alert("bash: " + input + ": command not found");
  }
}

// Function to handle keydown event
function handleKeyDown(event) {
  if (event.key === triggerKeys.key && event.shiftKey && event.ctrlKey) {
    event.preventDefault();

    var input = prompt("root@coderrsgaming.space");
    handleInput(input);
  }
}

// Add event listener to capture the keydown event
document.addEventListener("keydown", handleKeyDown);

</script>

</body></html>