Mockup giao diện desktop YouTube chế độ tối

{
  "type": "mockup giao diện máy tính để bàn",
  "application": "trang chủ YouTube",
  "theme": "{argument name="theme" default="dark mode"}",
  "browser_window": {
    "url_bar": "{argument name="browser URL" default="youtube.com"}",
    "tabs": 1,
    "elements": ["back/forward buttons", "refresh", "extensions", "profile avatar"]
  },
  "layout": {
    "sidebar": {
      "position": "bên trái",
      "sections": [
        { "title": "Main", "count": 3, "items": ["Home", "Shorts", "Subscriptions"] },
        { "title": "Bạn", "count": 6, "items": ["Your channel", "History", "Playlists", "Your videos", "Watch later", "Liked videos"] },
        { "title": "Kênh đăng ký", "count": 8, "items": ["Linus Tech Tips", "MrBeast", "Kurzgesagt - In a...", "ColdFusion", "3Blue1Brown", "Khan Academy", "Veritasium", "Hiện thêm"] },
        { "title": "Khám phá", "count": 7, "items": ["Trending", "Music", "Films", "Live", "Gaming", "News", "Sport"] },
        { "title": "Nội dung khác từ YouTube", "count": 3, "items": ["YouTube Premium", "YouTube Music", "YouTube Kids"] }
      ]
    },
    "top_filter_bar": {
      "count": 11,
      "labels": ["Tất cả", "Trò chơi", "Âm nhạc", "Trực tiếp", "Podcast", "Danh sách kết hợp", "Khoa học", "Lo-fi", "Phim giật gân", "Mới tải lên gần đây", "Đã xem"]
    },
    "video_grid": {
      "layout": "4 hàng 3 cột",
      "count": 12,
      "videos": [
        { "title": "Tại sao việc tự chế tạo GPU gần như là bất khả thi", "channel": "Linus Tech Tips", "thumbnail": "Chip GPU với mũi tên đỏ" },
        { "title": "Sống sót 100 ngày trong vòng tròn, nhận 500.000 USD", "channel": "MrBeast", "thumbnail": "MrBeast mỉm cười với các thí sinh ở phía sau" },
        { "title": "Điều gì sẽ xảy ra nếu chúng ta bắn bom hạt nhân vào một tiểu hành tinh?", "channel": "Kurzgesagt - In a Nutshell", "thumbnail": "Tên lửa đang tiếp cận một tiểu hành tinh trong không gian" },
        { "title": "Dubai đã trở thành thành phố 10 tỷ USD như thế nào", "channel": "ColdFusion", "thumbnail": "Người đàn ông bên cạnh đường chân trời Dubai với dòng chữ '$0 TO $10B'" },
        { "title": "Vẻ đẹp toán học của đồng nhất thức Euler", "channel": "3Blue1Brown", "thumbnail": "Phương trình toán học và đồ thị xoắn ốc trên nền đen" },
        { "title": "Thế giới năm 2040 - Dân số, Khí hậu và Hơn thế nữa", "channel": "Veritasium", "thumbnail": "Khu rừng xanh tươi tốt với dòng chữ 'The World in 2040'" },
        { "title": "Tôi đã dùng Linux suốt 12 năm, đây là điều cuối cùng khiến...", "channel": "DistroTube", "thumbnail": "Máy tính xách tay và điện thoại thông minh với mũi tên màu xanh lam kết nối chúng" },
        { "title": "Giải thích về hố đen - Từ khi sinh ra đến khi chết đi", "channel": "Khan Academy", "thumbnail": "Đĩa bồi tụ màu cam phát sáng của một hố đen" },
        { "title": "Vấn đề với những lời khuyên ăn kiêng", "channel": "Andrew Huberman", "thumbnail": "Người đàn ông mặc áo sơ mi đen với dòng chữ 'the problem with diet advice'" },
        { "title": "Cách để học mọi thứ (dựa trên bằng chứng)", "channel": "Ali Abdaal", "thumbnail": "Hình minh họa phẳng người đàn ông đang đọc sách xung quanh là những chiếc lá đầy màu sắc" },
        { "title": "The Last of Us Part 2 là một kiệt tác", "channel": "Naughty Dog", "thumbnail": "Chân dung Ellie phong cách gai góc cùng logo trò chơi" },
        { "title": "lofi hip hop radio - giai điệu thư giãn/học bài", "channel": "Lofi Girl", "thumbnail": "Cô gái anime đang học bài tại bàn với khung cảnh thành phố lúc hoàng hôn" }
      ]
    }
  },
  "os_environment": {
    "os": "{argument name="operating system" default="Windows 10"}",
    "taskbar_position": "dưới cùng",
    "visible_icons": ["Start", "Search bar", "Task View", "File Explorer", "Edge", "Spotify"],
    "system_tray": ["network", "volume", "battery", "clock showing 08:34 03/04/2024"]
  }
}