First Version
This commit is contained in:
206
contact.html
Normal file
206
contact.html
Normal file
@@ -0,0 +1,206 @@
|
||||
<!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>Contact Us | ArcaneNeko</title>
|
||||
<meta name="description" content="Get in touch with ArcaneNeko support, security reports, legal enquiries, and more.">
|
||||
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url content="https://arcaneneko.com/contact">">
|
||||
<meta property="og:title" content="Contact Us | ArcaneNeko">
|
||||
<meta property="og:description" content="Get in touch with ArcaneNeko for support, security reports, or general enquiries.">
|
||||
<meta property="og:image" content="https://arcaneneko.com/og-image.png">
|
||||
<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="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 -->
|
||||
<div class="legal-hero">
|
||||
<div class="legal-tag">Get in touch</div>
|
||||
<h1>Contact <span>Us</span></h1>
|
||||
<p class="legal-meta">We're a small team. We'll get back to you as soon as we can.</p>
|
||||
</div>
|
||||
|
||||
<!-- Contact grid -->
|
||||
<main id="main-content">
|
||||
<section class="section" aria-labelledby="contact-heading">
|
||||
<div class="container">
|
||||
<span class="section-label" aria-hidden="true">Contact</span>
|
||||
<h2 class="section-title" id="contact-heading">How to reach us</h2>
|
||||
|
||||
<div class="contact-grid">
|
||||
|
||||
<div class="contact-card reveal">
|
||||
<div class="contact-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="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>
|
||||
<polyline points="22,6 12,13 2,6"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>General Enquiries</h3>
|
||||
<p>Questions about ArcaneNeko, our projects, or anything else? We'd love to hear from you.</p>
|
||||
<a href="mailto:hello@arcaneneko.com" class="contact-email">
|
||||
hello@arcaneneko.com →
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="contact-card reveal">
|
||||
<div class="contact-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="12" cy="12" r="10"/>
|
||||
<line x1="12" y1="8" x2="12" y2="12"/>
|
||||
<line x1="12" y1="16" x2="12.01" y2="16"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>Support</h3>
|
||||
<p>Need help with your Git account, Neovoxis, or any of our services? Support enquiries go here.</p>
|
||||
<a href="mailto:support@arcaneneko.com" class="contact-email">
|
||||
support@arcaneneko.com →
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="contact-card reveal">
|
||||
<div class="contact-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>Security Reports</h3>
|
||||
<p>Found a vulnerability? Please report it responsibly before public disclosure. We take all reports seriously.</p>
|
||||
<a href="mailto:security@arcaneneko.com" class="contact-email">
|
||||
security@arcaneneko.com →
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="contact-card reveal">
|
||||
<div class="contact-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">
|
||||
<rect x="3" y="3" width="18" height="18" rx="2" ry="2"/>
|
||||
<line x1="9" y1="9" x2="15" y2="15"/>
|
||||
<line x1="15" y1="9" x2="9" y2="15"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>Abuse Reports</h3>
|
||||
<p>Report content or accounts that violate our Terms of Service, including harassment, spam, or illegal content.</p>
|
||||
<a href="mailto:abuse@arcaneneko.com" class="contact-email">
|
||||
abuse@arcaneneko.com →
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="contact-card reveal">
|
||||
<div class="contact-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="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
|
||||
<polyline points="14 2 14 8 20 8"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>Legal & Privacy</h3>
|
||||
<p>Data access requests, GDPR/UK GDPR rights, or legal enquiries. See our <a href="privacy">Privacy Policy</a> for your rights.</p>
|
||||
<a href="mailto:legal@arcaneneko.com" class="contact-email">
|
||||
legal@arcaneneko.com →
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="contact-card reveal">
|
||||
<div class="contact-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>Community</h3>
|
||||
<p>Want to chat with us and the community in real time? Join us on Neovoxis, it's our own platform and we're active there.</p>
|
||||
<a href="https://neovoxis.com" target="_blank" rel="noopener noreferrer" class="contact-email">
|
||||
Join Neovoxis →
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<p class="contact-note">
|
||||
<strong>Response times:</strong> We're a small, volunteer-run team. We aim to reply to all emails within a few days. Security reports are prioritised and will receive a response within 48 hours where possible. We don't have a support ticket system, a plain email is all you need.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<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