Skip to content

Commit 5a73870

Browse files
gzalomoscosogzalomoscoso
authored
Add files via upload
1 parent ac1fcf7 commit 5a73870

11 files changed

Lines changed: 382 additions & 0 deletions

File tree

‎serialwatcher/privacy.html‎

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>SerialWatcher — Privacy Policy</title><style>:root{--bg:#0a0b0d;--surface:#14161b;--line:rgba(255,255,255,.08);--text:#f0ece3;--muted:#a49e90;--faint:#6f6a5e;--accent:#d9ae3d;--accent2:#f0c85a;--sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif}
2+
*{box-sizing:border-box;margin:0;padding:0}
3+
body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased}
4+
a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}
5+
.wrap{max-width:820px;margin:0 auto;padding:56px 24px 80px}
6+
.brand{display:flex;align-items:center;gap:12px;margin-bottom:36px}
7+
.brand svg{width:40px;height:40px}
8+
.brand b{font-size:22px;font-weight:800}
9+
.brand small{display:block;font-size:11px;letter-spacing:.22em;color:var(--faint);text-transform:uppercase}
10+
h1{font-size:38px;letter-spacing:-1px;font-weight:800;margin-bottom:8px}
11+
h2{font-size:20px;margin:34px 0 10px;color:#fff}
12+
p,li{color:var(--muted);margin-bottom:12px}
13+
ul{padding-left:20px}
14+
.updated{color:var(--faint);font-size:14px;margin-bottom:8px}
15+
.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin-top:18px}
16+
footer{border-top:1px solid var(--line);margin-top:48px;padding-top:20px;color:var(--faint);font-size:13px}
17+
footer a{color:var(--muted)}
18+
.attr{font-size:12.5px;color:var(--faint);margin-top:10px}</style></head><body><div class="wrap">
19+
<div class="brand"><svg viewBox="0 0 32 32" fill="none"><circle cx="16" cy="16" r="12" fill="none" stroke="#d9ae3d" stroke-width="2.6" stroke-linecap="round" stroke-dasharray="75.4" stroke-dashoffset="16" transform="rotate(-90 16 16)"/><path d="M13.2 11.6 L13.2 20.4 L20.2 16 Z" fill="#d9ae3d" stroke="#d9ae3d" stroke-width="1.6" stroke-linejoin="round"/></svg><b>SerialWatcher<small>Movies &amp; TV Tracker</small></b></div>
20+
<h1>Privacy Policy</h1>
21+
<p class="updated">Last updated: July 23, 2026</p>
22+
<p>SerialWatcher is built to be private by design. This policy explains, in plain language, what happens with your information.</p>
23+
24+
<h2>We do not collect your data</h2>
25+
<p>SerialWatcher has no analytics, no tracking, no advertising, and no servers of our own. We do not collect, sell, or share any personal information. We never see your library, ratings, reviews, or lists.</p>
26+
27+
<h2>Where your data lives</h2>
28+
<p>Everything you create in the app — your library, watch status, episode progress, ratings, reviews, favorites and lists — is stored <b>on your device</b> and synced privately through <b>your own iCloud account</b> (Apple's key-value storage). It never leaves Apple's ecosystem and is tied to your Apple ID, not to us. If you reinstall the app on the same iCloud account, your data is restored automatically.</p>
29+
30+
<h2>Sign in with Apple (optional)</h2>
31+
<p>Signing in with Apple is entirely optional and is used only to personalize your name inside the app. It is not required to use any feature, and it does not enable data collection. iCloud sync works with or without it.</p>
32+
33+
<h2>Third-party content (TMDB)</h2>
34+
<p>Movie and TV information, images and metadata are provided by <a href="https://www.themoviedb.org" target="_blank" rel="noopener">TMDB</a> through their public API. When the app fetches this content, standard network requests are made to TMDB. Please refer to TMDB's own privacy policy for how they handle API requests. SerialWatcher does not send them any of your personal data.</p>
35+
<p class="attr">This product uses the TMDB API but is not endorsed or certified by TMDB.</p>
36+
37+
<h2>Children</h2>
38+
<p>SerialWatcher is not directed at children under 13 and does not knowingly collect information from anyone.</p>
39+
40+
<h2>Changes</h2>
41+
<p>If this policy changes, the "last updated" date above will change accordingly.</p>
42+
43+
<h2>Contact</h2>
44+
<p>Questions? Email <a href="mailto:‹tu email de soporte›">‹tu email de soporte›</a>.</p>
45+
46+
<footer>© 2026 ‹tu nombre legal› · <a href="index.html">Home</a> · <a href="support.html">Support</a></footer>
47+
</div></body></html>

‎serialwatcher/promo.html‎

Lines changed: 146 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,146 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>SerialWatcher — Promo board (Reddit)</title>
7+
<style>
8+
:root{
9+
--bg:#0a0b0d; --surface-2:#14161b;
10+
--line:rgba(255,255,255,.08);
11+
--text:#f0ece3; --muted:#a49e90; --faint:#6f6a5e;
12+
--accent:#d9ae3d; --accent-2:#f0c85a; --green:#22c55e;
13+
--mono:"SF Mono",ui-monospace,Menlo,monospace;
14+
--sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
15+
}
16+
*{box-sizing:border-box;margin:0;padding:0}
17+
body{background:#050506;font-family:var(--sans);color:var(--text);padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px}
18+
.hint{color:var(--faint);font-size:13px}
19+
20+
/* ===== Capture stage ===== */
21+
#stage{width:2400px;height:1980px;flex:none;position:relative;overflow:hidden;background:var(--bg);
22+
background-image:
23+
radial-gradient(1400px 700px at 70% -10%, rgba(217,174,61,.18), transparent 60%),
24+
radial-gradient(900px 600px at 0% 10%, rgba(217,174,61,.06), transparent 55%),
25+
radial-gradient(1000px 800px at 50% 115%, rgba(217,174,61,.10), transparent 60%);
26+
display:flex;flex-direction:column;align-items:center;padding:64px 70px 48px}
27+
28+
.brand{display:flex;align-items:center;gap:16px}
29+
.brand svg{width:54px;height:54px}
30+
.brand .n{font-size:36px;font-weight:800;letter-spacing:.3px}
31+
.brand small{display:block;font-size:13px;letter-spacing:.24em;color:var(--faint);text-transform:uppercase;font-weight:600}
32+
33+
h1{font-size:64px;letter-spacing:-1.6px;font-weight:800;margin:22px 0 10px;text-align:center}
34+
h1 .grad{background:linear-gradient(120deg,#fff 20%,var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}
35+
.sub{font-size:22px;color:var(--muted);text-align:center;max-width:1120px}
36+
37+
.grid{display:flex;gap:44px;justify-content:center;margin-top:44px}
38+
.grid.r2{margin-top:40px}
39+
40+
.cell{display:flex;flex-direction:column;align-items:center;width:300px}
41+
.cap{text-align:center;margin-bottom:14px;min-height:74px}
42+
.cap b{display:block;font-size:19px;font-weight:750;letter-spacing:-.2px}
43+
.cap i{display:block;font-style:normal;font-size:13.5px;color:var(--muted);margin-top:4px;line-height:1.35}
44+
45+
/* CSS iPhone frame — feed it PLAIN screenshots */
46+
.phone{width:300px;aspect-ratio:9/19.4;border-radius:44px;padding:10px;flex:none;
47+
background:linear-gradient(160deg,#2a2a2f,#0c0c10);
48+
border:1px solid rgba(255,255,255,.12);
49+
box-shadow:0 34px 70px rgba(0,0,0,.62),0 0 0 1px rgba(0,0,0,.5) inset;position:relative}
50+
.phone::before{content:"";position:absolute;top:13px;left:50%;transform:translateX(-50%);
51+
width:32%;height:19px;background:#050506;border-radius:999px;z-index:3}
52+
.phone .screen{width:100%;height:100%;border-radius:34px;overflow:hidden;position:relative;
53+
background:linear-gradient(180deg,#14161b,#0a0e16)}
54+
.phone img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
55+
.ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
56+
gap:6px;color:var(--faint);text-align:center;padding:16px;font-size:13px}
57+
.ph code{font-family:var(--mono);font-size:12px;color:var(--accent-2)}
58+
59+
.foot{margin-top:auto;display:flex;align-items:center;gap:26px;color:var(--muted);font-size:18px}
60+
.foot .pill{display:inline-flex;align-items:center;gap:9px;font-size:16px;font-weight:600;
61+
border:1px solid var(--line);border-radius:999px;padding:9px 18px;background:rgba(255,255,255,.02)}
62+
.foot .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}
63+
.foot .m{font-family:var(--mono);font-size:15px;color:var(--faint)}
64+
</style>
65+
</head>
66+
<body>
67+
68+
<div class="hint">Place sshot1.jpg … sshot7.jpg next to this file, open in a browser, and screenshot the board below.</div>
69+
70+
<div id="stage">
71+
<div class="brand">
72+
<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
73+
<circle cx="16" cy="16" r="12" fill="none" stroke="#d9ae3d" stroke-width="2.6" stroke-linecap="round" stroke-dasharray="75.4" stroke-dashoffset="16" transform="rotate(-90 16 16)"/><path d="M13.2 11.6 L13.2 20.4 L20.2 16 Z" fill="#d9ae3d" stroke="#d9ae3d" stroke-width="1.6" stroke-linejoin="round"/>
74+
</svg>
75+
<span class="n">SerialWatcher<small>Movies &amp; TV Tracker</small></span>
76+
</div>
77+
78+
<h1>Everything you watch, <span class="grad">in one place.</span></h1>
79+
<p class="sub">Discover, rate and track movies and series — episode by episode. Your progress, your lists and your ratings, saved privately to your own iCloud.</p>
80+
81+
<!-- Row 1 -->
82+
<div class="grid">
83+
<div class="cell">
84+
<div class="cap"><b>Discover What to Watch</b><i>Trending, top-rated and upcoming films &amp; series, curated on one screen.</i></div>
85+
<div class="phone"><div class="screen">
86+
<img src="sshot1.jpg" alt="" onerror="this.style.display='none';this.nextElementSibling.style.display='flex';">
87+
<div class="ph" style="display:none"><div>Discover</div><code>sshot1.jpg</code></div>
88+
</div></div>
89+
</div>
90+
<div class="cell">
91+
<div class="cap"><b>Track Every Episode</b><i>Season by season, mark what you've seen and never lose your place.</i></div>
92+
<div class="phone"><div class="screen">
93+
<img src="sshot2.jpg" alt="" onerror="this.style.display='none';this.nextElementSibling.style.display='flex';">
94+
<div class="ph" style="display:none"><div>Series detail</div><code>sshot2.jpg</code></div>
95+
</div></div>
96+
</div>
97+
<div class="cell">
98+
<div class="cap"><b>Always Know What's Next</b><i>The next unwatched episode of every show you're on, ready to play.</i></div>
99+
<div class="phone"><div class="screen">
100+
<img src="sshot3.jpg" alt="" onerror="this.style.display='none';this.nextElementSibling.style.display='flex';">
101+
<div class="ph" style="display:none"><div>Up Next</div><code>sshot3.jpg</code></div>
102+
</div></div>
103+
</div>
104+
<div class="cell">
105+
<div class="cap"><b>Your Library, Organized</b><i>Watching, Want to Watch, Watched and favorites — sorted for you.</i></div>
106+
<div class="phone"><div class="screen">
107+
<img src="sshot4.jpg" alt="" onerror="this.style.display='none';this.nextElementSibling.style.display='flex';">
108+
<div class="ph" style="display:none"><div>Library</div><code>sshot4.jpg</code></div>
109+
</div></div>
110+
</div>
111+
</div>
112+
113+
<!-- Row 2 -->
114+
<div class="grid r2">
115+
<div class="cell">
116+
<div class="cap"><b>Explore Any Way</b><i>By genre, year, actor/director or platform — with streaming logos.</i></div>
117+
<div class="phone"><div class="screen">
118+
<img src="sshot5.jpg" alt="" onerror="this.style.display='none';this.nextElementSibling.style.display='flex';">
119+
<div class="ph" style="display:none"><div>Explore</div><code>sshot5.jpg</code></div>
120+
</div></div>
121+
</div>
122+
<div class="cell">
123+
<div class="cap"><b>Build Your Own Lists</b><i>Curate collections — add full titles or single episodes you love.</i></div>
124+
<div class="phone"><div class="screen">
125+
<img src="sshot6.jpg" alt="" onerror="this.style.display='none';this.nextElementSibling.style.display='flex';">
126+
<div class="ph" style="display:none"><div>My Lists</div><code>sshot6.jpg</code></div>
127+
</div></div>
128+
</div>
129+
<div class="cell">
130+
<div class="cap"><b>Private by Design</b><i>No account required. Everything syncs in your own iCloud.</i></div>
131+
<div class="phone"><div class="screen">
132+
<img src="sshot7.jpg" alt="" onerror="this.style.display='none';this.nextElementSibling.style.display='flex';">
133+
<div class="ph" style="display:none"><div>Settings · Privacy</div><code>sshot7.jpg</code></div>
134+
</div></div>
135+
</div>
136+
</div>
137+
138+
<div class="foot">
139+
<span class="pill"><span class="dot"></span> Free · Movies &amp; TV tracker</span>
140+
<span>iOS 17.6+ · English &amp; Español · Powered by TMDB</span>
141+
<span class="m">myiosapps.org/serialwatcher</span>
142+
</div>
143+
</div>
144+
145+
</body>
146+
</html>

0 commit comments

Comments
 (0)