-
Notifications
You must be signed in to change notification settings - Fork 12
/
Copy pathindex.html
283 lines (224 loc) · 18 KB
/
index.html
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
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
<!DOCTYPE html>
<html lang="en" class="">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <link href="./src/output.css" rel="stylesheet"> -->
<link href="./src/output.min.css" rel="stylesheet">
<title>PaywallHub | Remove Paywalls for free</title>
<meta name="description" content="Bypass paywalls of articles for free with PaywallHub. No payments, no account needed. We bring together the best paywall removers for you to access them easily.">
<!-- google font -->
<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=Nunito+Sans:opsz,[email protected],200;6..12,400;6..12,700&display=swap" rel="stylesheet">
<script src="./src/script.js"></script>
</head>
<body class="bg-slate-50 dark:bg-slate-700 font-custom text-black dark:text-white">
<header class="bg-slate-200 dark:bg-slate-800 flex flex-col shadow-md">
<!-- buttons -->
<div class="flex flex-row justify-end">
<!-- light / dark mode -->
<button id="switchButton" class="
flex items-center justify-center mr-7 mt-7
w-10 h-10 bg-slate-300 dark:bg-slate-500 rounded-md shadow-md hover:ring-blue-400 lg:hover:ring-2">
<div id="moon" >
<svg class=" md:inline-block fill-black ml-1" xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><style>svg{fill:#ffffff}</style><path d="M223.5 32C100 32 0 132.3 0 256S100 480 223.5 480c60.6 0 115.5-24.2 155.8-63.4c5-4.9 6.3-12.5 3.1-18.7s-10.1-9.7-17-8.5c-9.8 1.7-19.8 2.6-30.1 2.6c-96.9 0-175.5-78.8-175.5-176c0-65.8 36-123.1 89.3-153.3c6.1-3.5 9.2-10.5 7.7-17.3s-7.3-11.9-14.3-12.5c-6.3-.5-12.6-.8-19-.8z"/></svg>
</div>
<div id="sun">
<svg class=" md:inline-block" xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><style>svg{fill:#ffffff}</style><path d="M361.5 1.2c5 2.1 8.6 6.6 9.6 11.9L391 121l107.9 19.8c5.3 1 9.8 4.6 11.9 9.6s1.5 10.7-1.6 15.2L446.9 256l62.3 90.3c3.1 4.5 3.7 10.2 1.6 15.2s-6.6 8.6-11.9 9.6L391 391 371.1 498.9c-1 5.3-4.6 9.8-9.6 11.9s-10.7 1.5-15.2-1.6L256 446.9l-90.3 62.3c-4.5 3.1-10.2 3.7-15.2 1.6s-8.6-6.6-9.6-11.9L121 391 13.1 371.1c-5.3-1-9.8-4.6-11.9-9.6s-1.5-10.7 1.6-15.2L65.1 256 2.8 165.7c-3.1-4.5-3.7-10.2-1.6-15.2s6.6-8.6 11.9-9.6L121 121 140.9 13.1c1-5.3 4.6-9.8 9.6-11.9s10.7-1.5 15.2 1.6L256 65.1 346.3 2.8c4.5-3.1 10.2-3.7 15.2-1.6zM160 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg>
</div>
</button>
<!-- github button -->
<!-- <a target="_blank" href="https://linktr.ee/paywallhub"
class="flex items-center justify-center mr-7 mt-7
w-10 h-10 bg-slate-300 dark:bg-slate-500 rounded-md shadow-md hover:ring-blue-400 lg:hover:ring-2">
<svg class="fill-current text-black dark:text-white"
xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 496 512">
<path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg>
</a> -->
</div>
<div class="flex flex-col justify-center items-center">
<a href="https://paywallhub.com">
<div class="flex flex-row justify-center items-center ">
<!-- logo -->
<img class="h-10 md:h-20 m-3 md:mx-5 md:mb-5" id="logo-black"
src="./img/logo.webp" alt="logo">
<img class="h-10 md:h-20 m-3 md:mx-5 md:mb-5" id="logo-white"
src="./img/logo-white.webp" alt="logo">
<h1 class="text-4xl md:text-6xl font-bold text-center ">
PaywallHub
</h1>
</div>
</a>
<h2 class="text-lg md:text-xl font-light mb-5 mt-2">Remove paywalls for free.</h2>
</div>
</header>
<main>
<!-- functionality -->
<div class=" flex justify-center items-center flex-col">
<p class="lg:mt-12 mt-6 w-4/5 lg:w-3/5 text-center font-bold text-xl md:text-3xl">How does it work?</p>
<!-- explanation text -->
<p class="mt-3 w-4/5 lg:w-3/5 text-center mb-3 text-l md:text-xl">
Many websites offer the ability to bypass paywalls on news articles and other content. Here, we've centralized them for convenient access, allowing you to experiment and find the ones that work best for specific websites.
</p>
<!-- input bar -->
<input type="text"
id="inputtext"
class="placeholder-custom form-input px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2
focus:ring-blue-500 focus:border-transparent w-4/5 lg:w-3/5 lg:mt-10 mt-6 mb-7 lg:mb-12 text-black"
placeholder="Paste the url of the website with the paywall">
<!-- buttons -->
<div class="flex flex-wrap items-center justify-center mx-10 lg:mx-60">
<button class="mt-5 w-72 lg:w-auto p-5 shadow-md mx-4 bg-slate-100 dark:bg-slate-500 rounded-md flex items-center justify-start
md:hover:ring-blue-400 md:hover:ring-2 text-left"
id="button-12ft">
<img class="h-10 w-10 mx-2"
src="./img/12ft.webp" alt="archive.is logo">
Open in 12ft.io
</button>
<button class="mt-5 w-72 lg:w-auto p-5 shadow-md mx-4 bg-slate-100 dark:bg-slate-500 rounded-md flex items-center justify-start
md:hover:ring-blue-400 md:hover:ring-2 text-left"
id="button-internetarchive">
<img class="h-10 w-10 mx-2 "
src="./img/internetarchive.webp" alt="internetarchive logo">
Open in archive.org
</button>
<button class="mt-5 w-72 lg:w-auto p-5 shadow-md mx-4 bg-slate-100 dark:bg-slate-500 rounded-md flex items-center justify-start
md:hover:ring-blue-400 md:hover:ring-2 text-left"
id="button-archiveis">
<img class="h-10 w-10 mx-2 "
src="./img/archiveis.webp" alt="archive.ph logo">
Open in archive.is
</button>
<button class="mt-5 w-72 lg:w-auto p-5 shadow-md mx-4 bg-slate-100 dark:bg-slate-500 rounded-md flex items-center justify-start
md:hover:ring-blue-400 md:hover:ring-2 text-left"
id="button-gcache">
<img class="h-10 w-10 mx-2 "
src="./img/glogo.webp" alt="gcache logo">
Open in Google Caché
</button>
<button class="mt-5 w-72 lg:w-auto p-5 shadow-md mx-4 bg-slate-100 dark:bg-slate-500 rounded-md flex items-center justify-start
md:hover:ring-blue-400 md:hover:ring-2 text-left"
id="button-removepaywall">
<img class="h-10 w-10 mx-2 "
src="./img/removepaywall.webp" alt="removepaywall logo">
Open in removepaywall.com
</button>
</div>
</div>
<div class="text-center mt-14 mb-7 mx-16">
<p class="font-thin text-slate-700 dark:text-slate-400 text-sm md:text-base">Do you know about other tools or have any suggestion? <a href="mailto:[email protected]" class="underline">Let us know.</a></p>
</div>
<!-- information and more -->
<div class="flex flex-col lg:flex-row justify-center lg:items-start items-center text-center mb-14 md:mb-20">
<!-- 1/3 -->
<div class="flex flex-col w-4/5 lg:w-[20%] m-5 items-center">
<div class="flex flex-row justify-center items-center">
<!-- icon -->
<svg class="m-3 fill-current text-black dark:text-white"
xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 512 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M318.6 9.4c-12.5-12.5-32.8-12.5-45.3 0l-120 120c-12.5 12.5-12.5 32.8 0 45.3l16 16c12.5 12.5 32.8 12.5 45.3 0l4-4L325.4 293.4l-4 4c-12.5 12.5-12.5 32.8 0 45.3l16 16c12.5 12.5 32.8 12.5 45.3 0l120-120c12.5-12.5 12.5-32.8 0-45.3l-16-16c-12.5-12.5-32.8-12.5-45.3 0l-4 4L330.6 74.6l4-4c12.5-12.5 12.5-32.8 0-45.3l-16-16zm-152 288c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l48 48c12.5 12.5 32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-1.4-1.4L272 285.3 226.7 240 168 298.7l-1.4-1.4z"/></svg>
<h3 class="text-2xl font-bold">
Is it legal?
</h3>
</div>
<p class="mt-7 text-lg md:text-xl ">
Yes. PaywallHub effectively allows you to remove paywalls or bypass the paywall on an article but in a way that does not interfere with the original page in any way. It simply redirects you to third-party websites that do that. I do not own, run, maintain, or have any association with these sites.
</p>
</div>
<!-- 2/3 -->
<div class="flex flex-col w-4/5 lg:w-[20%] m-5 items-center">
<div class="flex flex-row justify-center items-center">
<!-- icon -->
<svg class="m-3 fill-current text-black dark:text-white"
xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 512 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M160 0c17.7 0 32 14.3 32 32V67.7c1.6 .2 3.1 .4 4.7 .7c.4 .1 .7 .1 1.1 .2l48 8.8c17.4 3.2 28.9 19.9 25.7 37.2s-19.9 28.9-37.2 25.7l-47.5-8.7c-31.3-4.6-58.9-1.5-78.3 6.2s-27.2 18.3-29 28.1c-2 10.7-.5 16.7 1.2 20.4c1.8 3.9 5.5 8.3 12.8 13.2c16.3 10.7 41.3 17.7 73.7 26.3l2.9 .8c28.6 7.6 63.6 16.8 89.6 33.8c14.2 9.3 27.6 21.9 35.9 39.5c8.5 17.9 10.3 37.9 6.4 59.2c-6.9 38-33.1 63.4-65.6 76.7c-13.7 5.6-28.6 9.2-44.4 11V480c0 17.7-14.3 32-32 32s-32-14.3-32-32V445.1c-.4-.1-.9-.1-1.3-.2l-.2 0 0 0c-24.4-3.8-64.5-14.3-91.5-26.3c-16.1-7.2-23.4-26.1-16.2-42.2s26.1-23.4 42.2-16.2c20.9 9.3 55.3 18.5 75.2 21.6c31.9 4.7 58.2 2 76-5.3c16.9-6.9 24.6-16.9 26.8-28.9c1.9-10.6 .4-16.7-1.3-20.4c-1.9-4-5.6-8.4-13-13.3c-16.4-10.7-41.5-17.7-74-26.3l-2.8-.7 0 0C119.4 279.3 84.4 270 58.4 253c-14.2-9.3-27.5-22-35.8-39.6c-8.4-17.9-10.1-37.9-6.1-59.2C23.7 116 52.3 91.2 84.8 78.3c13.3-5.3 27.9-8.9 43.2-11V32c0-17.7 14.3-32 32-32z"/></svg>
</svg>
<h3 class="text-2xl font-bold">
Is it free?
</h3>
</div>
<p class="mt-7 md:text-xl text-lg">
<!-- PaywallHub is 100% free, and always will be. If you like this website or the browser extensions, you can donate <a target="_blank" class="underline" href="https://ko-fi.com/paywallhub">here</a>. -->
PaywallHub is 100% free, and always will be. If you like this website or the browser extensions, you can share them with these buttons:
</p>
<!-- share -->
<div class="flex flex-row mt-3">
<a class="m-2"
href="https://wa.me/?text=Check%20out%20PaywallHub%2C%20a%20website%20and%20also%20a%20browser%20extension%20that%20unites%20all%20your%20favorite%20paywall%20removers:%20paywallhub.com" target="_blank" rel="noopener noreferrer" title="Share on WhatsApp">
<svg class="fill-current text-black dark:text-white"
xmlns="http://www.w3.org/2000/svg" height="48" width="42" viewBox="0 0 448 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M92.1 254.6c0 24.9 7 49.2 20.2 70.1l3.1 5-13.3 48.6L152 365.2l4.8 2.9c20.2 12 43.4 18.4 67.1 18.4h.1c72.6 0 133.3-59.1 133.3-131.8c0-35.2-15.2-68.3-40.1-93.2c-25-25-58-38.7-93.2-38.7c-72.7 0-131.8 59.1-131.9 131.8zM274.8 330c-12.6 1.9-22.4 .9-47.5-9.9c-36.8-15.9-61.8-51.5-66.9-58.7c-.4-.6-.7-.9-.8-1.1c-2-2.6-16.2-21.5-16.2-41c0-18.4 9-27.9 13.2-32.3c.3-.3 .5-.5 .7-.8c3.6-4 7.9-5 10.6-5c2.6 0 5.3 0 7.6 .1c.3 0 .5 0 .8 0c2.3 0 5.2 0 8.1 6.8c1.2 2.9 3 7.3 4.9 11.8c3.3 8 6.7 16.3 7.3 17.6c1 2 1.7 4.3 .3 6.9c-3.4 6.8-6.9 10.4-9.3 13c-3.1 3.2-4.5 4.7-2.3 8.6c15.3 26.3 30.6 35.4 53.9 47.1c4 2 6.3 1.7 8.6-1c2.3-2.6 9.9-11.6 12.5-15.5c2.6-4 5.3-3.3 8.9-2s23.1 10.9 27.1 12.9c.8 .4 1.5 .7 2.1 1c2.8 1.4 4.7 2.3 5.5 3.6c.9 1.9 .9 9.9-2.4 19.1c-3.3 9.3-19.1 17.7-26.7 18.8zM448 96c0-35.3-28.7-64-64-64H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96zM148.1 393.9L64 416l22.5-82.2c-13.9-24-21.2-51.3-21.2-79.3C65.4 167.1 136.5 96 223.9 96c42.4 0 82.2 16.5 112.2 46.5c29.9 30 47.9 69.8 47.9 112.2c0 87.4-72.7 158.5-160.1 158.5c-26.6 0-52.7-6.7-75.8-19.3z"/></svg>
</a>
<a class="m-2"
href="https://twitter.com/intent/tweet?text=Check%20out%20PaywallHub%2C%20a%20website%20and%20also%20a%20browser%20extension%20that%20unites%20all%20your%20favorite%20paywall%20removers&url=paywallhub.com" target="_blank" rel="noopener noreferrer" title="Share on Twitter">
<svg class="fill-current text-black dark:text-white"
xmlns="http://www.w3.org/2000/svg" height="48" width="42" viewBox="0 0 448 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm297.1 84L257.3 234.6 379.4 396H283.8L209 298.1 123.3 396H75.8l111-126.9L69.7 116h98l67.7 89.5L313.6 116h47.5zM323.3 367.6L153.4 142.9H125.1L296.9 367.6h26.3z"/></svg>
</a>
<a class="m-2"
href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.paywallhub.com%2F" target="_blank" rel="noopener noreferrer" title="Share on Facebook">
<svg class="fill-current text-black dark:text-white"
xmlns="http://www.w3.org/2000/svg" height="48" width="42" viewBox="0 0 448 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64h98.2V334.2H109.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H255V480H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z"/></svg>
</a>
</div>
</div>
<!-- 3/3 -->
<div class="flex flex-col w-4/5 lg:w-[20%] m-5 items-center">
<div class="flex flex-row justify-center items-center">
<!-- icon -->
<svg class="m-3 fill-current text-black dark:text-white"
xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 512 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M192 104.8c0-9.2-5.8-17.3-13.2-22.8C167.2 73.3 160 61.3 160 48c0-26.5 28.7-48 64-48s64 21.5 64 48c0 13.3-7.2 25.3-18.8 34c-7.4 5.5-13.2 13.6-13.2 22.8c0 12.8 10.4 23.2 23.2 23.2H336c26.5 0 48 21.5 48 48v56.8c0 12.8 10.4 23.2 23.2 23.2c9.2 0 17.3-5.8 22.8-13.2c8.7-11.6 20.7-18.8 34-18.8c26.5 0 48 28.7 48 64s-21.5 64-48 64c-13.3 0-25.3-7.2-34-18.8c-5.5-7.4-13.6-13.2-22.8-13.2c-12.8 0-23.2 10.4-23.2 23.2V464c0 26.5-21.5 48-48 48H279.2c-12.8 0-23.2-10.4-23.2-23.2c0-9.2 5.8-17.3 13.2-22.8c11.6-8.7 18.8-20.7 18.8-34c0-26.5-28.7-48-64-48s-64 21.5-64 48c0 13.3 7.2 25.3 18.8 34c7.4 5.5 13.2 13.6 13.2 22.8c0 12.8-10.4 23.2-23.2 23.2H48c-26.5 0-48-21.5-48-48V343.2C0 330.4 10.4 320 23.2 320c9.2 0 17.3 5.8 22.8 13.2C54.7 344.8 66.7 352 80 352c26.5 0 48-28.7 48-64s-21.5-64-48-64c-13.3 0-25.3 7.2-34 18.8C40.5 250.2 32.4 256 23.2 256C10.4 256 0 245.6 0 232.8V176c0-26.5 21.5-48 48-48H168.8c12.8 0 23.2-10.4 23.2-23.2z"/></svg>
<h3 class="text-2xl font-bold whitespace-nowrap">
Browser extension
</h3>
</div>
<p class="mt-7 md:text-xl text-lg">
Try our browser extensions:
</p>
<a target="_blank" href="https://chrome.google.com/webstore/detail/paywallhub/iimagbhmhkinjaaammedekiocfphhhca">
<img class="h-20 my-5 "
src="./img/cws.webp" alt="chrome web store photo">
</a>
<a target="_blank" href="https://addons.mozilla.org/es/firefox/addon/paywallhub/">
<img class="h-20 my-5 mt-0"
src="./img/firefox.webp" alt="firefox addon photo">
</a>
</div>
</div>
</main>
<footer class=" bg-slate-200 dark:bg-slate-800 shadow-t-sm mb-10">
<div class="flex flex-col sm:flex-row items-center justify-center font-light shadow-md">
<!-- about us -->
<!-- <h2 class="my-2 mt-7 sm:m-10">
<a href="#">About us</a>
</h2> -->
<!-- github -->
<h2 class="my-2 sm:m-10">
<a target="_blank" href="https://linktr.ee/paywallhub">GitHub</a>
</h2>
<!-- contact us -->
<h2 class="my-2 sm:m-10">
<a href="mailto:[email protected]">Contact us</a>
</h2>
<!-- privacy policy -->
<h2 class="my-2 sm:m-10">
<a target="_blank" href="https://paywallhub.com/privacy-policy.html">Privacy policy</a>
</h2>
<!--github -->
<!-- <h2 class="my-2 mb-7 sm:m-10">
<a target="_blank" href="https://linktr.ee/paywallhub">GitHub</a>
</h2> -->
<!-- FAQ -->
<h2 class="my-2 mb-7 sm:m-10">
<a href="https://paywallhub.com/faq">FAQ</a>
</h2>
<!-- <h2 class="my-2 mb-7 sm:m-10">
<a target="_blank" href="./alternatives.html">Other ways to remove paywalls</a>
</h2> -->
</div>
</footer>
</body>
</html>