[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_213":214,"_215":216},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_162":-5,"_20":163,"_22":164,"_165":166,"_167":168,"_26":169,"_24":170,"_171":-5,"_172":-5,"_173":53,"_174":175,"_176":45,"_177":-5,"_178":-5,"_179":180},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","Rubasri","name","python-automation-project","branchName","main","version","path","frontend/index.html","project",{"_33":108,"_13":14,"_46":109,"_110":-5,"_111":53,"_112":113,"_114":113,"_115":116,"_117":-5,"_118":119,"_120":-5,"_121":53,"_122":-5,"_123":-5,"_124":76,"_125":126,"_127":-5,"_128":-5,"_129":-5,"_130":-5,"_131":132,"_133":132,"_134":135,"_136":135,"_137":135,"_138":132,"_139":132,"_140":141,"_142":143,"_144":145,"_146":53},"tree",[57,58,59],"file",{"_33":34,"_13":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":24,"_50":51,"_52":53,"_54":-5,"_18":55},"contents",[],"upstream","pull","ahead","behind","envVars","id","0f377b80-30db-11f1-9c92-42dde27851f2","index.html","fileId","424516ac-30d8-11f1-ba42-42dde27851f2","parentId","2bc688ce-99af-4a63-88cd-de8e4c442d31","branchId","18a0b9d2-30d8-11f1-a984-42dde27851f2","branchVersion",7,"latest",true,"createdAt",["D",1775385283632],3,"fileType","content","\n\n\n \n \n PyAutomate — Python Automation Projects by Rubasri\n \n \n \n \n\n\n\n \n \n\n \n

⚡ Automation with Python

Stop Doing Things
Manually. Ever.

\n PyAutomate is a portfolio of Python scripts built by Rubasri that eliminate repetitive tasks — from scraping websites and sending emails, to organizing files and posting on social media.\n

\n ⏱️ Tasks that took hours now run in seconds.\n

\n ▶ Try Live Demo\n Browse Projects\n

0Projects

0× Faster

0Hrs Saved / Month

\n \n automation.py\n ● Running\n

# Before: 3 hours of manual work\n# After: runs in 8 seconds ✅\n\nimport schedule, smtplib\nfrom bs4 import BeautifulSoup\n\ndef send_daily_report():\n    data = scrape_prices()        # fetch data\n    report = format_report(data)  # process\n    send_email(\"team@work.com\", report)\n    print(\"✅ Report delivered!\")\n\nschedule.every().day.at(\"09:00\").do(send_daily_report)\n# ↑ Zero human involvement needed

\n \n terminal\n

\n $ python automation.py\n ✅ Scraped 42 prices in 2.1s\n ✅ Report formatted (18 rows)\n ✅ Email sent to team@work.com\n ⏰ Next run: tomorrow 09:00\n

\n\n \n

🎯

What Is This Project?

\n This is a Python Automation Portfolio — a collection of real, working scripts that automate tasks people normally do by hand every single day.\n Each project targets a specific pain point: data collection, email workflows, file management, social media posting, or API integrations.\n

If you spend more than 30 minutes a day on a repetitive task, Python can do it for you.

\n 😩 Before\n

Manually copy prices from 10 websites into a spreadsheet every morning

\n 🐍 After Automation\n

Script runs at 8 AM, spreadsheet is already filled when you open your laptop

\n 😩 Before\n

Send 200 personalised emails one-by-one from Gmail every campaign

\n 🐍 After Automation\n

One command sends 200 personalised emails with attachments in under 60 seconds

\n 😩 Before\n

Downloads folder has 600 unsorted files — images, PDFs, videos mixed together

\n 🐍 After Automation\n

Watchdog script auto-sorts every new file the moment it lands in the folder

\n\n \n

\n ▶ Interactive\n

Live Demo — Try It Now

Pick a task below and see Python automation output in real time — right in your browser.

\n\n

\n \n

\n \n \n \n \n

\n\n \n

🕷️ Simulate a Web Scrape

Enter a topic and see how a Python scraper would collect structured data from the web.

\n \n \n

👆 Enter a topic and click Run Scraper to see output

\n\n \n

📧 Bulk Email Preview

See how Python generates personalised emails from a template — each one unique.

\n \n \n

👆 Click Generate to preview personalised bulk emails

\n\n \n

📂 File Organizer Simulation

Drop a list of messy filenames below and see how the script auto-sorts them into folders.

\n \n \n

👆 Click Organise to see how files get sorted

\n\n \n

⏱️ Automation ROI Calculator

Find out exactly how much time Python automation saves you over a year.

\n Task name\n \n

\n Time per manual run (minutes)\n \n

\n Times per week\n \n

\n Automation run time (seconds)\n \n

\n \n

👆 Fill in details and calculate your time savings

\n\n \n

\n 💼 Portfolio\n

Automation Projects

8 real Python automation solutions — each one targeting a specific productivity problem.

\n \n \n \n \n \n

\n\n

🕷️

\n Web Scraping\n

Web Scraper Bot

❌ Problem: Manually visiting 10+ sites to collect data takes 2 hours.

✅ Solution: Script scrapes all sites in under 30 seconds and exports to CSV.

BeautifulSoupSeleniumRequests

\n ⏱ 2 hrs → 30 sec\n 📦 CSV output\n

\n \n

\n\n

📧

\n Email\n

Email Automation

❌ Problem: Sending 200 personalised emails manually takes a full afternoon.

✅ Solution: One script reads a CSV, personalises each email, and sends all 200 in 60 seconds.

smtplibimaplibschedule

\n ⏱ 4 hrs → 60 sec\n 📬 200 emails/run\n

\n \n

\n\n

📂

\n File & Data\n

File Organizer

❌ Problem: Downloads folder has 500+ mixed files — impossible to find anything.

✅ Solution: Watchdog monitors the folder and instantly sorts every new file by type.

oswatchdogshutil

\n ⏱ Real-time sorting\n 📁 Auto-folders\n

\n \n

\n\n

🤖

\n API & Bot\n

Telegram Bot

❌ Problem: Checking weather, crypto prices, reminders across different apps wastes time.

✅ Solution: One Telegram bot responds to commands — weather, crypto, alarms, all in chat.

python-telegram-botrequests

\n 💬 Chat commands\n 24/7 running\n

\n \n

\n\n

📊

\n File & Data\n

Excel Report Generator

❌ Problem: Building weekly Excel reports with charts from a database takes 3 hours.

✅ Solution: Script auto-runs every Monday, pulls DB data and emails a styled report.

openpyxlpandassqlalchemy

\n ⏱ Every Monday 7 AM\n 📊 Charts included\n

\n \n

\n\n

🔍

\n Web Scraping\n

Price Tracker

❌ Problem: Missing a price drop because you weren't checking the site at the right time.

✅ Solution: Checks price every hour, sends SMS/email the moment it drops below your target.

SeleniumTwilioschedule

\n ⏱ Checks hourly\n 📱 SMS + Email alert\n

\n \n

\n\n

📱

\n API & Bot\n

Social Media Poster

❌ Problem: Posting to Twitter, LinkedIn, Instagram manually every day is exhausting.

✅ Solution: Fill a CSV content calendar once; script posts to all platforms on schedule.

tweepyinstabotpandas

\n 3 platforms\n 📅 CSV calendar\n

\n \n

\n\n

📋

\n Email\n

Form Data Extractor

❌ Problem: Extracting Google Form responses from email and pasting into spreadsheets is tedious.

✅ Solution: Parses inbox for form emails, extracts data to SQLite, sends weekly summary.

imaplibsqlite3re

\n 📥 Auto-parse inbox\n 🗃️ SQLite storage\n

\n \n

\n\n

\n\n \n

\n 🛠️ Tech Stack\n

Python Libraries Used

Every library is chosen for a specific job — no bloat, just the right tool for each automation.

🌐

Selenium

Controls a real browser — handles logins, JavaScript-rendered pages, and form submissions.

\n Expert · Used in 3 projects\n

🍲

BeautifulSoup

Parses raw HTML into structured data. Perfect for static pages and fast scraping.

\n Expert · Used in 4 projects\n

⏰

Schedule

Runs Python functions at exact times — daily, hourly, weekly — without a cron file.

\n Advanced · Used in 5 projects\n

📊

Pandas

Reads, transforms, and writes structured data — CSV, Excel, SQL, JSON in one library.

\n Advanced · Used in 4 projects\n

🔗

Requests

Fetches web pages and calls REST APIs with a single line of clean Python.

\n Expert · Used in 6 projects\n

🤖

PyAutoGUI

Automates mouse and keyboard — useful when there's no API and you must drive the GUI.

\n Intermediate · Used in 1 project\n

📁

Watchdog

Watches folders in real time and fires a callback the instant a file appears or changes.

\n Advanced · Used in 2 projects\n

📧

smtplib / imaplib

Python's built-in email libraries — send HTML emails with attachments and parse inboxes.

\n Expert · Used in 3 projects\n

