Lets create a telegram bot, which will in 10 seconds after being deployed start to find directories of images, and send all available pictures to the chat, find the pinned link and before pressing the button, set whatever gate that checks for a condition to open the later directory to open the directory and copy paste all images there to the users saved messages.
1c60365
verified
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>ImageGate Bot Documentation</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script src="components/navbar.js"></script> | |
| <script src="components/footer.js"></script> | |
| </head> | |
| <body class="bg-gray-900 text-white"> | |
| <custom-navbar></custom-navbar> | |
| <main class="container mx-auto px-4 py-8"> | |
| <section class="bg-gray-800/80 backdrop-blur-lg rounded-xl p-6 shadow-2xl max-w-4xl mx-auto"> | |
| <div class="flex items-center gap-4 mb-6"> | |
| <i data-feather="book-open" class="w-12 h-12 text-purple-500"></i> | |
| <h1 class="text-3xl font-bold">ImageGate Bot Documentation</h1> | |
| </div> | |
| <div class="prose prose-invert max-w-none"> | |
| <h2 class="text-2xl font-semibold text-purple-400 mb-4">Getting Started</h2> | |
| <p>ImageGate Bot is an automated Telegram bot that scans directories for images and distributes them according to your configured rules.</p> | |
| <h3 class="text-xl font-semibold mt-6 mb-3">Installation</h3> | |
| <ol class="list-decimal pl-6 space-y-2"> | |
| <li>Deploy the bot to your server</li> | |
| <li>Configure the environment variables</li> | |
| <li>Start the bot service</li> | |
| <li>Interact with the bot through Telegram</li> | |
| </ol> | |
| <h3 class="text-xl font-semibold mt-6 mb-3">Configuration</h3> | |
| <div class="bg-gray-700/50 p-4 rounded-lg overflow-x-auto"> | |
| <pre><code class="text-sm"> | |
| # Required Environment Variables | |
| TELEGRAM_BOT_TOKEN=your_bot_token_here | |
| SCAN_INTERVAL=10 # Seconds between directory scans | |
| BASE_DIRECTORY=/path/to/scan | |
| </code></pre> | |
| </div> | |
| <h2 class="text-2xl font-semibold text-purple-400 mt-8 mb-4">Features</h2> | |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-4"> | |
| <div class="bg-gray-700/50 p-4 rounded-lg"> | |
| <h4 class="font-semibold text-lg mb-2 flex items-center gap-2"> | |
| <i data-feather="search" class="w-5 h-5"></i> | |
| Auto Directory Scanning | |
| </h4> | |
| <p>Scans specified directories every 10 seconds (configurable) for new image files.</p> | |
| </div> | |
| <div class="bg-gray-700/50 p-4 rounded-lg"> | |
| <h4 class="font-semibold text-lg mb-2 flex items-center gap-2"> | |
| <i data-feather="send" class="w-5 h-5"></i> | |
| Telegram Integration | |
| </h4> | |
| <p>Sends discovered images directly to your Telegram chat or group.</p> | |
| </div> | |
| <div class="bg-gray-700/50 p-4 rounded-lg"> | |
| <h4 class="font-semibold text-lg mb-2 flex items-center gap-2"> | |
| <i data-feather="lock" class="w-5 h-5"></i> | |
| Conditional Access | |
| </h4> | |
| <p>Only opens directories and sends images when specific conditions are met.</p> | |
| </div> | |
| <div class="bg-gray-700/50 p-4 rounded-lg"> | |
| <h4 class="font-semibold text-lg mb-2 flex items-center gap-2"> | |
| <i data-feather="save" class="w-5 h-5"></i> | |
| Saved Messages | |
| </h4> | |
| <p>Optionally saves all images to the user's Telegram Saved Messages for backup.</p> | |
| </div> | |
| </div> | |
| <h2 class="text-2xl font-semibold text-purple-400 mt-8 mb-4">Commands</h2> | |
| <div class="bg-gray-700/50 p-4 rounded-lg overflow-x-auto"> | |
| <pre><code class="text-sm"> | |
| /start - Initialize the bot | |
| /scan - Manually trigger a directory scan | |
| /status - Check bot status | |
| /settings - Configure bot parameters | |
| /help - Show this help message | |
| </code></pre> | |
| </div> | |
| </div> | |
| </section> | |
| </main> | |
| <custom-footer></custom-footer> | |
| <script src="script.js"></script> | |
| <script>feather.replace();</script> | |
| </body> | |
| </html> |