Skip to content

Commit

Permalink
problem: not enough people speaking for marcus
Browse files Browse the repository at this point in the history
  • Loading branch information
gsovereignty committed Apr 13, 2024
1 parent 2dfd8ee commit 9d9fa67
Show file tree
Hide file tree
Showing 3 changed files with 57 additions and 0 deletions.
36 changes: 36 additions & 0 deletions src/routes/marcus/+page.svelte
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
<script>
import ChatLayout from '@/components/ChatLayout.svelte';
</script>
<ChatLayout>
<div class="mt-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://zenquotes.io/img/marcus-aurelius.jpg"
alt="profile pic"
/>
<div class="grid">
<h5 class="text-gray-900 dark:text-orange-600 font-semibold leading-snug pb-1">Marcus</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">
Of all people, they alone who give their time to philosophy are at leisure, they
alone really live. For it's not just their own lifetime that they watch over
carefully, but they annex every age to their own; all the years that have gone
before are added to their own.
</p>

<p class="text-sm font-normal text-gray-900 dark:text-white py-2">
When you click the Marcus button on any note, it will be saved here to your list of personal meditations so that I can remind you to think about them.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</ChatLayout>
21 changes: 21 additions & 0 deletions src/routes/messages/Marcus.svelte
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
<script lang="ts">
import { base } from '$app/paths';
import type { EventTreeItem } from '@/workers/firehose.types';
export let tree: EventTreeItem;
export let onclick: () => {};
</script>

<button
on:click={onclick}
type="button"
class="relative inline-flex items-center p-1 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-cyan-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
>
<img class=" h-10" src={`${base}/marcus.png`} />
<span class="sr-only">Notifications</span>
<div
class="absolute inline-flex items-center justify-center w-6 h-6 text-xs font-bold text-white bg-orange-500 border-2 border-white rounded-full -top-2 -end-2 dark:border-yellow-200"
>
0
</div>
</button>
Binary file added static/marcus.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 9d9fa67

Please sign in to comment.