174 lines
10 KiB
HTML
174 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" data-theme="crimson">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Arcane Status | Free Open Source Status Pages</title>
|
|
<meta name="description" content="Arcane Status is free, open source status page software under MIT License. Self-host your own status page.">
|
|
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:url content="https://arcaneneko.com/status">">
|
|
<meta property="og:title" content="Arcane Status | Free Open Source Status Pages">
|
|
<meta property="og:description" content="Free, open source status page software under MIT License. Self-host your own, no subscriptions.">
|
|
<meta property="og:image" content="https://arcaneneko.com/og-image.png">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="theme-color" content="#dc143c">
|
|
|
|
<link rel="icon" type="image/svg+xml" href="favicon.svg">
|
|
<link rel="stylesheet" href="css/index.css">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
|
|
<!-- Navbar -->
|
|
<nav class="navbar" role="navigation" aria-label="Main navigation">
|
|
<div class="nav-container">
|
|
<a href="#" class="nav-logo" aria-label="ArcaneNeko home">Arcane<span>Neko</span></a>
|
|
<ul class="nav-links" role="list">
|
|
<li><a href="index#about">About</a></li>
|
|
<li><a href="index#services">Services</a></li>
|
|
<li><a href="index#projects">Projects</a></li>
|
|
<li><a href="https://status.arcaneneko.com" target="_blank" rel="noopener noreferrer">Status</a></li>
|
|
<li><a href="https://neovoxis.com" target="_blank" rel="noopener noreferrer">Neovoxis</a></li>
|
|
</ul>
|
|
<div class="nav-actions">
|
|
<button class="theme-toggle" id="themeToggle" title="Switch theme" aria-label="Switch theme"></button>
|
|
<button class="hamburger" id="hamburger" aria-label="Open menu" aria-expanded="false" aria-controls="mobileMenu">
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="mobile-menu" id="mobileMenu" role="menu">
|
|
<a href="index#about" role="menuitem">About</a>
|
|
<a href="index#services" role="menuitem">Services</a>
|
|
<a href="index#projects" role="menuitem">Projects</a>
|
|
<a href="https://status.arcaneneko.com" target="_blank" rel="noopener noreferrer" role="menuitem">Status</a>
|
|
<a href="https://neovoxis.com" target="_blank" rel="noopener noreferrer" role="menuitem">Neovoxis</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Hero -->
|
|
<section class="hero" aria-label="Arcane Status overview">
|
|
<div class="hero-bg" aria-hidden="true"></div>
|
|
<div class="hero-grid" aria-hidden="true"></div>
|
|
<div class="hero-content">
|
|
<div class="hero-tag" aria-hidden="true">MIT License - Free Forever</div>
|
|
<h1>Arcane<span>Status</span></h1>
|
|
<p class="hero-subtitle">Free and open source status page software. Monitor your services and keep your users informed, self-hosted, no subscriptions.</p>
|
|
<div class="hero-cta">
|
|
<a href="https://git.arcaneneko.com/ArcaneNeko/Arcane-Status" target="_blank" rel="noopener noreferrer" class="btn">
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><circle cx="18" cy="18" r="3"/><circle cx="6" cy="6" r="3"/><path d="M6 21V9a9 9 0 009 9"/></svg>
|
|
View on Git
|
|
</a>
|
|
<a href="https://status.arcaneneko.com" target="_blank" rel="noopener noreferrer" class="btn-outline">Live Demo</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Features -->
|
|
<section id="features" class="features" aria-labelledby="features-heading">
|
|
<div class="container">
|
|
<span class="section-label" aria-hidden="true">Features</span>
|
|
<h2 class="section-title" id="features-heading">Everything you need</h2>
|
|
<div class="feature-grid">
|
|
<div class="feature-card reveal">
|
|
<h3>Real-time Monitoring</h3>
|
|
<p>Monitor HTTP/HTTPS endpoints, TCP ports, and ICMP ping with configurable check intervals from 10 seconds to 1 hour.</p>
|
|
</div>
|
|
<div class="feature-card reveal">
|
|
<h3>Live Updates</h3>
|
|
<p>WebSocket-powered real-time updates pushed to both the public status page and admin dashboard.</p>
|
|
</div>
|
|
<div class="feature-card reveal">
|
|
<h3>Incident Management</h3>
|
|
<p>Create, update, and resolve incidents with severity levels. Link incidents to affected endpoints and write post-mortems.</p>
|
|
</div>
|
|
<div class="feature-card reveal">
|
|
<h3>Scheduled Maintenance</h3>
|
|
<p>Schedule maintenance windows to pause monitoring and display notices to visitors.</p>
|
|
</div>
|
|
<div class="feature-card reveal">
|
|
<h3>Email Notifications</h3>
|
|
<p>SMTP-based notifications with per-user preferences. Subscribe to all endpoints or specific categories.</p>
|
|
</div>
|
|
<div class="feature-card reveal">
|
|
<h3>API Access</h3>
|
|
<p>Generate API keys for programmatic access. Rate-limited public API with status.json endpoint for integration.</p>
|
|
</div>
|
|
<div class="feature-card reveal">
|
|
<h3>Uptime Analytics</h3>
|
|
<p>Automatic uptime calculation with SLA tracking, heatmaps, response time charts, and jitter/packet loss metrics.</p>
|
|
</div>
|
|
<div class="feature-card reveal">
|
|
<h3>Zero Dependencies</h3>
|
|
<p>SQLite database only - no Redis or Postgres required. Just Node.js and you're ready to go.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Get Started / Demo -->
|
|
<section id="get-started" class="demo section" aria-labelledby="demo-heading">
|
|
<div class="container">
|
|
<span class="section-label" aria-hidden="true">Try it out</span>
|
|
<h2 class="section-title" id="demo-heading">See it in action</h2>
|
|
<p class="demo-desc">Visit our live instance or grab the source code and host your own.</p>
|
|
<div class="hero-cta">
|
|
<a href="https://status.arcaneneko.com" target="_blank" rel="noopener noreferrer" class="btn">Visit Live Demo</a>
|
|
<a href="https://git.arcaneneko.com/ArcaneNeko/Arcane-Status" target="_blank" rel="noopener noreferrer" class="btn-outline">
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><circle cx="18" cy="18" r="3"/><circle cx="6" cy="6" r="3"/><path d="M6 21V9a9 9 0 009 9"/></svg>
|
|
Source Code
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer class="footer" role="contentinfo">
|
|
<div class="container">
|
|
<div class="footer-inner">
|
|
<div class="footer-brand">
|
|
<a href="#" class="footer-logo">Arcane<span>Neko</span></a>
|
|
<p>Free open source software for developers and creators.</p>
|
|
<div class="footer-community" aria-label="Community links">
|
|
<a href="https://neovoxis.com" target="_blank" rel="noopener noreferrer" title="Join us on Neovoxis" aria-label="Join the ArcaneNeko community on Neovoxis">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"/></svg>
|
|
</a>
|
|
<a href="https://git.arcaneneko.com" target="_blank" rel="noopener noreferrer" title="Git Instance" aria-label="Visit our Git instance">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="18" cy="18" r="3"/><circle cx="6" cy="6" r="3"/><path d="M6 21V9a9 9 0 009 9"/></svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="footer-links-col">
|
|
<h4>Services</h4>
|
|
<a href="https://git.arcaneneko.com" target="_blank" rel="noopener noreferrer">Git Instance</a>
|
|
<a href="https://status.arcaneneko.com" target="_blank" rel="noopener noreferrer">Status Page</a>
|
|
<a href="https://neovoxis.com" target="_blank" rel="noopener noreferrer">Neovoxis</a>
|
|
<a href="status">Arcane Status</a>
|
|
</div>
|
|
<div class="footer-links-col">
|
|
<h4>Legal</h4>
|
|
<a href="privacy">Privacy Policy</a>
|
|
<a href="terms">Terms of Service</a>
|
|
<a href="contact">Contact Us</a>
|
|
</div>
|
|
</div>
|
|
<div class="footer-bottom">
|
|
<p>© 2026 ArcaneNeko. All rights reserved.</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<button class="back-to-top" id="backToTop" aria-label="Back to top">
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="18 15 12 9 6 15"/></svg>
|
|
</button>
|
|
|
|
<script src="js/theme.js"></script>
|
|
<script src="js/main.js"></script>
|
|
</body>
|
|
</html>
|