Server IP : 202.29.229.35 / Your IP : 216.73.216.45 Web Server : Apache System : Linux aapanel2 4.15.0-213-generic #224-Ubuntu SMP Mon Jun 19 13:30:12 UTC 2023 x86_64 User : www ( 1001) PHP Version : 5.5.38 Disable Function : passthru,exec,system,putenv,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv MySQL : ON | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /www/wwwroot/www.ivecr2.ac.th/ |
Upload File : |
<!DOCTYPE html> <html lang="th"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>เว็บไซต์ปิดซ่อมบำรุง</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; display: flex; align-items: center; justify-content: center; color: white; } .maintenance-container { text-align: center; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border-radius: 20px; padding: 50px; box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); border: 1px solid rgba(255, 255, 255, 0.18); max-width: 600px; margin: 20px; } .icon { font-size: 80px; margin-bottom: 30px; display: block; } h1 { font-size: 2.5em; margin-bottom: 20px; font-weight: 300; } p { font-size: 1.2em; line-height: 1.6; margin-bottom: 15px; opacity: 0.9; } .contact-info { margin-top: 30px; font-size: 1em; opacity: 0.8; } .spinner { border: 3px solid rgba(255, 255, 255, 0.3); border-radius: 50%; border-top: 3px solid white; width: 40px; height: 40px; animation: spin 1s linear infinite; margin: 30px auto; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media (max-width: 768px) { .maintenance-container { padding: 30px 20px; } h1 { font-size: 2em; } .icon { font-size: 60px; } } </style> </head> <body> <div class="maintenance-container"> <div class="icon">🔧</div> <h1>เว็บไซต์ปิดซ่อมบำรุง</h1> <p>ขออภัยในความไม่สะดวก เว็บไซต์ของเรากำลังอยู่ระหว่างการปรับปรุงและซ่อมบำรุง</p> <p>เราจะกลับมาให้บริการโดยเร็วที่สุด</p> <div class="spinner"></div> <div class="contact-info"> <p>หากมีข้อสงสัยหรือต้องการติดต่อเร่งด่วน</p> <p>กรุณาติดต่อผู้ดูแลระบบ</p> </div> </div> <script> // แสดงเวลาปัจจุบัน function updateTime() { const now = new Date(); const timeString = now.toLocaleString('th-TH', { timeZone: 'Asia/Bangkok', year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit', second: '2-digit' }); // เพิ่มข้อความเวลาถ้ายังไม่มี if (!document.querySelector('.current-time')) { const timeDiv = document.createElement('div'); timeDiv.className = 'current-time'; timeDiv.style.marginTop = '20px'; timeDiv.style.fontSize = '0.9em'; timeDiv.style.opacity = '0.7'; document.querySelector('.maintenance-container').appendChild(timeDiv); } document.querySelector('.current-time').innerHTML = `<p>เวลาปัจจุบัน: ${timeString}</p>`; } // อัพเดทเวลาทุกวินาที updateTime(); setInterval(updateTime, 1000); // เปลี่ยนสี background แบบค่อยๆ เปลี่ยน let hue = 0; setInterval(() => { hue += 0.5; if (hue >= 360) hue = 0; document.body.style.background = `linear-gradient(135deg, hsl(${hue}, 70%, 60%) 0%, hsl(${hue + 60}, 70%, 50%) 100%)`; }, 100); </script> </body> </html>