<!DOCTYPE html>
<html lang="en">
	<head>
		<meta name="description" content="Change the fucking channel already!">

		<title>The Fediverse</title>

		<link rel="stylesheet" href="./CSS/index.css">
		<!-- I am terribly sorry.
		This is the only way I knew how to make a "non-module" inherit a module.
		I think this is why people use typescript or other frameworks. -->
		<script type="module" src="./JS/index.js"></script>
	</head>

	<body style="margin: 0px;">
		<section class="WarningMessage">
			<h2>Warning! Care for yourself!</h2>
			<p>
				The world might seem like an uncaring place. At a glance, that might seem true. However, that doesn't mean nobody cares. The average person has enough affection to share with you, so please share it back. <br>
				You are also cute :3 <br>
				<em>Safety options are available here: https://CrowdedGames.Group</em>
				<noscript>Look. Javascript is required to run this. I'm sorry, there isn't anything I can do about it.</noscript>
			</p>
			<p class="BlinkAnimation"><b>Click on this webpage to continue</b></p>
		</section>
		
		<section class="MainBefore">
			<header class="MainHeader">
				<h1>The World Wide Web</h1>
			</header>
			
			<div style="width: 100%" class="PostContainerContainer">
			<div style="left: -170vw;" class="PostContainer Back">
				<article class="Post">
					<p class="Username">No</p>
					<p class="PostContent"></p>
				</article>
				<article class="Post">
					<p class="Username">No</p>
					<p class="PostContent"></p>
				</article>
				<article class="Post">
					<p class="Username">No</p>
					<p class="PostContent"></p>
				</article>
				<article class="Post">
					<p class="Username">No</p>
					<p class="PostContent"></p>
				</article>
				<article class="Post">
					<p class="Username">No</p>
					<p class="PostContent"></p>
				</article>
				<article class="Post">
					<p class="Username">No</p>
					<p class="PostContent"></p>
				</article>
				<article class="Post">
					<p class="Username">No</p>
					<p class="PostContent"></p>
				</article>
				<article class="Post">
					<p class="Username">No</p>
					<p class="PostContent"></p>
				</article>
				<article class="Post">
					<p class="Username">No</p>
					<p class="PostContent"></p>
				</article>
				<article class="Post">
					<p class="Username">No</p>
					<p class="PostContent"></p>
				</article>
				<article class="Post">
					<p class="Username">No</p>
					<p class="PostContent"></p>
				</article>
				<article class="Post">
					<p class="Username">No</p>
					<p class="PostContent"></p>
				</article>
			</div>
			
			<div style="left: -85vw;" class="PostContainer Back">
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
			</div>
			
			<div class="PostContainer">
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
			</div>
			
			<div style="left: 85vw;" class="PostContainer Next">
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
				<article class="Post">
					<p class="Username">Testing</p>
					<p class="PostContent">The things</p>
				</article>
			</div>
			
			<div style="left: 170vw;" class="PostContainer Next">
				<article class="Post">
					<p class="Username">No</p>
					<p class="PostContent"></p>
				</article>
				<article class="Post">
					<p class="Username">No</p>
					<p class="PostContent"></p>
				</article>
				<article class="Post">
					<p class="Username">No</p>
					<p class="PostContent"></p>
				</article>
				<article class="Post">
					<p class="Username">No</p>
					<p class="PostContent"></p>
				</article>
				<article class="Post">
					<p class="Username">No</p>
					<p class="PostContent"></p>
				</article>
				<article class="Post">
					<p class="Username">No</p>
					<p class="PostContent"></p>
				</article>
				<article class="Post">
					<p class="Username">No</p>
					<p class="PostContent"></p>
				</article>
				<article class="Post">
					<p class="Username">No</p>
					<p class="PostContent"></p>
				</article>
				<article class="Post">
					<p class="Username">No</p>
					<p class="PostContent"></p>
				</article>
				<article class="Post">
					<p class="Username">No</p>
					<p class="PostContent"></p>
				</article>
				<article class="Post">
					<p class="Username">No</p>
					<p class="PostContent"></p>
				</article>
				<article class="Post">
					<p class="Username">No</p>
					<p class="PostContent"></p>
				</article>
			</div>
			
			</div>
			
			<img class="Arrow" src="Icons/ArrowLeft.png" onclick="Back()"/>
			<img class="Arrow" src="Icons/ArrowRight.png" onclick="Next()"/>
			
			<footer class="MainFooter">
				<p class="Setting">Setting</p>
				<p class="Time" style="width: 50%">Time</p>
				<p class="Mail">Mail</p>
			</footer>
		</section>
	</body>
</html>