Dash
Uptime bars
90 days of service health, one bar a day.
dash.meowda.xyz
Examples
Services · 90 days
giteagit.meowda.xyz
99.8%
printprint.meowda.xyz
96.4%
90 days agotoday
grey means no data.
<div class="dash-card">
<h2>Services · 90 days</h2>
<div class="dash-svc">
<span class="d"></span>
<div class="n">gitea<small>git.meowda.xyz</small></div>
<div class="dash-bars">
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i class="p"></i>
<i class="w"></i>
<i class="b"></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i class="n"></i>
<i class="n"></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
</div>
<div class="p">99.8%</div>
</div>
<div class="dash-svc">
<span class="d bad"></span>
<div class="n">print<small>print.meowda.xyz</small></div>
<div class="dash-bars">
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i class="w"></i>
<i class="b"></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i class="b"></i>
</div>
<div class="p">96.4%</div>
</div>
<div class="dash-axis">
<span>90 days ago</span>
<span>today</span>
</div>
<div class="dash-note">grey means no data.</div>
</div>Classes
| Class | What it does |
|---|---|
.dash-svc | dot, name, bars, percent grid |
.dash-bars i | ok by default; .p partial, .w warn, .b bad, .n no data |
.dash-axis | date labels under the bars |