diff --git a/src/lib/components/ChatLayout.svelte b/src/lib/components/ChatLayout.svelte
index 88900c6..b3ef15f 100644
--- a/src/lib/components/ChatLayout.svelte
+++ b/src/lib/components/ChatLayout.svelte
@@ -37,10 +37,23 @@
 					</Button>
 				{/if}
 
-				<Button onClick={()=>{alert("todo: implement todo bookmarks")}}><ListCheckSolid /></Button>
-				<Button><CircleQuestionSolid /></Button>
+				<Button
+					onClick={() => {
+						alert('todo: implement todo bookmarks');
+					}}><ListCheckSolid /></Button
+				>
+				<Button
+					onClick={() => {
+						goto(`${base}/help`);
+					}}><CircleQuestionSolid /></Button
+				>
 				<Button><GearSolid /></Button>
-				<Button onClick={()=>{console.log("43");window.location.href=`https://github.com/nostrocket/humble.horse/`}}><CodePullRequestSolid /></Button>
+				<Button
+					onClick={() => {
+						console.log('43');
+						window.location.href = `https://github.com/nostrocket/humble.horse/`;
+					}}><CodePullRequestSolid /></Button
+				>
 
 				<Button onClick={toggleMode}>
 					<Moon
@@ -54,7 +67,11 @@
 
 				<!-- <Button onClick={()=>{goto(`${base}/debug`)}}><ToolboxSolid /></Button
 					> -->
-				<Button onClick={()=>{alert("implement podcast tiks")}}><PodcastSolid /></Button>
+				<Button
+					onClick={() => {
+						alert('implement podcast tiks');
+					}}><PodcastSolid /></Button
+				>
 				<Button
 					notifs={0}
 					onClick={() => {
diff --git a/src/routes/help/+page.svelte b/src/routes/help/+page.svelte
new file mode 100644
index 0000000..9f19319
--- /dev/null
+++ b/src/routes/help/+page.svelte
@@ -0,0 +1,38 @@
+<script>
+	import ChatLayout from '@/components/ChatLayout.svelte';
+</script>
+<ChatLayout>
+	<div slot="buttons"></div>
+	<div class="pt-2"></div>
+	<div class="w-full">
+		<div class="grid pb-11">
+			<div class="flex gap-2.5 mb-4">
+				<img
+					class="w-8 h-8 rounded-full"
+					src="https://assets.americanmeadows.com/media/catalog/product/h/o/horse-pasture-and-hay-seed-mix-horse.jpg"
+					alt="profile pic"
+				/>
+				<div class="grid">
+					<h5 class="text-gray-900 dark:text-orange-600 font-semibold leading-snug pb-1">Horsey McHorseface</h5>
+					<div class="grid overflow-hidden mr-2">
+						<div
+							class="px-3.5 py-2 bg-gray-200 dark:bg-gray-700 rounded-e-xl rounded-es-xl flex flex-col gap-2"
+						>
+							<p class="text-sm font-normal text-gray-900 dark:text-white py-2">
+								Humble Horse is an experiment in making nostr into a giant group chat. Instead of creating discrete groups, we "move" the nostr client over conversations based on heuristics to dynamically "create" groups based on what content the user is interested in. I have some ideas on how to find optimise for presenting the user with the best "groups" so keep watching the progress.
+							</p>
+
+                            <p class="text-sm font-normal text-gray-900 dark:text-white py-2">
+								Bloom filter events are used to prevent the user seeing "groups" that they are not interest in more than once.
+							</p>
+
+							<p class="text-sm font-normal text-gray-900 dark:text-white py-2">
+								Users will also be encouraged to reply in an existing group rather than creating a new air reply, we do this by presenting them with existing groups that are similar to whatever they have started writing in the message input box.
+							</p>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</ChatLayout>