Re-theme the UptimeFlare fork's chrome (surfaces, borders, type, header
wordmark, footer line) to the openshopgraph.org design tokens, sourced
from openshopgraph-frontend-v2 src/styles/site-tokens.css. Monitor set,
check logic and page title/links config are untouched.
- Copy the site's self-hosted Cabinet Grotesk / Switzer / Martian Mono
woff2 faces (~124 KB) into public/fonts and remap Mantine's CSS
variables (--mantine-font-family[-headings/-monospace]) to the same
stacks; drop the next/font/google Inter import (font-CDN-free, same
rule as the main site's CSP).
- Remap Mantine surface/text/border variables per color scheme
(--mantine-color-body/text/white/dark-6/dark-4/anchor/dimmed,
--mantine-primary-color-filled) to --paper/--ink/--card/--hair from
site-tokens.css; keeps following prefers-color-scheme via Mantine's
existing defaultColorScheme="auto" script, matching the main site's
light/dark behavior. Semantic monitor-state colors (green/red icons)
are left alone on purpose.
- Bump --mantine-radius-{sm,md,lg} to the main site's softer values.
- Replace the generic UptimeFlare <Image> logo in Header.tsx with the
OSG two-dot wordmark (same glyph as BaseLayout.astro's .top-brand
mark), linking to https://openshopgraph.org.
- Set pageConfig.customFooter to a one-line footer matching the main
site's "Verified data, not ads." tone instead of the stock UptimeFlare
attribution line.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
* Updated with intial commit
- MaintenanceAlert.tsx now handles upcoming and active maintenance alerts.
- OverallStatus.tsx updated to include collapsible sections for ongoing and upcoming maintenance alerts.
* Updated MaintenanceAlert layout for better responsiveness
* Revert the uptime.config.ts
* fix: Added type definitions for active and upcoming maintenances
* Update components/MaintenanceAlert.tsx
Co-authored-by: Bennet Gallein <me@bennetgallein.de>
* Update: added `pageConfig.maintenances.upcomingColor` to control upcoming maintenance alert colors.
* Feature: Added a config option for the favicon.
* keep original styles
* remove collapse
* add back a different collapse for upcoming events
* css grid to align date text
* tiny css changes and cleanup
---------
Co-authored-by: Bennet Gallein <me@bennetgallein.de>
Co-authored-by: lyc8503 <me@lyc8503.net>
* feat: add incident history link to links in header
* fix: lower margin-bottom on header to have not that much wasted space
* chore: move footer to own component
* feat: add NoIncidents component
* feat: add incidents history page
* fix: add sorting by date
* fix: fix sorting
* feat: hash linking to individual incidents
* fix: always truthy title
* feat: remove hash
* feat: some link improvements
* feat: improve styles for alert, support mobile devices
* fix: remove unused vars, larger margin
---------
Co-authored-by: lyc8503 <me@lyc8503.net>
* feat: move types
* feat: add maintenance alert
* feat: move to config/base class to have fallback values on missing exports
* fix: wrong import for types
* Revert "fix: wrong import for types"
This reverts commit ca2b2e3a68.
* Revert "feat: move to config/base class to have fallback values on missing exports"
This reverts commit 9932ea2590.
* fix: imports
* chore: formatting
* fix: handle filtering for global status
* fix: pass props
* fix: ignore active maintenances when sending notifications
* fix: mark as warning when monitor is in maintenance
* fix: title width & warning icon
* fix: remove accordeons again
* alert config/style changes, worker code improve
* update example config
* update example config
* set monitors to be optional
---------
Co-authored-by: lyc8503 <me@lyc8503.net>
Test User
lyc8503
Nick Pease
Mack
Bennet Gallein
lyc8503
Eric Wang
lyc8503