bug fixes (finally) and framework for expanded posts
This commit is contained in:
parent
f41955432b
commit
9feb38a9b4
4 changed files with 35 additions and 5 deletions
0
CSS/expanded.css
Normal file
0
CSS/expanded.css
Normal file
22
HTML/expanded.html
Normal file
22
HTML/expanded.html
Normal 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
0
JS/expanded.js
Normal file
18
JS/index.js
18
JS/index.js
|
@ -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;
|
||||
|
|
Loading…
Add table
Reference in a new issue