bug fixes (finally) and framework for expanded posts

This commit is contained in:
CatAClock 2025-05-06 16:30:35 -07:00
parent f41955432b
commit 9feb38a9b4
4 changed files with 35 additions and 5 deletions

0
CSS/expanded.css Normal file
View file

22
HTML/expanded.html Normal file
View file

@ -0,0 +1,22 @@
<!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/expanded.css">
<script type="module" src="../JS/expanded.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; text-align: center;">
<header>
<h1 class="Handle">Nothing so far.</h1>
<h2 class="Origin">Bsky/Mastodon.</h2>
<p>Text would go here</p>
<p>Image here if it is a thing</p>
<p onclick="history.back()"><b>Back</b></p>
</header>
</body>
</html>

0
JS/expanded.js Normal file
View file

View file

@ -8,6 +8,7 @@ import * as Variables from "./Variables.js";
let Warning = document.getElementsByClassName("WarningMessage")[0];
let Main = document.getElementsByClassName("MainBefore")[0];
let ContainerContainer = document.getElementsByClassName("PostContainerContainer")[0];
let ClickableContainers = ContainerContainer.getElementsByClassName("PostContainer")[2].children;
let BrowserWidth = window.innerWidth;
let BrowserHeight = window.innerHeight;
@ -102,6 +103,13 @@ ArrowsButton[0].onclick = (event) => {
PosterContainerUpdate();
}
for (let i of ClickableContainers) {
i.onclick = (event) => {
// Save some info
window.location.href = "./HTML/expanded.html";
}
}
// Call this to update the things :)
async function PosterContainerUpdate() {
let Lim = 6;
@ -132,17 +140,17 @@ async function PosterContainerUpdate() {
let counter = 0;
let countergroup = 0;
let CenterContainer = document.getElementsByClassName("PostContainer")[2].children;
for (let i in CenterContainer) {
for (let i of CenterContainer) {
switch(countergroup) {
// Bsky
case 0:
CenterContainer[i].getElementsByClassName("PostContent")[0].innerHTML = BlueskyTimeline.feed[counter].post.record.text;
CenterContainer[i].getElementsByClassName("Username")[0].innerHTML = BlueskyTimeline.feed[counter].post.author.handle;
i.getElementsByClassName("PostContent")[0].innerHTML = BlueskyTimeline.feed[counter].post.record.text;
i.getElementsByClassName("Username")[0].innerHTML = BlueskyTimeline.feed[counter].post.author.handle;
break;
// Mastodon
case 1:
CenterContainer[i].getElementsByClassName("PostContent")[0].innerHTML = MastodonTimeline[counter].content;
CenterContainer[i].getElementsByClassName("Username")[0].innerHTML = MastodonTimeline[counter].account.username;
i.getElementsByClassName("PostContent")[0].innerHTML = MastodonTimeline[counter].content;
i.getElementsByClassName("Username")[0].innerHTML = MastodonTimeline[counter].account.username;
break;
}
counter = counter + 1;