Implement blog

This commit is contained in:
2024-06-21 16:01:15 +02:00
parent f847ec6390
commit fc7b98afdd
13 changed files with 201 additions and 26 deletions

View File

@@ -17,10 +17,16 @@ useIntervalFn(async () => await refresh(), 5000)
class="flex items-start gap-2"
>
<UTooltip :text="codingActivity.state.toLowerCase().includes('editing') ? 'I\'m online 👋' : 'I\'m sleeping 😴'">
<div
:class="codingActivity.state.toLowerCase().includes('editing') ? 'bg-green-500' : 'bg-amber-500'"
class="h-3 w-3 inline-flex rounded-full cursor-help mt-2"
/>
<div class="relative flex h-3 w-3 mt-2">
<div
v-if="codingActivity.state.toLowerCase().includes('editing')"
class="animate-ping absolute inline-flex h-full w-full rounded-full bg-green-500 opacity-75"
/>
<div
:class="codingActivity.state.toLowerCase().includes('editing') ? 'bg-green-500' : 'bg-amber-500'"
class="relative inline-flex rounded-full h-3 w-3"
/>
</div>
</UTooltip>
<span v-if="codingActivity.state.toLowerCase().includes('editing')">
I'm actually working on <strong>{{ codingActivity.details }}</strong>,