diff --git a/README.md b/README.md
index 54faa73..5c4ca06 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 # atmo garden
 
-communities on bsky
+experiment for communities on bsky
 
 ## how it works
 
@@ -9,9 +9,4 @@ communities on bsky
 - you can send a dm with a post to that profile and it gets posted to that profile 
 (if you add a text as a quote post, otherwise as a repost)
 - follow the community profile to see the posts in your timeline (or go to cooking.atmo.garden)
-
-## todo
-
-- pinned post explaining communities
-- submit posts on site
-- limit title length?
\ No newline at end of file
+- community submissions can be gated by a list of allowed users or open to everyone
\ No newline at end of file
diff --git a/src/app.d.ts b/src/app.d.ts
index 9c8189c..e0e3dad 100644
--- a/src/app.d.ts
+++ b/src/app.d.ts
@@ -27,6 +27,13 @@ declare global {
 				ROOKERY_HOSTNAME: string;
 				ROOKERY_SIGNUP_SECRET: string;
 				CRON_SECRET?: string;
+				// Optional: credentials for adding newly-registered communities
+				// to the public atmo.garden discovery list. If any of these are
+				// missing, registration still succeeds but skips the list-add.
+				ATMO_GARDEN_PDS?: string;
+				ATMO_GARDEN_IDENTIFIER?: string;
+				ATMO_GARDEN_APP_PASSWORD?: string;
+				ATMO_GARDEN_LIST_RKEY?: string;
 			};
 		}
 	}
