From b566263e99e9e0e092883ac884e8b8d7646267b7 Mon Sep 17 00:00:00 2001
From: CatAClock <CatAClock@proton.me>
Date: Tue, 27 May 2025 20:28:31 -0700
Subject: [PATCH] mastodon tags almost done. I need to sleep (also bug fix)

---
 CSS/post.css   |  3 +++
 HTML/post.html |  6 ++++--
 JS/post.js     | 13 +++++++++----
 3 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/CSS/post.css b/CSS/post.css
index b5eb3a9..43d7bcf 100644
--- a/CSS/post.css
+++ b/CSS/post.css
@@ -14,6 +14,9 @@ body {
 
 section {
 	height: 75vh;
+	
+	justify-content: center;
+	text-align: center;
 }
 
 .SmallButton {
diff --git a/HTML/post.html b/HTML/post.html
index 2ef20b5..5523ed6 100644
--- a/HTML/post.html
+++ b/HTML/post.html
@@ -27,8 +27,10 @@
 				<input type="checkbox" class="PostYoutube" />
 				<label>Post to Youtube</label>
 			</div>
-			<textarea cols="50" rows="1" class="Warning" placeholder="Content Warnings"></textarea>
-			<textarea cols="50" rows="1" class="Tags" placeholder="Tags (seperate with \";\")"></textarea>
+			<textarea cols="50" rows="2" class="Warning" maxlength="100" placeholder="Content Warnings"></textarea>
+			<div>
+				<textarea cols="50" rows="1" class="Tags" maxlength="50" placeholder="Tags (seperate with ;)"></textarea>
+			</div>
 			<p class="Button">POST!</p>
 		</section>
 		<footer>
diff --git a/JS/post.js b/JS/post.js
index 40243f5..b34babb 100644
--- a/JS/post.js
+++ b/JS/post.js
@@ -9,6 +9,7 @@ let VisibilityDropdown = document.getElementsByClassName("PostVisibility")[0];
 let InputArea = document.getElementsByClassName("Text")[0];
 let YoutubePoser = document.getElementsByClassName("PostYoutube")[0];
 let WarningInputArea = document.getElementsByClassName("Warning")[0];
+let TagsInputArea = document.getElementsByClassName("Tags")[0];
 
 // Clicking the beeg POST button.
 PostButton.onclick = (event) => {
@@ -32,6 +33,7 @@ async function Post() {
 	// Mastodon posting.
 	if (localStorage.getItem(Variables.MastodonAccessToken) != null) {
 		let TempVisible;
+		let TempText = Text + "<br/><br/>" + TagsInputArea.value;
 		switch(Visible) {
 			case "Public":
 				TempVisible = "public";
@@ -48,18 +50,19 @@ async function Post() {
 		}
 		if (website == "Mastodon") {
 			if (WarningInputArea.value == "") {
-				await MastodonAPI.CreateReplyStatus(Text, undefined, TempVisible, JSON.parse(localStorage.getItem("post")).id);
+				await MastodonAPI.CreateReplyStatus(TempText, undefined, TempVisible, JSON.parse(localStorage.getItem("post")).id);
 			} else {
-				await MastodonAPI.CreateReplyStatus(Text, WarningInputArea.value, TempVisible, JSON.parse(localStorage.getItem("post")).id);
+				await MastodonAPI.CreateReplyStatus(TempText, WarningInputArea.value, TempVisible, JSON.parse(localStorage.getItem("post")).id);
 			}
 			InputArea.value = "";
 			WarningInputArea.value = "";
+			TagsInputArea.value = "";
 			return;
 		} else if (website == "All") {
 			if (WarningInputArea.value == "") {
-				await MastodonAPI.CreateStatus(Text, undefined, TempVisible);
+				await MastodonAPI.CreateStatus(TempText, undefined, TempVisible);
 			} else {
-				await MastodonAPI.CreateStatus(Text, WarningInputArea.value, TempVisible);
+				await MastodonAPI.CreateStatus(TempText, WarningInputArea.value, TempVisible);
 			}
 		}
 	}
@@ -99,6 +102,7 @@ async function Post() {
 			}
 			InputArea.value = "";
 			WarningInputArea.value = "";
+			TagsInputArea.value = "";
 			return;
 		} else if (website == "All") {
 			let Post;
@@ -118,6 +122,7 @@ async function Post() {
 	// The input being cleared means that the posting happened.
 	InputArea.value = "";
 	WarningInputArea.value = "";
+	TagsInputArea.value = "";
 }
 
 // Check if you can interact with the textbox