R3N4G4D3 | Project Helix

display: flex; justify-content: center; align-items: center; padding: 40px 20px; position: relative; overflow-x: hidden; } .bg-glow-1 { position: fixed; top: -10%; left: -10%; width: 500px; height: 500px; background: radial-gradient(circle, rgba(56, 189, 248, 0.22) 0%, rgba(0, 0, 0, 0) 70%); border-radius: 50%; z-index: -1; filter: blur(60px); } .bg-glow-2 { position: fixed; bottom: -10%; right: -10%; width: 600px; height: 600px; background: radial-gradient(circle, rgba(139, 92, 246, 0.18) 0%, rgba(0, 0, 0, 0) 70%); border-radius: 50%; z-index: -1; filter: blur(80px); } .window-container { width: 100%; max-width: 820px; background: rgba(30, 32, 38, 0.65); backdrop-filter: blur(25px) saturate(180%); -webkit-backdrop-filter: blur(25px) saturate(180%); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 18px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.1); overflow: hidden; } .window-header { padding: 18px 24px; background: rgba(255, 255, 255, 0.03); border-bottom: 1px solid rgba(255, 255, 255, 0.08); display: flex; align-items: center; gap: 12px; } .mac-dots { display: flex; gap: 8px; } .dot { width: 12px; height: 12px; border-radius: 50%; } .dot-close { background: #ff5f56; border: 0.5px solid #e0443e; } .dot-min { background: #ffbd2e; border: 0.5px solid #dea123; } .dot-max { background: #27c93f; border: 0.5px solid #1aab29; } .path-breadcrumb { font-size: 0.82rem; color: #86868b; font-family: "SF Mono", Menlo, Monaco, Consolas, monospace; background: rgba(0, 0, 0, 0.25); padding: 4px 10px; border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.05); margin-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } h3 { font-size: 0.95rem; font-weight: 600; color: #f5f5f7; letter-spacing: -0.01em; margin-left: auto; } .content-area { padding: 24px; } ul { list-style: none; padding: 0; margin: 0; } li { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.05); padding: 14px 18px; border-radius: 12px; margin-bottom: 10px; transition: all 0.2s ease; } li:hover { background: rgba(255, 255, 255, 0.07); border-color: rgba(255, 255, 255, 0.15); transform: translateY(-1px); } strong a { color: #2997ff; text-decoration: none; font-weight: 500; font-size: 0.95rem; word-break: break-all; } strong a:hover { text-decoration: underline; } small { color: #86868b; font-size: 0.82rem; margin-top: 4px; display: inline-block; } hr { display: none; } .error-msg { color: #ff453a; font-size: 0.9rem; text-align: center; padding: 20px; }
' . htmlspecialchars($displayPath) . '
'; // Your original PHP logic starts here echo "

R3N4G4D3 | Project Helix

"; if (is_dir($dir)) { $contents = scandir($dir); echo ""; } else { echo "
Directory not found.
"; } // UI Footer closing tag echo '
'; ?>