add uptime robot

This commit is contained in:
Zoe
2025-03-28 07:43:52 -05:00
parent 0c983e7c27
commit 4fc22910b4
3 changed files with 157 additions and 10 deletions

View File

@@ -1,4 +1,5 @@
<main class="flex justify-center items-center h-screen relative bg-[#0E0A0E]">
{{#if WeatherData}}
<div class="absolute top-2.5 left-2.5">
<div class="text-[#BABABA] flex items-center">
<span class="mr-2 flex items-center">
@@ -10,6 +11,30 @@
</div>
</div>
</div>
{{/if}}
{{#if UptimeData}}
<div class="absolute top-2.5 right-2.5">
<div class="text-[#BABABA] flex items-end flex-col">
{{!-- loop over UptimeData --}}
{{#each UptimeData}}
<div class="flex items-center">
<span class="mr-2 flex items-center">
{{{this.FriendlyName}}}
</span>
<div class="relative my-auto">
{{#if (eq this.Status 2)}}
<span class="absolute w-2 h-2 rounded-full bg-emerald-400 animate-ping block"></span>
<span class="relative w-2 h-2 rounded-full bg-emerald-500 block"></span>
{{else}}
<span class="absolute w-2 h-2 rounded-full bg-rose-400 animate-ping block"></span>
<span class="relative w-2 h-2 rounded-full bg-rose-500 block"></span>
{{/if}}
</div>
</div>
{{/each}}
</div>
</div>
{{/if}}
<div class="flex flex-col items-center w-full mx-6">
<div class="flex items-center pb-2.5">
<svg class="mr-3 aspect-square w-[clamp(48px,10vw,60px)]" viewBox="0 0 100 100" fill="none"