diff --git a/web/src/context.rs b/web/src/context.rs
index e7ea2e8e..3037ea66 100644
--- a/web/src/context.rs
+++ b/web/src/context.rs
@@ -103,12 +103,12 @@ impl Uri {
 pub struct Http;
 
 impl Http {
-	pub async fn request<T: serde::de::DeserializeOwned>(
+	pub async fn request<T: serde::ser::Serialize>(
 		method: reqwest::Method,
 		url: &str,
-		data: Option<&serde_json::Value>,
+		data: Option<&T>,
 		token: Signal<Option<String>>
-	) -> reqwest::Result<T> {
+	) -> reqwest::Result<reqwest::Response> {
 		let mut req = reqwest::Client::new()
 			.request(method, url);
 
@@ -122,17 +122,20 @@ impl Http {
 
 		req.send()
 			.await?
-			.error_for_status()?
+			.error_for_status()
+	}
+
+	pub async fn fetch<T: serde::de::DeserializeOwned>(url: &str, token: Signal<Option<String>>) -> reqwest::Result<T> {
+		Self::request::<()>(reqwest::Method::GET, url, None, token)
+			.await?
 			.json::<T>()
 			.await
 	}
 
-	pub async fn fetch<T: serde::de::DeserializeOwned>(url: &str, token: Signal<Option<String>>) -> reqwest::Result<T> {
-		Self::request(reqwest::Method::GET, url, None, token).await
-	}
-
-	pub async fn post<T: serde::de::DeserializeOwned>(url: &str, data: &serde_json::Value, token: Signal<Option<String>>) -> reqwest::Result<T> {
-		Self::request(reqwest::Method::POST, url, Some(data), token).await
+	pub async fn post<T: serde::ser::Serialize>(url: &str, data: &T, token: Signal<Option<String>>) -> reqwest::Result<()> {
+		Self::request(reqwest::Method::POST, url, Some(data), token)
+			.await?;
+		Ok(())
 	}
 }
 
diff --git a/web/src/lib.rs b/web/src/lib.rs
index aefef588..a58e694b 100644
--- a/web/src/lib.rs
+++ b/web/src/lib.rs
@@ -115,31 +115,64 @@ pub fn TimelineNavigation() -> impl IntoView {
 }
 
 #[component]
-pub fn PostBox() -> impl IntoView {
+pub fn PostBox(username: Signal<Option<String>>) -> impl IntoView {
 	let auth = use_context::<Signal<Option<String>>>().expect("missing auth context");
 	let summary_ref: NodeRef<html::Input> = create_node_ref();
 	let content_ref: NodeRef<html::Textarea> = create_node_ref();
+	let public_ref: NodeRef<html::Input> = create_node_ref();
+	let followers_ref: NodeRef<html::Input> = create_node_ref();
 	view! {
 		<div class:hidden=move || !auth.get().present() >
-			<input class="w-100" type="text" node_ref=summary_ref placeholder="cw" />
-			<textarea class="w-100" node_ref=content_ref placeholder="leptos is kinda fun!" ></textarea>
-			<button class="w-100" type="button" on:click=move |_| {
-				spawn_local(async move {
-					let summary = summary_ref.get().map(|x| x.value());
-					let content = content_ref.get().map(|x| x.value()).unwrap_or("".into());
-					Http::post(
-						&format!("{URL_BASE}/users/test/outbox"),
-						&serde_json::Value::Object(serde_json::Map::default())
-							.set_object_type(Some(apb::ObjectType::Note))
-							.set_summary(summary.as_deref())
-							.set_content(Some(&content))
-							.set_to(apb::Node::links(vec![apb::target::PUBLIC.to_string()]))
-							.set_cc(apb::Node::links(vec![format!("{URL_BASE}/users/test/followers")])),
-						auth
-					)
-						.await.unwrap()
-				})
-			} >post</button>
+			<table class="align w-100">
+				<tr>
+				<td><input type="checkbox" title="public" value="public" node_ref=public_ref /></td>
+				<td class="w-100"><input class="w-100" type="text" node_ref=summary_ref title="summary" /></td>
+				<td><input type="checkbox" title="followers" value="followers" node_ref=followers_ref checked /></td>
+				</tr>
+				<tr>
+					<td colspan="3">
+						<textarea rows="5" class="w-100" node_ref=content_ref placeholder="leptos is kinda fun!" ></textarea>
+					</td>
+				</tr>
+				<tr>
+					<td colspan="3">
+						<button class="w-100" type="button" on:click=move |_| {
+							spawn_local(async move {
+								let summary = summary_ref.get().map(|x| x.value());
+								let content = content_ref.get().map(|x| x.value()).unwrap_or_default();
+								let public = public_ref.get().map(|x| x.checked()).unwrap_or_default();
+								let followers = followers_ref.get().map(|x| x.checked()).unwrap_or_default();
+								match Http::post(
+									&format!("{URL_BASE}/users/test/outbox"),
+									&serde_json::Value::Object(serde_json::Map::default())
+										.set_object_type(Some(apb::ObjectType::Note))
+										.set_summary(summary.as_deref())
+										.set_content(Some(&content))
+										.set_to(
+											if public {
+												apb::Node::links(vec![apb::target::PUBLIC.to_string()])
+											} else { apb::Node::Empty }
+										)
+										.set_cc(
+											if followers {
+												apb::Node::links(vec![format!("{URL_BASE}/users/{}/followers", username.get().unwrap_or_default())])
+											} else { apb::Node::Empty }
+										),
+									auth
+								)
+									.await
+								{
+									Err(e) => console_error(&format!("error posting note: {e}")),
+									Ok(()) => {
+										if let Some(x) = summary_ref.get() { x.set_value("") }
+										if let Some(x) = content_ref.get() { x.set_value("") }
+									},
+								}
+							})
+						} >post</button>
+					</td>
+				</tr>
+			</table>
 		</div>
 	}
 }
diff --git a/web/src/main.rs b/web/src/main.rs
index 6eae9894..14c759d1 100644
--- a/web/src/main.rs
+++ b/web/src/main.rs
@@ -71,7 +71,7 @@ fn main() {
 										<hr class="mt-1 mb-1" />
 										<TimelineNavigation />
 										<hr class="mt-1 mb-1" />
-										<PostBox />
+										<PostBox username=username />
 									</div>
 									<div class="col-main" class:w-100=move || menu.get() >
 										<Routes>