| <!DOCTYPE html>
|
| <html lang="en">
|
| <head>
|
| <meta charset="UTF-8">
|
| <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| <title>FarmAI - Hello World Test</title>
|
| <style>
|
| * { margin: 0; padding: 0; box-sizing: border-box; }
|
| body {
|
| min-height: 100vh;
|
| display: flex;
|
| align-items: center;
|
| justify-content: center;
|
| background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
|
| font-family: 'Segoe UI', sans-serif;
|
| color: #fff;
|
| }
|
| .card {
|
| background: rgba(255,255,255,0.08);
|
| backdrop-filter: blur(12px);
|
| border: 1px solid rgba(255,255,255,0.15);
|
| border-radius: 20px;
|
| padding: 50px 60px;
|
| text-align: center;
|
| animation: fadeIn 1s ease;
|
| }
|
| h1 { font-size: 2.5rem; margin-bottom: 10px; }
|
| .emoji { font-size: 4rem; margin-bottom: 15px; }
|
| p { color: rgba(255,255,255,0.7); font-size: 1.1rem; }
|
| .status { color: #4ade80; font-weight: bold; margin-top: 15px; }
|
| @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
|
| </style>
|
| </head>
|
| <body>
|
| <div class="card">
|
| <div class="emoji">🌾🧠</div>
|
| <h1>Hello World!</h1>
|
| <p>FarmAI is alive and ready.</p>
|
| <p class="status">✅ System Online</p>
|
| </div>
|
| </body>
|
| </html>
|
|
|
