From 21f7e0a490664a1a2a80fdb88935498a7c0cbc08 Mon Sep 17 00:00:00 2001
From: gsovereignty <gsovereignty@proton.me>
Date: Tue, 28 May 2024 19:53:27 +0800
Subject: [PATCH] problem: tiks not implemented

---
 src/lib/components/ChatLayout.svelte |  6 ++---
 src/routes/tiks/+page.svelte         | 38 ++++++++++++++++++++++++++++
 2 files changed, 41 insertions(+), 3 deletions(-)
 create mode 100644 src/routes/tiks/+page.svelte

diff --git a/src/lib/components/ChatLayout.svelte b/src/lib/components/ChatLayout.svelte
index 102fc32..0f480f1 100644
--- a/src/lib/components/ChatLayout.svelte
+++ b/src/lib/components/ChatLayout.svelte
@@ -72,9 +72,9 @@
 				<!-- <Button onClick={()=>{goto(`${base}/debug`)}}><ToolboxSolid /></Button
 					> -->
 				<Button
-					onClick={() => {
-						alert('implement podcast tiks');
-					}}><PodcastSolid /></Button
+				onClick={() => {
+					goto(`${base}/tiks`);
+				}}><PodcastSolid /></Button
 				>
 				<Button
 					notifs={0}
diff --git a/src/routes/tiks/+page.svelte b/src/routes/tiks/+page.svelte
new file mode 100644
index 0000000..5baf570
--- /dev/null
+++ b/src/routes/tiks/+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">
+								Imagine if you could highlight podcasts and videos the same way you can highlight notes. 
+							</p>
+
+                            <p class="text-sm font-normal text-gray-900 dark:text-white py-2">
+								Humble Horse will enable you to highlight timestamps within podcasts/videos and publish them in a way that any existing nostr client will be able to play them and let people comment on them.
+							</p>
+
+							<p class="text-sm font-normal text-gray-900 dark:text-white py-2">
+								These highlights will be called "tiks" until someone comes up with a better name.
+							</p>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</ChatLayout>