sunquest/features.html at main · CodeHospital/sunquest · 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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Features — SunQuest</title>
    <meta name="description" content="What SunQuest does: a sun-alignment search for any two points on Earth, reminders you can turn on or off, home and Lock Screen widgets, and no compass required.">
    <meta name="author" content="Code Hospital">
    <meta name="robots" content="index, follow">
    <link rel="canonical" href="https://sunquest.codehospital.com/features.html">

    <meta property="og:type" content="website">
    <meta property="og:site_name" content="SunQuest">
    <meta property="og:url" content="https://sunquest.codehospital.com/features.html">
    <meta property="og:title" content="Features — SunQuest">
    <meta property="og:description" content="What SunQuest does: a sun-alignment search for any two points on Earth, reminders you can turn on or off, home and Lock Screen widgets, and no compass required.">
    <meta property="og:image" content="https://sunquest.codehospital.com/assets/Screenshot_20250225_183116.png">
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:title" content="Features — SunQuest">
    <meta property="twitter:description" content="What SunQuest does: a sun-alignment search for any two points on Earth, reminders you can turn on or off, home and Lock Screen widgets, and no compass required.">
    <meta property="twitter:image" content="https://sunquest.codehospital.com/assets/Screenshot_20250225_183116.png">

    <link rel="shortcut icon" href="assets/favicon/favicon.ico">
    <link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
    <link rel="manifest" href="assets/favicon/site.webmanifest">

    <meta name="application-name" content="SunQuest">
    <meta name="apple-mobile-web-app-title" content="SunQuest">
    <meta name="google-play-app" content="app-id=com.codehospital.tarzaha">
    <meta name="apple-itunes-app" content="app-id=6813109002">

    <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&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="styles.css">
    <script src="site.js" defer></script>
</head>
<body>
    <a class="skip-link" href="#main">Skip to content</a>
    <header>
        <nav aria-label="Main">
            <div class="logo">
                <a href="index.html">
                    <img src="assets/logo.webp" alt="" class="logo-img" width="38" height="38">
                    <span>SunQuest</span>
                </a>
            </div>
            <button class="menu-toggle" type="button" aria-label="Open navigation menu" aria-expanded="false" aria-controls="site-nav">
                <svg class="icon-menu" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
                    <path d="M4 7h16M4 12h16M4 17h16"/>
                </svg>
                <svg class="icon-close" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
                    <path d="M6 6l12 12M18 6L6 18"/>
                </svg>
            </button>
            <div class="nav-links" id="site-nav">
        <a href="features.html" class="active" aria-current="page">Features</a>
        <a href="how-it-works.html">How It Works</a>
        <a href="screenshots.html">Screenshots</a>
        <a href="download.html">Download</a>
        <a href="contact.html">Contact</a>
            </div>
        </nav>
    </header>

    <main id="main">
        <section class="page-hero">
            <div class="page-hero-inner">
                <p class="eyebrow">Features</p>
                <h1>Built around one question</h1>
                <p class="lede">When does the sun line up with the direction I care about? Everything in SunQuest serves that answer.</p>
            </div>
        </section>

        <section class="section">
            <div class="feature-grid">
                <div class="feature-card">
                    <div class="feature-icon" aria-hidden="true">&#129517;</div>
                    <h3>Sun-alignment search</h3>
                    <p>Finds the date and time the sun's position matches the bearing to your target &mdash; the shadow-based navigation method, worked out for you.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon" aria-hidden="true">&#128276;</div>
                    <h3>Reminders you control</h3>
                    <p>Alerts 60, 30, 10, 5 and 1 minute before alignment, plus one at the moment itself. A single tap on the bell turns them all off.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon" aria-hidden="true">&#128242;</div>
                    <h3>Home &amp; Lock Screen widgets</h3>
                    <p>Keep a live countdown on your home screen &mdash; and on iPhone and iPad, on the Lock Screen too. No need to open the app.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon" aria-hidden="true">&#127757;</div>
                    <h3>Any two points on Earth</h3>
                    <p>Set any target you like. SunQuest works out the bearing and the alignment between any pair of coordinates.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon" aria-hidden="true">&#128205;</div>
                    <h3>Your location, your way</h3>
                    <p>Fill it in with a single GPS reading, type coordinates yourself, or share a map link into the app. No continuous background tracking.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon" aria-hidden="true">&#128336;</div>
                    <h3>Timezone-aware</h3>
                    <p>Times are shown in the zone of the location you are standing in, so a target on the other side of the world still reads correctly.</p>
                </div>
            </div>
        </section>

        <section class="section section-alt">
            <div class="prose">
                <h2>No compass needed</h2>
                <p>SunQuest never reads your device's magnetometer. A phone compass is easily thrown off by metal, magnets and electronics; the sun is not. Because the app calculates the sun's position from your coordinates and the clock, the answer is the same whether you are indoors, in a car, or standing next to a fridge.</p>
                <p>It also means nothing has to be running in the background. The calculation happens when you ask for it, and the reminders are scheduled ahead of time.</p>
            </div>
        </section>

        <nav class="page-nav" aria-label="More pages">
            <a class="page-nav-link next" href="how-it-works.html">
                <span class="page-nav-label">Next</span>
                <span class="page-nav-title">How It Works</span>
            </a>
        </nav>

    </main>

    <footer>
        <div class="footer-content">
            <div class="footer-section">
                <h4>SunQuest</h4>
                <p>Sun-powered navigation for Android, iPhone and iPad, and Chrome.</p>
                <p class="footer-legal">&copy; 2025&ndash;2026 Code Hospital. All rights reserved.</p>
            </div>
            <div class="footer-section">
                <h4>Explore</h4>
                <a href="features.html">Features</a>
                <a href="how-it-works.html">How It Works</a>
                <a href="screenshots.html">Screenshots</a>
                <a href="contact.html">Contact</a>
            </div>
            <div class="footer-section">
                <h4>Get the app</h4>
                <a href="https://play.google.com/store/apps/details?id=com.codehospital.tarzaha">Google Play</a>
                <a href="https://apps.apple.com/us/app/a-solar-compass/id6813109002">App Store</a>
                <a href="https://chromewebstore.google.com/detail/sunquest/fjafeinjoideacgbpfdfnabfopddpibj">Chrome Web Store</a>
            </div>
            <div class="footer-section">
                <h4>Legal</h4>
                <a href="privacy.html">Privacy Policy</a>
                <a href="terms.html">Terms of Service</a>
            </div>
        </div>
    </footer>
</body>
</html>