jwimages/cookie-policy.html at develop · MaksymKaharlytskyi/jwimages · 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
159
160
161
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <title>Cookie Policy - JW Images Search</title>
  <meta name="description" content="Cookie Policy for JW Images Search - Information about how we use cookies">
  <meta name="theme-color" content="#7B5EA7">

  <link rel="canonical" href="https://YOUR_DOMAIN/cookie-policy.html">

  <!-- Google Fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Nunito:wght@400;500;600&display=swap">

  <!-- Stylesheet -->
  <link rel="stylesheet" href="/css/style.css">
</head>
<body>
  <a href="#main-content" class="skip-link">Skip to main content</a>

  <header role="banner">
    <div class="header-content">
      <h1 class="site-name"><a href="/" style="text-decoration: none; color: inherit;">JW Images Search</a></h1>
      <p class="site-tagline">Search images on JW.org</p>
    </div>
  </header>

  <main id="main-content" role="main" class="legal-page">
    <h1>Cookie Policy</h1>
    <p><strong>Last updated:</strong> <time datetime="2026-04-12">April 12, 2026</time></p>

    <h2>1. What Are Cookies</h2>
    <p>Cookies are small text files that are placed on your device (computer, smartphone, or tablet) when you visit a website. They are widely used to make websites work more efficiently and provide information to the owners of the site.</p>
    <p>Cookies can be categorized in different ways:</p>
    <ul>
      <li><strong>Session cookies:</strong> Temporary cookies that are deleted when you close your browser</li>
      <li><strong>Persistent cookies:</strong> Remain on your device for a set period or until you delete them</li>
      <li><strong>First-party cookies:</strong> Set by the website you are visiting</li>
      <li><strong>Third-party cookies:</strong> Set by a third party (such as analytics providers)</li>
    </ul>

    <h2>2. Cookies This Site Uses</h2>
    <p>JW Images Search uses only essential localStorage (functionally equivalent to cookies) to remember your preferences and provide core functionality. We do not use any tracking, analytics, or advertising cookies.</p>

    <h3>LocalStorage Keys Used</h3>
    <table style="width: 100%; border-collapse: collapse; margin: 1rem 0;">
      <thead>
        <tr style="border-bottom: 2px solid var(--colour-border);">
          <th style="text-align: left; padding: 0.75rem;">Key</th>
          <th style="text-align: left; padding: 0.75rem;">Purpose</th>
          <th style="text-align: left; padding: 0.75rem;">Retention</th>
        </tr>
      </thead>
      <tbody>
        <tr style="border-bottom: 1px solid var(--colour-border);">
          <td style="padding: 0.75rem; font-family: var(--font-mono); font-size: var(--text-sm);">cookie_consent</td>
          <td style="padding: 0.75rem;">Stores your cookie consent choice</td>
          <td style="padding: 0.75rem;">Until you clear browser data or withdraw consent</td>
        </tr>
        <tr style="border-bottom: 1px solid var(--colour-border);">
          <td style="padding: 0.75rem; font-family: var(--font-mono); font-size: var(--text-sm);">last_query</td>
          <td style="padding: 0.75rem;">Remembers your last search query for convenience</td>
          <td style="padding: 0.75rem;">Until you clear browser data</td>
        </tr>
        <tr style="border-bottom: 1px solid var(--colour-border);">
          <td style="padding: 0.75rem; font-family: var(--font-mono); font-size: var(--text-sm);">last_lang</td>
          <td style="padding: 0.75rem;">Remembers your last selected search language</td>
          <td style="padding: 0.75rem;">Until you clear browser data</td>
        </tr>
      </tbody>
    </table>

    <h2>3. Third-Party Services</h2>
    <p>This site uses the Google Custom Search API to provide search functionality. When you perform a search:</p>
    <ul>
      <li>Your search query is sent to our serverless function (hosted on Vercel)</li>
      <li>Our serverless function makes a server-to-server request to Google's API</li>
      <li>Google processes the request and returns search results to our server</li>
      <li>Our server forwards only the search results to your browser</li>
    </ul>
    <p><strong>Important:</strong> No Google tracking cookies are set on your device by this app. The Google API call is made server-to-server, and your browser only communicates with our serverless function.</p>

    <h2>4. How to Manage or Withdraw Consent</h2>
    <p>You have full control over your cookie preferences:</p>

    <h3>Through the Cookie Banner</h3>
    <p>When you first visit the site, you will see a cookie consent banner. You can:</p>
    <ul>
      <li><strong>Accept all:</strong> Consents to the use of essential localStorage</li>
      <li><strong>Reject non-essential:</strong> Since we only use essential localStorage, this has the same functional effect as "Accept all"</li>
    </ul>

    <h3>Withdraw Consent</h3>
    <p>You can withdraw your consent at any time by clicking the button below. This will clear your cookie consent preference and restore the consent banner on your next visit.</p>
    <p>
      <button class="btn btn-primary" data-action="withdraw-consent" type="button">
        Withdraw consent
      </button>
    </p>

    <h3>Browser Settings</h3>
    <p>You can also manage or delete localStorage data through your browser settings:</p>
    <ul>
      <li><strong>Chrome:</strong> Settings → Privacy and security → Cookies and other site data</li>
      <li><strong>Firefox:</strong> Settings → Privacy & Security → Cookies and Site Data</li>
      <li><strong>Safari:</strong> Preferences → Privacy → Manage Website Data</li>
      <li><strong>Edge:</strong> Settings → Cookies and site permissions → Cookies and site data</li>
    </ul>

    <h2>5. Changes to This Policy</h2>
    <p>We may update this Cookie Policy from time to time to reflect changes in our practices or for legal reasons. Any changes will be posted on this page with an updated "Last updated" date.</p>
    <p>We encourage you to review this Cookie Policy periodically to stay informed about how we use cookies and localStorage.</p>

    <h2>6. Contact Us</h2>
    <p>If you have any questions about this Cookie Policy or our use of cookies and localStorage, please contact us at:</p>
    <p>Email: <a href="mailto:contact@example.com">contact@example.com</a></p>

    <h2>7. Your Rights Under GDPR</h2>
    <p>If you are located in the European Economic Area (EEA), you have certain rights under the General Data Protection Regulation (GDPR), including:</p>
    <ul>
      <li>The right to be informed about the personal data we collect and how we use it</li>
      <li>The right to access your personal data</li>
      <li>The right to have your personal data rectified or erased</li>
      <li>The right to restrict or object to our processing of your personal data</li>
      <li>The right to data portability</li>
      <li>The right to lodge a complaint with a supervisory authority</li>
    </ul>
    <p>Since JW Images Search only stores non-personal preferences in localStorage and does not collect or process personal data, many of these rights are not applicable. However, you always have the right to clear your browser's localStorage data at any time.</p>
  </main>

  <footer role="contentinfo">
    <div class="footer-content">
      <nav class="footer-links" aria-label="Footer navigation">
        <a href="/terms-of-use.html">Terms of Use</a>
        <a href="/cookie-policy.html">Cookie Policy</a>
        <a href="/privacy-policy.html">Privacy Policy</a>
      </nav>
      <p class="footer-disclaimer">
        This is an independent tool. Not affiliated with jw.org or the Watchtower Bible and Tract Society.
      </p>
    </div>
  </footer>

  <!-- Withdraw Consent Script -->
  <script>
    document.addEventListener('DOMContentLoaded', function() {
      const withdrawBtn = document.querySelector('[data-action="withdraw-consent"]');
      if (withdrawBtn) {
        withdrawBtn.addEventListener('click', function() {
          localStorage.removeItem('cookie_consent');
          window.location.reload();
        });
      }
    });
  </script>
</body>
</html>