Files
twinpath-hotspot-themes/README.md
2026-01-12 12:24:51 +07:00

3.3 KiB

TwinpathNet Logo

TwinpathNet Hotspot Theme

A high-performance, Vercel-inspired Mikrotik Hotspot template designed for modern ISPs.

Release Mikrotik Design System License


Features

🎨 Vercel-Inspired UI

Built with a sleek, dark-mode-first prioritization. Minimalist aesthetics that focus on content and typography, providing a premium feel for end-users.

🛡️ Advanced Security

  • API Hardening: Automatically hides details of unused vouchers (0 uptime/bytes) to prevent enumeration attacks.
  • Form Isolation: 'Info Check' logic is physically separated from the main login form, preventing accidental logins.
  • Input Guard: Native Enter key handling preventing unwanted form submissions.

Smart QR Scanner

  • Context-Aware: Intelligently switches between "Login Mode" and "Check Status Mode".
  • Fast Path: Instantly processes scanned codes without unnecessary confirmation dialogs when checking status.
  • Auto Cleanup: Modals automatically close when switching tabs or pressing Escape.

🌐 Multi-Language Support

  • Native Localization: Built-in JSON-based translation engine (ID/EN).
  • Auto-Detect: Remembers user preference via LocalStorage.

🚀 Installation

  1. Download Release Grab the latest .zip from the Releases Page.

  2. Drag & Drop Extract the folder and upload it to your Mikrotik's Files menu via Winbox or FTP.

  3. Configure Profile Go to IP > Hotspot > Server Profiles, select your profile, and point HTML Directory to the uploaded folder.


🛠️ Configuration

Open js/config.js to customize your brand:

const brandConfig = {
    brandName: "TwinpathNet",
    portalUrl: "http://h.twinpath.net", // Your Hotspot DNS Name
    mikhmonUrl: "https://mikhmon.dyzulk.com", // Your Mikhmon API URL
    mikhmonSession: "Twinpath-Net" // Your Mikhmon Session Name
};

📸 Screenshots

Login Screen Voucher Check

Crafted with ❤️ by @dyzulk

Powered by Mikrotik & Vanilla JS