PhongPham
51f2505839
- Added complete Next.js frontend with responsive design - Added NestJS backend with PostgreSQL and Redis - Added comprehensive VPS deployment script (vps-deploy.sh) - Added deployment guide and documentation - Added all assets and static files - Configured SSL, Nginx, PM2, and monitoring - Ready for production deployment on any VPS
100 lines
3.5 KiB
HTML
100 lines
3.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Favicon Test - Laca City</title>
|
|
|
|
<!-- Favicons -->
|
|
<link rel="icon" href="favicon.ico?v=3" type="image/x-icon">
|
|
<link rel="shortcut icon" href="favicon.ico?v=3">
|
|
<link rel="icon" href="favicon-16x16.png?v=3" sizes="16x16" type="image/png">
|
|
<link rel="icon" href="favicon-32x32.png?v=3" sizes="32x32" type="image/png">
|
|
<link rel="icon" href="favicon.png?v=3" sizes="192x192" type="image/png">
|
|
<link rel="apple-touch-icon" href="apple-touch-icon.png?v=3" sizes="180x180">
|
|
<meta name="theme-color" content="#E85A4F">
|
|
|
|
<style>
|
|
body {
|
|
font-family: Arial, sans-serif;
|
|
max-width: 800px;
|
|
margin: 50px auto;
|
|
padding: 20px;
|
|
background: #f5f5f5;
|
|
}
|
|
.container {
|
|
background: white;
|
|
padding: 40px;
|
|
border-radius: 10px;
|
|
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
|
}
|
|
h1 {
|
|
color: #E85A4F;
|
|
text-align: center;
|
|
}
|
|
.favicon-test {
|
|
border: 2px solid #E85A4F;
|
|
padding: 20px;
|
|
margin: 20px 0;
|
|
border-radius: 8px;
|
|
background: #fff8f8;
|
|
}
|
|
.favicon-display {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 15px;
|
|
margin: 10px 0;
|
|
}
|
|
.favicon-display img {
|
|
border: 1px solid #ccc;
|
|
padding: 5px;
|
|
background: white;
|
|
}
|
|
.instructions {
|
|
background: #e8f4f8;
|
|
padding: 15px;
|
|
border-radius: 5px;
|
|
border-left: 4px solid #2196F3;
|
|
margin: 20px 0;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<h1>🎯 Favicon Test Page - Laca City</h1>
|
|
|
|
<div class="instructions">
|
|
<strong>📋 Instructions:</strong>
|
|
<ol>
|
|
<li>Look at your browser tab - you should see the red LC logo</li>
|
|
<li>Try refreshing the page (Ctrl+F5 or Cmd+Shift+R)</li>
|
|
<li>Clear browser cache if needed</li>
|
|
<li>Bookmark this page to test bookmark favicon</li>
|
|
</ol>
|
|
</div>
|
|
|
|
<div class="favicon-test">
|
|
<h3>🔍 Favicon Display Test</h3>
|
|
<div class="favicon-display">
|
|
<span><strong>16x16:</strong></span>
|
|
<img src="favicon-16x16.png?v=3" width="16" height="16" alt="16x16 favicon">
|
|
</div>
|
|
<div class="favicon-display">
|
|
<span><strong>32x32:</strong></span>
|
|
<img src="favicon-32x32.png?v=3" width="32" height="32" alt="32x32 favicon">
|
|
</div>
|
|
<div class="favicon-display">
|
|
<span><strong>64x64:</strong></span>
|
|
<img src="favicon.png?v=3" width="64" height="64" alt="64x64 favicon">
|
|
</div>
|
|
</div>
|
|
|
|
<div style="text-align: center; margin-top: 30px;">
|
|
<p>✅ If you can see the red LC logo in the browser tab and in the images above, the favicon is working correctly!</p>
|
|
<a href="../" style="color: #E85A4F; text-decoration: none; font-weight: bold;">← Back to Homepage</a> |
|
|
<a href="/?app=parking" style="color: #E85A4F; text-decoration: none; font-weight: bold;">Go to Parking App →</a>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|