From 8c69eaa88a333476e6c4c86e61d4230942e7d530 Mon Sep 17 00:00:00 2001 From: CatAClock Date: Thu, 5 Jun 2025 00:25:39 +0000 Subject: [PATCH] FinalReleaseChanges (#49) - Loads of bug fixes. - CSS improvements. - Tags added. - Optimized some things. - Some other oddities? I don't know :3 - Happiness increased by 2%. --- CSS/account.css | 38 +++++++++++++++- CSS/expanded.css | 6 ++- CSS/index.css | 11 ++++- CSS/mail.css | 2 +- CSS/post.css | 40 ++++++++++++++++- CSS/setting.css | 3 +- HTML/account.html | 27 ++++++----- HTML/expanded.html | 3 +- HTML/post.html | 21 ++++++--- HTML/setting.html | 40 ++++++++--------- JS/BlueskyAPI.js | 110 ++++++++++++++++++++++----------------------- JS/MastodonAPI.js | 83 +++++++++++++++++++--------------- JS/account.js | 63 +++++++++++++++++++++++--- JS/expanded.js | 46 +++++++++++-------- JS/index.js | 31 ++++++++----- JS/post.js | 52 ++++++++++++++++----- 16 files changed, 393 insertions(+), 183 deletions(-) diff --git a/CSS/account.css b/CSS/account.css index 7c84b5c..396ec81 100644 --- a/CSS/account.css +++ b/CSS/account.css @@ -1,3 +1,7 @@ +html { + background: linear-gradient(to right, #00FFFF, #dcdcdc, #dcdcdc, #dcdcdc, #dcdcdc, #dcdcdc, #00FFFF); +} + .Button { margin-top: 30px; @@ -13,14 +17,46 @@ body { text-align: center; } +section { + display: flex; + flex-wrap: wrap; +} + +div:not(.Posts) { + margin-left: auto; + margin-right: auto; + margin-bottom: auto; + + border-style: solid; + border-width: 2px 0; + + width: 49%; +} + +#stick { + position: sticky; + top: 0; +} + +img { + width: 20vh; + height: 20vh; +} + footer { display: flex; justify-content: center; - height: 5vh; + height: 20vh; } /* Mastodon things */ +.Trees { + display: flex; + justify-content: center; + flex-wrap: wrap; +} + .Entry { border-left: 2px solid; border-right: 1px dashed; diff --git a/CSS/expanded.css b/CSS/expanded.css index 507d9cc..89534d2 100644 --- a/CSS/expanded.css +++ b/CSS/expanded.css @@ -15,7 +15,7 @@ body { .Embed { border-style: solid; - border-radius: 1%; + border-radius: 2%; background-color: yellow; } @@ -40,6 +40,10 @@ body { background-color: #050505; } +.Favorite, .Boost, .Reply { + margin: auto; +} + .Button { margin-top: 30px; diff --git a/CSS/index.css b/CSS/index.css index 625db26..a64f9b5 100644 --- a/CSS/index.css +++ b/CSS/index.css @@ -221,9 +221,9 @@ html { .Username { text-align: center; font-weight: bold; - font-size: 2ch; + font-size: min(2vw, 2ch); - margin-top: -5px; + margin-top: max(-5px, -0.5vw); } .PostContent { @@ -247,6 +247,11 @@ html { .Time { font-size: 4ch; + text-decoration: none; +} + +.Time:hover { + text-decoration: underline; } .MainFooter, .MainBlackedFooter { @@ -260,6 +265,8 @@ html { border-width: 2px; border-color: #00FFFF; + padding: auto; + height: 20vh; } diff --git a/CSS/mail.css b/CSS/mail.css index af328d1..cddedba 100644 --- a/CSS/mail.css +++ b/CSS/mail.css @@ -1,6 +1,6 @@ /* Combination */ header, footer { - style="position: relative; + position: relative; z-index: 1; } diff --git a/CSS/post.css b/CSS/post.css index b5eb3a9..4a3be31 100644 --- a/CSS/post.css +++ b/CSS/post.css @@ -1,4 +1,5 @@ html { + background: linear-gradient(#FFFFFF, #dcdcdc, #2eff51); overflow-x: hidden; overflow-y: hidden; } @@ -14,6 +15,43 @@ body { section { height: 75vh; + + display: flex; + flex-wrap: wrap; + justify-content: center; + text-align: center; +} + +textarea, select, input, label { + resize: none; + + border-style: solid; + border-width: 2px; + border-color: #00FFFF; + border-radius: 2% / 50%; +} + +.Divide { + margin-top: auto; + margin-bottom: auto; + margin-left: 1%; + margin-right: 1%; + + border-style: solid; + border-width: 4px; + border-radius: 10%; + + padding: 1%; + + background-color: white; + filter: drop-shadow(0px 20px 10px #00cf23); + + transition: background-color 0.5s, filter 0.5s; +} + +.Button:hover { + background-color: #dcdcdc; + filter: drop-shadow(0px -20px 10px #2eff51); } .SmallButton { @@ -30,5 +68,5 @@ footer { display: flex; justify-content: center; - height: 5vh; + height: 20vh; } diff --git a/CSS/setting.css b/CSS/setting.css index c8cad4f..cb2d041 100644 --- a/CSS/setting.css +++ b/CSS/setting.css @@ -28,9 +28,8 @@ body { border-width: 6px; border-color: #00FFFF; - padding: 8%; + padding: 8vh 6vw; - display: flex; justify-content: center; background: linear-gradient(#dcdcdc, #b4b4b4); color: black; diff --git a/HTML/account.html b/HTML/account.html index ba539fc..102fe34 100644 --- a/HTML/account.html +++ b/HTML/account.html @@ -15,18 +15,25 @@

Account

-
- - -

-
- -

Block!

+
+ +
+ + +

+
-
-

Not implemented. Posts should populate here.

+ +
+ + +

+
-
+

Back

diff --git a/HTML/expanded.html b/HTML/expanded.html index 7e9f761..a4acf62 100644 --- a/HTML/expanded.html +++ b/HTML/expanded.html @@ -35,7 +35,8 @@

-
+ +

Favorite!

Boost!

Reply!

diff --git a/HTML/post.html b/HTML/post.html index b8cf3f1..94e50bf 100644 --- a/HTML/post.html +++ b/HTML/post.html @@ -16,19 +16,28 @@

Post

- -
+ +
+ +
+
+
+ +
- - +
+ + +
+
+
+

POST!

- -

POST!