very rudimentary initial post thing! wahoo

home/index.html

@@ -15,6 +15,7 @@ <h1>Home</h1>
 		<main id="timeline">
 			<div id="post-input-container">
 				<textarea id="post-input" placeholder="What's up?"></textarea>
+				<button id="post-button">Post!</button>
 			</div>
 		</main>
 		<button id="load-more-button">Load more</button>

js/homepage.ts

@@ -1,6 +1,7 @@
-import { setTimeline, Timelines, renderTimeline } from "./masto_ts.js";
+import { setTimeline, Timelines, renderTimeline, postStatus, renderStatus } from "./masto_ts.js";
 
-const postInput: HTMLElement = document.getElementById("post-input");
+const postInput: HTMLTextAreaElement = (document.getElementById("post-input") as HTMLTextAreaElement);
+const postButton: HTMLButtonElement = (document.getElementById("post-button") as HTMLButtonElement);
 
 document.getElementById("load-more-button").addEventListener("click", () => {
 	renderTimeline();
@@ -13,6 +14,15 @@ postInput.addEventListener("input", (event) => {
 	(event.target as HTMLInputElement).style.height = `${(event.target as HTMLInputElement).scrollHeight}px`;
 });
 
+postButton.addEventListener("click", (event) => {
+	postStatus(postInput.value).then((status) => {
+		postInput.value = "";
+
+		const timeline = document.getElementById("timeline");
+		timeline.insertBefore(renderStatus(status),timeline.getElementsByTagName("article")[0]);
+	});
+});
+
 setTimeline(Timelines.Home);
 
 renderTimeline();