[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_212":213,"_214":215},"routes/_app.x.$handle.$name",{"_101":100,"_38":51,"_109":91,"_33":110,"_13":14,"_111":-5,"_11":112,"_113":114,"_115":116,"_117":118,"_119":120,"_26":-5,"_121":-5,"_122":-5,"_123":31,"_124":125,"_126":127,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_49":50,"_38":51,"_44":52,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":59,"_60":-5,"_19":61,"_62":-5,"_63":31,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":31},"version",12,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","eac73366-d28d-48e2-8ce4-98449b4bfac3","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":39,"_40":26,"_41":43,"_44":45,"_46":14,"_47":48,"_30":31},"previous",{"_36":37,"_38":39,"_40":26,"_41":42},"deleted",false,"deletedHere","path","frontend/app.js","latestPath","fileId","70150588-30d8-11f1-9e9c-42dde27851f2","name","app.js","fileType","content","// ============================================================\n// PYTHON AUTOMATION HUB — APP SCRIPT v2\n// ============================================================\n\n// ---- NAVBAR ----\nconst navbar = document.getElementById('navbar');\nwindow.addEventListener('scroll', () => {\n navbar.classList.toggle('scrolled', window.scrollY > 20);\n});\n\n// Hamburger\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 link on scroll\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 => {\n a.classList.toggle('active', a.getAttribute('href') === `#${cur}`);\n });\n}, { passive: true });\n\n// ---- ANIMATED COUNTERS ----\nconst counters = document.querySelectorAll('.stat-number[data-target]');\nconst counterObserver = 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 const suffix = el.dataset.suffix || (target === 10 ? 'x' : target === 100 ? '%' : '+');\n let current = 0;\n const step = Math.ceil(target / 40);\n const timer = setInterval(() => {\n current = Math.min(current + step, target);\n el.textContent = current + (target === 10 ? 'x' : target === 100 ? '%' : '+');\n if (current >= target) clearInterval(timer);\n }, 40);\n counterObserver.unobserve(el);\n });\n}, { threshold: 0.5 });\ncounters.forEach(c => counterObserver.observe(c));\n\n// ---- HERO BADGE ROTATOR ----\nconst badge = document.getElementById('heroBadge');\nconst badges = [\n '⚡ Automation with Python',\n '🕷️ Web Scraping & Data Collection',\n '📧 Email Automation Pipelines',\n '📂 File & Data Processing',\n '🤖 Bots & API Integrations',\n '⏰ Scheduled Task Automation',\n];\nlet badgeIdx = 0;\nif (badge) {\n setInterval(() => {\n badge.style.opacity = '0';\n setTimeout(() => {\n badgeIdx = (badgeIdx + 1) % badges.length;\n badge.textContent = badges[badgeIdx];\n badge.style.opacity = '1';\n }, 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// ---- DEMO 1: WEB SCRAPER ----\ndocument.getElementById('runScraper')?.addEventListener('click', () => {\n const query = document.getElementById('scrapeQuery').value.trim() || 'Python jobs';\n const out = document.getElementById('scraperOutput');\n\n out.innerHTML = `

🔄 Scraping \"${query}\"

`;\n \n setTimeout(() => {\n const rows = generateScraperData(query);\n out.innerHTML = `\n

\n ✅ Scraped ${rows.length} results for \"${query}\" in ${(Math.random()*1.8+0.8).toFixed(1)}s\n · Exported → ${query.toLowerCase().replace(/\\s+/g,'-')}_data.csv\n

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

#	Title	Source	Value	Scraped At
${i+1}	${r.title}	${r.source}	${r.value}	${r.time}

\n ✅ python scraper.py --query \"${query}\" → ${rows.length} rows saved to CSV\n

`;\n }, 1200);\n});\n\nfunction generateScraperData(query) {\n const sources = ['site1.com','newsapi.io','jobs.io','shop.net','blog.dev','data.gov'];\n const now = new Date();\n const fmt = (d) => d.toLocaleTimeString('en-GB', {hour:'2-digit',minute:'2-digit',second:'2-digit'});\n return Array.from({length: 8}, (_, i) => ({\n title: `${query} — Result ${i + 1}`,\n source: sources[i % sources.length],\n value: query.toLowerCase().includes('price') || query.toLowerCase().includes('iphone')\n ? `$${(Math.random()*500+100).toFixed(2)}`\n : query.toLowerCase().includes('job') ? ['Remote','Hybrid','On-site'][i%3]\n : `${(Math.random()*100).toFixed(0)} matches`,\n time: fmt(new Date(now - i * 800)),\n }));\n}\n\n// ---- DEMO 2: EMAIL BUILDER ----\ndocument.getElementById('runEmail')?.addEventListener('click', () => {\n const subject = document.getElementById('emailSubject').value.trim() || 'Hello from Python!';\n const out = document.getElementById('emailOutput');\n\n out.innerHTML = `

