screen scrollie good :3

This commit is contained in:
CatAClock 2025-04-21 17:58:22 -07:00
parent 2880f2fce7
commit 791d6d992a
2 changed files with 104 additions and 1 deletions

View file

@ -113,7 +113,7 @@ async function PosterContainerUpdate() {
Content[i] = Timeline[i].content; Content[i] = Timeline[i].content;
Users[i] = Timeline[i].account.username; Users[i] = Timeline[i].account.username;
} }
let CenterContainer = document.getElementsByClassName("PostContainer")[1].children; let CenterContainer = document.getElementsByClassName("PostContainer")[2].children;
for (let i in CenterContainer) { for (let i in CenterContainer) {
CenterContainer[i].getElementsByClassName("PostContent")[0].innerHTML = Content[i]; CenterContainer[i].getElementsByClassName("PostContent")[0].innerHTML = Content[i];
CenterContainer[i].getElementsByClassName("Username")[0].innerHTML = Users[i]; CenterContainer[i].getElementsByClassName("Username")[0].innerHTML = Users[i];

View file

@ -30,6 +30,57 @@
</header> </header>
<div style="width: 100%" class="PostContainerContainer"> <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"> <div style="left: -85vw;" class="PostContainer Back">
<article class="Post"> <article class="Post">
<p class="Username">Testing</p> <p class="Username">Testing</p>
@ -182,6 +233,58 @@
<p class="PostContent">The things</p> <p class="PostContent">The things</p>
</article> </article>
</div> </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> </div>
<img class="Arrow" src="Icons/ArrowLeft.png" onclick="Back()"/> <img class="Arrow" src="Icons/ArrowLeft.png" onclick="Back()"/>