eliasds.github.io/privacy.html at main · eliasds/eliasds.github.io · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>dicotic – Privacy Policy</title>
    <meta
      name="description"
      content="Privacy Policy for dicotic, an iOS app for divided listening. Learn how your data is handled."
    />
    <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@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="css/styles.css" />
    <style>
      body {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
      }

      .legal-main {
        flex: 1 0 auto;
        min-height: 0;
        padding-bottom: 1.5rem;
      }
    </style>
  </head>
  <body>
    <header class="site-header">
      <div class="container header-inner">
        <a href="index.html" class="brand">
          <img class="brand-mark" src="img/icon.png" alt="dicotic" width="32" height="32" />
          <span class="brand-text">dicotic</span>
        </a>
        <div class="header-cta">
          <a href="https://apps.apple.com/us/app/dicotic/id6760433267" class="btn btn-ghost">Get the app</a>
        </div>
      </div>
    </header>

    <main id="top" class="legal-main">
      <div class="container legal-container">
        <header class="legal-header">
          <h1>Privacy at dicotic</h1>
          <p class="legal-meta">Effective date: May 5, 2026</p>
        </header>

        <section class="legal-section">
          <h4>
            dicotic (the app) does not collect any personal data. Everything stays on your device.
          </h4>

          <p>
            dicotic is designed to run entirely on your device.
          </p>

          <p>
            We do not track you. We do not build profiles. We do not use analytics that follow you.
          </p>

          <p>
            If you play audio from other apps or services, those services follow
            their own privacy policies.
          </p>

          <p>
            If you choose to contact the developer through external platforms such as email or social media, those services operate under their own privacy policies.
          </p>

          <h4>dicotic is built for each one of us humans.</h4>

          <p>
            If dicotic ever changes how data is handled, this page and the effective date will be updated.
          </p>

          <h4>
            Contact:
            <svg
              viewBox="0 0 24 24"
              xmlns="http://www.w3.org/2000/svg"
              aria-hidden="true"
              style="width: 1em; height: 1em; vertical-align: -0.12em"
            >
              <path
                d="M4 7.5A1.5 1.5 0 0 1 5.5 6h13A1.5 1.5 0 0 1 20 7.5v9a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 4 16.5v-9Z"
                fill="none"
                stroke="currentColor"
                stroke-width="1.8"
              />
              <path
                d="m5 8 7 5 7-5"
                fill="none"
                stroke="currentColor"
                stroke-width="1.8"
                stroke-linecap="round"
                stroke-linejoin="round"
              />
            </svg>
            <a href="mailto:dicoticListening@gmail.com">dicoticListening@gmail.com</a>
          </h4>


        </section>
      </div>
    </main>

    <footer class="site-footer">
      <div class="container footer-inner">
        <a href="/" class="footer-brand">
          <img class="brand-mark" src="img/icon.png" alt="dicotic" width="32" height="32" />
          <span class="brand-text">dicotic</span>
        </a>
        <div class="footer-links">
          <a href="/try">Try</a>
          <a href="/about">About</a>
          <a href="https://www.buymeacoffee.com/dicotic">Support</a>
          <a href="/privacy.html">Privacy</a>
        </div>
        <p class="footer-meta">
          &copy; <span id="year"></span> dicotic. Built for humans.
        </p>
      </div>
    </footer>

    <script>
      const yearSpan = document.getElementById("year");
      if (yearSpan) {
        yearSpan.textContent = new Date().getFullYear().toString();
      }
    </script>
  </body>
</html>