optimization

This commit is contained in:
CatAClock 2025-05-25 15:09:00 -07:00
parent e9741828ba
commit 4de48f76d4
10 changed files with 50 additions and 31 deletions

View file

@ -8,6 +8,11 @@
height: 100px; height: 100px;
} }
body {
margin: 0px;
text-align: center;
}
footer { footer {
display: flex; display: flex;
justify-content: center; justify-content: center;

View file

@ -8,6 +8,11 @@ img, video {
width: 45%; width: 45%;
} }
body {
margin: 0px;
text-align: center;
}
.Embed { .Embed {
border-style: solid; border-style: solid;
border-radius: 1%; border-radius: 1%;

View file

@ -4,6 +4,10 @@ header, footer {
z-index: 1; z-index: 1;
} }
header {
height: 5vh;
}
/* Singletons */ /* Singletons */
html { html {
background: linear-gradient(#b4b4b4, #dcdcdc, #b4b4b4); background: linear-gradient(#b4b4b4, #dcdcdc, #b4b4b4);
@ -11,8 +15,9 @@ html {
overflow-y: hidden; overflow-y: hidden;
} }
header { body {
height: 5vh; margin: 0px;
text-align: center;
} }
section { section {

View file

@ -7,6 +7,11 @@ header {
height: 5vh; height: 5vh;
} }
body {
margin: 0px;
text-align: center;
}
section { section {
height: 75vh; height: 75vh;
} }

View file

@ -11,18 +11,27 @@ header {
height: 5vh; height: 5vh;
} }
body {
margin: 0px;
text-align: center;
}
.Hidden { .Hidden {
visibility: hidden; visibility: hidden;
display: none; display: none;
} }
.Button { .Button {
margin: auto;
border-style: solid; border-style: solid;
border-width: 6px; border-width: 6px;
border-color: #00FFFF; border-color: #00FFFF;
padding: 25vh 8vw; padding: 8%;
display: flex;
justify-content: center;
background: linear-gradient(#dcdcdc, #b4b4b4); background: linear-gradient(#dcdcdc, #b4b4b4);
color: black; color: black;
} }

View file

@ -11,7 +11,7 @@
<script language="JavaScript" type="text/javascript" src="https://kjur.github.io/jsrsasign/jsrsasign-latest-all-min.js"></script> <script language="JavaScript" type="text/javascript" src="https://kjur.github.io/jsrsasign/jsrsasign-latest-all-min.js"></script>
</head> </head>
<body style="margin: 0px; text-align: center;"> <body>
<!-- Grandparent is a reply post above the reply post above the regular, clicked post. --> <!-- Grandparent is a reply post above the reply post above the regular, clicked post. -->
<header> <header>
<h1 class="Handle GrandParent"></h1> <h1 class="Handle GrandParent"></h1>

View file

@ -11,7 +11,7 @@
<script language="JavaScript" type="text/javascript" src="https://kjur.github.io/jsrsasign/jsrsasign-latest-all-min.js"></script> <script language="JavaScript" type="text/javascript" src="https://kjur.github.io/jsrsasign/jsrsasign-latest-all-min.js"></script>
</head> </head>
<body style="margin: 0px; text-align: center;"> <body>
<header> <header>
<h1>Mail</h1> <h1>Mail</h1>
</header> </header>

View file

@ -11,7 +11,7 @@
<script language="JavaScript" type="text/javascript" src="https://kjur.github.io/jsrsasign/jsrsasign-latest-all-min.js"></script> <script language="JavaScript" type="text/javascript" src="https://kjur.github.io/jsrsasign/jsrsasign-latest-all-min.js"></script>
</head> </head>
<body style="margin: 0px; text-align: center;"> <body>
<header> <header>
<h1>Post</h1> <h1>Post</h1>
</header> </header>

View file

@ -11,15 +11,15 @@
<script language="JavaScript" type="text/javascript" src="https://kjur.github.io/jsrsasign/jsrsasign-latest-all-min.js"></script> <script language="JavaScript" type="text/javascript" src="https://kjur.github.io/jsrsasign/jsrsasign-latest-all-min.js"></script>
</head> </head>
<body style="margin: 0px; text-align: center;"> <body>
<header> <header>
<h1>Setting</h1> <h1>Setting</h1>
</header> </header>
<div style="display: flex; justify-content: center; height: 75vh;"> <div style="display: flex; justify-content: center; height: 75vh;">
<div class="Button" style="margin: auto;"> <div class="Button">
<p class="Remote">Toggle Remote</p> <p class="Remote">Toggle Remote</p>
</div> </div>
<div class="Button" style="display: flex; justify-content: center; margin: auto;"> <div class="Button">
<!-- Sorry people! --> <!-- Sorry people! -->
<!-- Mastodon things. --> <!-- Mastodon things. -->
<div> <div>

View file

@ -76,28 +76,18 @@ async function GetAccount() {
SetBlock(); SetBlock();
// Check for a reblog. // Check for a reblog.
if (post.reblog != null) { if (post.reblog != null) {
AccountName.innerHTML = post.reblog.account.username; post = post.reblog;
AccountDescription.innerHTML = post.reblog.account.note;
AccountImage.setAttribute("src", post.reblog.account.avatar);
// Build the fields
let Field = "<div style=\"display: flex; justify-content: center;\">";
for (let i of post.reblog.account.fields) {
Field += "<b>" + i.name + "</b><em>" + i.value + "</em>";
}
Field += "</div>";
AccountDescription.innerHTML += Field;
} else {
AccountName.innerHTML = post.account.username;
AccountDescription.innerHTML = post.account.note;
AccountImage.setAttribute("src", post.account.avatar);
// Build the fields
let Field = "<div style=\"display: flex; justify-content: center;\">";
for (let i of post.account.fields) {
Field += "<b>" + i.name + "</b><em>" + i.value + "</em>";
}
Field += "</div>";
AccountDescription.innerHTML += Field;
} }
AccountName.innerHTML = post.account.username;
AccountDescription.innerHTML = post.account.note;
AccountImage.setAttribute("src", post.account.avatar);
// Build the fields
let Field = "<div style=\"display: flex; justify-content: center;\">";
for (let i of post.account.fields) {
Field += "<b>" + i.name + "</b><em>" + i.value + "</em>";
}
Field += "</div>";
AccountDescription.innerHTML += Field;
} else if (website == "Bluesky") { } else if (website == "Bluesky") {
// Set the relationship follows // Set the relationship follows
let thing = await BlueskyAPI.GetRecord(localStorage.getItem(Variables.BlueskyDID), "app.bsky.graph.follow", post.post.author.did); let thing = await BlueskyAPI.GetRecord(localStorage.getItem(Variables.BlueskyDID), "app.bsky.graph.follow", post.post.author.did);