Spaces:
Sleeping
Sleeping
| <html lang="zh-HK"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>香港數據 AI 分析</title> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <header> | |
| <h1>香港數據分析引擎</h1> | |
| <p>簡單、俐落的 AI 預測模型展示</p> | |
| </header> | |
| <div class="controls"> | |
| <button class="btn" onclick="runAnalysis('housing')">房價預測</button> | |
| <button class="btn" onclick="runAnalysis('traffic')">交通流量</button> | |
| <button class="btn" onclick="runAnalysis('population')">人口趨勢</button> | |
| </div> | |
| <div id="result-card" class="card hidden"> | |
| <div class="status-indicator"></div> | |
| <h2 id="res-title">分析結果</h2> | |
| <p id="res-status" class="meta-text"></p> | |
| <h3 id="res-prediction" class="highlight-text"></h3> | |
| </div> | |
| <hr class="divider"> | |
| <section class="bus-section"> | |
| <div class="bus-header"> | |
| <h2>專案查詢：香港巴士路線</h2> | |
| <div class="bus-controls"> | |
| <select id="lang-select" onchange="renderRouteTable()"> | |
| <option value="tc">繁體中文</option> | |
| <option value="en">English</option> | |
| <option value="sc">简体中文</option> | |
| </select> | |
| <button class="btn btn-sm" onclick="fetchBusRoutes()">更新數據</button> | |
| <span id="refresh-time" class="time-text">未更新</span> | |
| </div> | |
| </div> | |
| <div class="table-container"> | |
| <table id="route-table"> | |
| <thead> | |
| <tr> | |
| <th>路線 (Route)</th> | |
| <th>起點 (Origin)</th> | |
| <th>終點 (Destination)</th> | |
| <th>方向 (Bound)</th> | |
| </tr> | |
| </thead> | |
| <tbody id="route-tbody"> | |
| <tr> | |
| <td colspan="4" style="text-align: center; color: var(--text-muted);">點擊「更新數據」載入即時路線...</td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </div> | |
| </section> | |
| </div> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> |