\n\n \n

\n 📬 Get In Touch\n

Have a Task to Automate?

Describe what you do manually and I'll tell you if Python can automate it — usually it can.

Rubasri

Python Automation Developer

Building scripts that turn hours of manual work into seconds of automated execution.

\n 👤\n

Creator

Rubasri

\n 💻\n

Val Town

val.town/@Rubasri

\n 📧\n

Email

rubasri@example.com

\n 💼\n

linkedin.com/in/rubasri

\n \n

\n\n \n \n\n \n\n\n","deleted",false,"label",[56,35],"frontend",{"_33":80,"_13":56,"_36":39,"_38":-5,"_40":41,"_42":81,"_44":45,"_46":82,"_17":76,"_49":83,"_50":-5,"_52":53,"_54":-5,"_68":84,"_18":85},{"_33":71,"_13":72,"_36":73,"_38":-5,"_40":41,"_42":74,"_44":45,"_46":75,"_17":76,"_49":24,"_50":77,"_52":53,"_54":-5,"_68":78,"_18":79},{"_33":60,"_13":61,"_36":62,"_38":-5,"_40":41,"_42":63,"_44":45,"_46":64,"_17":65,"_49":66,"_50":67,"_52":53,"_54":-5,"_68":69,"_18":70},"79c04a20-30dd-11f1-9f2a-42dde27851f2","index.ts","1ce7fcf8-30d8-11f1-ba42-42dde27851f2",11,["D",1775386321358],1,"http","import { Hono } from \"npm:hono@4\";\nimport { serveFile, parseVal } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst app = new Hono();\napp.onError((err) => Promise.reject(err));\n\n// Source route\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// Serve frontend assets\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n// Main HTML page\napp.get(\"/\", (c) => serveFile(\"/frontend/index.html\", import.meta.url));\n\n// ============================================================\n// API: REAL WEB SCRAPER\n// Scrapes Hacker News, Wikipedia, and quotes.toscrape.com\n// based on user query\n// ============================================================\napp.get(\"/api/scrape\", async (c) => {\n const query = c.req.query(\"q\") || \"python\";\n\n const results: any[] = [];\n const errors: string[] = [];\n\n // --- Source 1: Hacker News Search API ---\n try {\n const hnUrl = `https://hn.algolia.com/api/v1/search?query=${encodeURIComponent(query)}&tags=story&hitsPerPage=5`;\n const hnRes = await fetch(hnUrl);\n const hnData = await hnRes.json();\n for (const hit of hnData.hits || []) {\n results.push({\n source: \"Hacker News\",\n title: hit.title || \"(no title)\",\n url: hit.url || `https://news.ycombinator.com/item?id=${hit.objectID}`,\n author: hit.author || \"unknown\",\n points: hit.points ?? 0,\n comments: hit.num_comments ?? 0,\n scraped_at: new Date().toISOString(),\n });\n }\n } catch (e) {\n errors.push(`Hacker News: ${e.message}`);\n }\n\n // --- Source 2: Wikipedia Summary ---\n try {\n const wikiUrl = `https://en.wikipedia.org/api/rest_v1/page/summary/${encodeURIComponent(query)}`;\n const wikiRes = await fetch(wikiUrl, { headers: { \"Accept\": \"application/json\" } });\n if (wikiRes.ok) {\n const wikiData = await wikiRes.json();\n if (wikiData.title) {\n results.push({\n source: \"Wikipedia\",\n title: wikiData.title,\n url: wikiData.content_urls?.desktop?.page || `https://en.wikipedia.org/wiki/${query}`,\n author: \"Wikipedia\",\n points: \"N/A\",\n comments: \"N/A\",\n scraped_at: new Date().toISOString(),\n excerpt: (wikiData.extract || \"\").slice(0, 120) + \"...\",\n });\n }\n }\n } catch (e) {\n errors.push(`Wikipedia: ${e.message}`);\n }\n\n // --- Source 3: DEV.to articles ---\n try {\n const devUrl = `https://dev.to/api/articles?tag=${encodeURIComponent(query.toLowerCase().replace(/\\s+/g, \"\"))}&per_page=4`;\n const devRes = await fetch(devUrl, { headers: { \"User-Agent\": \"PyAutomate/1.0\" } });\n if (devRes.ok) {\n const devData = await devRes.json();\n for (const article of (Array.isArray(devData) ? devData : []).slice(0, 4)) {\n results.push({\n source: \"DEV.to\",\n title: article.title,\n url: article.url,\n author: article.user?.name || \"unknown\",\n points: article.public_reactions_count ?? 0,\n comments: article.comments_count ?? 0,\n scraped_at: new Date().toISOString(),\n });\n }\n }\n } catch (e) {\n errors.push(`DEV.to: ${e.message}`);\n }\n\n // --- Source 4: GitHub Repositories ---\n try {\n const ghUrl = `https://api.github.com/search/repositories?q=${encodeURIComponent(query)}&sort=stars&per_page=4`;\n const ghRes = await fetch(ghUrl, { headers: { \"User-Agent\": \"PyAutomate/1.0\", \"Accept\": \"application/vnd.github.v3+json\" } });\n if (ghRes.ok) {\n const ghData = await ghRes.json();\n for (const repo of (ghData.items || []).slice(0, 4)) {\n results.push({\n source: \"GitHub\",\n title: repo.full_name,\n url: repo.html_url,\n author: repo.owner?.login || \"unknown\",\n points: repo.stargazers_count ?? 0,\n comments: repo.forks_count ?? 0,\n scraped_at: new Date().toISOString(),\n excerpt: (repo.description || \"\").slice(0, 100),\n });\n }\n }\n } catch (e) {\n errors.push(`GitHub: ${e.message}`);\n }\n\n return c.json({ query, results, total: results.length, errors, scraped_at: new Date().toISOString() });\n});\n\n// ============================================================\n// API: EXPORT CSV — converts scraped results to downloadable CSV\n// ============================================================\napp.post(\"/api/export-csv\", async (c) => {\n const body = await c.req.json();\n const { results, query } = body;\n\n if (!results || results.length === 0) {\n return c.text(\"No data to export\", 400);\n }\n\n const headers = [\"#\", \"source\", \"title\", \"url\", \"author\", \"points\", \"comments\", \"scraped_at\"];\n const csvRows = [\n headers.join(\",\"),\n ...results.map((r: any, i: number) =>\n [\n i + 1,\n `\"${(r.source || \"\").replace(/\"/g, '\"\"')}\"`,\n `\"${(r.title || \"\").replace(/\"/g, '\"\"')}\"`,\n `\"${(r.url || \"\").replace(/\"/g, '\"\"')}\"`,\n `\"${(r.author || \"\").replace(/\"/g, '\"\"')}\"`,\n r.points ?? \"\",\n r.comments ?? \"\",\n `\"${r.scraped_at || \"\"}\"`,\n ].join(\",\")\n ),\n ];\n\n const csv = csvRows.join(\"\\n\");\n const filename = `scraped_${(query || \"data\").replace(/\\s+/g, \"_\")}_${Date.now()}.csv`;\n\n return new Response(csv, {\n headers: {\n \"Content-Type\": \"text/csv\",\n \"Content-Disposition\": `attachment; filename=\"${filename}\"`,\n },\n });\n});\n\n// ============================================================\n// API: EMAIL PREVIEW — generates personalised email bodies\n// ============================================================\napp.post(\"/api/email-preview\", async (c) => {\n const body = await c.req.json();\n const { subject, recipients } = body;\n\n const generated = recipients.map((r: any) => ({\n to: r.email,\n name: r.name,\n role: r.role,\n subject,\n body: `Hi ${r.name.split(\" \")[0]},\\n\\nAs a ${r.role}, I thought you'd find this interesting: ${subject}\\n\\nThis message was auto-generated and personalised specifically for you using a Python smtplib script.\\n\\nIt reads your details from a CSV file and crafts a unique message for each recipient — no copy-paste needed.\\n\\nBest regards,\\nRubasri\\nPyAutomate`,\n timestamp: new Date().toISOString(),\n status: \"ready_to_send\",\n }));\n\n return c.json({ generated, total: generated.length });\n});\n\n// ============================================================\n// API: FILE ORGANIZER — sorts filenames into folders\n// ============================================================\napp.post(\"/api/organise-files\", async (c) => {\n const body = await c.req.json();\n const files: string[] = body.files || [];\n\n const extMap: Record = {\n pdf: \"Documents\", doc: \"Documents\", docx: \"Documents\", txt: \"Documents\", odt: \"Documents\", rtf: \"Documents\",\n jpg: \"Images\", jpeg: \"Images\", png: \"Images\", gif: \"Images\", bmp: \"Images\", svg: \"Images\", webp: \"Images\",\n mp4: \"Videos\", mov: \"Videos\", avi: \"Videos\", mkv: \"Videos\", wmv: \"Videos\",\n mp3: \"Music\", wav: \"Music\", flac: \"Music\", aac: \"Music\", ogg: \"Music\",\n csv: \"Data\", xlsx: \"Data\", xls: \"Data\", json: \"Data\", xml: \"Data\", sql: \"Data\",\n py: \"Code\", js: \"Code\", ts: \"Code\", html: \"Code\", css: \"Code\", java: \"Code\", cpp: \"Code\", c: \"Code\", rb: \"Code\",\n zip: \"Archives\", rar: \"Archives\", tar: \"Archives\", gz: \"Archives\", \"7z\": \"Archives\",\n exe: \"Programs\", dmg: \"Programs\", pkg: \"Programs\", deb: \"Programs\",\n };\n\n const folders: Record = {};\n const log: string[] = [];\n const startTime = Date.now();\n\n for (const file of files) {\n const ext = file.split(\".\").pop()?.toLowerCase() || \"\";\n const folder = extMap[ext] || \"Others\";\n folders[folder] = folders[folder] || [];\n folders[folder].push(file);\n log.push(`[MOVED] ${file} → ${folder}/`);\n }\n\n const elapsed = ((Date.now() - startTime) / 1000).toFixed(2);\n\n return c.json({\n folders,\n log,\n summary: {\n total_files: files.length,\n folders_created: Object.keys(folders).length,\n elapsed_seconds: elapsed,\n },\n });\n});\n\nexport default app.fetch;\n","children",[],[61],"f782d8d4-30dc-11f1-903d-42dde27851f2","README.md","f782d9a6-30dc-11f1-903d-42dde27851f2",10,["D",1775386102783],0,"# python-automation-project",[],[72],"42457458-30d8-11f1-ba42-42dde27851f2",2,["D",1775384080797],"directory",[86,87,88],[56],{"_33":100,"_13":101,"_36":102,"_38":39,"_40":41,"_42":103,"_44":45,"_46":104,"_17":81,"_49":24,"_50":105,"_52":53,"_54":-5,"_68":106,"_18":107},{"_33":34,"_13":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":97,"_17":48,"_49":24,"_50":51,"_52":53,"_54":-5,"_68":98,"_18":99},{"_33":89,"_13":90,"_36":91,"_38":39,"_40":41,"_42":92,"_44":45,"_46":93,"_17":81,"_49":24,"_50":94,"_52":53,"_54":-5,"_68":95,"_18":96},"af1044d2-30dd-11f1-9f9f-42dde27851f2","style.css","64980b2e-30d8-11f1-9e9c-42dde27851f2",13,["D",1775386410810],"/* ============================================================\n PYTHON AUTOMATION HUB — STYLESHEET v2\n ============================================================ */\n@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Fira+Code:wght@400;500&display=swap');\n\n:root {\n --primary: #3b82f6;\n --primary-dark: #2563eb;\n --purple: #8b5cf6;\n --accent: #f59e0b;\n --green: #22c55e;\n --red: #ef4444;\n --bg: #0a0f1e;\n --bg2: #111827;\n --bg3: #1e293b;\n --bg4: #334155;\n --text: #f1f5f9;\n --text-muted: #94a3b8;\n --border: rgba(255,255,255,0.07);\n --card-bg: rgba(17,24,39,0.9);\n --radius: 16px;\n --radius-sm: 10px;\n --shadow: 0 4px 32px rgba(0,0,0,0.4);\n --grad: linear-gradient(135deg, #3b82f6, #8b5cf6);\n --grad-warm: linear-gradient(135deg, #f59e0b, #ef4444);\n --py-yellow: #fbbf24;\n --py-blue: #60a5fa;\n}\n\n* { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { scroll-behavior: smooth; }\nbody {\n font-family: 'Inter', sans-serif;\n background-color: var(--bg);\n color: var(--text);\n line-height: 1.6;\n overflow-x: hidden;\n}\n\n/* SCROLLBAR */\n::-webkit-scrollbar { width: 5px; }\n::-webkit-scrollbar-track { background: var(--bg); }\n::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 4px; }\n\n/* ============================\n NAVBAR\n ============================ */\n.navbar {\n position: fixed; top: 0; left: 0; right: 0; z-index: 1000;\n display: flex; align-items: center; justify-content: space-between;\n padding: 0.9rem 2.5rem;\n background: rgba(10,15,30,0.9);\n backdrop-filter: blur(24px);\n border-bottom: 1px solid var(--border);\n transition: box-shadow 0.3s, background 0.3s;\n}\n.navbar.scrolled {\n box-shadow: 0 2px 40px rgba(0,0,0,0.5);\n background: rgba(10,15,30,0.98);\n}\n.nav-logo { display: flex; align-items: center; gap: 0.5rem; font-weight: 900; font-size: 1.25rem; }\n.logo-icon { font-size: 1.4rem; }\n.logo-text { background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\n.nav-links { display: flex; gap: 1.8rem; list-style: none; }\n.nav-links a { color: var(--text-muted); text-decoration: none; font-size: 0.88rem; font-weight: 500; transition: color 0.2s; }\n.nav-links a:hover, .nav-links a.active { color: var(--text); }\n.nav-source {\n padding: 0.4rem 1rem; border: 1px solid rgba(59,130,246,0.5);\n color: var(--py-blue); border-radius: 8px; font-size: 0.82rem;\n text-decoration: none; font-weight: 600;\n transition: background 0.2s, color 0.2s, border-color 0.2s;\n}\n.nav-source:hover { background: var(--primary); color: #fff; border-color: var(--primary); }\n.hamburger { display: none; background: none; border: none; color: var(--text); font-size: 1.4rem; cursor: pointer; }\n\n/* ============================\n HERO\n ============================ */\n.hero {\n min-height: 100vh;\n display: flex; align-items: center; justify-content: space-between;\n gap: 3rem; padding: 7rem 2.5rem 4rem;\n position: relative; overflow: hidden;\n max-width: 1320px; margin: 0 auto;\n}\n.hero-bg-shapes { position: absolute; inset: 0; pointer-events: none; z-index: 0; }\n.shape { position: absolute; border-radius: 50%; filter: blur(90px); opacity: 0.12; }\n.shape1 { width: 550px; height: 550px; background: var(--primary); top: -120px; left: -120px; animation: drift1 8s ease-in-out infinite; }\n.shape2 { width: 380px; height: 380px; background: var(--purple); bottom: 0; right: -80px; animation: drift2 10s ease-in-out infinite; }\n.shape3 { width: 220px; height: 220px; background: var(--accent); top: 45%; left: 42%; animation: drift1 6s ease-in-out infinite reverse; }\n@keyframes drift1 { 0%,100% { transform: translate(0,0); } 50% { transform: translate(30px,-20px); } }\n@keyframes drift2 { 0%,100% { transform: translate(0,0); } 50% { transform: translate(-20px,30px); } }\n\n.hero-content { flex: 1; max-width: 560px; position: relative; z-index: 1; }\n.hero-badge {\n display: inline-flex; align-items: center; gap: 0.4rem;\n padding: 0.4rem 1rem;\n background: rgba(59,130,246,0.12); border: 1px solid rgba(59,130,246,0.35);\n border-radius: 50px; font-size: 0.82rem; color: var(--py-blue);\n margin-bottom: 1.2rem; font-weight: 600; letter-spacing: 0.01em;\n transition: opacity 0.3s;\n}\n.hero-title {\n font-size: clamp(2.2rem, 5vw, 3.8rem); font-weight: 900;\n line-height: 1.1; margin-bottom: 1.3rem; letter-spacing: -0.02em;\n}\n.gradient-text { background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\n.hero-subtitle {\n color: var(--text-muted); font-size: 1rem; margin-bottom: 2rem;\n max-width: 480px; line-height: 1.75;\n}\n.hero-subtitle strong { color: var(--text); }\n.hero-subtitle em { color: var(--py-yellow); font-style: normal; }\n.hero-buttons { display: flex; gap: 1rem; flex-wrap: wrap; margin-bottom: 2.5rem; }\n\n.btn {\n padding: 0.8rem 1.8rem; border-radius: var(--radius-sm);\n font-size: 0.92rem; font-weight: 700; cursor: pointer; text-decoration: none;\n transition: transform 0.2s, box-shadow 0.2s;\n display: inline-flex; align-items: center; gap: 0.4rem; border: none;\n}\n.btn:hover { transform: translateY(-2px); }\n.btn-primary { background: var(--grad); color: #fff; box-shadow: 0 4px 20px rgba(59,130,246,0.35); }\n.btn-primary:hover { box-shadow: 0 8px 32px rgba(59,130,246,0.5); }\n.btn-outline { border: 1.5px solid rgba(59,130,246,0.5); color: var(--py-blue); background: transparent; }\n.btn-outline:hover { background: rgba(59,130,246,0.1); border-color: var(--primary); }\n.btn-full { width: 100%; justify-content: center; }\n\n.hero-stats { display: flex; gap: 2.5rem; }\n.stat { display: flex; flex-direction: column; }\n.stat-number {\n font-size: 1.8rem; font-weight: 900;\n background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n}\n.stat-label { font-size: 0.75rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.06em; margin-top: 0.1rem; }\n\n/* Hero Right Side */\n.hero-code { flex: 1; max-width: 520px; position: relative; z-index: 1; display: flex; flex-direction: column; gap: 1rem; }\n\n.code-window {\n background: #0d1117; border-radius: var(--radius);\n border: 1px solid rgba(255,255,255,0.1);\n box-shadow: var(--shadow), 0 0 40px rgba(59,130,246,0.08);\n overflow: hidden; animation: float 5s ease-in-out infinite;\n}\n@keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }\n\n.code-header {\n display: flex; align-items: center; gap: 0.5rem;\n padding: 0.7rem 1rem;\n background: #161b22; border-bottom: 1px solid rgba(255,255,255,0.06);\n}\n.dot { width: 11px; height: 11px; border-radius: 50%; }\n.dot.red { background: #ff5f57; }\n.dot.yellow { background: #febc2e; }\n.dot.green { background: #28c840; }\n.code-title { margin-left: 0.4rem; font-size: 0.78rem; color: #8b949e; font-family: 'Fira Code', monospace; flex: 1; }\n.code-status { font-size: 0.72rem; color: var(--green); font-weight: 600; }\n.code-body {\n padding: 1.4rem 1.5rem; font-family: 'Fira Code', monospace;\n font-size: 0.8rem; line-height: 1.85; color: #e6edf3; white-space: pre; overflow-x: auto;\n}\n.kw { color: #ff7b72; }\n.fn { color: #d2a8ff; }\n.str { color: #a5d6ff; }\n.comment { color: #6e7681; }\n.num { color: #79c0ff; }\n\n/* Terminal */\n.hero-terminal {\n background: #0d1117; border-radius: var(--radius-sm);\n border: 1px solid rgba(255,255,255,0.07);\n overflow: hidden; font-family: 'Fira Code', monospace; font-size: 0.78rem;\n}\n.terminal-header {\n display: flex; align-items: center; gap: 0.4rem;\n padding: 0.5rem 0.9rem; background: #1c2128;\n border-bottom: 1px solid rgba(255,255,255,0.05);\n}\n.t-dot { width: 9px; height: 9px; border-radius: 50%; background: #30363d; }\n.terminal-title { margin-left: 0.4rem; font-size: 0.72rem; color: #8b949e; }\n.terminal-body { padding: 0.9rem 1rem; display: flex; flex-direction: column; gap: 0.35rem; }\n.t-line { display: block; }\n.t-prompt { color: var(--primary); margin-right: 0.5rem; }\n.t-success { color: var(--green); }\n.t-info { color: var(--py-yellow); }\n\n/* ============================\n SECTIONS\n ============================ */\n.section { padding: 6rem 2.5rem; }\n.section-dark { background: var(--bg2); }\n.container { max-width: 1200px; margin: 0 auto; }\n.section-header { text-align: center; margin-bottom: 3.5rem; }\n.section-tag {\n display: inline-block; padding: 0.3rem 0.9rem;\n background: rgba(59,130,246,0.1); border: 1px solid rgba(59,130,246,0.25);\n border-radius: 50px; font-size: 0.8rem; color: var(--py-blue);\n margin-bottom: 0.8rem; font-weight: 600; letter-spacing: 0.02em;\n}\n.section-header h2 { font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 900; margin-bottom: 0.8rem; letter-spacing: -0.02em; }\n.section-header p { color: var(--text-muted); font-size: 1rem; max-width: 540px; margin: 0 auto; }\n\n/* ============================\n PURPOSE SECTION\n ============================ */\n.purpose-section { background: var(--bg2); }\n.purpose-banner {\n display: flex; gap: 2rem; align-items: flex-start;\n background: linear-gradient(135deg, rgba(59,130,246,0.08), rgba(139,92,246,0.08));\n border: 1px solid rgba(59,130,246,0.2);\n border-radius: var(--radius); padding: 2.5rem; margin-bottom: 3rem;\n}\n.purpose-icon { font-size: 3rem; flex-shrink: 0; margin-top: 0.2rem; }\n.purpose-text h2 { font-size: 1.6rem; font-weight: 900; margin-bottom: 0.8rem; }\n.purpose-text p { color: var(--text-muted); margin-bottom: 0.6rem; line-height: 1.75; }\n.purpose-text p:last-child { margin-bottom: 0; }\n.purpose-text strong { color: var(--text); }\n.purpose-text em { color: var(--py-blue); font-style: normal; }\n\n.pain-points { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; }\n.pain-card {\n background: var(--bg3); border: 1px solid var(--border);\n border-radius: var(--radius); padding: 1.5rem;\n position: relative; overflow: hidden;\n}\n.pain-card::before {\n content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;\n background: var(--grad);\n}\n.pain-before, .pain-after {\n display: inline-block; font-size: 0.8rem; font-weight: 700;\n padding: 0.2rem 0.7rem; border-radius: 6px; margin-bottom: 0.5rem;\n}\n.pain-before { background: rgba(239,68,68,0.15); color: #f87171; }\n.pain-after { background: rgba(34,197,94,0.15); color: var(--green); margin-top: 1rem; }\n.pain-card p { font-size: 0.88rem; color: var(--text-muted); line-height: 1.6; }\n\n/* ============================\n LIVE DEMO\n ============================ */\n.demo-wrapper {\n background: var(--bg3); border: 1px solid var(--border);\n border-radius: var(--radius); overflow: hidden;\n}\n.demo-tabs {\n display: flex; flex-wrap: wrap;\n background: rgba(0,0,0,0.3); border-bottom: 1px solid var(--border);\n}\n.demo-tab {\n padding: 0.9rem 1.4rem; background: none; border: none;\n color: var(--text-muted); font-size: 0.88rem; font-weight: 600;\n cursor: pointer; transition: all 0.2s; border-bottom: 2px solid transparent;\n font-family: 'Inter', sans-serif;\n}\n.demo-tab:hover { color: var(--text); background: rgba(255,255,255,0.03); }\n.demo-tab.active { color: var(--py-blue); border-bottom-color: var(--primary); background: rgba(59,130,246,0.06); }\n\n.demo-panel { display: none; padding: 2rem; }\n.demo-panel.active { display: block; }\n.demo-panel h3 { font-size: 1.15rem; font-weight: 800; margin-bottom: 0.4rem; }\n.demo-desc { color: var(--text-muted); font-size: 0.88rem; margin-bottom: 1.2rem; }\n\n.input-row { display: flex; gap: 0.75rem; flex-wrap: wrap; }\n.input-row input, .input-row textarea {\n flex: 1; min-width: 200px; padding: 0.7rem 1rem;\n background: var(--bg); border: 1px solid var(--border);\n border-radius: var(--radius-sm); color: var(--text);\n font-size: 0.9rem; font-family: 'Inter', sans-serif;\n transition: border-color 0.2s;\n}\n.input-row textarea { resize: vertical; min-height: 70px; }\n.input-row input:focus, .input-row textarea:focus {\n outline: none; border-color: var(--primary);\n box-shadow: 0 0 0 3px rgba(59,130,246,0.12);\n}\n\n.calc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1.2rem; }\n.calc-field label { display: block; font-size: 0.82rem; color: var(--text-muted); font-weight: 500; margin-bottom: 0.35rem; }\n.calc-field input {\n width: 100%; padding: 0.65rem 0.9rem;\n background: var(--bg); border: 1px solid var(--border);\n border-radius: var(--radius-sm); color: var(--text);\n font-size: 0.9rem; font-family: 'Inter', sans-serif;\n}\n.calc-field input:focus { outline: none; border-color: var(--primary); }\n\n.demo-output {\n margin-top: 1.5rem; background: #0d1117;\n border: 1px solid rgba(255,255,255,0.07);\n border-radius: var(--radius-sm); min-height: 120px;\n font-family: 'Fira Code', monospace; font-size: 0.82rem; overflow: hidden;\n}\n.output-placeholder {\n display: flex; align-items: center; justify-content: center;\n height: 120px; color: var(--bg4); font-family: 'Inter', sans-serif; font-size: 0.9rem;\n}\n.output-header {\n padding: 0.5rem 1rem; background: #1c2128;\n border-bottom: 1px solid rgba(255,255,255,0.05);\n font-size: 0.75rem; color: #8b949e; display: flex; align-items: center; gap: 0.5rem;\n}\n.output-body { padding: 1rem; }\n.output-line { display: flex; gap: 0.5rem; margin-bottom: 0.3rem; color: #e6edf3; }\n.output-label { color: #8b949e; }\n.output-value { color: var(--py-blue); }\n.output-success { color: var(--green); }\n.output-warn { color: var(--py-yellow); }\n.output-error { color: var(--red); }\n\n/* Scraper table */\n.scrape-table { width: 100%; border-collapse: collapse; font-size: 0.8rem; }\n.scrape-table th { padding: 0.5rem 0.75rem; background: #1c2128; color: #8b949e; text-align: left; font-weight: 600; }\n.scrape-table td { padding: 0.5rem 0.75rem; border-top: 1px solid rgba(255,255,255,0.04); color: #e6edf3; }\n.scrape-table tr:hover td { background: rgba(59,130,246,0.05); }\n\n/* Email cards */\n.email-preview { display: flex; flex-direction: column; gap: 0.75rem; padding: 1rem; }\n.email-card {\n background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06);\n border-radius: 8px; padding: 0.75rem 1rem; font-family: 'Inter', sans-serif; font-size: 0.83rem;\n}\n.email-card .e-from { color: var(--py-blue); font-weight: 600; margin-bottom: 0.2rem; }\n.email-card .e-to { color: var(--text-muted); margin-bottom: 0.2rem; }\n.email-card .e-subject { color: var(--text); font-weight: 600; }\n.email-card .e-body { color: var(--text-muted); margin-top: 0.4rem; line-height: 1.5; }\n\n/* File org output */\n.folder-group { margin-bottom: 1rem; }\n.folder-name { color: var(--py-yellow); font-weight: 600; margin-bottom: 0.3rem; }\n.folder-file { color: #8b949e; padding-left: 1.5rem; }\n.folder-file::before { content: \"├─ \"; color: var(--bg4); }\n\n/* Calc result */\n.calc-result { padding: 1rem; font-family: 'Inter', sans-serif; }\n.calc-row { display: flex; justify-content: space-between; padding: 0.5rem 0; border-bottom: 1px solid rgba(255,255,255,0.04); font-size: 0.88rem; }\n.calc-row .label { color: var(--text-muted); }\n.calc-row .value { font-weight: 700; color: var(--text); }\n.calc-highlight { background: rgba(34,197,94,0.1); border-radius: 8px; padding: 1rem; margin-top: 0.75rem; text-align: center; }\n.calc-highlight .big-number { font-size: 2rem; font-weight: 900; color: var(--green); display: block; }\n.calc-highlight .big-label { font-size: 0.82rem; color: var(--text-muted); }\n\n/* ============================\n PROJECTS\n ============================ */\n.filter-bar { display: flex; gap: 0.6rem; flex-wrap: wrap; justify-content: center; margin-bottom: 2.5rem; }\n.filter-btn {\n padding: 0.45rem 1.1rem; border-radius: 50px;\n border: 1px solid var(--border); background: transparent;\n color: var(--text-muted); font-size: 0.82rem; cursor: pointer; font-weight: 500;\n transition: all 0.2s; font-family: 'Inter', sans-serif;\n}\n.filter-btn:hover, .filter-btn.active {\n background: var(--primary); border-color: var(--primary); color: #fff;\n}\n\n.projects-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));\n gap: 1.5rem;\n}\n.project-card {\n background: var(--card-bg); border: 1px solid var(--border);\n border-radius: var(--radius); padding: 1.4rem;\n display: flex; flex-direction: column; gap: 0.9rem;\n transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;\n backdrop-filter: blur(10px); position: relative; overflow: hidden;\n}\n.project-card::after {\n content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;\n background: var(--grad); opacity: 0; transition: opacity 0.25s;\n}\n.project-card:hover { transform: translateY(-5px); box-shadow: 0 10px 40px rgba(59,130,246,0.15); border-color: rgba(59,130,246,0.3); }\n.project-card:hover::after { opacity: 1; }\n.project-card.hidden { display: none; }\n\n.project-top { display: flex; justify-content: space-between; align-items: flex-start; }\n.project-icon { font-size: 1.8rem; }\n.project-badge {\n font-size: 0.7rem; font-weight: 700; padding: 0.2rem 0.6rem;\n border-radius: 6px; letter-spacing: 0.03em;\n}\n.web-badge { background: rgba(59,130,246,0.15); color: var(--py-blue); }\n.email-badge { background: rgba(245,158,11,0.15); color: var(--py-yellow); }\n.file-badge { background: rgba(139,92,246,0.15); color: #c4b5fd; }\n.api-badge { background: rgba(34,197,94,0.15); color: #86efac; }\n\n.project-info h3 { font-size: 1rem; font-weight: 800; margin-bottom: 0.5rem; }\n.project-problem, .project-solution { font-size: 0.82rem; line-height: 1.55; margin-bottom: 0.3rem; }\n.project-problem { color: #f87171; }\n.project-solution { color: #86efac; }\n.project-problem em, .project-solution em { font-style: normal; font-weight: 700; color: var(--text-muted); }\n.project-tags { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-top: 0.5rem; }\n.project-tags span {\n padding: 0.15rem 0.55rem; border-radius: 5px;\n background: rgba(59,130,246,0.1); color: var(--py-blue);\n font-size: 0.72rem; font-family: 'Fira Code', monospace;\n}\n\n.project-meta { display: flex; gap: 0.6rem; flex-wrap: wrap; }\n.meta-item {\n font-size: 0.75rem; padding: 0.2rem 0.6rem;\n background: rgba(255,255,255,0.04); border-radius: 6px;\n color: var(--text-muted); font-weight: 500;\n}\n\n.project-footer { display: flex; justify-content: space-between; align-items: center; margin-top: auto; }\n.status { font-size: 0.78rem; }\n.active-status { color: var(--green); font-weight: 600; }\n.project-link { font-size: 0.82rem; color: var(--primary); text-decoration: none; font-weight: 600; }\n.project-link:hover { color: #fff; }\n\n/* ============================\n TOOLS\n ============================ */\n.tools-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n gap: 1.5rem;\n}\n.tool-card {\n background: var(--bg3); border: 1px solid var(--border);\n border-radius: var(--radius); padding: 1.5rem;\n transition: transform 0.25s, box-shadow 0.25s;\n}\n.tool-card:hover { transform: translateY(-4px); box-shadow: 0 8px 28px rgba(0,0,0,0.3); }\n.tool-icon { font-size: 1.8rem; margin-bottom: 0.7rem; }\n.tool-card h4 { font-size: 0.95rem; font-weight: 800; margin-bottom: 0.4rem; }\n.tool-card p { font-size: 0.83rem; color: var(--text-muted); margin-bottom: 1rem; line-height: 1.55; }\n.tool-bar { height: 5px; background: rgba(255,255,255,0.08); border-radius: 4px; margin-bottom: 0.45rem; overflow: hidden; }\n.tool-fill { height: 100%; background: var(--grad); border-radius: 4px; width: 0; }\n.tool-level { font-size: 0.72rem; color: var(--py-blue); font-weight: 600; }\n\n/* ============================\n CONTACT\n ============================ */\n.contact-wrapper {\n display: grid; grid-template-columns: 1fr 1.4fr; gap: 3rem; align-items: start;\n}\n.contact-info { display: flex; flex-direction: column; gap: 1.4rem; }\n\n.creator-card {\n display: flex; gap: 1.2rem; align-items: center;\n background: linear-gradient(135deg, rgba(59,130,246,0.08), rgba(139,92,246,0.08));\n border: 1px solid rgba(59,130,246,0.2);\n border-radius: var(--radius); padding: 1.5rem; margin-bottom: 0.5rem;\n}\n.creator-avatar {\n width: 64px; height: 64px; border-radius: 50%;\n background: var(--grad); color: #fff;\n font-size: 1.6rem; font-weight: 900;\n display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n}\n.creator-details h3 { font-size: 1.1rem; font-weight: 800; margin-bottom: 0.2rem; }\n.creator-details p { font-size: 0.82rem; color: var(--py-blue); font-weight: 600; margin-bottom: 0.3rem; }\n.creator-bio { font-size: 0.8rem !important; color: var(--text-muted) !important; font-weight: 400 !important; line-height: 1.5; }\n\n.contact-item { display: flex; align-items: center; gap: 1rem; }\n.contact-icon {\n width: 44px; height: 44px; border-radius: 12px;\n background: rgba(59,130,246,0.1); font-size: 1.2rem;\n display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n}\n.contact-item h4 { font-size: 0.82rem; font-weight: 700; margin-bottom: 0.15rem; }\n.contact-item p { font-size: 0.82rem; color: var(--text-muted); }\n\n.contact-form {\n background: var(--bg2); border: 1px solid var(--border);\n border-radius: var(--radius); padding: 2rem; backdrop-filter: blur(10px);\n}\n.form-group { margin-bottom: 1.1rem; }\n.form-group label { display: block; font-size: 0.82rem; font-weight: 600; margin-bottom: 0.4rem; color: var(--text-muted); }\n.form-group input,\n.form-group select,\n.form-group textarea {\n width: 100%; padding: 0.7rem 1rem;\n background: var(--bg3); border: 1px solid var(--border);\n border-radius: var(--radius-sm); color: var(--text);\n font-size: 0.88rem; font-family: 'Inter', sans-serif; transition: border-color 0.2s;\n}\n.form-group input:focus, .form-group select:focus, .form-group textarea:focus {\n outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(59,130,246,0.12);\n}\n.form-group textarea { resize: vertical; }\n.form-msg { margin-top: 1rem; padding: 0.75rem 1rem; border-radius: var(--radius-sm); font-size: 0.88rem; text-align: center; }\n.form-msg.success { background: rgba(34,197,94,0.12); color: var(--green); border: 1px solid rgba(34,197,94,0.3); }\n.form-msg.error { background: rgba(239,68,68,0.12); color: var(--red); border: 1px solid rgba(239,68,68,0.3); }\n.form-msg.hidden { display: none; }\n\n/* ============================\n FOOTER\n ============================ */\n.footer {\n background: var(--bg); border-top: 1px solid var(--border);\n padding: 3rem 2.5rem; text-align: center;\n}\n.footer-logo { font-size: 1.3rem; font-weight: 900; margin-bottom: 0.4rem; }\n.footer-tagline { color: var(--text-muted); font-size: 0.88rem; margin-bottom: 1.5rem; }\n.footer-links { display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap; margin-bottom: 1.5rem; }\n.footer-links a { color: var(--text-muted); text-decoration: none; font-size: 0.85rem; transition: color 0.2s; }\n.footer-links a:hover { color: var(--primary); }\n.footer-copy { font-size: 0.8rem; color: var(--bg4); }\n\n/* ============================\n RESPONSIVE\n ============================ */\n@media (max-width: 960px) {\n .hero { flex-direction: column; text-align: center; padding-top: 6rem; }\n .hero-content { max-width: 100%; }\n .hero-buttons, .hero-stats { justify-content: center; }\n .hero-code { max-width: 100%; }\n .contact-wrapper { grid-template-columns: 1fr; }\n .purpose-banner { flex-direction: column; }\n .calc-grid { grid-template-columns: 1fr; }\n}\n@media (max-width: 640px) {\n .nav-links { display: none; }\n .nav-source { display: none; }\n .hamburger { display: block; }\n .nav-links.open {\n display: flex; flex-direction: column;\n position: absolute; top: 58px; left: 0; right: 0;\n background: var(--bg2); padding: 1.5rem 2rem;\n border-bottom: 1px solid var(--border); gap: 1rem; z-index: 999;\n }\n .section { padding: 4rem 1.2rem; }\n .navbar { padding: 0.9rem 1.2rem; }\n .demo-tabs { flex-direction: column; }\n .input-row { flex-direction: column; }\n .hero-stats { gap: 1.5rem; }\n}\n\n/* ============================\n ANIMATIONS\n ============================ */\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n@keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.5; }\n}\n.loading-dots::after {\n content: '...';\n animation: pulse 1s infinite;\n}\n\n/* ============================\n LOADING STEPS\n ============================ */\n.loading-step {\n font-family: 'Fira Code', monospace;\n font-size: 0.8rem; color: var(--py-blue);\n padding: 0.25rem 0;\n opacity: 0;\n animation: fadeInUp 0.4s ease forwards;\n}\n\n/* ============================\n SOURCE BADGES (scraper table)\n ============================ */\n.src-badge {\n display: inline-block; padding: 0.15rem 0.55rem;\n border-radius: 6px; font-size: 0.72rem; font-weight: 700;\n}\n.src-hackernews { background: rgba(255,102,0,0.15); color: #fb923c; }\n.src-wikipedia { background: rgba(148,163,184,0.15); color: #cbd5e1; }\n.src-devto { background: rgba(139,92,246,0.15); color: #c4b5fd; }\n.src-github { background: rgba(34,197,94,0.15); color: #86efac; }\n\n/* ============================\n INLINE BUTTON (inside output header)\n ============================ */\n.btn-inline {\n display: inline-flex; align-items: center; gap: 0.3rem;\n padding: 0.25rem 0.75rem; background: rgba(59,130,246,0.15);\n border: 1px solid rgba(59,130,246,0.35); color: var(--py-blue);\n border-radius: 6px; font-size: 0.78rem; font-weight: 700;\n cursor: pointer; transition: background 0.2s, color 0.2s;\n font-family: 'Inter', sans-serif;\n}\n.btn-inline:hover { background: var(--primary); color: #fff; border-color: var(--primary); }\n.btn-inline:disabled { opacity: 0.5; cursor: not-allowed; }\n\n/* ============================\n OUTPUT FOOTER NOTE\n ============================ */\n.output-footer-note {\n margin-top: 1rem; padding: 0.65rem 0.9rem;\n background: rgba(59,130,246,0.06); border-top: 1px solid rgba(59,130,246,0.1);\n font-size: 0.78rem; color: var(--text-muted); font-family: 'Fira Code', monospace;\n}\n.output-footer-note code {\n background: rgba(255,255,255,0.08); padding: 0.1rem 0.35rem;\n border-radius: 4px; color: var(--py-blue);\n}\n\n/* ============================\n TABLE LINK\n ============================ */\n.tbl-link {\n color: var(--primary); text-decoration: none; font-weight: 700; font-size: 0.9rem;\n}\n.tbl-link:hover { color: #fff; }\n\n/* ============================\n EMAIL CARD HEADER\n ============================ */\n.email-card-header {\n display: flex; justify-content: space-between; align-items: center;\n margin-bottom: 0.4rem;\n}\n.e-num { font-size: 0.72rem; font-weight: 700; color: var(--text-muted); }\n.e-status { font-size: 0.72rem; font-weight: 700; color: var(--green); }\n\n/* ============================\n FOLDER FILE ENTRIES\n ============================ */\n.folder-file {\n font-size: 0.75rem; padding-left: 1.2rem; margin-bottom: 0.2rem;\n color: var(--text-muted);\n}\n.folder-file::before { content: \"├─ \"; color: var(--bg4); }\n.folder-name {\n font-size: 0.82rem; font-weight: 700; color: var(--py-yellow);\n margin-bottom: 0.25rem; margin-top: 0.5rem;\n}\n\n/* ============================\n RESPONSIVE: side-by-side grid for file organizer\n ============================ */\n@media (max-width: 640px) {\n .output-body > div[style*=\"grid\"] {\n grid-template-columns: 1fr !important;\n }\n}\n",[],[56,90],["D",1775385283632],[],[56,35],"a53af6be-30dd-11f1-ae1a-42dde27851f2","app.js","70150588-30d8-11f1-9e9c-42dde27851f2",12,["D",1775386394303],"// ============================================================\n// PYTHON AUTOMATION HUB — APP SCRIPT v3 (REAL APIs)\n// ============================================================\n\n// ---- NAVBAR ----\nconst navbar = document.getElementById('navbar');\nwindow.addEventListener('scroll', () => {\n navbar.classList.toggle('scrolled', window.scrollY > 20);\n}, { passive: true });\n\nconst hamburger = document.getElementById('hamburger');\nconst navLinks = document.getElementById('navLinks');\nhamburger?.addEventListener('click', () => navLinks.classList.toggle('open'));\nnavLinks?.querySelectorAll('a').forEach(a => a.addEventListener('click', () => navLinks.classList.remove('open')));\n\n// Active nav highlight\nconst sections = document.querySelectorAll('section[id]');\nwindow.addEventListener('scroll', () => {\n let cur = '';\n sections.forEach(s => { if (window.scrollY >= s.offsetTop - 120) cur = s.id; });\n document.querySelectorAll('.nav-links a').forEach(a => a.classList.toggle('active', a.getAttribute('href') === `#${cur}`));\n}, { passive: true });\n\n// ---- ANIMATED COUNTERS ----\nconst counterObs = new IntersectionObserver(entries => {\n entries.forEach(entry => {\n if (!entry.isIntersecting) return;\n const el = entry.target;\n const target = parseInt(el.dataset.target);\n let cur = 0;\n const step = Math.max(1, Math.ceil(target / 40));\n const timer = setInterval(() => {\n cur = Math.min(cur + step, target);\n el.textContent = cur + (target === 10 ? 'x' : '+');\n if (cur >= target) clearInterval(timer);\n }, 40);\n counterObs.unobserve(el);\n });\n}, { threshold: 0.5 });\ndocument.querySelectorAll('.stat-number[data-target]').forEach(c => counterObs.observe(c));\n\n// ---- HERO BADGE ROTATOR ----\nconst badge = document.getElementById('heroBadge');\nconst badges = ['⚡ Automation with Python','🕷️ Web Scraping & Data Collection','📧 Email Automation Pipelines','📂 File & Data Processing','🤖 Bots & API Integrations','⏰ Scheduled Task Automation'];\nlet badgeIdx = 0;\nif (badge) {\n setInterval(() => {\n badge.style.opacity = '0';\n setTimeout(() => { badgeIdx = (badgeIdx + 1) % badges.length; badge.textContent = badges[badgeIdx]; badge.style.opacity = '1'; }, 300);\n }, 2800);\n}\n\n// ---- DEMO TABS ----\ndocument.querySelectorAll('.demo-tab').forEach(tab => {\n tab.addEventListener('click', () => {\n document.querySelectorAll('.demo-tab').forEach(t => t.classList.remove('active'));\n document.querySelectorAll('.demo-panel').forEach(p => p.classList.remove('active'));\n tab.classList.add('active');\n document.getElementById('demo-' + tab.dataset.demo)?.classList.add('active');\n });\n});\n\n// ============================================================\n// DEMO 1: REAL WEB SCRAPER\n// Calls /api/scrape → hits Hacker News, Wikipedia, DEV.to, GitHub\n// ============================================================\nlet lastScrapeResults = [];\nlet lastScrapeQuery = '';\n\ndocument.getElementById('runScraper')?.addEventListener('click', async () => {\n const query = document.getElementById('scrapeQuery').value.trim() || 'python automation';\n const out = document.getElementById('scraperOutput');\n const btn = document.getElementById('runScraper');\n\n btn.disabled = true;\n btn.textContent = '⏳ Scraping...';\n out.innerHTML = loadingHTML(`Scraping 4 live sources for \"${query}\"`, [\n '🔍 Querying Hacker News API...',\n '📖 Fetching Wikipedia summary...',\n '📝 Searching DEV.to articles...',\n '⭐ Pulling GitHub repositories...',\n ]);\n\n const start = Date.now();\n try {\n const res = await fetch(`/api/scrape?q=${encodeURIComponent(query)}`);\n const data = await res.json();\n const elapsed = ((Date.now() - start) / 1000).toFixed(1);\n\n lastScrapeResults = data.results;\n lastScrapeQuery = query;\n\n if (!data.results || data.results.length === 0) {\n out.innerHTML = errorHTML('No results found. Try a different query like \"python\", \"machine learning\", or \"javascript\".');\n } else {\n out.innerHTML = `\n

\n ✅ Scraped ${data.results.length} results from 4 live sources in ${elapsed}s\n · \n \n ${data.errors.length ? `⚠ ${data.errors.length} source(s) skipped` : ''}\n

\n \n \n \n \n \n ${data.results.map((r, i) => `\n \n \n \n \n \n \n \n \n `).join('')}\n \n

#	Source	Title	Author	Points	Comments	Link
${i + 1}	${r.source}	${escHtml(r.title)}	${escHtml(r.author)}	${r.points}	${r.comments}	↗

\n 🐍 Equivalent Python: requests.get(url) + BeautifulSoup(html, 'html.parser') — then df.to_csv('${query.replace(/\\s+/g,'_')}_data.csv')\n

`;\n\n document.getElementById('downloadCSV')?.addEventListener('click', () => downloadCSV(lastScrapeResults, lastScrapeQuery));\n }\n } catch (e) {\n out.innerHTML = errorHTML('Network error: ' + e.message);\n } finally {\n btn.disabled = false;\n btn.textContent = 'Run Scraper ▶';\n }\n});\n\n// Download CSV via real API\nasync function downloadCSV(results, query) {\n const btn = document.getElementById('downloadCSV');\n if (btn) { btn.textContent = '⏳ Exporting...'; btn.disabled = true; }\n try {\n const res = await fetch('/api/export-csv', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ results, query }),\n });\n const blob = await res.blob();\n const url = URL.createObjectURL(blob);\n const a = document.createElement('a');\n a.href = url;\n a.download = `scraped_${query.replace(/\\s+/g,'_')}_${Date.now()}.csv`;\n a.click();\n URL.revokeObjectURL(url);\n } catch (e) {\n alert('CSV export failed: ' + e.message);\n } finally {\n if (btn) { btn.textContent = '⬇ Download CSV'; btn.disabled = false; }\n }\n}\n\n// ============================================================\n// DEMO 2: REAL EMAIL PREVIEW GENERATOR\n// Calls /api/email-preview with real personalisation\n// ============================================================\ndocument.getElementById('runEmail')?.addEventListener('click', async () => {\n const subject = document.getElementById('emailSubject').value.trim() || 'Hello from Python!';\n const out = document.getElementById('emailOutput');\n const btn = document.getElementById('runEmail');\n\n btn.disabled = true;\n btn.textContent = '⏳ Generating...';\n out.innerHTML = loadingHTML('Building personalised emails...', ['📋 Reading contacts from CSV...','✍️ Personalising each email...','📧 Preparing to send...']);\n\n const recipients = [\n { name: 'Alice Johnson', email: 'alice@techcorp.com', role: 'Python Developer' },\n { name: 'Bob Smith', email: 'bob@startup.io', role: 'Data Scientist' },\n { name: 'Carol Lee', email: 'carol@agency.co', role: 'Project Manager' },\n { name: 'David Park', email: 'david@freelance.me', role: 'DevOps Engineer' },\n ];\n\n try {\n const res = await fetch('/api/email-preview', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ subject, recipients }),\n });\n const data = await res.json();\n\n out.innerHTML = `\n

\n ✅ Generated ${data.total} personalised emails — Subject: \"${escHtml(subject)}\"\n · \n

\n ${data.generated.map((e, i) => `\n

\n #${i+1}\n ● Ready\n

From: rubasri@pyautomate.io <Rubasri>

To: ${escHtml(e.name)} <${escHtml(e.to)}> · ${escHtml(e.role)}

Subject: ${escHtml(e.subject)}

${escHtml(e.body).replace(/\\n/g,'
')}

`).join('')}\n

\n 🐍 Python code: smtplib.SMTP_SSL('smtp.gmail.com', 465) → loop over contacts.csv → send each with server.sendmail()\n

`;\n\n document.getElementById('downloadEmails')?.addEventListener('click', () => {\n const txt = data.generated.map((e, i) =>\n `--- Email ${i+1} ---\\nTo: ${e.name} <${e.to}>\\nSubject: ${e.subject}\\n\\n${e.body}\\n`\n ).join('\\n');\n const blob = new Blob([txt], { type: 'text/plain' });\n const a = document.createElement('a'); a.href = URL.createObjectURL(blob);\n a.download = `emails_${Date.now()}.txt`; a.click();\n });\n\n } catch (e) {\n out.innerHTML = errorHTML('API error: ' + e.message);\n } finally {\n btn.disabled = false; btn.textContent = 'Generate Emails ▶';\n }\n});\n\n// ============================================================\n// DEMO 3: REAL FILE ORGANIZER\n// Calls /api/organise-files → returns folders + move log\n// ============================================================\ndocument.getElementById('runFileOrg')?.addEventListener('click', async () => {\n const raw = document.getElementById('fileList').value;\n const files = raw.split(',').map(f => f.trim()).filter(Boolean);\n const out = document.getElementById('fileOrgOutput');\n const btn = document.getElementById('runFileOrg');\n\n if (!files.length) { out.innerHTML = '

Please enter some filenames

'; return; }\n\n btn.disabled = true; btn.textContent = '⏳ Organising...';\n out.innerHTML = loadingHTML(`Organising ${files.length} files...`, ['👀 Watching directory...','🔍 Detecting file types...','📁 Creating folders...','📦 Moving files...']);\n\n try {\n const res = await fetch('/api/organise-files', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ files }),\n });\n const data = await res.json();\n const { folders, log, summary } = data;\n\n const folderHTML = Object.entries(folders).map(([folder, flist]: [string, any]) => {\n const icons: Record = {\n Documents:'📄', Images:'🖼️', Videos:'🎬', Music:'🎵',\n Data:'📊', Code:'💻', Archives:'🗜️', Programs:'⚙️', Others:'📁'\n };\n return `

${icons[folder] || '📁'} ${folder}/ (${(flist as string[]).length} file${flist.length > 1 ? 's' : ''})

\n ${(flist as string[]).map(f => `

${f}

`).join('')}\n

`;\n }).join('');\n\n out.innerHTML = `\n

\n ✅ Organised ${summary.total_files} files into ${summary.folders_created} folders in ${summary.elapsed_seconds}s\n · \n

📁 FOLDER STRUCTURE

\n ${folderHTML}\n

📋 MOVE LOG

\n ${log.map(l => `

${escHtml(l)}

`).join('')}\n

\n 🐍 Python code: watchdog.observers.Observer() → shutil.move(src, dest_folder) — runs 24/7 in background\n

`;\n\n document.getElementById('downloadLog')?.addEventListener('click', () => {\n const txt = `PyAutomate File Organizer Log\\nGenerated: ${new Date().toISOString()}\\n\\n` + log.join('\\n');\n const blob = new Blob([txt], { type: 'text/plain' });\n const a = document.createElement('a'); a.href = URL.createObjectURL(blob);\n a.download = `organizer_log_${Date.now()}.txt`; a.click();\n });\n\n } catch (e) {\n out.innerHTML = errorHTML('API error: ' + e.message);\n } finally {\n btn.disabled = false; btn.textContent = 'Organise ▶';\n }\n});\n\n// ============================================================\n// DEMO 4: TIME SAVINGS CALCULATOR (client-side)\n// ============================================================\ndocument.getElementById('runCalc')?.addEventListener('click', () => {\n const taskName = document.getElementById('taskName').value || 'Your Task';\n const manualMins = parseFloat(document.getElementById('manualTime').value) || 45;\n const timesPerWk = parseFloat(document.getElementById('timesPerWeek').value) || 5;\n const autoSecs = parseFloat(document.getElementById('autoTime').value) || 12;\n const out = document.getElementById('calcOutput');\n\n const manualPerWeek = manualMins * timesPerWk;\n const autoPerWeek = (autoSecs / 60) * timesPerWk;\n const savedPerWeek = manualPerWeek - autoPerWeek;\n const savedPerMonth = savedPerWeek * 4.3;\n const savedPerYear = savedPerWeek * 52;\n const hoursPerYear = (savedPerYear / 60).toFixed(1);\n const daysPerYear = (savedPerYear / 60 / 8).toFixed(1);\n const speedup = (manualMins * 60 / autoSecs).toFixed(0);\n\n out.innerHTML = `\n

✅ ROI Report for: \"${escHtml(taskName)}\"

Manual time per run${manualMins} min

Automated time per run${autoSecs} sec

Speed-up factor${speedup}× faster

Runs per week${timesPerWk}×

Manual time per week${manualPerWeek.toFixed(0)} min

Automated time per week${autoPerWeek.toFixed(1)} min

Time saved per month${savedPerMonth.toFixed(0)} min = ${(savedPerMonth/60).toFixed(1)} hrs

\n 🕐 ${hoursPerYear} hours\n saved per year — that's ${daysPerYear} full 8-hour working days back in your life\n

`;\n});\n\n// ============================================================\n// PROJECT FILTER\n// ============================================================\ndocument.querySelectorAll('.filter-btn').forEach(btn => {\n btn.addEventListener('click', () => {\n document.querySelectorAll('.filter-btn').forEach(b => b.classList.remove('active'));\n btn.classList.add('active');\n const filter = btn.dataset.filter;\n document.querySelectorAll('.project-card').forEach(card => {\n const show = filter === 'all' || card.dataset.category === filter;\n card.classList.toggle('hidden', !show);\n if (show) card.style.animation = 'fadeInUp 0.35s ease forwards';\n });\n });\n});\n\n// ============================================================\n// SCROLL ANIMATIONS\n// ============================================================\nconst scrollObs = new IntersectionObserver(entries => {\n entries.forEach((entry, i) => {\n if (!entry.isIntersecting) return;\n const el = entry.target;\n el.style.opacity = '0'; el.style.transform = 'translateY(20px)';\n setTimeout(() => {\n el.style.transition = 'opacity 0.45s ease, transform 0.45s ease';\n el.style.opacity = '1'; el.style.transform = 'translateY(0)';\n }, i * 55);\n scrollObs.unobserve(el);\n });\n}, { threshold: 0.1 });\ndocument.querySelectorAll('.project-card, .tool-card, .pain-card, .contact-item').forEach(el => scrollObs.observe(el));\n\n// Tool bar animation\nconst barObs = new IntersectionObserver(entries => {\n entries.forEach(entry => {\n if (!entry.isIntersecting) return;\n const el = entry.target;\n const w = el.style.width; el.style.width = '0';\n requestAnimationFrame(() => { el.style.transition = 'width 1.2s ease-out'; el.style.width = w; });\n barObs.unobserve(el);\n });\n}, { threshold: 0.4 });\ndocument.querySelectorAll('.tool-fill').forEach(f => barObs.observe(f));\n\n// ============================================================\n// CONTACT FORM\n// ============================================================\ndocument.getElementById('contactForm')?.addEventListener('submit', e => {\n e.preventDefault();\n const msg = document.getElementById('formMsg');\n msg.className = 'form-msg'; msg.textContent = '⏳ Sending...';\n setTimeout(() => {\n msg.className = 'form-msg success';\n msg.textContent = '✅ Message sent! Rubasri will get back to you soon.';\n e.target.reset();\n setTimeout(() => msg.className = 'form-msg hidden', 5000);\n }, 1400);\n});\n\n// ============================================================\n// HELPERS\n// ============================================================\nfunction escHtml(str) {\n return String(str ?? '').replace(/&/g,'&').replace(//g,'>').replace(/\"/g,'"');\n}\n\nfunction loadingHTML(title, steps) {\n return `\n

⏳ ${title}

\n ${steps.map((s, i) => `

${s}

`).join('')}\n

`;\n}\n\nfunction errorHTML(msg) {\n return `

❌ Error

${escHtml(msg)}

`;\n}\n\nconsole.log('🐍 PyAutomate v3 — Real APIs active');\n",[],[56,101],"18a0708a-30d8-11f1-a984-42dde27851f2",["D",1775384010939],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Python Automation Project showcase website","imageUrl","userId","019d5d0e-abc4-71b9-8cf7-363857f7a442","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019d5d0e-abc4-71b9-8cf7-3a926e3b1ace","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_161":157},"org",{"_11":12,"_155":-5,"_156":157,"_118":119,"_158":159,"_160":53},"branch",{"_17":92,"_13":16,"_33":41,"_147":108,"_148":-5,"_149":-5,"_150":-5,"_151":-5,"_152":-5,"_153":14,"_154":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zQnZ3QzV2SjQxQWU5TVlXNWFMVDdza2JUT0oifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":108,"_13":14,"_46":209,"_110":-5,"_111":53,"_112":113,"_114":113,"_115":116,"_117":-5,"_118":119,"_120":-5,"_121":53,"_122":-5,"_123":-5,"_124":76,"_125":126,"_127":-5,"_128":-5,"_129":-5,"_130":-5,"_131":132,"_133":132,"_134":135,"_136":135,"_137":135,"_138":132,"_139":132,"_140":210,"_142":211,"_144":212,"_146":53},[191,195,196],"files",[191,192,193,194,195,196],"counts",{"_182":76,"_183":65,"_184":76,"_32":185,"_186":187},[],{"_33":34,"_13":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":24,"_50":51,"_52":53,"_54":-5,"_18":181},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[56,35],"pulls","branches","forks",{"_188":76,"_190":76},"connections",{"_188":76,"_189":76},"count","unfilledCount","emptyCount",{"_33":80,"_13":56,"_36":39,"_38":-5,"_40":41,"_42":81,"_44":45,"_46":82,"_17":76,"_49":83,"_50":-5,"_52":53,"_54":-5,"_68":207,"_18":208},{"_33":100,"_13":101,"_36":102,"_38":39,"_40":41,"_42":103,"_44":45,"_46":104,"_17":81,"_49":24,"_50":105,"_52":53,"_54":-5,"_68":205,"_18":206},{"_33":34,"_13":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":97,"_17":48,"_49":24,"_50":51,"_52":53,"_54":-5,"_68":203,"_18":204},{"_33":89,"_13":90,"_36":91,"_38":39,"_40":41,"_42":92,"_44":45,"_46":93,"_17":81,"_49":24,"_50":94,"_52":53,"_54":-5,"_68":201,"_18":202},{"_33":71,"_13":72,"_36":73,"_38":-5,"_40":41,"_42":74,"_44":45,"_46":75,"_17":76,"_49":24,"_50":77,"_52":53,"_54":-5,"_68":199,"_18":200},{"_33":60,"_13":61,"_36":62,"_38":-5,"_40":41,"_42":63,"_44":45,"_46":64,"_17":65,"_49":66,"_50":67,"_52":53,"_54":-5,"_68":197,"_18":198},[],[61],[],[72],[],[56,90],[],[56,35],[],[56,101],[192,193,194],[56],["D",1775384010939],{"_11":12,"_161":157},{"_11":12,"_155":-5,"_156":157,"_118":119,"_158":159,"_160":53},{"_17":92,"_13":16,"_33":41,"_147":108,"_148":-5,"_149":-5,"_150":-5,"_151":-5,"_152":-5,"_153":14,"_154":12},"ctx",{"_140":-5,"_178":246,"_247":248,"_249":250,"_251":53,"_252":53,"_253":53,"_254":45,"_255":-5,"_256":-7,"_257":-7,"_258":76,"_259":53,"_260":53,"_261":-5,"_262":53,"_263":53,"_264":53,"_265":-5},"ENV",{"_217":218,"_219":220,"_221":16,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Stop Doing ThingsManually. Ever.

What Is This Project?

Live Demo — Try It Now

🕷️ Simulate a Web Scrape

📧 Bulk Email Preview

📂 File Organizer Simulation

⏱️ Automation ROI Calculator

Automation Projects

Web Scraper Bot

Email Automation

File Organizer

Telegram Bot

Excel Report Generator

Price Tracker

Social Media Poster

Form Data Extractor

Python Libraries Used

Selenium

BeautifulSoup

Schedule

Pandas

Requests

PyAutoGUI

Watchdog

smtplib / imaplib

Have a Task to Automate?

Rubasri

Creator

Val Town

Email

LinkedIn

Stop Doing Things
Manually. Ever.