augen/contact.html at main · IgnacioLD/augen · GitHub

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
105
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contact - Augen AI Vision Assistant</title>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
    <link rel="stylesheet" href="assets/css/style.css">
</head>
<body id="app-body">
    <script>
        // Apply saved theme immediately to prevent flash
        const savedTheme = localStorage.getItem('theme') || 'standard';
        const savedFontSize = localStorage.getItem('font-size') || 'standard';
        const savedLanguage = localStorage.getItem('user-language') || 'auto';
        let className = `theme-${savedTheme} font-size-${savedFontSize}`;
        if (savedLanguage === 'ar') className += ' rtl';
        document.body.className = className;
    </script>
    <a href="#main-content" class="skip-link">Skip to main content</a>

    <div class="header-settings">
        <button class="settings-button" id="settings-button" aria-label="Open accessibility settings">
            <span class="material-symbols-rounded">settings</span>
        </button>
    </div>

    <nav role="navigation" aria-label="Main navigation">
        <a href="index.html" class="nav-home">← Back to Augen</a>
    </nav>

    <main class="container page-content" role="main" id="main-content">
        <h1>Contact & Support</h1>

        <section aria-labelledby="feedback">
            <h2 id="feedback">Feedback & Suggestions</h2>
            <p>We'd love to hear from you! Your feedback helps make Augen better for everyone.</p>
        </section>

        <section aria-labelledby="report-issues">
            <h2 id="report-issues">Report Issues</h2>
            <p>If you encounter problems or bugs, please let us know with details about:</p>
            <ul>
                <li><strong>Device</strong> - What phone/tablet/computer you're using</li>
                <li><strong>Browser</strong> - Chrome, Safari, Firefox, etc.</li>
                <li><strong>Problem</strong> - What happened vs. what you expected</li>
                <li><strong>Steps</strong> - How to reproduce the issue</li>
            </ul>
        </section>

        <section aria-labelledby="accessibility-feedback">
            <h2 id="accessibility-feedback">Accessibility Feedback</h2>
            <p>Accessibility is our priority. If you have trouble using Augen with:</p>
            <ul>
                <li><strong>Screen readers</strong> - NVDA, JAWS, VoiceOver, TalkBack</li>
                <li><strong>Voice control</strong> - Dragon, Voice Control, Voice Access</li>
                <li><strong>Switch navigation</strong> - Physical switches or assistive devices</li>
                <li><strong>Motor limitations</strong> - Difficulty with touch or clicks</li>
            </ul>
            <p>Please share your experience so we can improve.</p>
        </section>

        <section aria-labelledby="technical">
            <h2 id="technical">Technical Information</h2>
            <p>Augen is powered by advanced AI technology that provides:</p>
            <ul>
                <li><strong>Image recognition</strong> - Identifies objects, text, and scenes</li>
                <li><strong>Text reading</strong> - Reads signs, menus, and documents aloud</li>
                <li><strong>Natural speech</strong> - High-quality text-to-speech output</li>
                <li><strong>Real-time processing</strong> - Fast analysis and response</li>
            </ul>
        </section>

        <section aria-labelledby="privacy">
            <h2 id="privacy">Privacy & Security</h2>
            <ul>
                <li><strong>No personal data stored</strong> - Images processed temporarily only</li>
                <li><strong>No tracking</strong> - We don't collect usage data</li>
                <li><strong>Secure processing</strong> - Images handled safely and securely</li>
                <li><strong>Open source</strong> - Code is transparent and auditable</li>
            </ul>
        </section>

        <section aria-labelledby="community">
            <h2 id="community">Community</h2>
            <p>Connect with other Augen users and share tips, experiences, and suggestions.</p>
        </section>

        <div class="action-buttons">
            <a href="index.html" class="button-link">
                📷 Start Using Augen
            </a>
        </div>
    </main>

    <footer role="contentinfo">
        <nav aria-label="Footer navigation">
            <p><a href="about.html">About</a> • <a href="help.html">Help</a> • <a href="contact.html" aria-current="page">Contact</a></p>
        </nav>
        <p>AI-powered vision assistant for accessibility</p>
    </footer>

    <script src="assets/js/script.js"></script>
</body>
</html>