🔄 Generating personalised emails

`;\n\n setTimeout(() => {\n const contacts = [\n { name: 'Alice Johnson', email: 'alice@techcorp.com', role: 'Developer' },\n { name: 'Bob Smith', email: 'bob@startup.io', role: 'Designer' },\n { name: 'Carol Lee', email: 'carol@agency.co', role: 'Manager' },\n { name: 'David Park', email: 'david@freelance.me', role: 'Consultant' },\n ];\n out.innerHTML = `\n

✅ Generated ${contacts.length} personalised emails · Subject: \"${subject}\"

\n ${contacts.map(c => `\n

From: rubasri@pyautomate.io

To: ${c.name} <${c.email}> · ${c.role}

Subject: ${subject}

Hi ${c.name.split(' ')[0]}, as a ${c.role} you'll find this especially useful — [personalised content here]. Regards, Rubasri

`).join('')}\n

\n ✅ python send_emails.py → 4/4 sent in 3.2s · 0 failed\n

`;\n }, 1000);\n});\n\n// ---- DEMO 3: FILE ORGANIZER ----\ndocument.getElementById('runFileOrg')?.addEventListener('click', () => {\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\n if (!files.length) { out.innerHTML = '

Please enter some filenames

'; return; }\n out.innerHTML = `

🔄 Organising ${files.length} files

`;\n\n setTimeout(() => {\n const extMap = {\n pdf:'📄 Documents', docx:'📄 Documents', txt:'📄 Documents',\n jpg:'🖼️ Images', jpeg:'🖼️ Images', png:'🖼️ Images', gif:'🖼️ Images',\n mp4:'🎬 Videos', mov:'🎬 Videos', avi:'🎬 Videos',\n mp3:'🎵 Music', wav:'🎵 Music', flac:'🎵 Music',\n csv:'📊 Data', xlsx:'📊 Data', json:'📊 Data',\n py:'💻 Code', js:'💻 Code', ts:'💻 Code', html:'💻 Code',\n };\n const folders = {};\n files.forEach(f => {\n const ext = f.split('.').pop()?.toLowerCase();\n const folder = extMap[ext] || '📁 Others';\n folders[folder] = folders[folder] || [];\n folders[folder].push(f);\n });\n\n const folderHTML = Object.entries(folders).map(([folder, flist]) =>\n `

${folder}/

\n ${flist.map(f => `

${f}

`).join('')}\n

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

✅ Organised ${files.length} files into ${Object.keys(folders).length} folders in 0.08s

${folderHTML}\n

\n ✅ python organise.py --watch ~/Downloads → watching for new files...\n

`;\n }, 900);\n});\n\n// ---- DEMO 4: TIME SAVINGS CALCULATOR ----\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 roi = ((savedPerYear / autoSecs) * 100).toFixed(0);\n\n out.innerHTML = `\n

✅ ROI calculated for: \"${taskName}\"

Manual time per run${manualMins} min

Automated time per run${autoSecs} sec

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 working days back in your life\n

