35 lines
1.3 KiB
Plaintext
35 lines
1.3 KiB
Plaintext
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Lead Scraper — Google Maps</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<script>
|
|
tailwind.config = {
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
sidebar: '#1a1f1e',
|
|
accent: '#4a7c59',
|
|
'accent-hover': '#5a9469',
|
|
dark: '#111413',
|
|
card: '#1e2423',
|
|
'card-hover': '#252b2a',
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style>
|
|
html, body { font-family: 'Inter', system-ui, sans-serif; overflow-x: hidden; }
|
|
.scrollbar-thin::-webkit-scrollbar { width: 6px; }
|
|
.scrollbar-thin::-webkit-scrollbar-track { background: transparent; }
|
|
.scrollbar-thin::-webkit-scrollbar-thumb { background: #333; border-radius: 3px; }
|
|
@keyframes slideIn { from { transform: translateX(100%); } to { transform: translateX(0); } }
|
|
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
|
|
.slide-in { animation: slideIn 0.25s ease-out; }
|
|
.fade-in { animation: fadeIn 0.3s ease-out; }
|
|
@keyframes pulse-dot { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } }
|
|
.pulse-dot { animation: pulse-dot 1.4s infinite ease-in-out both; }
|
|
.pulse-dot:nth-child(1) { animation-delay: -0.32s; }
|
|
.pulse-dot:nth-child(2) { animation-delay: -0.16s; }
|
|
</style>
|