First Version
This commit is contained in:
223
index.html
Normal file
223
index.html
Normal file
@@ -0,0 +1,223 @@
|
||||
<!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>ArcaneNeko | Open Source Software & Services</title>
|
||||
<meta name="description" content="ArcaneNeko builds free, open source software for developers and creators. Git hosting, status pages, Neovoxis, and more.">
|
||||
|
||||
<!-- Open Graph / Social previews -->
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://arcaneneko.com/">
|
||||
<meta property="og:title" content="ArcaneNeko | Open Source Software & Services">
|
||||
<meta property="og:description" content="Free and open source software for developers and creators. No paywalls, 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="index" class="nav-logo" aria-label="ArcaneNeko home">Arcane<span>Neko</span></a>
|
||||
<ul class="nav-links" role="list">
|
||||
<li><a href="#about">About</a></li>
|
||||
<li><a href="#services">Services</a></li>
|
||||
<li><a href="#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="#about" role="menuitem">About</a>
|
||||
<a href="#services" role="menuitem">Services</a>
|
||||
<a href="#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="Welcome">
|
||||
<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">Free & Open Source</div>
|
||||
<h1>Arcane<span>Neko</span></h1>
|
||||
<p class="hero-subtitle">Building free, open source tools for developers and creators, no strings attached.</p>
|
||||
<div class="hero-cta">
|
||||
<a href="#projects" class="btn">Explore Projects</a>
|
||||
<a href="https://git.arcaneneko.com" 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>
|
||||
Git Instance
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Stats bar -->
|
||||
<div class="stats-bar" aria-label="Key facts">
|
||||
<div class="container">
|
||||
<div class="stats-grid">
|
||||
<div class="stat">
|
||||
<span class="stat-value" data-count="100" data-suffix="%">100%</span>
|
||||
<span class="stat-label">Free</span>
|
||||
</div>
|
||||
<div class="stat">
|
||||
<span class="stat-value">Open</span>
|
||||
<span class="stat-label">Source</span>
|
||||
</div>
|
||||
<div class="stat">
|
||||
<span class="stat-value">MIT</span>
|
||||
<span class="stat-label">Licensed</span>
|
||||
</div>
|
||||
<div class="stat">
|
||||
<span class="stat-value" data-count="0">0</span>
|
||||
<span class="stat-label">Paywalls<span style="color:var(--accent)">*</span></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p style="text-align:center;color:var(--text-muted);font-size:0.75rem;margin-top:0.75rem;">* <span style="color:var(--accent)">Neovoxis</span> hosted instance may include paid features. Self-hosted instances include all features free.</p>
|
||||
</div>
|
||||
|
||||
<!-- About -->
|
||||
<section id="about" class="about">
|
||||
<div class="container">
|
||||
<div class="about-inner">
|
||||
<span class="about-eyebrow">Who we are</span>
|
||||
<h2>Software for everyone</h2>
|
||||
<p>ArcaneNeko is a small team building free, open source software for developers and the broader tech community. We believe software should be accessible to everyone.</p>
|
||||
<p>From git hosting to status pages and a modern communication platform, every project we ship is open for anyone to use, contribute to, or self-host.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Services -->
|
||||
<section id="services" class="section" aria-labelledby="services-heading">
|
||||
<div class="container">
|
||||
<span class="section-label" aria-hidden="true">Services</span>
|
||||
<h2 class="section-title" id="services-heading">What we offer</h2>
|
||||
<div class="card-grid">
|
||||
|
||||
<div class="card reveal">
|
||||
<div class="card-icon" aria-hidden="true">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<circle cx="18" cy="18" r="3"/><circle cx="6" cy="6" r="3"/>
|
||||
<path d="M6 21V9a9 9 0 009 9"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>Git Hosting</h3>
|
||||
<p>Free and open git hosting powered by Gitea at git.arcaneneko.com. Open to everyone - create repos, collaborate, and host your code with no limits.</p>
|
||||
<a href="https://git.arcaneneko.com" target="_blank" rel="noopener noreferrer" class="card-link">Visit Git Instance →</a>
|
||||
</div>
|
||||
|
||||
<div class="card reveal">
|
||||
<div class="card-icon" aria-hidden="true">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>Arcane Status</h3>
|
||||
<p>Free status page software under MIT License. Monitor your services and keep users informed with a clean, minimal status page you can self-host.</p>
|
||||
<a href="status" class="card-link">Learn More →</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Projects -->
|
||||
<section id="projects" class="section alt-bg" aria-labelledby="projects-heading">
|
||||
<div class="container">
|
||||
<span class="section-label" aria-hidden="true">Projects</span>
|
||||
<h2 class="section-title" id="projects-heading">What we're building</h2>
|
||||
<div class="card-grid">
|
||||
|
||||
<div class="card reveal">
|
||||
<span class="badge">Early Preview</span>
|
||||
<div class="card-icon" aria-hidden="true">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>Neovoxis</h3>
|
||||
<p>A modern Discord-like chat platform with text channels, forums, and a clean interface. Currently in early preview with active development ongoing.</p>
|
||||
<a href="https://neovoxis.com" target="_blank" rel="noopener noreferrer" class="btn-outline">Visit Neovoxis</a>
|
||||
</div>
|
||||
|
||||
<div class="card reveal">
|
||||
<span class="badge">MIT License</span>
|
||||
<div class="card-icon" aria-hidden="true">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>Arcane Status</h3>
|
||||
<p>Free and open source status page software. Minimal setup, easy to customize, and ready to deploy. Keep your users informed about service health.</p>
|
||||
<a href="status" class="btn-outline">View Details</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="footer" role="contentinfo">
|
||||
<div class="container">
|
||||
<div class="footer-inner">
|
||||
<div class="footer-brand">
|
||||
<a href="index" 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>
|
||||
|
||||
<!-- Back to top -->
|
||||
<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>
|
||||
Reference in New Issue
Block a user