-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsupport.html
More file actions
104 lines (94 loc) · 5.84 KB
/
support.html
File metadata and controls
104 lines (94 loc) · 5.84 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Support | AeroLog</title>
<link rel="icon" type="image/png" href="icon.png">
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
}
</style>
</head>
<body class="bg-slate-50 text-slate-600 antialiased flex flex-col min-h-screen">
<nav class="w-full bg-white/80 backdrop-blur-md border-b border-slate-200 sticky top-0 z-50">
<div class="max-w-5xl mx-auto px-6 h-16 flex justify-between items-center">
<a href="home.html" class="flex items-center gap-3 group">
<img src="icon.png" alt="Logo"
class="w-8 h-8 rounded-lg shadow-sm group-hover:scale-105 transition-transform">
<span class="font-bold text-slate-900 tracking-tight text-lg">AeroLog</span>
</a>
<div class="hidden md:flex items-center gap-8 text-sm font-medium text-slate-500">
<a href="home.html" class="hover:text-slate-900 transition-colors">Home</a>
<a href="changelog.html" class="hover:text-slate-900 transition-colors">Changelogs</a>
<a href="support.html"
class="text-orange-600 font-semibold bg-orange-50 px-3 py-1 rounded-full">Support</a>
<a href="index.html?view=legal" class="hover:text-slate-900 transition-colors">Legal</a>
</div>
<button id="mobile-menu-btn" class="md:hidden text-slate-500 hover:text-slate-900 p-2 focus:outline-none">
<i class="fa-solid fa-bars text-xl"></i>
</button>
</div>
<div id="mobile-menu"
class="hidden md:hidden bg-white border-b border-slate-200 px-6 py-4 space-y-4 shadow-xl absolute w-full top-16 left-0">
<a href="home.html" class="block text-slate-500 font-medium hover:text-orange-600">Home</a>
<a href="changelog.html" class="block text-slate-500 font-medium hover:text-orange-600">Changelogs</a>
<a href="support.html" class="block text-orange-600 font-bold bg-orange-50 px-4 py-2 rounded-lg">Support</a>
<a href="index.html?view=legal" class="block text-slate-500 font-medium hover:text-orange-600">Legal</a>
</div>
</nav>
<main class="max-w-3xl mx-auto px-6 py-16 flex-grow">
<div class="text-center mb-16">
<h1 class="text-3xl font-bold text-slate-900 mb-4">How can we help?</h1>
<p class="text-slate-500">Find answers to common questions or get in touch with the developer.</p>
</div>
<div class="grid sm:grid-cols-2 gap-6 mb-16">
<a href="mailto:[email protected]"
class="block p-8 bg-white rounded-2xl shadow-sm border border-slate-100 hover:border-orange-200 hover:shadow-md transition-all group">
<div
class="w-12 h-12 bg-blue-50 text-blue-600 rounded-xl flex items-center justify-center mb-4 group-hover:bg-blue-600 group-hover:text-white transition-colors">
<i class="fa-regular fa-envelope text-xl"></i>
</div>
<h3 class="font-bold text-slate-900 mb-2">Email Support</h3>
<p class="text-sm text-slate-500 mb-4">For general inquiries and account questions.</p>
<span class="text-blue-600 font-medium text-sm group-hover:underline">Send Email →</span>
</a>
<a href="https://github.com/EduAlexxis/AeroLog-MX/issues" target="_blank"
class="block p-8 bg-white rounded-2xl shadow-sm border border-slate-100 hover:border-orange-200 hover:shadow-md transition-all group">
<div
class="w-12 h-12 bg-slate-100 text-slate-600 rounded-xl flex items-center justify-center mb-4 group-hover:bg-slate-800 group-hover:text-white transition-colors">
<i class="fa-brands fa-github text-xl"></i>
</div>
<h3 class="font-bold text-slate-900 mb-2">Bug Report</h3>
<p class="text-sm text-slate-500 mb-4">Found a glitch? Open an issue on GitHub.</p>
<span class="text-slate-900 font-medium text-sm group-hover:underline">View Issues →</span>
</a>
</div>
<div class="space-y-6">
<h2 class="text-xl font-bold text-slate-900 border-b border-slate-200 pb-4">Frequently Asked Questions</h2>
<div class="space-y-2">
<h3 class="font-semibold text-slate-900">Is my data secure?</h3>
<p class="text-slate-500 text-sm leading-relaxed">Yes. All data is stored locally on your device or in
your personal private iCloud. The developer cannot access your data.</p>
</div>
<div class="space-y-2">
<h3 class="font-semibold text-slate-900">Does it work offline?</h3>
<p class="text-slate-500 text-sm leading-relaxed">Absolutely. You can log parts and take photos without
internet. Data will sync to iCloud automatically once you are back online.</p>
</div>
</div>
</main>
<footer class="text-center py-8 bg-slate-50 border-t border-slate-200">
<p class="text-slate-400 text-sm">© 2025 Eduardo Flamenco. All rights reserved.</p>
</footer>
<script>
const btn = document.getElementById('mobile-menu-btn');
const menu = document.getElementById('mobile-menu');
btn.addEventListener('click', () => { menu.classList.toggle('hidden'); });
</script>
</body>
</html>