-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcredits.html
More file actions
254 lines (238 loc) · 19.2 KB
/
credits.html
File metadata and controls
254 lines (238 loc) · 19.2 KB
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
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<script>if(location.search.includes('internal=1'))localStorage.setItem('_cf_internal','1');if(localStorage.getItem('_cf_internal')==='1')Object.defineProperty(window,'__cfBeacon',{get:()=>false,set:()=>{}});</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title data-i18n="credits_page_title">Credits & Acknowledgments - Readmigo</title>
<meta name="description" content="Readmigo Credits - Acknowledging our content sources and commitment to the public domain community.">
<!-- Open Graph -->
<meta property="og:title" content="Credits & Acknowledgments - Readmigo">
<meta property="og:description" content="Acknowledging our content sources and commitment to the public domain community.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://readmigo.app/credits">
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
primary: '#7C8DF5',
'primary-dark': '#6B7AE8',
secondary: '#B9B3F5',
'brand-blue': '#8BB9FF',
'brand-purple': '#B9B3F5',
'brand-pink': '#F6B6E8',
'text-primary': '#2D2E4A',
'text-secondary': '#6B6F9C',
'bg-light': '#F7F8FD',
'bg-subtle': '#EEF0FA',
}
}
}
}
</script>
<style>
.gradient-bg { background: linear-gradient(135deg, #8BB9FF 0%, #B9B3F5 50%, #F6B6E8 100%); }
.text-gradient { background: linear-gradient(135deg, #8BB9FF 0%, #B9B3F5 50%, #F6B6E8 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
#mobile-menu { display: none; }
#mobile-menu.open { display: block; }
.prose h2 { margin-top: 2rem; margin-bottom: 1rem; font-size: 1.5rem; font-weight: 600; }
.prose h3 { margin-top: 1.5rem; margin-bottom: 0.75rem; font-size: 1.25rem; font-weight: 600; }
.prose p { margin-bottom: 1rem; line-height: 1.75; }
.prose ul { margin-bottom: 1rem; padding-left: 1.5rem; list-style-type: disc; }
.prose li { margin-bottom: 0.5rem; }
.source-card {
background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
border: 1px solid #e2e8f0;
border-radius: 12px;
padding: 1.5rem;
margin-bottom: 1rem;
}
.source-card:hover {
border-color: #7C8DF5;
box-shadow: 0 4px 12px rgba(124, 141, 245, 0.1);
}
.commitment-box {
background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
border: 1px solid #f59e0b;
border-radius: 12px;
padding: 1.5rem;
margin: 1.5rem 0;
}
</style>
<script src="js/posthog.js"></script>
<script src="js/tracking.js"></script>
</head>
<body class="bg-white text-text-primary antialiased">
<!-- Header -->
<header class="fixed top-0 left-0 right-0 bg-white z-50 border-b border-gray-100/60">
<nav class="max-w-6xl mx-auto px-6 py-3.5 flex items-center justify-between">
<a href="/" class="flex items-center gap-2.5">
<img src="/assets/logo.png" alt="Readmigo" class="w-8 h-8 rounded-lg">
<span class="text-xl font-bold text-gradient">Readmigo</span>
</a>
<div class="hidden md:flex items-center gap-8">
<a href="/free-reading" class="text-gradient font-semibold transition text-sm" data-i18n="nav_freebooks">Free Books</a>
<a href="/#products" class="text-text-secondary hover:text-text-primary transition text-sm font-medium" data-i18n="nav_products">Products</a>
<a href="/#features" class="text-text-secondary hover:text-text-primary transition text-sm font-medium" data-i18n="nav_features">Features</a>
<a href="/about" class="text-text-secondary hover:text-text-primary transition text-sm font-medium" data-i18n="nav_about">About</a>
<a href="https://blog.readmigo.app" target="_blank" rel="noopener" class="text-text-secondary hover:text-text-primary transition text-sm font-medium" data-i18n="nav_blog">Blog</a>
<a href="/support" class="text-text-secondary hover:text-text-primary transition text-sm font-medium" data-i18n="nav_support">Support</a>
</div>
<div class="hidden md:flex items-center gap-4">
<a href="https://github.com/readmigo" target="_blank" rel="noopener" class="text-text-secondary hover:text-text-primary transition" aria-label="GitHub">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>
</a>
<div class="relative">
<button id="lang-toggle" class="flex items-center gap-1 text-sm text-text-secondary hover:text-text-primary transition cursor-pointer">
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"/></svg>
<span id="lang-current">English</span>
<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
</button>
<div id="lang-menu" class="hidden absolute right-0 mt-2 w-44 bg-white rounded-xl shadow-lg border border-gray-100 py-2 z-50 max-h-80 overflow-y-auto"></div>
</div>
</div>
<button id="mobile-menu-btn" class="md:hidden p-2 text-text-secondary hover:text-text-primary">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/></svg>
</button>
</nav>
<div id="mobile-menu" class="md:hidden bg-white border-t border-gray-100 px-6 py-4">
<div class="flex flex-col gap-4">
<a href="/free-reading" class="text-gradient font-semibold transition text-sm" data-i18n="nav_freebooks">Free Books</a>
<a href="/#products" class="text-text-secondary hover:text-text-primary transition text-sm font-medium" data-i18n="nav_products">Products</a>
<a href="/#features" class="text-text-secondary hover:text-text-primary transition text-sm font-medium" data-i18n="nav_features">Features</a>
<a href="/about" class="text-text-secondary hover:text-text-primary transition text-sm font-medium" data-i18n="nav_about">About</a>
<a href="https://blog.readmigo.app" target="_blank" rel="noopener" class="text-text-secondary hover:text-text-primary transition text-sm font-medium" data-i18n="nav_blog">Blog</a>
<a href="/support" class="text-text-secondary hover:text-text-primary transition text-sm font-medium" data-i18n="nav_support">Support</a>
</div>
</div>
</header>
<!-- Content -->
<main class="pt-24 pb-16 px-6">
<article class="max-w-4xl mx-auto prose">
<h1 class="text-3xl font-bold mb-2" data-i18n="credits_h1">Credits & Acknowledgments</h1>
<p class="text-text-secondary mb-8" data-i18n="credits_subtitle">We are grateful to these organizations for making Readmigo possible.</p>
<h2 data-i18n="credits_sources_h2">Content Sources</h2>
<p data-i18n="credits_sources_p1">All books in Readmigo are sourced from public domain collections. We extend our heartfelt thanks to:</p>
<div class="source-card">
<h3 class="mt-0 mb-2">
<a href="https://standardebooks.org" target="_blank" rel="noopener" class="text-primary hover:underline">
Standard Ebooks
</a>
</h3>
<p class="mb-0 text-text-secondary" data-i18n="credits_standard_p">
Standard Ebooks is a volunteer-driven project that produces new editions of public domain ebooks that are lovingly formatted, open source, free of U.S. copyright restrictions, and free of cost. Their dedication to quality typography, careful proofreading, and beautiful formatting makes classic literature accessible to everyone.
</p>
</div>
<div class="source-card">
<h3 class="mt-0 mb-2">
<a href="https://www.gutenberg.org" target="_blank" rel="noopener" class="text-primary hover:underline">
Project Gutenberg
</a>
</h3>
<p class="mb-0 text-text-secondary" data-i18n="credits_gutenberg_p">
Project Gutenberg is a library of over 70,000 free eBooks. They were the first provider of free electronic books, and have been digitizing and archiving cultural works since 1971. Their pioneering work has made countless classic works freely available to readers worldwide.
</p>
</div>
<h2 data-i18n="credits_commitment_h2">Our Commitment</h2>
<div class="commitment-box">
<h3 class="mt-0 mb-3 text-amber-800" data-i18n="credits_free_h3">Free Reading for Everyone</h3>
<p class="mb-0 text-amber-900" data-i18n="credits_free_p">
All book content in Readmigo is completely free to read. We believe that classic literature should be accessible to everyone, regardless of their financial situation. This commitment honors the spirit of the public domain and the organizations that preserve these works.
</p>
</div>
<div class="commitment-box">
<h3 class="mt-0 mb-3 text-amber-800" data-i18n="credits_giving_h3">Giving Back</h3>
<p class="mb-0 text-amber-900" data-i18n="credits_giving_p">
If we introduce paid services in the future (such as premium AI features), we commit to donating at least 10% of our revenue (subject to operational costs) to the content sources that make our service possible. This is our way of supporting the continued preservation and digitization of public domain works.
</p>
</div>
<h2 data-i18n="credits_oss_h2">Open Source Community</h2>
<p data-i18n="credits_oss_p">Readmigo is built with the help of many open source libraries and tools. We are thankful to the countless developers who contribute to the open source ecosystem, making it possible for projects like ours to exist.</p>
<h2 data-i18n="credits_users_h2">Our Users</h2>
<p data-i18n="credits_users_p">Finally, we thank our users — readers, learners, and literature enthusiasts — for choosing Readmigo as your reading companion. Your feedback and support drive us to continuously improve.</p>
<hr class="my-8 border-gray-200">
<p class="text-center text-text-secondary text-sm">
<span data-i18n="credits_contact_p">Have questions or suggestions? Contact us at </span><a href="mailto:support@readmigo.app" class="text-primary hover:underline">support@readmigo.app</a>
</p>
</article>
</main>
<!-- Footer -->
<footer class="pt-16 pb-8 px-6 bg-[#0a0a1a] text-gray-400 border-t border-white/5">
<div class="max-w-6xl mx-auto">
<div class="flex flex-col md:flex-row md:items-start md:justify-between gap-10 mb-12">
<div class="max-w-xs">
<a href="/" class="flex items-center gap-2.5 mb-3">
<picture>
<source srcset="/assets/logo.webp" type="image/webp">
<img src="/assets/logo.png" alt="Readmigo" class="w-8 h-8 rounded-lg" width="32" height="32">
</picture>
<span class="text-xl font-bold text-gradient">Readmigo</span>
</a>
<p class="text-sm text-gray-500 leading-relaxed" data-i18n="footer_tagline">AI-powered English reading and learning for everyone.</p>
<div class="flex items-center gap-4 mt-5">
<a href="https://github.com/readmigo" target="_blank" rel="noopener" class="text-gray-600 hover:text-white transition" aria-label="GitHub"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg></a>
<a href="mailto:support@readmigo.app" class="text-gray-600 hover:text-white transition" aria-label="Email"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg></a>
</div>
</div>
<div class="grid grid-cols-2 md:grid-cols-6 gap-8 md:gap-10">
<div>
<h4 class="text-white font-semibold mb-4 text-sm" data-i18n="footer_col_products">Products</h4>
<ul class="space-y-2.5 text-sm">
<li><a href="https://apps.apple.com/us/app/readmigo/id6756987013" target="_blank" rel="noopener" class="hover:text-white transition">Readmigo iOS</a></li>
<li><a href="https://web.readmigo.app/" target="_blank" rel="noopener" class="hover:text-white transition">Readmigo Web</a></li>
<li><a href="https://rss.mcloud88.com" target="_blank" rel="noopener" class="hover:text-white transition">FocusReader</a></li>
<li><a href="https://ai.readmigo.app" target="_blank" rel="noopener" class="hover:text-white transition">AI Tech Review</a></li>
<li><a href="https://play.google.com/store/apps/details?id=com.readmigo.app" target="_blank" rel="noopener" class="hover:text-white transition">Readmigo Android</a></li>
</ul>
</div>
<div>
<h4 class="text-white font-semibold mb-4 text-sm" data-i18n="footer_col_company">Company</h4>
<ul class="space-y-2.5 text-sm">
<li><a href="/about" class="hover:text-white transition" data-i18n="nav_about">About</a></li>
<li><a href="https://ai.readmigo.app" target="_blank" rel="noopener" class="hover:text-white transition" data-i18n="footer_blog">Blog</a></li>
<li><a href="/credits" class="hover:text-white transition" data-i18n="footer_credits">Credits</a></li>
<li><a href="https://github.com/readmigo" target="_blank" rel="noopener" class="hover:text-white transition">GitHub</a></li>
<li><a href="https://readmigo.github.io/docs/" target="_blank" rel="noopener" class="hover:text-white transition" data-i18n="footer_docs">Documentation</a></li>
<li><a href="https://blog.readmigo.app" target="_blank" rel="noopener" class="hover:text-white transition" data-i18n="footer_blog_official">Blog</a></li>
</ul>
</div>
<div>
<h4 class="text-white font-semibold mb-4 text-sm" data-i18n="footer_support">Support</h4>
<ul class="space-y-2.5 text-sm">
<li><a href="/support" class="hover:text-white transition" data-i18n="footer_help">Help Center</a></li>
<li><a href="mailto:support@readmigo.app" class="hover:text-white transition" data-i18n="footer_contact">Contact Us</a></li>
<li><a href="/support/account-deletion" class="hover:text-white transition" data-i18n="footer_delete">Delete Account</a></li>
</ul>
</div>
<div>
<h4 class="text-white font-semibold mb-4 text-sm" data-i18n="footer_legal">Legal</h4>
<ul class="space-y-2.5 text-sm">
<li><a href="/privacy" class="hover:text-white transition" data-i18n="footer_privacy">Privacy Policy</a></li>
<li><a href="/terms" class="hover:text-white transition" data-i18n="footer_terms">Terms of Service</a></li>
</ul>
</div>
<div class="md:col-span-2">
<h4 class="text-white font-semibold mb-4 text-sm" data-i18n="footer_col_language">Language</h4>
<div id="footer-langs" class="grid grid-cols-3 sm:grid-cols-4 gap-x-4 gap-y-1.5 text-xs"></div>
</div>
</div>
</div>
<div class="border-t border-white/5 pt-6 flex flex-col md:flex-row md:items-center md:justify-between gap-2 text-xs text-gray-600">
<p data-i18n="footer_rights">© 2025-2026 Readmigo. All rights reserved.</p>
<p data-i18n="footer_address">42 Church Ave, Mascot, NSW 2020, Sydney, Australia</p>
</div>
</div>
</footer>
<script src="/js/i18n.js"></script>
<script>
document.getElementById('mobile-menu-btn').addEventListener('click', function() {
document.getElementById('mobile-menu').classList.toggle('open');
});
</script>
</body>
</html>