SecureCameraWebsite/index.html at main · SecureCamera/SecureCameraWebsite · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SnapSafe - Your Photos, Your Privacy</title>
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/site.webmanifest">
    <link rel="shortcut icon" href="/favicon.ico">

    <meta property="og:title" content="SnapSafe">
    <meta property="og:description" content="A free, open source, privacy-focused camera app that protects your photos and privacy.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://snapsafe.org">
    <meta property="og:image" content="icon.png">
    <meta property="og:image:alt" content="SnapSafe logo">

    <link rel="stylesheet" href="common.css">
    <link rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="news-card.css">
    <script defer src="https://cloud.umami.is/script.js" data-website-id="ebcfc372-fd4f-48b0-bb4d-397883537ea0"></script>
</head>
<body>
    <header>
        <div class="hero container">
            <div class="hero-content">
                <img src="images/icon.png" alt="SnapSafe Icon" class="hero-icon">
                <h1>SnapSafe</h1>
                <p>Your photos. Your privacy. Your control.</p>
                <span>
                    <a href="#features" class="cta-button">Discover</a>
                    <a href="#download" class="cta-button">Download</a>
                </span>
            </div>
            <div class="hero-video">
                <iframe width="560" height="315" src="https://www.youtube.com/embed/Ihp8C_cCkoE?autoplay=1&mute=1&loop=1&cc_load_policy=1&controls=0" title="SnapSafe Trailer" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
            </div>
        </div>
    </header>

    <section class="featured-press">
        <a href="https://store.2600.com/products/winter-2025-2026" target="_blank" rel="noopener" class="featured-press-link">
            <div class="container">
                <div class="featured-press-content">
                    <img src="images/2600-cover_large.webp" alt="2600 Magazine Winter 2025-2026 Cover" class="featured-cover">
                    <div class="featured-text">
                        <img src="images/2600-logo.png" alt="2600 The Hacker Quarterly" class="featured-logo">
                        <p class="featured-headline">Featured in <em>The Hacker Quarterly</em></p>
                        <p class="featured-article">"SnapSafe: Security on Android From Forensic Searches"</p>
                    </div>
                </div>
            </div>
        </a>
    </section>

    <section class="news-stories">
        <div class="container">
            <h2>Your Photos Need Protection</h2>
            <p>In today's digital world, your personal photos are increasingly vulnerable. Recent headlines show why a secure solution is essential:</p>

            <div class="news-grid">
                <!-- News cards will be dynamically generated by JavaScript -->
            </div>

            <p>View <a href="incidents.html" style="color: #6a11cb; font-weight: bold;">more incidents.</a></p>
        </div>
    </section>

    <section class="features" id="features">
        <div class="container">
            <h2>How SnapSafe Protects You</h2>
            <p>SnapSafe changes the rules with multiple layers of protection for your most sensitive photos.</p>

            <div class="features-grid">
                <div class="feature-card">
                    <div class="feature-icon">🔒</div>
                    <h3>Legal Protection</h3>
                    <p>PIN protection that's separate from your device lock, giving you constitutional protection against forced access at border checkpoints and other legal gray areas.</p>
                </div>

                <div class="feature-card">
                    <div class="feature-icon">👥</div>
                    <h3>Social Protection</h3>
                    <p>Safe sharing options with face blurring and metadata removal. Plus, protection from prying eyes with secure viewing that prevents screenshots in app switchers.</p>
                </div>

                <div class="feature-card">
                    <div class="feature-icon">🛡️</div>
                    <h3>Technical Protection</h3>
                    <p>State-of-the-art encryption, true local-only storage with no cloud backups, and genuine deletion that wipes photos completely when you want them gone.</p>
                </div>
            </div>

            <p>
                <a href="security.html" class="cta-button">Our Security</a> <a href="privacy.html" class="cta-button">Privacy Policy</a>
            </p>
        </div>
    </section>

    <section class="features" id="download">
        <div class="container">
            <h2>Download now, take control of your photos</h2>
            <p>Because free speech is about more than just words.</p>
            <p>Whether you're documenting protests, storing sensitive personal moments, or just want to keep your photos truly private, <strong>SnapSafe</strong> is the best way to do it.</p>
            <div style="text-align: center; margin-top: 2rem;">
                <div class="app-store-grid">
                    <!-- Android Card -->
                    <div class="app-store-card">
                        <img src="images/app_store_android.png" alt="Android Logo" class="app-store-logo">
                        <div class="app-store-buttons">
                            <a href="https://play.google.com/store/apps/details?id=com.darkrockstudios.app.securecamera" class="store-button playstore-button">PlayStore</a>
                            <a href="https://f-droid.org/en/packages/com.darkrockstudios.app.securecamera/" class="store-button fdroid-button">FDroid</a>
                            <a href="https://github.com/SecureCamera/SecureCameraAndroid/releases/latest" class="store-button fdroid-button">GitHub</a>
                        </div>
                    </div>

                    <!-- iOS Card -->
                    <div class="app-store-card ios-coming-soon">
                        <img src="images/app_store_ios.jpg" alt="iOS Logo" class="app-store-logo">
                        <div class="app-store-buttons">
                            <a href="https://apps.apple.com/us/app/snapsafe-secure-camera/id6752530832" class="store-button appstore-button">App Store</a>
                        </div>
                    </div>
                </div>

                <p style="margin-bottom: 2rem; display: flex; align-items: center; justify-content: center;">Free. Open source. Yours—forever. <img src="images/osi_symbol.webp" alt="Open Source Initiative Symbol" style="height: 1.2em; margin-left: 0.5em;"></p>
            </div>
        </div>
    </section>

    <footer>
        <div class="container">
            <div class="footer-links">
                <a href="security.html">Security Details</a>
                <a href="technical.html">Technical Details</a>
                <a href="privacy.html">Privacy Policy</a>
                <a href="incidents.html">Privacy Incidents</a>
                <a href="https://github.com/SecureCamera">GitHub</a>
                <a href="mailto:darkrockstudios@gmail.com">Contact</a>
            </div>
            <p><a href="https://darkrock.studio">Dark Rock Studios</a></p>
            <p>&copy; 2025 SnapSafe. All rights reserved.</p>
        </div>
    </footer>

    <script src="news_data.js"></script>
    <script src="index.js"></script>
</body>
</html>