52
52
} ,
53
53
"sameAs" : [
54
54
"https://github.com/autoscrape-labs/pydoll" ,
55
- "https://pypi.org/project/pydoll-python/" ,
55
+ "https://pypi.org/project/pydoll-python/"
56
56
]
57
57
} ,
58
58
{
90
90
"publisher" : { "@id" : "https://pydoll.tech/#org" } ,
91
91
"offers" : {
92
92
"@type" : "Offer" ,
93
- "price" : "0" ,
93
+ "price" : 0 ,
94
94
"priceCurrency" : "USD"
95
95
} ,
96
96
"codeRepository" : "https://github.com/autoscrape-labs/pydoll" ,
186
186
< img src ="https://pydoll.tech/images/E2ECED-cinza-azulado.png " alt ="Pydoll " class ="h-8 w-auto " />
187
187
188
188
</ a >
189
- < nav class ="flex items-center gap-2 sm:gap-3 ">
189
+ <!-- Desktop nav -->
190
+ < nav class ="hidden items-center gap-2 sm:flex sm:gap-3 ">
190
191
< a href ="https://pydoll.tech/docs/ " target ="_blank " rel ="noopener " class ="px-3 py-2 text-sm font-medium text-slate-200 hover:text-white "> Docs</ a >
191
192
< a href ="#install " class ="px-3 py-2 text-sm font-medium text-slate-200 hover:text-white "> Install</ a >
192
193
< a href ="#faq " class ="px-3 py-2 text-sm font-medium text-slate-200 hover:text-white "> FAQ</ a >
193
194
< a href ="https://github.com/sponsors/thalissonvs " target ="_blank " rel ="noopener " class ="px-3 py-2 text-sm font-medium text-slate-200 hover:text-white "> Sponsor</ a >
194
- < a href ="https://github.com/autoscrape-labs/pydoll " target ="_blank " rel ="noopener " aria-label ="Star on GitHub " class ="inline-flex items-center gap-2 rounded-md bg-yellow-400 px-3 py-2 text-sm font-semibold text-slate-900 shadow hover:bg-yellow-300 ">
195
+ < a href ="https://github.com/autoscrape-labs/pydoll " target ="_blank " rel ="noopener " aria-label ="Star on GitHub " class ="inline-flex items-center gap-2 rounded-md bg-brand-500 px-3 py-2 text-sm font-semibold text-white shadow hover:bg-brand-400 ">
195
196
⭐ Star
196
- < span id ="starCount " class ="hidden rounded bg-slate-900 /10 px-2 py-0.5 text-slate-900 /80 sm:inline-block "> ...</ span >
197
+ < span id ="starCount " class ="hidden rounded bg-white /10 px-2 py-0.5 text-white /80 sm:inline-block "> ...</ span >
197
198
</ a >
198
199
</ nav >
200
+ <!-- Mobile toggle -->
201
+ < button id ="mobileMenuButton " aria-controls ="mobileMenu " aria-expanded ="false " class ="inline-flex items-center justify-center rounded-md p-2 text-slate-200 hover:text-white hover:bg-white/5 focus:outline-none focus:ring-2 focus:ring-brand-500 sm:hidden " type ="button ">
202
+ < span class ="sr-only "> Open main menu</ span >
203
+ < svg id ="iconMenu " xmlns ="http://www.w3.org/2000/svg " class ="h-6 w-6 " viewBox ="0 0 24 24 " fill ="none " stroke ="currentColor " stroke-width ="2 " stroke-linecap ="round " stroke-linejoin ="round "> < line x1 ="3 " y1 ="6 " x2 ="21 " y2 ="6 "/> < line x1 ="3 " y1 ="12 " x2 ="21 " y2 ="12 "/> < line x1 ="3 " y1 ="18 " x2 ="21 " y2 ="18 "/> </ svg >
204
+ < svg id ="iconClose " xmlns ="http://www.w3.org/2000/svg " class ="hidden h-6 w-6 " viewBox ="0 0 24 24 " fill ="none " stroke ="currentColor " stroke-width ="2 " stroke-linecap ="round " stroke-linejoin ="round "> < line x1 ="18 " y1 ="6 " x2 ="6 " y2 ="18 "/> < line x1 ="6 " y1 ="6 " x2 ="18 " y2 ="18 "/> </ svg >
205
+ </ button >
206
+ </ div >
207
+ <!-- Mobile menu panel -->
208
+ < div id ="mobileMenu " class ="hidden sm:hidden ">
209
+ < div class ="space-y-1 border-t border-white/10 py-3 ">
210
+ < a href ="https://pydoll.tech/docs/ " target ="_blank " rel ="noopener " class ="block rounded-md px-3 py-2 text-sm font-medium text-slate-200 hover:bg-white/5 "> Docs</ a >
211
+ < a href ="#install " class ="block rounded-md px-3 py-2 text-sm font-medium text-slate-200 hover:bg-white/5 "> Install</ a >
212
+ < a href ="#faq " class ="block rounded-md px-3 py-2 text-sm font-medium text-slate-200 hover:bg-white/5 "> FAQ</ a >
213
+ < a href ="https://github.com/sponsors/thalissonvs " target ="_blank " rel ="noopener " class ="block rounded-md px-3 py-2 text-sm font-medium text-slate-200 hover:bg-white/5 "> Sponsor</ a >
214
+ < a href ="https://github.com/autoscrape-labs/pydoll " target ="_blank " rel ="noopener " class ="mt-2 inline-flex w-full items-center justify-center gap-2 rounded-md bg-brand-500 px-3 py-2 text-sm font-semibold text-white shadow hover:bg-brand-400 "> ⭐ Star</ a >
215
+ </ div >
199
216
</ div >
200
217
</ div >
201
218
</ header >
@@ -303,22 +320,22 @@ <h3 class="flex items-center gap-2 text-lg font-semibold">
303
320
</ section >
304
321
305
322
<!-- Install CTA -->
306
- < section id ="install ">
323
+ < section id ="install " class =" overflow-x-hidden " >
307
324
< div class ="mx-auto max-w-7xl px-4 py-14 sm:px-6 lg:px-8 ">
308
- < div class ="grid items-center gap-8 lg:grid-cols-2 ">
309
- < div >
325
+ < div class ="grid grid-cols-1 items-center gap-8 lg:grid-cols-2 ">
326
+ < div class =" min-w-0 " >
310
327
< h2 class ="text-2xl font-bold tracking-tight "> Install and get started in seconds</ h2 >
311
328
< p class ="mt-3 text-slate-300 "> No complex setup. Install, import and automate.</ p >
312
- < div class ="mt-6 rounded-lg border border-white/10 bg-slate-950 p-4 ">
313
- < div class ="flex items-center justify-between ">
314
- < code id ="installCmd " class ="text-sm "> pip install pydoll-python</ code >
315
- < button id ="copyBtn " class ="rounded-md bg-slate-800 px-3 py-1.5 text-xs font-semibold text-slate-100 hover:bg-slate-700 "> Copy</ button >
329
+ < div class ="mt-6 rounded-lg border border-white/10 bg-slate-950 p-3 sm:p- 4 ">
330
+ < div class ="flex items-center gap-3 flex-wrap sm:flex-nowrap ">
331
+ < code id ="installCmd " class ="text-sm block max-w-full whitespace-nowrap overflow-x-auto "> pip install pydoll-python</ code >
332
+ < button id ="copyBtn " class ="shrink-0 rounded-md bg-slate-800 px-3 py-1.5 text-xs font-semibold text-slate-100 hover:bg-slate-700 "> Copy</ button >
316
333
</ div >
317
334
</ div >
318
335
<!-- Quick code example -->
319
336
< div class ="mt-6 ">
320
337
< p class ="mb-2 text-sm text-slate-300 "> Quick example:</ p >
321
- < pre class ="language-python overflow-x-auto rounded-lg border border-white/10 bg-slate-950 p-4 text-[12px] leading-relaxed "> < code class ="language-python "> import asyncio
338
+ < pre class ="language-python overflow-x-auto max-w-full rounded-lg border border-white/10 bg-slate-950 p-4 text-[12px] leading-relaxed "> < code class ="language-python "> import asyncio
322
339
from pydoll.browser.chromium import Chrome
323
340
324
341
async def main():
@@ -336,7 +353,7 @@ <h2 class="text-2xl font-bold tracking-tight">Install and get started in seconds
336
353
< a href ="https://github.com/sponsors/thalissonvs " target ="_blank " rel ="noopener " class ="inline-flex items-center justify-center gap-2 rounded-md border border-white/10 px-4 py-2 text-sm font-semibold text-white/90 hover:bg-white/5 "> Support the project</ a >
337
354
</ div >
338
355
</ div >
339
- < div class ="relative overflow-hidden rounded-xl border border-white/10 bg-slate-950 shadow-xl ">
356
+ < div class ="relative min-w-0 w-full overflow-hidden rounded-xl border border-white/10 bg-slate-950 shadow-xl ">
340
357
< div class ="flex items-center gap-2 border-b border-white/10 bg-slate-900/80 px-3 py-2 ">
341
358
< span class ="h-2.5 w-2.5 rounded-full bg-red-400/70 "> </ span >
342
359
< span class ="h-2.5 w-2.5 rounded-full bg-yellow-400/70 "> </ span >
@@ -548,7 +565,7 @@ <h4 class="text-lg font-semibold">Enjoying Pydoll?</h4>
548
565
< p class ="mt-1 text-sm text-slate-200/90 "> Star it, contribute to the repo or sponsor the development.</ p >
549
566
</ div >
550
567
< div class ="flex flex-wrap gap-2 ">
551
- < a href ="https://github.com/autoscrape-labs/pydoll " target ="_blank " rel ="noopener " class ="inline-flex items-center gap-2 rounded-md bg-yellow-400 px-3 py-2 text-sm font-semibold text-slate-900 hover:bg-yellow-300 "> ⭐ Star</ a >
568
+ < a href ="https://github.com/autoscrape-labs/pydoll " target ="_blank " rel ="noopener " class ="inline-flex items-center gap-2 rounded-md bg-brand-500 px-3 py-2 text-sm font-semibold text-white hover:bg-brand-400 "> ⭐ Star</ a >
552
569
< a href ="https://github.com/autoscrape-labs/pydoll/blob/main/CONTRIBUTING.md " target ="_blank " rel ="noopener " class ="inline-flex items-center gap-2 rounded-md border border-white/10 px-3 py-2 text-sm font-semibold text-white/90 hover:bg-white/5 "> 👩💻 Contribute</ a >
553
570
< a href ="https://github.com/sponsors/thalissonvs " target ="_blank " rel ="noopener " class ="inline-flex items-center gap-2 rounded-md bg-brand-500 px-3 py-2 text-sm font-semibold text-white hover:bg-brand-400 "> 💖 Sponsor</ a >
554
571
</ div >
0 commit comments