« Back to History
project_mobile.php
|
20260920_164915.php
Initial Domain Snapshot
Copy Code
<?php $projectKey = $_GET['key'] ?? ''; $stmt = $pdo->prepare(" SELECT e.raw_text, p.project_name FROM vault_entries e LEFT JOIN vault_projects p ON p.project_key = e.project_key WHERE e.project_key = ? ORDER BY e.created_at DESC "); $stmt->execute([$projectKey]); $entries = $stmt->fetchAll(); $projectName = $entries[0]['project_name'] ?? ucfirst($projectKey); ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> /* ===== Base ===== */ body { margin: 0; background: #121212; font-family: system-ui, sans-serif; color: #fff; } /* ===== Header ===== */ .mobile-header { display: flex; justify-content: space-between; align-items: center; padding: 14px 16px; background: #1a1a1a; border-bottom: 1px solid #2a2a2a; } .mobile-title { font-size: 18px; font-weight: 600; } .menu-btn { font-size: 24px; cursor: pointer; } /* ===== Mobile Menu ===== */ .mobile-menu { display: none; background: #1b1b1b; } .mobile-menu a { display: block; padding: 14px 16px; color: #fff; text-decoration: none; border-top: 1px solid #2a2a2a; } /* ===== Content ===== */ .mobile-container { padding: 16px; } .project-title { font-size: 16px; font-weight: 600; margin-bottom: 12px; opacity: 0.9; } /* ===== Card ===== */ .mobile-card { background: #ffad5a; border-radius: 10px; padding: 22px 20px; margin-bottom: 20px; color: #111; } .mobile-text { font-size: 18px; line-height: 1.9; } </style> </head> <body> <!-- APP HEADER --> <div class="mobile-header"> <div class="mobile-title">Vault</div> <div class="menu-btn" onclick="toggleMenu()">☰</div> </div> <!-- MOBILE MENU --> <div class="mobile-menu" id="mobileMenu"> <a href="/vault/">Vault</a> <a href="/vault/?page=project&key=erp">ERP</a> <a href="/vault/?page=project&key=shayari_cms">Shayari CMS</a> <a href="/vault/?page=project&key=shayari_work">Shayari Work</a> <a href="/vault/?page=project&key=mobile_shop">Mobile Shop ERP</a> </div> <!-- CONTENT --> <div class="mobile-container"> <div class="project-title"> <?= htmlspecialchars($projectName) ?> </div> <?php foreach ($entries as $e): ?> <div class="mobile-card"> <div class="mobile-text"> <?= nl2br(htmlspecialchars($e['raw_text'])) ?> </div> </div> <?php endforeach; ?> </div> <script> function toggleMenu() { const menu = document.getElementById('mobileMenu'); menu.style.display = (menu.style.display === 'block') ? 'none' : 'block'; } </script> </body> </html>