Ornith 1.5 35b-a3b Browser Test
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WebOS</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { width: 100%; height: 100%; overflow: hidden; font-family: 'Segoe UI', Tahoma, sans-serif; }
#desktop {
position: fixed; inset: 0;
background: linear-gradient(135deg, #1e3c72, #2a5298) no-repeat;
background-size: cover;
overflow: hidden;
user-select: none;
}
/* ---------- Taskbar ---------- */
#taskbar {
position: fixed; bottom: 0; left: 0; right: 0; height: 48px;
background: rgba(20, 20, 30, 0.85);
backdrop-filter: blur(10px);
display: flex; align-items: center; padding: 0 8px;
z-index: 10000; border-top: 1px solid rgba(255,255,255,0.1);
}
#startBtn {
width: 44px; height: 40px; border-radius: 6px; cursor: pointer;
display: flex; align-items: center; justify-content: center;
background: linear-gradient(135deg, #00c6ff, #0072ff);
color: #fff; font-size: 20px; font-weight: bold;
}
#startBtn:hover { filter: brightness(1.15); }
#taskbarApps { flex: 1; display: flex; gap: 6px; padding: 0 8px; overflow-x: auto; }
.taskbar-btn {
height: 40px; padding: 0 14px; border-radius: 6px; cursor: pointer;
background: rgba(255,255,255,0.08); color: #fff; border: none;
display: flex; align-items: center; gap: 6px; font-size: 13px;
min-width: 60px;
}
.taskbar-btn:hover { background: rgba(255,255,255,0.18); }
#clock {
color: #fff; font-size: 13px; padding: 0 12px; text-align: right; line-height: 1.3;
min-width: 90px;
}
/* ---------- Start Menu ---------- */
#startMenu {
position: fixed; bottom: 54px; left: 8px; width: 260px;
background: rgba(28, 28, 38, 0.97); backdrop-filter: blur(12px);
border-radius: 10px; padding: 14px; z-index: 9999;
box-shadow: 0 8px 32px rgba(0,0,0,0.5);...