diff --git a/src/lib/reddit/SortTabs.svelte b/src/lib/reddit/SortTabs.svelte
new file mode 100644
index 0000000..45cb12f
--- /dev/null
+++ b/src/lib/reddit/SortTabs.svelte
@@ -0,0 +1,80 @@
+<script lang="ts">
+	import type { PostSort } from './db';
+	type TopSort = 'top-day' | 'top-week' | 'top-month';
+	type PrimaryTab = 'hot' | 'new' | 'top';
+
+	const TOP_SORT_LABELS: Record<TopSort, string> = {
+		'top-day': 'Today',
+		'top-week': 'This week',
+		'top-month': 'This month'
+	};
+	const TOP_SORT_OPTIONS: TopSort[] = ['top-day', 'top-week', 'top-month'];
+
+	let {
+		sort = $bindable<PostSort>('hot'),
+		onchange,
+		class: className
+	}: {
+		sort?: PostSort;
+		onchange?: (next: PostSort) => void;
+		class?: string;
+	} = $props();
+
+	const primaryTab = $derived<PrimaryTab>(
+		sort === 'hot' ? 'hot' : sort === 'new' ? 'new' : 'top'
+	);
+
+	function setSort(next: PostSort) {
+		if (next === sort) return;
+		sort = next;
+		onchange?.(next);
+	}
+
+	function setPrimaryTab(tab: PrimaryTab) {
+		if (tab === primaryTab) return;
+		const next: PostSort =
+			tab === 'hot' ? 'hot' : tab === 'new' ? 'new' : 'top-day';
+		setSort(next);
+	}
+
+	// Centralized button class so light/dark selected look stays consistent.
+	// `accent-800` in dark mode reads as a muted, darker pill that still
+	// reads as "selected" without the saturated glare of `accent-500` on a
+	// near-black page background.
+	const primaryBtnClass = (active: boolean) =>
+		`rounded-full px-4 py-1.5 font-semibold transition-colors ${
+			active
+				? 'bg-accent-500 text-white shadow-sm dark:bg-accent-800'
+				: 'text-base-800 dark:text-base-200 hover:bg-base-200 dark:hover:bg-base-800'
+		}`;
+
+	const subBtnClass = (active: boolean) =>
+		`rounded-full px-3 py-1 font-medium transition-colors ${
+			active
+				? 'bg-accent-500 text-white shadow-sm dark:bg-accent-800'
+				: 'text-base-800 dark:text-base-200 hover:bg-base-200 dark:hover:bg-base-800'
+		}`;
+</script>
+
+<div class="flex flex-col gap-2 {className ?? ''}">
+	<div class="flex items-center gap-1 text-sm">
+		<button type="button" onclick={() => setPrimaryTab('hot')} class={primaryBtnClass(primaryTab === 'hot')}>
+			Hot
+		</button>
+		<button type="button" onclick={() => setPrimaryTab('new')} class={primaryBtnClass(primaryTab === 'new')}>
+			New
+		</button>
+		<button type="button" onclick={() => setPrimaryTab('top')} class={primaryBtnClass(primaryTab === 'top')}>
+			Top
+		</button>
+	</div>
+	{#if primaryTab === 'top'}
+		<div class="flex w-fit items-center gap-1 rounded-full bg-base-100 p-1 text-xs dark:bg-base-900/60">
+			{#each TOP_SORT_OPTIONS as option (option)}
+				<button type="button" onclick={() => setSort(option)} class={subBtnClass(sort === option)}>
+					{TOP_SORT_LABELS[option]}
+				</button>
+			{/each}
+		</div>
+	{/if}
+</div>
diff --git a/src/lib/reddit/SubmitModal.svelte b/src/lib/reddit/SubmitModal.svelte
new file mode 100644
index 0000000..09a74c2
--- /dev/null
+++ b/src/lib/reddit/SubmitModal.svelte
@@ -0,0 +1,123 @@
+<script lang="ts">
+	import { untrack } from 'svelte';
+	import { Modal, Button, Input, Textarea } from '@foxui/core';
+	import { Loader2 } from '@lucide/svelte';
+	import { createSubmission } from '$lib/reddit/server/submissions.remote';
+
+	type Props = {
+		open?: boolean;
+		community: { handle: string; did: string };
+		accentColor?: string;
+		onSubmitted?: () => void;
+	};
+
+	let { open = $bindable(false), community, accentColor, onSubmitted }: Props = $props();
+
+	let title = $state('');
+	let postRef = $state('');
+	let submitting = $state(false);
+	let errorMsg = $state<string | null>(null);
+	let successMsg = $state<string | null>(null);
+
+	const communityShort = $derived(community.handle.split('.')[0]);
+
+	function resetForm() {
+		errorMsg = null;
+		successMsg = null;
+		title = '';
+		postRef = '';
+	}
+
+	let wasOpen = false;
+	$effect(() => {
+		const isOpen = open;
+		if (wasOpen && !isOpen) {
+			untrack(() => resetForm());
+		}
+		wasOpen = isOpen;
+	});
+
+	async function onSubmit() {
+		if (submitting || !postRef.trim()) return;
+		submitting = true;
+		errorMsg = null;
+		successMsg = null;
+		try {
+			const result = await createSubmission({
+				postRef: postRef.trim(),
+				communityDid: community.did,
+				title: title.trim() || undefined
+			});
+			if (!result.processed && result.reason === 'not-allowed') {
+				errorMsg = "You're not allowed to post in this community.";
+				return;
+			}
+			successMsg = result.processed
+				? 'Posted! Your submission is now in the feed.'
+				: 'Submitted! Your post will appear in the feed within a minute.';
+			title = '';
+			postRef = '';
+			onSubmitted?.();
+		} catch (e: unknown) {
+			const err = e as { body?: { message?: string }; message?: string; status?: number };
+			const raw = err?.body?.message ?? err?.message ?? 'Failed to submit';
+			if (err?.status === 401 || raw.includes('Unauthorized')) {
+				errorMsg = 'Please sign in to submit posts.';
+			} else {
+				errorMsg = raw;
+			}
+		} finally {
+			submitting = false;
+		}
+	}
+</script>
+
+<Modal bind:open class={accentColor ?? ''}>
+	<h2 class="text-lg font-semibold">Posting to c/{communityShort}</h2>
+	<form
+		onsubmit={(e) => {
+			e.preventDefault();
+			onSubmit();
+		}}
+		class="flex flex-col gap-4"
+	>
+		<label class="text-sm font-medium text-base-800 dark:text-base-200" for="submit-title"
+			>Title (optional)</label
+		>
+		<Input
+			id="submit-title"
+			bind:value={title}
+			placeholder="Optional title — leave blank to repost"
+			disabled={submitting}
+			maxlength={300}
+		/>
+		<label class="text-sm font-medium text-base-800 dark:text-base-200" for="submit-post"
+			>Bluesky post</label
+		>
+		<Textarea
+			id="submit-post"
+			bind:value={postRef}
+			placeholder="https://bsky.app/profile/..."
+			rows={2}
+			disabled={submitting}
+		/>
+		<p class="text-xs text-base-500 dark:text-base-400">
+			Paste a bsky.app post URL or an at:// URI.
+		</p>
+		{#if errorMsg}
+			<p class="text-sm text-red-500">{errorMsg}</p>
+		{:else if successMsg}
+			<p class="text-sm text-green-600 dark:text-green-400">{successMsg}</p>
+		{/if}
+		<div class="flex justify-end">
+			<Button
+				type="submit"
+				variant="primary"
+				disabled={submitting || !postRef.trim()}
+				class="gap-2"
+			>
+				{#if submitting}<Loader2 size={14} class="animate-spin" />{/if}Submit
+			</Button>
+		</div>
+	</form>
+</Modal>
diff --git a/src/lib/reddit/bot.ts b/src/lib/reddit/bot.ts
index a47015d..1900a5c 100644
--- a/src/lib/reddit/bot.ts
+++ b/src/lib/reddit/bot.ts
@@ -56,12 +56,15 @@ export type CommunityConfig = {
 	accentColor: AccentColor;
 	whoCanSubmit: WhoCanSubmit;
 	listUri: string | null;
+	/** DID of the account that registered the community. Null for legacy rows. */
+	creator: string | null;
 };
 
 const DEFAULT_COMMUNITY_CONFIG: CommunityConfig = {
 	accentColor: DEFAULT_ACCENT_COLOR,
 	whoCanSubmit: 'everyone',
-	listUri: null
+	listUri: null,
+	creator: null
 };
 
 /**
@@ -76,11 +79,16 @@ async function fetchCommunityConfig(pds: string, did: string): Promise<Community
 			accentColor?: unknown;
 			whoCanSubmit?: unknown;
 			listUri?: unknown;
+			creator?: unknown;
 		};
 		return {
 			accentColor: isAccentColor(value.accentColor) ? value.accentColor : DEFAULT_ACCENT_COLOR,
 			whoCanSubmit: value.whoCanSubmit === 'list' ? 'list' : 'everyone',
-			listUri: typeof value.listUri === 'string' ? value.listUri : null
+			listUri: typeof value.listUri === 'string' ? value.listUri : null,
+			creator:
+				typeof value.creator === 'string' && value.creator.startsWith('did:')
+					? value.creator
+					: null
 		};
 	} catch {
 		return { ...DEFAULT_COMMUNITY_CONFIG };
@@ -195,6 +203,90 @@ see posts of this community sorted by Hot/New/Top on ${domainText}`;
 	}
 }
 
+// -------------------------------------------------------------------------
+// atmo.garden discovery list
+// -------------------------------------------------------------------------
+
+/**
+ * Add a newly-registered community's DID to the public atmo.garden discovery
+ * list (e.g. https://bsky.app/profile/atmo.garden/lists/3mj2xb5hpp74n).
+ *
+ * Authenticates against the atmo.garden account with a classic Bluesky app
+ * password — OAuth is overkill for a single-account bot. Uses raw fetch so
+ * we don't drag in a full atproto client just for this.
+ *
+ * Best-effort: if any env var is missing we silently skip. If the login or
+ * createRecord fails we log and return — a flaky list-add must not break
+ * community registration.
+ */
+async function addCommunityToDiscoveryList(
+	env: App.Platform['env'],
+	communityDid: Did
+): Promise<void> {
+	const pds = env.ATMO_GARDEN_PDS;
+	const identifier = env.ATMO_GARDEN_IDENTIFIER;
+	const password = env.ATMO_GARDEN_APP_PASSWORD;
+	const listRkey = env.ATMO_GARDEN_LIST_RKEY;
+
+	if (!pds || !identifier || !password || !listRkey) {
+		console.log(
+			'[discovery-list] skipped — ATMO_GARDEN_* env vars not fully configured'
+		);
+		return;
+	}
+
+	try {
+		// 1. Log in.
+		const sessionRes = await fetch(`${pds}/xrpc/com.atproto.server.createSession`, {
+			method: 'POST',
+			headers: { 'Content-Type': 'application/json' },
+			body: JSON.stringify({ identifier, password })
+		});
+		if (!sessionRes.ok) {
+			throw new Error(
+				`createSession failed (${sessionRes.status}): ${await sessionRes.text()}`
+			);
+		}
+		const session = (await sessionRes.json()) as {
+			did: string;
+			accessJwt: string;
+		};
+
+		// 2. Build the list at-URI from the logged-in account's own DID +
+		//    the configured rkey. This means the env var is just the short
+		//    rkey — no handle resolution required.
+		const listUri = `at://${session.did}/app.bsky.graph.list/${listRkey}`;
+
+		// 3. Create the listitem record.
+		const createRes = await fetch(`${pds}/xrpc/com.atproto.repo.createRecord`, {
+			method: 'POST',
+			headers: {
+				'Content-Type': 'application/json',
+				Authorization: `Bearer ${session.accessJwt}`
+			},
+			body: JSON.stringify({
+				repo: session.did,
+				collection: 'app.bsky.graph.listitem',
+				record: {
+					$type: 'app.bsky.graph.listitem',
+					subject: communityDid,
+					list: listUri,
+					createdAt: new Date().toISOString()
+				}
+			})
+		});
+		if (!createRes.ok) {
+			throw new Error(
+				`createRecord listitem failed (${createRes.status}): ${await createRes.text()}`
+			);
+		}
+
+		console.log(`[discovery-list] added ${communityDid} to ${listUri}`);
+	} catch (e) {
+		console.error('[discovery-list] failed', e);
+	}
+}
+
 // -------------------------------------------------------------------------
 // Loading a client for a stored community
 // -------------------------------------------------------------------------
@@ -406,6 +498,11 @@ export async function registerCommunity(
 		followers_count: followersCount
 	});
 
+	// Add the new community to the public atmo.garden discovery list so it
+	// shows up for anyone subscribed to the list on Bluesky. Non-fatal —
+	// the community is fully registered by this point regardless.
+	await addCommunityToDiscoveryList(env, account.did as Did);
+
 	return { did: account.did as Did, handle: account.handle };
 }
 
@@ -612,6 +709,9 @@ export async function processCommunityDms(
 
 	function isAllowed(senderDid: string): boolean {
 		if (!gated) return true;
+		// Community creator bypasses the allowlist — they shouldn't be
+		// locked out of their own community by their own list config.
+		if (config.creator && config.creator === senderDid) return true;
 		return allowedMembers?.has(senderDid) ?? false;
 	}
 
@@ -777,6 +877,35 @@ async function createSubmissionPost(
 // Web submissions via garden.atmo.submission records (jetstream-driven)
 // -------------------------------------------------------------------------
 
+/**
+ * Is `viewerDid` allowed to submit to this community? Reads the community's
+ * `garden.atmo.community/self` record off the PDS to get the access policy;
+ * for list-gated communities also fetches the allowlist members.
+ *
+ * The community creator is always allowed, regardless of allowlist state —
+ * they registered the community and should never be locked out of their
+ * own space.
+ *
+ * Semantics for anonymous viewers (`viewerDid === null`):
+ *   - non-gated community → true
+ *   - list-gated → true (optimistic — user may still be prompted to log in
+ *     before the submission actually goes through). This keeps the UI from
+ *     hiding the button from signed-out visitors who would otherwise be
+ *     allowed once they log in.
+ */
+export async function canUserSubmit(
+	pds: string,
+	communityDid: string,
+	viewerDid: string | null
+): Promise<boolean> {
+	const config = await fetchCommunityConfig(pds, communityDid);
+	if (config.whoCanSubmit !== 'list' || !config.listUri) return true;
+	if (!viewerDid) return true;
+	if (config.creator && config.creator === viewerDid) return true;
+	const members = await fetchListMembers(config.listUri);
+	return members.has(viewerDid);
+}
+
 /**
  * Reason a web submission was dropped. Surfaced for logging; callers don't
  * branch on these today.
@@ -806,12 +935,16 @@ export async function processWebSubmission(
 
 	// Access control: re-read the community config on every submission so
 	// allowlist flips take effect immediately. Cheap compared to the DM path
-	// because we don't have a convo loop to amortize over.
+	// because we don't have a convo loop to amortize over. The creator is
+	// always allowed through, matching the UI-side check in `canUserSubmit`.
 	const config = await fetchCommunityConfig(row.pds, row.did);
 	if (config.whoCanSubmit === 'list' && config.listUri) {
-		const members = await fetchListMembers(config.listUri);
-		if (!members.has(input.submitterDid)) {
-			return { ok: false, reason: 'not-allowed' };
+		const isCreator = config.creator && config.creator === input.submitterDid;
+		if (!isCreator) {
+			const members = await fetchListMembers(config.listUri);
+			if (!members.has(input.submitterDid)) {
+				return { ok: false, reason: 'not-allowed' };
+			}
 		}
 	}
 
diff --git a/src/lib/reddit/db.ts b/src/lib/reddit/db.ts
index 496d33a..9d6aae4 100644
--- a/src/lib/reddit/db.ts
+++ b/src/lib/reddit/db.ts
@@ -283,17 +283,26 @@ export async function getPostByUri(
 
 export async function getCombinedFeed(
 	db: D1Database,
-	limit = 50
+	limit = 50,
+	sort: PostSort = 'hot',
+	offset = 0
 ): Promise<PostWithCommunity[]> {
+	const { where, order } = sortClauses(sort);
+	// sortClauses returns a fragment starting with `AND` since it was
+	// written for the community-scoped query that always has a
+	// `WHERE p.community_did = ?` clause. For the home feed there's no
+	// base WHERE, so we rewrite the leading `AND` to `WHERE`.
+	const whereClause = where ? where.replace(/^\s*AND\s+/, 'WHERE ') : '';
 	const res = await db
 		.prepare(
 			`SELECT p.*, c.handle AS community_handle, c.display_name AS community_display_name, c.avatar AS community_avatar, c.accent_color AS community_accent_color
 			 FROM posts p
 			 JOIN communities c ON c.did = p.community_did
-			 ORDER BY p.indexed_at DESC
-			 LIMIT ?`
+			 ${whereClause}
+			 ORDER BY ${order}
+			 LIMIT ? OFFSET ?`
 		)
-		.bind(limit)
+		.bind(limit, offset)
 		.all<PostWithCommunity>();
 	return res.results ?? [];
 }
diff --git a/src/lib/reddit/server/communities.remote.ts b/src/lib/reddit/server/communities.remote.ts
index 14b2cf3..f3d3157 100644
--- a/src/lib/reddit/server/communities.remote.ts
+++ b/src/lib/reddit/server/communities.remote.ts
@@ -11,7 +11,7 @@ import {
 	type PostWithCommunity,
 	type PostSort
 } from '../db';
-import { registerCommunity } from '../bot';
+import { canUserSubmit, registerCommunity } from '../bot';
 import { parseListUri } from '../list-uri';
 import {
 	ACCENT_COLORS,
@@ -41,6 +41,11 @@ type PublicCommunity = Omit<
 	followersCount: number;
 };
 
+/** PublicCommunity + viewer-specific access state. */
+type CommunityWithAccess = PublicCommunity & {
+	canSubmit: boolean;
+};
+
 function sanitize(row: CommunityRow): PublicCommunity {
 	/* eslint-disable @typescript-eslint/no-unused-vars */
 	const {
@@ -162,13 +167,23 @@ export const getCommunities = command(
 
 export const getCommunity = command(
 	v.object({ handle: v.string() }),
-	async (input): Promise<PublicCommunity | null> => {
-		const { platform } = getRequestEvent();
+	async (input): Promise<CommunityWithAccess | null> => {
+		const { platform, locals } = getRequestEvent();
 		const env = platform?.env;
 		if (!env || !env.DB) return null;
 
 		const row = await getCommunityByHandle(env.DB, fullHandle(input.handle));
-		return row ? sanitize(row) : null;
+		if (!row) return null;
+
+		// Viewer-specific: can this viewer submit to the community? Reads the
+		// allowlist off the community's PDS and (if gated) checks membership.
+		// Fails open — if the config fetch blows up, we don't want to hide the
+		// submit button from everyone.
+		const canSubmit = await canUserSubmit(row.pds, row.did, locals.did ?? null).catch(
+			() => true
+		);
+
+		return { ...sanitize(row), canSubmit };
 	}
 );
 
@@ -209,12 +224,21 @@ export const getCommunityPost = command(
 );
 
 export const getHomeFeed = command(
-	v.object({ limit: v.optional(v.number()) }),
+	v.object({
+		limit: v.optional(v.number()),
+		offset: v.optional(v.number()),
+		sort: v.optional(v.picklist(['hot', 'new', 'top-day', 'top-week', 'top-month']))
+	}),
 	async (input): Promise<PostWithCommunity[]> => {
 		const { platform } = getRequestEvent();
 		const env = platform?.env;
 		if (!env || !env.DB) return [];
 
-		return getCombinedFeed(env.DB, input.limit ?? 50);
+		return getCombinedFeed(
+			env.DB,
+			input.limit ?? 50,
+			(input.sort ?? 'hot') as PostSort,
+			input.offset ?? 0
+		);
 	}
 );
diff --git a/src/lib/reddit/server/submissions.remote.ts b/src/lib/reddit/server/submissions.remote.ts
index bbdfa22..f8f6354 100644
--- a/src/lib/reddit/server/submissions.remote.ts
+++ b/src/lib/reddit/server/submissions.remote.ts
@@ -7,14 +7,52 @@ import { error } from '@sveltejs/kit';
 import { command, getRequestEvent } from '$app/server';
 import * as v from 'valibot';
 import * as TID from '@atcute/tid';
+import type { Did, Handle, ResourceUri } from '@atcute/lexicons';
+import { resolveHandle } from '$lib/atproto/methods';
+import { processWebSubmission } from '../bot';
 
 // Accept either an `at://did/app.bsky.feed.post/rkey` URI directly or a
 // bsky.app post URL — the latter is what users will usually paste.
-const AT_URI = /^at:\/\/did:[^/]+\/app\.bsky\.feed\.post\/[A-Za-z0-9]+$/;
+const AT_URI = /^at:\/\/(did:[^/]+)\/app\.bsky\.feed\.post\/([A-Za-z0-9]+)$/;
+const BSKY_URL = /^https?:\/\/bsky\.app\/profile\/([^/\s]+)\/post\/([A-Za-z0-9]+)$/i;
+
+/**
+ * Normalize a user-pasted post reference (either at-URI or bsky.app URL)
+ * into a canonical `at://did/app.bsky.feed.post/rkey`. Resolves the handle
+ * via DoH/slingshot when the URL uses a handle instead of a DID.
+ *
+ * Returns null when the input can't be parsed as a Bluesky post reference.
+ */
+async function normalizePostRef(ref: string): Promise<string | null> {
+	const trimmed = ref.trim();
+
+	const atMatch = trimmed.match(AT_URI);
+	if (atMatch) return trimmed;
+
+	const urlMatch = trimmed.match(BSKY_URL);
+	if (!urlMatch) return null;
+
+	const handleOrDid = urlMatch[1];
+	const rkey = urlMatch[2];
+
+	let did: string;
+	if (handleOrDid.startsWith('did:')) {
+		did = handleOrDid;
+	} else {
+		try {
+			did = await resolveHandle({ handle: handleOrDid as Handle });
+		} catch {
+			return null;
+		}
+	}
+
+	return `at://${did}/app.bsky.feed.post/${rkey}`;
+}
 
 export const createSubmission = command(
 	v.object({
-		postUri: v.pipe(v.string(), v.regex(AT_URI, 'Expected an app.bsky.feed.post AT URI')),
+		// Accepts either an at-URI or a bsky.app post URL; normalized server-side.
+		postRef: v.pipe(v.string(), v.minLength(1), v.maxLength(1024)),
 		communityDid: v.pipe(
 			v.string(),
 			v.regex(/^did:[a-z]+:[a-zA-Z0-9._:%-]+$/, 'Expected a DID')
@@ -25,9 +63,17 @@ export const createSubmission = command(
 		title: v.optional(v.pipe(v.string(), v.maxLength(600)))
 	}),
 	async (input) => {
-		const { locals } = getRequestEvent();
+		const { platform, locals } = getRequestEvent();
 		if (!locals.client || !locals.did) error(401, 'Not authenticated');
 
+		const postUri = await normalizePostRef(input.postRef);
+		if (!postUri) {
+			error(
+				400,
+				"Couldn't parse that as a Bluesky post. Paste a bsky.app URL or an at:// URI."
+			);
+		}
+
 		const rkey = TID.now();
 		const res = await locals.client.post('com.atproto.repo.createRecord', {
 			input: {
@@ -36,7 +82,7 @@ export const createSubmission = command(
 				rkey,
 				record: {
 					$type: 'garden.atmo.submission',
-					post: input.postUri,
+					post: postUri,
 					community: input.communityDid,
 					...(input.title ? { title: input.title } : {}),
 					createdAt: new Date().toISOString()
@@ -45,6 +91,30 @@ export const createSubmission = command(
 		});
 
 		if (!res.ok) error(res.status, 'Failed to create submission');
-		return { uri: res.data.uri };
+
+		// Synchronously turn the submission into a community quote post so the
+		// user doesn't have to wait for the jetstream cron. The drain in
+		// bot.ts is still the canonical path (and handles submissions from
+		// other clients) — this is a best-effort fast path. Dedup in
+		// processWebSubmission keeps the two paths idempotent.
+		const env = platform?.env;
+		let processed = false;
+		let reason: string | undefined;
+		if (env?.DB) {
+			try {
+				const result = await processWebSubmission(env, env.DB, {
+					communityDid: input.communityDid,
+					postUri: postUri as ResourceUri,
+					title: input.title?.trim() ?? '',
+					submitterDid: locals.did as Did
+				});
+				processed = result.ok;
+				if (!result.ok) reason = result.reason;
+			} catch (e) {
+				console.error('[createSubmission] immediate processing failed', e);
+			}
+		}
+
+		return { uri: res.data.uri, processed, reason };
 	}
 );
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 4feeee2..bedf4ba 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,41 +1,97 @@
 <script lang="ts">
-	import { onMount } from 'svelte';
+	import { onMount, onDestroy } from 'svelte';
 	import { Loader2 } from '@lucide/svelte';
 	import { getHomeFeed } from '$lib/reddit/server/communities.remote';
 	import { getQuotedPosts } from '$lib/reddit/server/quoted-posts.remote';
 	import RedditPostCard from '$lib/reddit/RedditPostCard.svelte';
-	import type { PostWithCommunity } from '$lib/reddit/db';
+	import SortTabs from '$lib/reddit/SortTabs.svelte';
+	import type { PostSort, PostWithCommunity } from '$lib/reddit/db';
+
+	const PAGE_SIZE = 50;
 
 	let loading = $state(true);
+	let loadingMore = $state(false);
+	let hasMore = $state(true);
 	let feed = $state<PostWithCommunity[]>([]);
 	let quoted = $state<Record<string, unknown>>({});
+	let sort = $state<PostSort>('hot');
 
-	onMount(async () => {
+	async function loadFeed(nextSort: PostSort) {
+		loading = true;
+		hasMore = true;
+		feed = [];
+		quoted = {};
 		try {
-			const f = await getHomeFeed({ limit: 50 });
-			feed = f;
-			if (f.length > 0) {
-				const res = await getQuotedPosts({ uris: f.map((p) => p.quoted_post_uri) });
+			const rows = await getHomeFeed({ limit: PAGE_SIZE, sort: nextSort });
+			feed = rows;
+			if (rows.length > 0) {
+				const res = await getQuotedPosts({ uris: rows.map((p) => p.quoted_post_uri) });
 				quoted = res.posts;
 			}
+			hasMore = rows.length >= PAGE_SIZE;
 		} catch (e) {
-			console.error(e);
+			console.error('[home] loadFeed failed', e);
 		} finally {
 			loading = false;
 		}
+	}
+
+	async function loadMore() {
+		if (loadingMore || !hasMore || loading) return;
+		loadingMore = true;
+		try {
+			const rows = await getHomeFeed({
+				limit: PAGE_SIZE,
+				sort,
+				offset: feed.length
+			});
+			feed = [...feed, ...rows];
+			if (rows.length > 0) {
+				const res = await getQuotedPosts({ uris: rows.map((p) => p.quoted_post_uri) });
+				quoted = { ...quoted, ...res.posts };
+			}
+			if (rows.length < PAGE_SIZE) {
+				hasMore = false;
+			}
+		} catch (e) {
+			console.error('[home] loadMore failed', e);
+		} finally {
+			loadingMore = false;
+		}
+	}
+
+	function handleScroll() {
+		if (loadingMore || !hasMore || loading) return;
+		const { scrollTop, scrollHeight, clientHeight } = document.documentElement;
+		if (scrollHeight - scrollTop - clientHeight < 2000) {
+			loadMore();
+		}
+	}
+
+	onMount(() => {
+		loadFeed('hot');
+		window.addEventListener('scroll', handleScroll, { passive: true });
+	});
+
+	onDestroy(() => {
+		if (typeof window !== 'undefined') {
+			window.removeEventListener('scroll', handleScroll);
+		}
 	});
 </script>
 
 <div class="mx-auto w-full max-w-xl px-4 py-6">
 	<h1 class="mb-4 text-2xl font-bold">atmo.garden</h1>
 
+	<SortTabs bind:sort onchange={loadFeed} class="mb-3" />
+
 	{#if loading}
 		<div class="flex items-center justify-center py-12">
 			<Loader2 class="text-base-400 animate-spin" size={28} />
 		</div>
 	{:else if feed.length === 0}
 		<p class="text-base-500 dark:text-base-400 py-8 text-center text-sm">
-			No submissions yet.
+			{sort === 'new' || sort === 'hot' ? 'No submissions yet.' : 'Nothing in this window.'}
 		</p>
 	{:else}
 		<div class="divide-base-200 dark:divide-base-800 flex flex-col divide-y">
@@ -47,5 +103,13 @@
 				/>
 			{/each}
 		</div>
+		{#if loadingMore}
+			<div class="flex justify-center py-6">
+				<Loader2 class="text-base-400 animate-spin" size={24} />
+			</div>
+		{/if}
+		{#if !hasMore && feed.length > 0}
+			<p class="text-base-400 py-6 text-center text-sm">You've reached the end</p>
+		{/if}
 	{/if}
 </div>
diff --git a/src/routes/c/[handle]/+page.svelte b/src/routes/c/[handle]/+page.svelte
index 7c1de69..11f76ba 100644
--- a/src/routes/c/[handle]/+page.svelte
+++ b/src/routes/c/[handle]/+page.svelte
@@ -2,28 +2,19 @@
 	import { untrack, onMount, onDestroy } from 'svelte';
 	import { page } from '$app/state';
 	import { Avatar, Button } from '@foxui/core';
-	import { Loader2, Check, UserPlus } from '@lucide/svelte';
+	import { Loader2, Check, UserPlus, Plus } from '@lucide/svelte';
 	import { getCommunity, getCommunityPosts } from '$lib/reddit/server/communities.remote';
 	import { getQuotedPosts } from '$lib/reddit/server/quoted-posts.remote';
 	import { followUser, unfollowUser, getProfile } from '$lib/atproto/server/feed.remote';
 	import { user } from '$lib/atproto/auth.svelte';
 	import { loginModalState } from '$lib/LoginModal.svelte';
 	import RedditPostCard from '$lib/reddit/RedditPostCard.svelte';
-	import type { PostWithCommunity } from '$lib/reddit/db';
+	import SubmitModal from '$lib/reddit/SubmitModal.svelte';
+	import SortTabs from '$lib/reddit/SortTabs.svelte';
+	import type { PostSort, PostWithCommunity } from '$lib/reddit/db';
 
 	type CommunityInfo = Awaited<ReturnType<typeof getCommunity>>;
 
-	type Sort = 'hot' | 'new' | 'top-day' | 'top-week' | 'top-month';
-	type TopSort = 'top-day' | 'top-week' | 'top-month';
-	type PrimaryTab = 'hot' | 'new' | 'top';
-
-	const TOP_SORT_LABELS: Record<TopSort, string> = {
-		'top-day': 'Today',
-		'top-week': 'This week',
-		'top-month': 'This month'
-	};
-	const TOP_SORT_OPTIONS: TopSort[] = ['top-day', 'top-week', 'top-month'];
-
 	let loading = $state(true);
 	let postsLoading = $state(false);
 	let loadingMore = $state(false);
@@ -32,10 +23,7 @@
 	let community = $state<CommunityInfo>(null);
 	let posts = $state<PostWithCommunity[]>([]);
 	let quoted = $state<Record<string, unknown>>({});
-	let sort = $state<Sort>('hot');
-	const primaryTab = $derived<PrimaryTab>(
-		sort === 'hot' ? 'hot' : sort === 'new' ? 'new' : 'top'
-	);
+	let sort = $state<PostSort>('hot');
 
 	// Follow state — populated after the community loads, if the user is
 	// signed in. `followUri` is the AT-URI of the user's follow record
@@ -44,7 +32,17 @@
 	let joinLoading = $state(false);
 	const isFollowing = $derived(followUri !== null);
 
-	async function loadPosts(handle: string, nextSort: Sort) {
+	let submitOpen = $state(false);
+
+	function onSubmitClick() {
+		if (!user.did) {
+			loginModalState.open = true;
+			return;
+		}
+		submitOpen = true;
+	}
+
+	async function loadPosts(handle: string, nextSort: PostSort) {
 		postsLoading = true;
 		hasMore = true;
 		try {
@@ -144,18 +142,11 @@
 		}
 	}
 
-	function onSortClick(next: Sort) {
-		if (next === sort || !community) return;
-		sort = next;
+	function onSortChange(next: PostSort) {
+		if (!community) return;
 		loadPosts(community.handle, next);
 	}
 
-	function onPrimaryTabClick(tab: PrimaryTab) {
-		if (tab === primaryTab) return;
-		const next: Sort = tab === 'hot' ? 'hot' : tab === 'new' ? 'new' : 'top-day';
-		onSortClick(next);
-	}
-
 	async function onJoinClick() {
 		if (!community) return;
 		if (!user.did) {
@@ -185,7 +176,7 @@
 	});
 </script>
 
-<div class="mx-auto w-full max-w-lg px-4 py-6 {community?.accentColor ?? ''}">
+<div class="mx-auto w-full max-w-xl px-4 py-6 {community?.accentColor ?? ''}">
 	{#if loading}
 		<div class="flex items-center justify-center py-12">
 			<Loader2 class="text-base-400 animate-spin" size={28} />
@@ -194,7 +185,7 @@
 		<p class="text-sm text-red-500">{loadError}</p>
 	{:else if community}
 		{@const communityShort = community.handle.split('.')[0]}
-		<header class="mb-6 flex items-start gap-4">
+		<header class="mb-4 flex items-start gap-4">
 			{#if community.avatar}
 				<Avatar src={community.avatar} class="size-24 ring-2 ring-accent-500" />
 			{/if}
@@ -235,56 +226,25 @@
 			</div>
 		</header>
 
-		<div class="border-base-200 dark:border-base-800 mb-4 rounded-xl border bg-base-50 dark:bg-base-900/50 p-3 text-xs text-base-500 dark:text-base-400">
-			Submit to this community by DM'ing <span class="font-mono">@{community.handle}</span> a Bluesky post link with your title.
-		</div>
-
-		<div class="mb-3 flex flex-col gap-2">
-			<div class="flex items-center gap-1 text-sm">
-				<button
-					type="button"
-					onclick={() => onPrimaryTabClick('hot')}
-					class="rounded-full px-4 py-1.5 font-semibold transition-colors {primaryTab === 'hot'
-						? 'bg-accent-500 text-white shadow-sm'
-						: 'text-base-800 dark:text-base-200 hover:bg-base-200 dark:hover:bg-base-800'}"
-				>
-					Hot
-				</button>
-				<button
-					type="button"
-					onclick={() => onPrimaryTabClick('new')}
-					class="rounded-full px-4 py-1.5 font-semibold transition-colors {primaryTab === 'new'
-						? 'bg-accent-500 text-white shadow-sm'
-						: 'text-base-800 dark:text-base-200 hover:bg-base-200 dark:hover:bg-base-800'}"
-				>
-					New
-				</button>
-				<button
-					type="button"
-					onclick={() => onPrimaryTabClick('top')}
-					class="rounded-full px-4 py-1.5 font-semibold transition-colors {primaryTab === 'top'
-						? 'bg-accent-500 text-white shadow-sm'
-						: 'text-base-800 dark:text-base-200 hover:bg-base-200 dark:hover:bg-base-800'}"
-				>
-					Top
-				</button>
+		{#if community.canSubmit}
+			<div class="mb-6">
+				<Button variant="primary" onclick={onSubmitClick} class="gap-2 mb-2">
+					<Plus size={16} />
+					Submit post
+				</Button>
+				<p class="text-xs text-base-500 dark:text-base-400">
+					Or DM <a href={`https://bsky.app/profile/${community.handle}`} target="_blank" rel="noopener noreferrer" class="font-mono text-accent-600 dark:text-accent-400">@{community.handle}</a> a Bluesky post link to submit via chat.
+				</p>
 			</div>
-			{#if primaryTab === 'top'}
-				<div class="flex items-center gap-1 rounded-full bg-base-100 dark:bg-base-900/60 p-1 text-xs w-fit">
-					{#each TOP_SORT_OPTIONS as option (option)}
-						<button
-							type="button"
-							onclick={() => onSortClick(option)}
-							class="rounded-full px-3 py-1 font-medium transition-colors {sort === option
-								? 'bg-accent-500 text-white shadow-sm'
-								: 'text-base-800 dark:text-base-200 hover:bg-base-200 dark:hover:bg-base-800'}"
-						>
-							{TOP_SORT_LABELS[option]}
-						</button>
-					{/each}
-				</div>
-			{/if}
-		</div>
+		{:else}
+			<div
+				class="mb-6 border-base-200 dark:border-base-800 rounded-xl border bg-base-200 dark:bg-base-950/50 p-3 text-xs text-base-500 dark:text-base-400"
+			>
+				This community's allowlist doesn't include your account, so you can't submit posts here.
+			</div>
+		{/if}
+
+		<SortTabs bind:sort onchange={onSortChange} class="mb-3" />
 
 		{#if postsLoading}
 			<div class="flex items-center justify-center py-12">
@@ -314,5 +274,14 @@
 				<p class="text-base-400 py-6 text-center text-sm">You've reached the end</p>
 			{/if}
 		{/if}
+
+		<SubmitModal
+			bind:open={submitOpen}
+			community={{ handle: community.handle, did: community.did }}
+			accentColor={community.accentColor}
+			onSubmitted={() => {
+				if (community) loadPosts(community.handle, sort);
+			}}
+		/>
 	{/if}
 </div>
diff --git a/src/routes/communities/+page.svelte b/src/routes/communities/+page.svelte
index 3700b41..9f2a42c 100644
--- a/src/routes/communities/+page.svelte
+++ b/src/routes/communities/+page.svelte
@@ -28,7 +28,7 @@
 	}
 </script>
 
-<div class="mx-auto w-full max-w-lg px-4 py-6">
+<div class="mx-auto w-full max-w-xl px-4 py-6">
 	<div class="mb-4 flex items-center justify-between">
 		<h1 class="text-2xl font-bold">Communities</h1>
 		<a
diff --git a/src/routes/hashtag/[tag]/+page.svelte b/src/routes/hashtag/[tag]/+page.svelte
index 11a1c75..334f712 100644
--- a/src/routes/hashtag/[tag]/+page.svelte
+++ b/src/routes/hashtag/[tag]/+page.svelte
@@ -52,7 +52,7 @@
 </script>
 
 <div>
-	<div class="mx-auto w-full max-w-lg">
+	<div class="mx-auto w-full max-w-xl">
 		<div class="flex items-center gap-2 px-4 pt-4 pb-3">
 			<Hash class="text-base-400" size={20} />
 			<h1 class="text-base-900 dark:text-base-100 text-lg font-semibold">{tag}</h1>
diff --git a/src/routes/profile/[handle]/+page.svelte b/src/routes/profile/[handle]/+page.svelte
index f125c89..6972905 100644
--- a/src/routes/profile/[handle]/+page.svelte
+++ b/src/routes/profile/[handle]/+page.svelte
@@ -122,7 +122,7 @@
 </script>
 
 <div>
-	<div class="mx-auto w-full max-w-lg flex-1">
+	<div class="mx-auto w-full max-w-xl flex-1">
 		{#if loading}
 			<div class="flex items-center justify-center py-12">
 				<Loader2 class="text-base-400 animate-spin" size={28} />