`;\n});\n\n// ---- PROJECT FILTER ----\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// ---- SCROLL ANIMATIONS ----\nconst animItems = document.querySelectorAll('.project-card, .tool-card, .pain-card, .contact-item');\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';\n el.style.transform = 'translateY(20px)';\n setTimeout(() => {\n el.style.transition = 'opacity 0.45s ease, transform 0.45s ease';\n el.style.opacity = '1';\n el.style.transform = 'translateY(0)';\n }, i * 55);\n scrollObs.unobserve(el);\n });\n}, { threshold: 0.1 });\nanimItems.forEach(el => scrollObs.observe(el));\n\n// ---- TOOL BAR ANIMATION ----\nconst toolFills = document.querySelectorAll('.tool-fill');\nconst barObs = new IntersectionObserver(entries => {\n entries.forEach(entry => {\n if (!entry.isIntersecting) return;\n const el = entry.target;\n const targetW = el.style.width;\n el.style.width = '0';\n requestAnimationFrame(() => {\n el.style.transition = 'width 1.2s ease-out';\n el.style.width = targetW;\n });\n barObs.unobserve(el);\n });\n}, { threshold: 0.4 });\ntoolFills.forEach(f => barObs.observe(f));\n\n// ---- CONTACT FORM ----\ndocument.getElementById('contactForm')?.addEventListener('submit', e => {\n e.preventDefault();\n const msg = document.getElementById('formMsg');\n msg.className = 'form-msg';\n 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\nconsole.log('🐍 PyAutomate v2 — by Rubasri');\n","// ============================================================\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","createdAt",["D",1775386394303],"branchVersion","branchId","18a0b9d2-30d8-11f1-a984-42dde27851f2","id","18a0708a-30d8-11f1-a984-42dde27851f2","python-automation-project",["D",1775384010939],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Python Automation Project showcase website","imageUrl","019d5d0e-abc4-71b9-8cf7-363857f7a442","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019d5d0e-abc4-71b9-8cf7-3a926e3b1ace","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_101":100,"_108":104},"org",{"_101":100,"_102":-5,"_103":104,"_19":61,"_105":106,"_107":31},"branch",{"_13":90,"_38":91,"_49":48,"_92":50,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":51,"_99":100},"isOwned",13,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","Rubasri","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zQnZ3QzV2SjQxQWU5TVlXNWFMVDdza2JUT0oifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_49":50,"_38":51,"_44":208,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":59,"_60":-5,"_19":61,"_62":-5,"_63":31,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":209,"_85":210,"_87":211,"_89":31},"tree",[171,175,176],"files",[171,172,173,174,175,176],"counts",{"_161":67,"_162":142,"_163":67,"_164":165,"_166":167},"contents",[132,133,134],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_49":154,"_38":155,"_36":156,"_138":-5,"_47":48,"_46":157,"_140":127,"_44":158,"_13":67,"_40":159,"_41":-5,"_30":31,"_145":-5,"_33":160},{"_49":147,"_38":148,"_36":149,"_138":-5,"_47":48,"_46":150,"_140":127,"_44":151,"_13":67,"_40":26,"_41":152,"_30":31,"_145":-5,"_33":153},{"_49":135,"_38":136,"_36":137,"_138":-5,"_47":48,"_46":139,"_140":127,"_44":141,"_13":142,"_40":143,"_41":144,"_30":31,"_145":-5,"_33":146},"79c04a20-30dd-11f1-9f2a-42dde27851f2","index.ts","1ce7fcf8-30d8-11f1-ba42-42dde27851f2","parentId",11,"latest",["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","label",[136],"f782d8d4-30dc-11f1-903d-42dde27851f2","README.md","f782d9a6-30dc-11f1-903d-42dde27851f2",10,["D",1775386102783],"# python-automation-project",[148],"42457458-30d8-11f1-ba42-42dde27851f2","frontend","2bc688ce-99af-4a63-88cd-de8e4c442d31",2,["D",1775384080797],"directory",[155],"pulls","branches","forks","envVars",{"_168":67,"_170":67},"connections",{"_168":67,"_169":67},"count","unfilledCount","emptyCount",{"_49":154,"_38":155,"_36":156,"_138":-5,"_47":48,"_46":157,"_140":127,"_44":205,"_13":67,"_40":159,"_41":-5,"_30":31,"_145":-5,"_178":206,"_33":207},{"_49":201,"_38":39,"_36":37,"_138":156,"_47":48,"_46":14,"_140":127,"_44":202,"_13":157,"_40":26,"_41":43,"_30":31,"_145":-5,"_178":203,"_33":204},{"_49":192,"_38":193,"_36":194,"_138":156,"_47":48,"_46":195,"_140":127,"_44":196,"_13":197,"_40":26,"_41":198,"_30":31,"_145":-5,"_178":199,"_33":200},{"_49":184,"_38":185,"_36":186,"_138":156,"_47":48,"_46":187,"_140":31,"_44":188,"_13":142,"_40":26,"_41":189,"_30":31,"_145":-5,"_178":190,"_33":191},{"_49":147,"_38":148,"_36":149,"_138":-5,"_47":48,"_46":150,"_140":127,"_44":181,"_13":67,"_40":26,"_41":152,"_30":31,"_145":-5,"_178":182,"_33":183},{"_49":135,"_38":136,"_36":137,"_138":-5,"_47":48,"_46":139,"_140":127,"_44":177,"_13":142,"_40":143,"_41":144,"_30":31,"_145":-5,"_178":179,"_33":180},["D",1775386321358],"children",[],[136],["D",1775386102783],[],[148],"497a23d8-30db-11f1-8ece-42dde27851f2","style.css","64980b2e-30d8-11f1-9e9c-42dde27851f2",8,["D",1775385381375],"/* ============================================================\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",[],[155,185],"0f377b80-30db-11f1-9c92-42dde27851f2","index.html","424516ac-30d8-11f1-ba42-42dde27851f2",7,["D",1775385283632],3,"\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.

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",[],[155,193],"a53af6be-30dd-11f1-ae1a-42dde27851f2",["D",1775386394303],[],[155,39],["D",1775384080797],[172,173,174],[155],["D",1775384010939],{"_101":100,"_108":104},{"_101":100,"_102":-5,"_103":104,"_19":61,"_105":106,"_107":31},{"_13":90,"_38":91,"_49":48,"_92":50,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":51,"_99":100},"ctx",{"_83":-5,"_129":245,"_246":247,"_248":249,"_250":31,"_251":31,"_252":31,"_253":127,"_254":-5,"_255":-7,"_256":-7,"_257":67,"_258":31,"_259":31,"_260":-5,"_261":31,"_262":31,"_263":31,"_264":-5},"ENV",{"_216":217,"_218":219,"_220":91,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244},"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.

Diff · v12