ArcaneNeko/Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

First Version

Browse Source
This commit is contained in:
Rina
2026-04-17 00:26:03 +01:00
parent aecd1a5574
commit c826ed6502
37 changed files with 4862 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

169
coming-soon.html Normal file
View File

@@ -0,0 +1,169 @@
<!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>Coming Soon | ArcaneNeko</title>
<meta name="description" content="Something new is coming from ArcaneNeko. Stay tuned.">
<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>
<section class="hero coming-soon-hero" aria-label="Coming Soon">
<div class="hero-bg" aria-hidden="true"></div>
<div class="hero-grid" aria-hidden="true"></div>
<div class="coming-soon-content">
<div class="coming-soon-badge">Coming Soon</div>
<h1>Something <span>Exciting</span> Is Brewing</h1>
<p class="hero-subtitle">We're working on something new. Stay tuned for updates.</p>
<div class="coming-soon-cta">
<a href="https://arcaneneko.com" class="btn">Back to Home</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>&copy; 2026 ArcaneNeko. All rights reserved.</p>
</div>
</div>
</footer>
<script src="js/theme.js"></script>
<script src="js/main.js"></script>
<style>
.coming-soon-hero {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
padding: 8rem 2rem 6rem;
overflow: hidden;
}
.coming-soon-content {
position: relative;
z-index: 1;
max-width: 600px;
animation: heroEntrance 0.9s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.coming-soon-badge {
display: inline-block;
padding: 0.5rem 1.25rem;
background: var(--bg-card);
border: 1px solid var(--accent-glow);
border-radius: 100px;
font-size: 0.8rem;
font-weight: 700;
color: var(--accent-light);
letter-spacing: 0.1em;
text-transform: uppercase;
margin-bottom: 2rem;
backdrop-filter: blur(10px);
box-shadow: 0 0 20px var(--accent-glow-sm);
}
.coming-soon-hero h1 {
font-size: 3.5rem;
font-weight: 900;
line-height: 1.15;
letter-spacing: -2px;
color: var(--text);
margin-bottom: 1.5rem;
}
.coming-soon-hero h1 span {
color: var(--accent);
filter: drop-shadow(0 0 28px var(--accent-glow));
}
.coming-soon-hero .hero-subtitle {
font-size: 1.15rem;
color: var(--text-muted);
max-width: 420px;
margin: 0 auto 2.5rem;
line-height: 1.75;
}
.coming-soon-cta {
display: flex;
gap: 1rem;
justify-content: center;
flex-wrap: wrap;
}
@media (max-width: 768px) {
.coming-soon-hero h1 {
font-size: 2.5rem;
letter-spacing: -1.5px;
}
}
</style>
</body>
</html>