Dodocool.setup Welcome.html Online
.step-indicator background: rgba(255,255,255,0.12); backdrop-filter: blur(2px); padding: 8px 18px; border-radius: 60px; font-weight: 500; font-size: 0.85rem; color: #c7e2ef;
.info-card p font-size: 0.9rem; color: #4b6a86; line-height: 1.5;
.modal-card h3 font-size: 1.6rem; margin-bottom: 12px; color: #0b2b3b;
<div class="welcome-content"> <div class="welcome-title"> Welcome to dodocool setup </div> <div class="subhead"> Get your dodocool Wi-Fi extender / router up and running in minutes. Follow the simple steps below to configure your network. </div> dodocool.setup welcome.html
.btn-start:active transform: scale(0.98);
<div class="setup-grid"> <div class="info-card"> <div class="card-icon">📶</div> <h3>1. Connect to device</h3> <p>Use your phone, tablet or computer to join the dodocool Wi-Fi network:</p> <ul> <li><strong>SSID:</strong> dodocool_Setup_XXXX</li> <li><strong>Password:</strong> (none) or "dodocool123"*</li> </ul> <p style="font-size:0.75rem; margin-top:8px;">*Check label on your device</p> </div> <div class="info-card"> <div class="card-icon">🌐</div> <h3>2. Configure settings</h3> <p>Open this page again or follow guided wizard. Set your Wi-Fi name (SSID) and secure password for extended network.</p> <ul> <li>✔ Select your home Wi-Fi</li> <li>✔ Extend or route mode</li> </ul> </div> <div class="info-card"> <div class="card-icon">🔒</div> <h3>3. Secure & finish</h3> <p>Create admin credentials to manage dodocool device. Final step — reboot and enjoy strong Wi-Fi everywhere.</p> <ul> <li>🔐 WPA2/WPA3 encryption</li> <li>⚡ LED indicators guide</li> </ul> </div> </div>
#resetHint:hover text-decoration: underline; opacity: 0.8; cursor: pointer; Secure & finish<
.close-modal:hover background: #1c4e63;
.wifi-badge background: #1f2f3a; border-radius: 30px; padding: 4px 12px; color: #2dd4bf; font-family: monospace; font-weight: 500; font-size: 0.8rem;
.info-card li margin: 8px 0;
.modal-card background: white; max-width: 480px; width: 90%; border-radius: 48px; padding: 32px 28px; text-align: center; box-shadow: 0 40px 60px rgba(0, 0, 0, 0.3); animation: fadeSlideUp 0.25s ease;
// additional: simulate first time user seeing network info console.log('dodocool setup welcome page ready — SSID broadcast active');
</style>
<div class="action-area"> <div class="network-hint"> <span>📡</span> Default setup network active: <span class="wifi-badge">dodocool_Setup_2G</span> <span style="font-size:0.75rem;">(open access)</span> </div> <button class="btn-start" id="startSetupBtn"> 🚀 Start Setup → </button> </div>