311 lines
9.1 KiB
HTML
311 lines
9.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>The Fediverse</title>
|
|
<meta name="description" content="Change the fucking channel already!">
|
|
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1" />
|
|
<link rel="icon" href="./Icons/favicon.ico" />
|
|
<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>
|
|
<!-- Dependenci -->
|
|
<script language="JavaScript" type="text/javascript" src="https://kjur.github.io/jsrsasign/jsrsasign-latest-all-min.js"></script>
|
|
</head>
|
|
|
|
<body style="margin: 0px;">
|
|
<!-- This gets the user input to make sounds. Also it (hopefully) makes the user more passive. -->
|
|
<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 looking at social media.<br><br>
|
|
However, that doesn't mean nobody cares. The average person has enough affection to share with you. You just need to ask. Trust us.<br><br>
|
|
There are mean people on the internet. Pay no attention to them and block them. They don't matter. You do.<br><br>
|
|
One more thing... There are people who might also be down. Please spread around the affection. It's for the best.<br><br>
|
|
You are also cute :3<br><br>
|
|
<em>Safety options are available here: https://CrowdedGames.Group</em><br><br>
|
|
<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>
|
|
|
|
<!-- Container to be inside the container. -->
|
|
<div style="width: 100%" class="PostContainerContainer">
|
|
<div style="left: -170vw;" class="PostContainer Back">
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
</div>
|
|
|
|
<div style="left: -85vw;" class="PostContainer Back">
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
</div>
|
|
|
|
<!-- This is the container that houses the current viewing stuff -->
|
|
<div class="PostContainer">
|
|
<article number=0 class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article number=1 class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article number=2 class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article number=3 class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article number=4 class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article number=5 class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article number=6 class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article number=7 class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article number=8 class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article number=9 class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article number=10 class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article number=11 class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
</div>
|
|
|
|
<div style="left: 85vw;" class="PostContainer Next">
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
</div>
|
|
|
|
<div style="left: 170vw;" class="PostContainer Next">
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
<article class="Post">
|
|
<p class="Username"></p>
|
|
<p class="PostContent"></p>
|
|
</article>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- Arrows to put the stuff going forward and backward (scrolling posts). -->
|
|
<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="Feed">Feed</p>
|
|
<p class="Time" style="width: 50%">Time</p>
|
|
<p class="Mail">Mail</p>
|
|
<p class="Posting">Posting</p>
|
|
</footer>
|
|
</section>
|
|
</body>
|
|
</html>
|