optimization
This commit is contained in:
parent
e9741828ba
commit
4de48f76d4
10 changed files with 50 additions and 31 deletions
|
@ -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;
|
||||||
|
|
|
@ -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%;
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -7,6 +7,11 @@ header {
|
||||||
height: 5vh;
|
height: 5vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
section {
|
section {
|
||||||
height: 75vh;
|
height: 75vh;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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);
|
||||||
|
|
Loading…
Add table
Reference in a new issue