CatAClock
cda2765df1
Images can now be shown. They are also shown on index. The framework for boosting, favoriting, and replying have been layed out. Bug fixes and a small rework to make things easier.
303 lines
8.4 KiB
HTML
303 lines
8.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>The Fediverse</title>
|
|
<meta name="description" content="Change the fucking channel already!">
|
|
<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;">
|
|
<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"></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>
|
|
|
|
<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="Posting">Post</p>
|
|
<p class="Mail">Mail</p>
|
|
</footer>
|
|
</section>
|
|
</body>
|
|
</html>
|